:root {
      --bg: #f6fbfb;
      --ink: #111820;
      --muted: #5e6f82;
      --line: #dce9ff;
      --green: #33b56f;
      --green-dark: #23925b;
      --gold: #f3b218;
      --nav-ink: #2f4463;
    }

    * { box-sizing: border-box; }

    @media (min-width: 1024px) {
      html {
        zoom: 0.8;
      }
    }

    @supports not (zoom: 1) {
      @media (min-width: 1024px) {
        body {
          transform: scale(0.8);
          transform-origin: top left;
          width: 125%;
          overflow-x: hidden;
        }
      }
    }

    body {
      margin: 0;
      font-family: "Inter", sans-serif;
      color: var(--ink);
      background: #ffffff;
    }

    body.mobile-menu-open {
      overflow: hidden;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 10;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(8px);
    }

    .nav-wrap {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      height: 88px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      column-gap: 22px;
    }

    .left-cluster {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .logo-link {
      margin-left: -10px;
    }

    .logo-link img {
      width: 88px;
      height: auto;
      display: block;
    }

    .lang-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      border: 0;
      background: transparent;
      color: #243653;
      cursor: default;
      font-family: inherit;
      padding: 0;
    }

    .lang-icon {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      border: 2px solid #2d8b57;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #27a866;
      color: #ffffff;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0.02em;
    }

    .lang-icon::before {
      content: "A";
    }

    .lang-text {
      line-height: 1.1;
      text-align: left;
      white-space: nowrap;
    }

    .lang-text .l1 {
      font-size: 15px;
      font-weight: 500;
      color: #37455f;
    }

    .lang-text .l2 {
      margin-top: 5px;
      font-size: 14px;
      font-weight: 700;
      color: #5a6579;
    }

    .lang-select {
      margin-top: 5px;
      border: 0;
      background: transparent;
      font-size: 14px;
      font-weight: 700;
      color: #5a6579;
      font-family: inherit;
      padding: 0 18px 0 0;
      cursor: pointer;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: linear-gradient(45deg, transparent 50%, #6a768b 50%), linear-gradient(135deg, #6a768b 50%, transparent 50%);
      background-position: calc(100% - 12px) calc(50% + 1px), calc(100% - 7px) calc(50% + 1px);
      background-size: 5px 5px, 5px 5px;
      background-repeat: no-repeat;
      min-width: 88px;
    }

    .lang-select option {
      color: #243653;
      font-weight: 600;
    }

    .goog-te-banner-frame.skiptranslate,
    iframe.skiptranslate {
      display: none !important;
    }

    body {
      top: 0 !important;
    }

    .menu {
      justify-self: center;
      display: flex;
      align-items: center;
      gap: 48px;
      color: var(--nav-ink);
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
    }

    .menu a {
      color: inherit;
      text-decoration: none;
      white-space: nowrap;
    }

    .services-dropdown {
      position: relative;
    }

    .services-trigger {
      border: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 0;
      cursor: pointer;
    }

    .services-caret {
      font-size: 11px;
      color: #6d7e9a;
      transition: transform 0.18s ease;
      line-height: 1;
    }

    .services-dropdown.open .services-caret {
      transform: rotate(180deg);
    }

    .services-panel {
      position: absolute;
      top: calc(100% + 12px);
      left: -14px;
      width: 518px;
      border: 1px solid #d4dff2;
      border-radius: 16px;
      background: #edf3ff;
      box-shadow: 0 20px 40px rgba(38, 66, 110, 0.16);
      padding: 10px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(8px);
      pointer-events: none;
      transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
      z-index: 60;
    }

    .services-dropdown.open .services-panel {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      pointer-events: auto;
    }

    .services-all-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 10px 12px;
      border-radius: 10px;
      color: #253a58;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      background: #f4f8ff;
    }

    .services-all-link:hover {
      background: #dde7f8;
    }

    .services-item-main {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }

    .services-icon {
      width: 16px;
      height: 16px;
      object-fit: contain;
      display: block;
      flex: 0 0 auto;
    }

    .services-glyph {
      width: 16px;
      height: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #395171;
      font-size: 14px;
      font-weight: 800;
      flex: 0 0 auto;
    }

    .services-menu-grid {
      margin-top: 8px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      align-items: stretch;
      height: min(430px, calc(100vh - 220px));
    }

    .services-menu-grid > * {
      min-height: 0;
    }

    .services-first-list,
    .services-second-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .services-first-list li + li {
      margin-top: 2px;
    }

    .services-first-list button {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      border: 0;
      border-radius: 10px;
      background: transparent;
      color: #213752;
      font-family: inherit;
      font-size: 15px;
      font-weight: 600;
      text-align: left;
      padding: 9px 12px;
      cursor: pointer;
    }

    .services-first-list,
    .services-second-list {
      max-height: 100%;
      height: 100%;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: #35be74 #d5e1f4;
      padding-right: 2px;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      min-height: 0;
      scroll-behavior: smooth;
      touch-action: pan-y;
      will-change: scroll-position;
    }

    .services-first-list::-webkit-scrollbar,
    .services-second-list::-webkit-scrollbar {
      width: 8px;
    }

    .services-first-list::-webkit-scrollbar-track,
    .services-second-list::-webkit-scrollbar-track {
      background: #d5e1f4;
      border-radius: 999px;
    }

    .services-first-list::-webkit-scrollbar-thumb,
    .services-second-list::-webkit-scrollbar-thumb {
      border-radius: 999px;
      background: linear-gradient(135deg, #37c878, #22935b);
    }

    .services-first-list li.is-active button,
    .services-first-list button:hover,
    .services-first-list button:focus-visible {
      background: #d9e5fb;
      outline: none;
    }

    .services-first-list .arrow {
      color: #4a607f;
      font-size: 13px;
      font-weight: 700;
    }

    .services-second-wrap {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      border: 1px solid #cfdcf0;
      border-radius: 12px;
      background: #dfe8fa;
      min-height: 0;
      height: 100%;
      overflow: hidden;
    }

    .services-second-title {
      margin: 0;
      padding: 10px 12px 9px;
      border-bottom: 1px solid #cedaf0;
      font-size: 14px;
      font-weight: 700;
      color: #283f60;
    }

    .services-second-list li + li {
      border-top: 1px solid #d0dbef;
    }

    .services-second-list {
      min-height: 0;
    }

    .services-second-list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 10px 12px;
      color: #1f344f;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      white-space: nowrap;
    }

    .services-second-list a::after {
      content: ">";
      color: #4a617f;
      font-size: 13px;
      font-weight: 700;
      flex: 0 0 auto;
    }

    .services-second-link-main {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }

    .services-second-list a:hover {
      background: rgba(255, 255, 255, 0.45);
    }

    .auth {
      display: flex;
      gap: 14px;
      align-items: center;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      border-radius: 999px;
      padding: 0 30px;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      border: 1px solid transparent;
      white-space: nowrap;
    }

    .btn-login {
      color: #30496f;
      border-color: #c3d7f4;
      background: #ffffff;
    }

    .btn-signup {
      color: #ffffff;
      background: linear-gradient(135deg, #37c878, #22935b);
      box-shadow: 0 14px 30px rgba(37, 163, 102, 0.24);
    }

    .mobile-menu-toggle,
    .mobile-menu-overlay {
      display: none;
    }

    .mobile-menu-toggle {
      width: 46px;
      height: 46px;
      border-radius: 14px;
      border: 1px solid #c9d9f3;
      background: #ffffff;
      align-items: center;
      justify-content: center;
      gap: 4px;
      flex-direction: column;
      padding: 0;
      cursor: pointer;
      box-shadow: 0 10px 20px rgba(28, 63, 110, 0.08);
    }

    .mobile-menu-toggle span {
      width: 18px;
      height: 2px;
      border-radius: 999px;
      background: #264163;
      display: block;
    }

    .mobile-menu-overlay {
      position: fixed;
      inset: 0;
      z-index: 120;
      background: rgba(16, 28, 46, 0.28);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.22s ease, visibility 0.22s ease;
    }

    .mobile-menu-overlay.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .mobile-menu-panel {
      margin-left: auto;
      width: min(340px, 88vw);
      height: 100%;
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      box-shadow: -20px 0 50px rgba(18, 42, 76, 0.18);
      padding: 18px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      transform: translateX(100%);
      transition: transform 0.22s ease;
    }

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

    .mobile-menu-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .mobile-menu-title {
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: 20px;
      color: #1c3350;
      letter-spacing: -0.02em;
    }

    .mobile-menu-close {
      width: 38px;
      height: 38px;
      border-radius: 12px;
      border: 1px solid #d3e0f4;
      background: #ffffff;
      color: #355276;
      font-size: 24px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    .mobile-menu-nav {
      display: grid;
      gap: 10px;
    }

    .mobile-menu-nav a {
      min-height: 50px;
      border-radius: 14px;
      border: 1px solid #dbe5f7;
      background: #ffffff;
      color: #233b5b;
      text-decoration: none;
      font-size: 15px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 14px;
      box-shadow: 0 8px 20px rgba(31, 61, 103, 0.05);
    }

    .mobile-menu-nav a::after {
      content: "›";
      color: #6d82a1;
      font-size: 20px;
      line-height: 1;
    }

    .mobile-menu-lang {
      margin-top: auto;
      border: 1px solid #d8e3f6;
      border-radius: 16px;
      background: #ffffff;
      padding: 14px;
      display: grid;
      gap: 10px;
      box-shadow: 0 8px 20px rgba(31, 61, 103, 0.05);
    }

    .mobile-menu-label {
      color: #4a607f;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .mobile-menu-select {
      width: 100%;
      height: 46px;
      margin-top: 0;
      border: 1px solid #d1def3;
      border-radius: 12px;
      background-color: #f7fbff;
      padding: 0 42px 0 14px;
      font-size: 15px;
      font-weight: 700;
      color: #253b59;
      background-position: calc(100% - 18px) calc(50% + 1px), calc(100% - 13px) calc(50% + 1px);
    }

    .hero-wrap {
      position: relative;
      padding: 18px 0 38px;
      overflow: visible;
    }

    .hero-shell {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      border-radius: 30px;
      background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 66%, #effaf1 100%);
      padding: 22px 56px 24px;
      position: relative;
    }

    .hero-shell > *:not(.floating-right) {
      position: relative;
      z-index: 2;
    }

    .rating-chip {
      width: fit-content;
      margin: 2px auto 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      background: #ffffff;
      border: 1px solid #d7e3f8;
      border-radius: 14px;
      padding: 8px 14px;
      box-shadow: 0 4px 12px rgba(33, 64, 114, 0.06);
    }

    .rating-left,
    .rating-right {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .g-logo {
      width: 34px;
      height: 34px;
      display: block;
    }

    .rating-text {
      display: flex;
      flex-direction: column;
      gap: 1px;
      line-height: 1;
    }

    .stars {
      font-size: 14px;
      letter-spacing: 1px;
      color: var(--gold);
      font-weight: 800;
    }

    .reviews {
      font-size: 12px;
      color: #2b3d58;
      font-weight: 600;
    }

    .rating-divider {
      width: 1px;
      height: 36px;
      background: #d8e0f0;
    }

    .score-line {
      font-size: 16px;
      color: #202c3f;
      font-weight: 500;
      line-height: 1.05;
      white-space: nowrap;
    }

    .score-line strong { font-weight: 800; }

    .hero-title {
      margin: 0 auto;
      text-align: center;
      max-width: 1180px;
      font-size: clamp(36px, 3.3vw, 60px);
      line-height: 1.12;
      letter-spacing: -0.03em;
      font-weight: 800;
    }

    .hero-title .green {
      color: var(--green);
      display: inline;
    }

    .hero-title .green-highlight {
      position: relative;
      z-index: 0;
      padding: 0 6px;
    }

    .hero-title .green-highlight::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 8px;
      height: 0.52em;
      border-radius: 8px;
      background: rgba(51, 181, 111, 0.2);
      z-index: -1;
    }

    .hero-desc {
      margin: 20px auto 0;
      max-width: 1120px;
      text-align: center;
      font-size: 16px;
      line-height: 1.5;
      color: var(--muted);
      font-weight: 500;
    }

    .benefits {
      margin: 24px auto 0;
      max-width: 1160px;
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px 34px;
    }

    .benefits li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 20px;
      font-weight: 600;
      color: #2c3f5f;
      white-space: nowrap;
    }

    .check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #39c777, #20a05e);
      color: #ffffff;
      font-size: 14px;
      flex: 0 0 auto;
    }

    .trust-bar {
      margin: 24px auto 0;
      width: min(860px, calc(100% - 140px));
      border: 1px solid #cfddf5;
      border-radius: 18px;
      background: #ffffff;
      padding: 8px 10px;
      display: grid;
      grid-template-columns: 1fr minmax(250px, 320px);
      gap: 12px;
      align-items: center;
      box-shadow: 0 10px 24px rgba(35, 71, 126, 0.1);
    }

    .trust-main {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: flex-start;
      padding-left: 6px;
      color: #183257;
      font-size: 16px;
      font-weight: 800;
    }

    .avatars {
      display: flex;
      align-items: center;
    }

    .avatars img {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      border: 2px solid #ffffff;
      margin-left: -8px;
      object-fit: cover;
      box-shadow: 0 3px 8px rgba(22, 56, 105, 0.18);
    }

    .avatars img:first-child { margin-left: 0; }

    .hero-cta-group {
      display: grid;
      gap: 8px;
    }

    .trial-btn {
      height: 48px;
      border-radius: 12px;
      border: 0;
      font-size: 17px;
      font-weight: 700;
      color: #ffffff;
      background: linear-gradient(135deg, #37c878, #23925a);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: transform 0.16s ease, box-shadow 0.16s ease;
    }

    .trial-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 8px 20px rgba(35, 146, 90, 0.25);
    }

    .trial-btn-secondary {
      border: 1px solid #c5d6f3;
      color: #1f3a64;
      background: #eef4ff;
      font-size: 16px;
      font-weight: 700;
    }

    .trial-btn-secondary:hover {
      box-shadow: 0 8px 18px rgba(31, 58, 100, 0.18);
    }

    .hero-login-block {
      margin-top: 18px;
    }

    .hero-login-block .login-row {
      margin-top: 0;
    }

    .mobile-login-toggle {
      display: none;
      width: 100%;
      border: 1px solid #d6e2f5;
      border-radius: 18px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      padding: 14px 16px;
      text-align: left;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      box-shadow: 0 10px 24px rgba(31, 70, 118, 0.08);
      cursor: pointer;
    }

    .hero-login-block:not(.mobile-login-managed) .mobile-login-toggle {
      display: none !important;
    }

    .mobile-login-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .mobile-login-kicker {
      color: #5f7290;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .mobile-login-copy strong {
      color: #173358;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: 16px;
      font-weight: 800;
      letter-spacing: -0.02em;
    }

    .mobile-login-caret {
      color: #5e7393;
      font-size: 24px;
      line-height: 1;
      transition: transform 0.18s ease;
      flex: 0 0 auto;
    }

    .hero-login-block.is-open .mobile-login-caret {
      transform: rotate(90deg);
    }

    .small-test-notice {
      width: min(1160px, calc(100vw - 56px));
      margin: 18px auto 18px;
      border: 1px solid #d8e5fa;
      border-radius: 16px;
      background: linear-gradient(180deg, #f6fbff 0%, #eef6ff 100%);
      padding: 18px 54px 18px 20px;
      position: relative;
      box-shadow: 0 10px 24px rgba(31, 70, 118, 0.08);
    }

    .small-test-notice p {
      margin: 0;
      font-size: 15px;
      line-height: 1.6;
      color: #224067;
      font-weight: 600;
    }

    .small-test-notice p + p {
      margin-top: 6px;
    }

    .small-test-notice-btn {
      margin-top: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 18px;
      border-radius: 12px;
      text-decoration: none;
      color: #ffffff;
      font-size: 15px;
      font-weight: 700;
      background: linear-gradient(135deg, #39c777, #23925a);
      box-shadow: 0 8px 20px rgba(35, 146, 90, 0.25);
    }

    .small-test-notice-close {
      position: absolute;
      top: 9px;
      right: 10px;
      width: 28px;
      height: 28px;
      border-radius: 999px;
      border: 1px solid #d0def4;
      background: #ffffff;
      color: #3a5578;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .small-test-notice.is-hidden {
      display: none !important;
    }

    .floating-right {
      position: absolute;
      right: -148px;
      top: 326px;
      width: 184px;
      height: 184px;
      border-radius: 0;
      background: transparent;
      opacity: 1;
      overflow: visible;
      pointer-events: none;
      z-index: 1;
      -webkit-mask-image: none;
      mask-image: none;
    }

    .floating-right img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      opacity: 0.42;
      object-position: center bottom;
      filter: saturate(0.96) brightness(1.03);
      transform: none;
    }

    .login-row {
      margin: 18px auto 0;
      width: min(1080px, calc(100% - 4px));
      border: 1px solid #d8e5fa;
      border-radius: 24px;
      background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
      padding: 18px 20px;
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      position: relative;
      z-index: 3;
      box-shadow: 0 10px 24px rgba(31, 70, 118, 0.08);
    }

    .login-quickcopy {
      display: grid;
      gap: 6px;
      min-width: 0;
      padding: 2px 0;
    }

    .login-eyebrow {
      color: #2aa366;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .login-quickcopy strong {
      color: #173358;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: 24px;
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1.2;
    }

    .login-quickcopy p {
      margin: 0;
      color: #5f7290;
      font-size: 15px;
      line-height: 1.6;
      font-weight: 600;
    }

    .login-note {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      max-width: 100%;
      min-height: 34px;
      padding: 8px 12px;
      border-radius: 999px;
      background: #edf7f0;
      border: 1px solid #cde8d5;
      color: #1f7a4f;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.4;
    }

    .login-actions {
      display: grid;
      grid-template-columns: 1.15fr 1fr 1fr;
      gap: 10px;
    }

    .login-link,
    .signin-btn {
      min-height: 54px;
      border-radius: 14px;
      font-size: 16px;
      font-weight: 700;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      text-align: center;
      gap: 4px;
      padding: 12px 14px;
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    .signin-btn {
      border: 0;
      color: #ffffff;
      background: linear-gradient(135deg, #37c878, #1f7a4f);
      box-shadow: 0 10px 24px rgba(31, 122, 79, 0.22);
    }

    .login-link {
      border: 1px solid #c7d7ef;
      background: #ffffff;
      color: #224067;
    }

    .login-link-secondary {
      background: #edf5ff;
    }

    .login-link-title {
      display: block;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
    }

    .login-link-meta {
      display: block;
      font-size: 12px;
      line-height: 1.45;
      max-width: 100%;
      opacity: 0.86;
    }

    .signin-btn .login-link-meta {
      color: rgba(255, 255, 255, 0.92);
    }

    .login-link:hover,
    .signin-btn:hover {
      transform: translateY(-1px);
    }

    .login-link:hover {
      border-color: #adc4e6;
      box-shadow: 0 8px 18px rgba(31, 58, 100, 0.12);
    }

    .signin-btn:hover {
      box-shadow: 0 12px 26px rgba(31, 122, 79, 0.28);
    }

    .email-otp-modal {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 20px 16px;
      overflow: auto;
    }

    .email-otp-modal.is-open {
      display: flex;
    }

    .email-otp-backdrop {
      position: absolute;
      inset: 0;
      background: transparent;
    }

    .email-otp-card {
      position: relative;
      z-index: 1;
      width: min(920px, calc(100vw - 32px));
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 22px 60px rgba(22, 51, 93, 0.2);
      padding: 28px 34px 24px;
      max-height: calc(100vh - 40px);
      overflow: auto;
    }

    .email-otp-close {
      position: absolute;
      top: 14px;
      right: 14px;
      width: 34px;
      height: 34px;
      border-radius: 999px;
      border: 1px solid #d6e0f1;
      background: #ffffff;
      color: #47638d;
      font-size: 22px;
      cursor: pointer;
      line-height: 1;
    }

    .email-otp-title {
      margin: 0;
      color: #1f3a65;
      font-size: clamp(28px, 2.8vw, 44px);
      font-weight: 800;
      letter-spacing: -0.02em;
      line-height: 1.12;
      font-family: "Manrope", "Inter", sans-serif;
    }

    .email-otp-desc {
      margin: 14px 0 18px;
      color: #5d7699;
      font-size: clamp(16px, 1.9vw, 30px);
      font-weight: 600;
      letter-spacing: -0.01em;
      line-height: 1.3;
    }

    .email-otp-row {
      display: grid;
      grid-template-columns: 1fr 210px;
      gap: 14px;
      margin-bottom: 12px;
    }

    .email-otp-input {
      height: 60px;
      border-radius: 16px;
      border: 2px solid #bfd0ec;
      background: #ffffff;
      padding: 0 18px;
      font-size: clamp(18px, 1.6vw, 30px);
      font-weight: 600;
      color: #253f69;
      outline: none;
    }

    .email-otp-input:focus {
      border-color: #31bd72;
      box-shadow: 0 0 0 4px rgba(49, 189, 114, 0.14);
    }

    .email-otp-send,
    .email-otp-verify {
      height: 60px;
      border: 0;
      border-radius: 16px;
      font-size: clamp(18px, 1.7vw, 30px);
      font-weight: 700;
      cursor: pointer;
      line-height: 1;
      white-space: nowrap;
      font-family: "Manrope", "Inter", sans-serif;
    }

    .email-otp-send {
      color: #ffffff;
      background: linear-gradient(135deg, #36c777, #1e9f59);
    }

    .email-otp-verify {
      color: #1f3a65;
      background: #d4ddef;
    }

    .email-otp-send:disabled,
    .email-otp-verify:disabled {
      opacity: 0.65;
      cursor: not-allowed;
    }

    .email-otp-msg {
      min-height: 20px;
      margin: 8px 0 0;
      font-size: clamp(13px, 1.2vw, 18px);
      font-weight: 700;
      color: #295f99;
    }

    .email-otp-msg.error {
      color: #c84646;
    }

    .support-float {
      position: fixed;
      right: 18px;
      bottom: 18px;
      z-index: 110;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 10px;
      border: 1px solid rgba(206, 219, 240, 0.9);
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 10px 28px rgba(24, 49, 86, 0.12);
      backdrop-filter: blur(14px);
      transition: opacity 0.22s ease, transform 0.22s ease;
    }

    .support-float-link {
      width: 54px;
      height: 54px;
      border-radius: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      box-shadow: 0 8px 20px rgba(20, 44, 79, 0.16);
      transition: transform 0.18s ease, box-shadow 0.18s ease;
    }

    .support-float-link:hover,
    .support-float-link:focus-visible {
      transform: translateY(-2px);
      box-shadow: 0 12px 24px rgba(20, 44, 79, 0.2);
    }

    .support-float-link:focus-visible {
      outline: 2px solid #d8e9ff;
      outline-offset: 2px;
    }

    .support-float-link.is-telegram {
      background: linear-gradient(135deg, #31a7e6 0%, #1b82d2 100%);
    }

    .support-float-link.is-whatsapp {
      background: linear-gradient(135deg, #2fd56f 0%, #1da851 100%);
    }

    .support-float-link img {
      width: 26px;
      height: 26px;
      display: block;
    }

    .social-scroll-section {
      width: 100%;
      margin: -64px 0 52px;
      position: relative;
    }

    .small-test-notice + .social-scroll-section {
      margin: 18px 0 52px;
    }

    .social-separator {
      display: none;
    }

    .social-scroll-box {
      width: 100%;
      margin: 0;
      background: #ffffff;
      padding: 12px 0 16px;
      overflow: visible;
      border-radius: 0;
    }

    .social-marquee {
      width: 100%;
      background: #ffffff;
      overflow: visible;
      position: relative;
      -webkit-mask-image: none;
      mask-image: none;
    }

    .social-track {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 2px 12px;
    }

    .social-group {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 18px 34px;
      width: 100%;
    }

    .social-pill {
      min-width: 180px;
      height: 58px;
      border-radius: 999px;
      border: 1px solid #d8e4f6;
      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 0 18px;
      color: #7f8da3;
      font-weight: 600;
      font-size: 20px;
      letter-spacing: -0.01em;
      white-space: nowrap;
      font-family: "Plus Jakarta Sans", "Inter", sans-serif;
      box-shadow: 0 10px 24px rgba(23, 46, 80, 0.06);
    }

    .social-pill img {
      width: 34px;
      height: 34px;
      display: block;
      object-fit: contain;
      flex: 0 0 auto;
    }

    .social-pill span {
      line-height: 1;
      color: #6f7e95;
    }

    .social-pill.telegram span { color: #1f95d0; }
    .social-pill.youtube span { color: #ea2234; }
    .social-pill.meta span { color: #0866ff; }
    .social-pill.x {
      min-width: 120px;
    }

    .social-pill.tiktok span {
      color: #111111;
      text-shadow: -1px 0 #25f4ee, 1px 0 #fe2c55;
    }

    .social-pill.instagram span {
      background: linear-gradient(90deg, #fa8f21 0%, #d62976 50%, #962fbf 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .offers-section {
      width: min(1320px, calc(100vw - 56px));
      margin: 16px auto 28px;
    }

    .offers-head {
      text-align: center;
      margin-bottom: 20px;
    }

    .offers-head h2 {
      margin: 0;
      font-size: clamp(30px, 3vw, 50px);
      line-height: 1.12;
      letter-spacing: -0.02em;
      font-weight: 800;
      color: #121722;
    }

    .offers-head h2 .green {
      color: #2fb574;
    }

    .offers-head p {
      margin: 14px auto 0;
      max-width: 980px;
      color: #66788f;
      font-size: 18px;
      line-height: 1.48;
    }

    .offers-grid {
      margin-top: 26px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .offer-card {
      border-radius: 20px;
      border: 1px solid #d3e0f4;
      background: #f6fbfb;
      padding: 18px 18px 16px;
      color: #314762;
      box-shadow: 0 12px 28px rgba(35, 62, 108, 0.08);
    }

    .offer-price {
      margin: 0;
      font-size: clamp(42px, 3vw, 58px);
      line-height: 1;
      font-weight: 800;
      color: #132238;
      letter-spacing: -0.02em;
    }

    .offer-label {
      margin-top: 8px;
      font-size: 30px;
      line-height: 1.1;
      font-weight: 700;
      color: #31d99d;
      letter-spacing: -0.01em;
    }

    .offer-sep {
      margin: 14px 0 12px;
      height: 1px;
      background: linear-gradient(90deg, rgba(149, 174, 215, 0.46), rgba(149, 174, 215, 0));
      border: 0;
    }

    .offer-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 8px;
    }

    .offer-list li {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 17px;
      color: #2f4562;
      font-weight: 500;
    }

    .offer-dot {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 1px solid rgba(44, 191, 127, 0.7);
      color: #28b477;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      flex: 0 0 auto;
    }

    .offer-cta {
      margin-top: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: min(280px, 78%);
      border-radius: 12px;
      background: #f8fbff;
      color: #1f3f68;
      font-size: 24px;
      font-weight: 700;
      padding: 12px 14px 12px 16px;
      text-decoration: none;
    }

    .offer-cta .arrow {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #e6f4ee;
      color: #27895a;
      font-size: 18px;
      font-weight: 800;
      flex: 0 0 auto;
    }

    .offer-score {
      display: none;
    }

    .offer-score span {
      display: none;
    }

    .tiktok-panel-section {
      position: relative;
      background: #ffffff;
      padding: 34px 0 60px;
      overflow: hidden;
      margin-top: 0;
      border-top: 0;
      box-shadow: none;
      scroll-margin-top: 110px;
    }

    .tiktok-panel-section::before,
    .tiktok-panel-section::after {
      content: "";
      position: absolute;
      top: 120px;
      width: 220px;
      height: 460px;
      background: rgba(126, 194, 161, 0.16);
      border-radius: 120px;
      pointer-events: none;
    }

    .tiktok-panel-section::before {
      left: -110px;
      transform: rotate(18deg);
    }

    .tiktok-panel-section::after {
      right: -110px;
      transform: rotate(-18deg);
    }

    .tp-wrap {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      position: relative;
      z-index: 2;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .tp-head {
      text-align: center;
      margin-bottom: 20px;
    }

    .tp-mini-logo {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      margin: 0 auto 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, #2a2a2f, #121318);
      box-shadow: 0 10px 24px rgba(18, 23, 34, 0.22);
    }

    .tp-mini-logo img {
      width: 26px;
      height: 26px;
      display: block;
      object-fit: contain;
    }

    .tp-head h2 {
      margin: 0;
      font-size: clamp(30px, 3vw, 48px);
      line-height: 1.12;
      letter-spacing: -0.015em;
      font-weight: 700;
      color: #121723;
    }

    .tp-head h2 .accent {
      color: #11b979;
    }

    .tp-head p {
      margin: 14px auto 0;
      max-width: 900px;
      color: #6d7d91;
      font-size: 16px;
      line-height: 1.58;
    }

    .tp-tabs {
      width: fit-content;
      margin: 22px auto 14px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px;
      border-radius: 18px;
      border: 1px solid #cddcf6;
      background: #f4f7ff;
    }

    .tp-tab {
      height: 48px;
      min-width: 214px;
      border-radius: 14px;
      border: 0;
      background: transparent;
      color: #3a5071;
      font-size: 17px;
      font-weight: 600;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 18px;
      white-space: nowrap;
      cursor: pointer;
      transition: background-color 0.18s ease, color 0.18s ease;
    }

    .tp-tab.active {
      background: linear-gradient(135deg, #37c878, #1f7a4f);
      color: #ffffff;
      box-shadow: 0 8px 20px rgba(37, 163, 102, 0.25);
    }

    .tp-subtitle {
      text-align: center;
      margin: 10px auto 18px;
      max-width: 920px;
      color: #5f7188;
      font-size: 16px;
      line-height: 1.52;
    }

    .tp-carousel {
      margin-top: 18px;
    }

    .tp-scroller {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(260px, 1fr);
      gap: 14px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding: 6px 4px 16px;
      scrollbar-width: none;
    }

    .tp-scroller::-webkit-scrollbar {
      display: none;
    }

    .tp-card {
      scroll-snap-align: start;
      border-radius: 18px;
      border: 1px solid #cfdcf4;
      background: #ffffff;
      padding: 14px 14px 10px;
      box-shadow: 0 10px 24px rgba(33, 55, 97, 0.08);
      min-height: 300px;
    }

    .tp-card.best-offer {
      border-color: #ff96a6;
      background: linear-gradient(180deg, #ffffff 0%, #ffeef2 100%);
    }

    .tp-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 26px;
    }

    .tp-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 28px;
      padding: 0 14px;
      border-radius: 999px;
      background: #35c98b;
      color: #ffffff;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.01em;
    }

    .tp-card-count {
      margin: 10px 0 0;
      text-align: center;
      font-size: clamp(42px, 3.5vw, 64px);
      line-height: 1.02;
      font-weight: 700;
      letter-spacing: -0.012em;
      color: #131922;
    }

    .tp-card-label {
      margin: 4px 0 0;
      text-align: center;
      color: #64758d;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: -0.006em;
    }

    .tp-price-row {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #e3ebf7;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }

    .tp-price-old {
      color: #606a78;
      font-size: 22px;
      text-decoration: line-through;
      font-weight: 500;
    }

    .tp-price-new {
      color: #2cc889;
      font-size: 38px;
      font-weight: 700;
      letter-spacing: -0.008em;
    }

    .tp-buy {
      margin-top: 10px;
      height: 52px;
      border-radius: 12px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px 0 16px;
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
      color: #ffffff;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.002em;
    }

    .tp-card.best-offer .tp-buy {
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
    }

    .tp-buy .arrow {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      background: rgba(255, 255, 255, 0.18);
      flex: 0 0 auto;
    }

    .tp-saving {
      margin-top: 8px;
      text-align: center;
      color: #4b5260;
      font-size: 13px;
      font-weight: 500;
    }

    .tp-saving strong {
      color: #ff395f;
      font-weight: 700;
    }

    .tp-slider-ui {
      margin: 8px auto 0;
      width: 360px;
      max-width: 92%;
      display: grid;
      gap: 8px;
      align-items: center;
      justify-items: center;
    }

    .tp-slider-track {
      width: 100%;
      height: 10px;
      border-radius: 999px;
      background: #dfe7f2;
      position: relative;
      overflow: hidden;
    }

    .tp-slider-fill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 20%;
      background: linear-gradient(90deg, #33c97c, #2cae6a);
      border-radius: 999px;
      transition: width 0.18s ease;
    }

    .tp-slider-dots {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .tp-slider-dots span {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #cdd6e3;
      transition: background-color 0.18s ease, transform 0.18s ease;
    }

    .tp-slider-dots span.active {
      background: #2fb574;
      transform: scale(1.08);
    }

    .instagram-panel-section {
      position: relative;
      background: #ffffff;
      padding: 34px 0 68px;
      overflow: hidden;
      margin-top: 0;
      border-top: 0;
      box-shadow: none;
    }

    .instagram-panel-section::before,
    .instagram-panel-section::after {
      content: "";
      position: absolute;
      top: 140px;
      width: 210px;
      height: 540px;
      background: rgba(95, 180, 140, 0.16);
      border-radius: 120px;
      pointer-events: none;
      z-index: 1;
    }

    .instagram-panel-section::before {
      left: -120px;
      transform: rotate(18deg);
    }

    .instagram-panel-section::after {
      right: -120px;
      transform: rotate(-18deg);
    }

    .ig-side-logo {
      position: absolute;
      width: 110px;
      height: 110px;
      object-fit: contain;
      z-index: 2;
      pointer-events: none;
      filter: drop-shadow(0 14px 28px rgba(34, 49, 74, 0.2));
    }

    .ig-side-logo.ig-left {
      left: -24px;
      top: 132px;
    }

    .ig-side-logo.ig-right {
      right: -20px;
      bottom: 96px;
    }

    .ig-wrap {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      position: relative;
      z-index: 3;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .ig-head {
      text-align: center;
      margin-bottom: 20px;
    }

    .ig-mini-logo {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      margin: 0 auto 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, #ff5f98 0%, #c739d0 48%, #8255ff 100%);
      box-shadow: 0 12px 24px rgba(129, 70, 196, 0.28);
    }

    .ig-mini-logo img {
      width: 26px;
      height: 26px;
      object-fit: contain;
      display: block;
    }

    .ig-head h2 {
      margin: 0;
      font-size: clamp(30px, 3vw, 48px);
      line-height: 1.12;
      letter-spacing: -0.015em;
      font-weight: 700;
      color: #121723;
    }

    .ig-head h2 .accent {
      background: linear-gradient(90deg, #e34689 0%, #f57b38 50%, #ffb323 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .ig-head p {
      margin: 14px auto 0;
      max-width: 920px;
      color: #6d7d91;
      font-size: 16px;
      line-height: 1.58;
    }

    .ig-feature-carousel {
      margin-top: 18px;
    }

    .ig-feature-scroller {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(260px, 1fr);
      gap: 14px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding: 6px 4px 14px;
      scrollbar-width: none;
    }

    .ig-feature-scroller::-webkit-scrollbar {
      display: none;
    }

    .ig-feature-card {
      scroll-snap-align: start;
      border-radius: 18px;
      border: 1px solid #cedaf3;
      background: #f6fbfb;
      color: #2f4562;
      padding: 14px 14px 12px;
      min-height: 290px;
      box-shadow: 0 10px 24px rgba(31, 56, 99, 0.08);
    }

    .igf-platform {
      width: 28px;
      height: 28px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, #ff4f90 0%, #dc3bc8 52%, #8354ff 100%);
      box-shadow: 0 6px 14px rgba(142, 62, 187, 0.35);
      margin-bottom: 10px;
    }

    .igf-platform img {
      width: 16px;
      height: 16px;
      display: block;
      object-fit: contain;
    }

    .igf-title {
      margin: 0;
      min-height: 48px;
      font-size: 18px;
      line-height: 1.3;
      font-weight: 700;
      color: #1f314c;
    }

    .igf-rating {
      margin-top: 8px;
      color: #facc15;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
    }

    .igf-rating span {
      margin-left: 6px;
      color: #5f7188;
      letter-spacing: 0;
      font-weight: 600;
      font-size: 12px;
    }

    .igf-price {
      margin-top: 8px;
      font-size: 52px;
      line-height: 1;
      letter-spacing: -0.02em;
      font-weight: 800;
      color: #132238;
    }

    .igf-list {
      list-style: none;
      margin: 12px 0 0;
      padding: 0;
      display: grid;
      gap: 6px;
    }

    .igf-list li {
      font-size: 14px;
      font-weight: 600;
      color: #2f4562;
    }

    .igf-order {
      margin-top: 12px;
      height: 44px;
      border-radius: 10px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px 0 14px;
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
      color: #ffffff;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: -0.005em;
    }

    .igf-order .arrow {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.2);
      font-size: 17px;
      font-weight: 700;
      flex: 0 0 auto;
    }

    .ig-services-wrap {
      margin-top: 28px;
      display: grid;
      grid-template-columns: 252px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .ig-menu {
      border-radius: 18px;
      border: 1px solid #cfdcf4;
      background: #ffffff;
      padding: 10px;
      box-shadow: 0 10px 22px rgba(31, 56, 99, 0.08);
      display: grid;
      gap: 8px;
    }

    .ig-tab {
      width: 100%;
      height: 44px;
      border-radius: 12px;
      border: 0;
      background: transparent;
      color: #334967;
      font-size: 15px;
      font-weight: 600;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      padding: 0 14px;
      cursor: pointer;
      transition: background-color 0.18s ease, color 0.18s ease;
      white-space: nowrap;
    }

    .ig-tab svg {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
    }

    .ig-tab.active {
      background: linear-gradient(135deg, #37c878, #1f7a4f);
      color: #ffffff;
      box-shadow: 0 8px 20px rgba(37, 163, 102, 0.25);
    }

    .ig-content {
      border-radius: 18px;
      border: 1px solid #cfdcf4;
      background: #ffffff;
      padding: 18px 16px 14px;
      box-shadow: 0 10px 24px rgba(31, 56, 99, 0.08);
    }

    .ig-content h3 {
      margin: 0;
      text-align: center;
      font-size: clamp(30px, 2.6vw, 42px);
      line-height: 1.08;
      letter-spacing: -0.015em;
      font-weight: 700;
      color: #151c28;
    }

    .ig-content h3 .accent {
      background: linear-gradient(90deg, #e34689 0%, #f57b38 50%, #ffb323 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .ig-content p {
      margin: 10px auto 0;
      max-width: 900px;
      text-align: center;
      color: #5f7188;
      font-size: 16px;
      line-height: 1.5;
    }

    .ig-packages {
      margin-top: 14px;
    }

    .ig-package-scroller {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(255px, 1fr);
      gap: 14px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding: 6px 4px 14px;
      scrollbar-width: none;
    }

    .ig-package-scroller::-webkit-scrollbar {
      display: none;
    }

    .ig-package-card {
      scroll-snap-align: start;
      border-radius: 18px;
      border: 1px solid #d1ddf4;
      background: #ffffff;
      padding: 12px 12px 10px;
      min-height: 296px;
      box-shadow: 0 10px 24px rgba(31, 56, 99, 0.08);
    }

    .ig-package-card.best-offer {
      border-color: #d88dfa;
      background: linear-gradient(180deg, #ffffff 0%, #fff2fb 100%);
    }

    .igp-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 32px;
    }

    .igp-mini-icon {
      width: 30px;
      height: 30px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #12253f;
      background: #edf2fb;
      border: 1px solid #d6e0f2;
      flex: 0 0 auto;
    }

    .igp-mini-icon svg {
      width: 18px;
      height: 18px;
      display: block;
    }

    .igp-logo {
      width: 22px;
      height: 22px;
      object-fit: contain;
      display: block;
      flex: 0 0 auto;
    }

    .igp-badge {
      height: 24px;
      border-radius: 999px;
      padding: 0 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #35c98b;
      color: #ffffff;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.01em;
      margin-left: auto;
    }

    .igp-count {
      margin: 10px 0 0;
      text-align: center;
      font-size: clamp(40px, 3.4vw, 60px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -0.012em;
      color: #111824;
    }

    .igp-service {
      margin: 4px 0 0;
      text-align: center;
      color: #677991;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: -0.008em;
    }

    .igp-price-row {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #e3ecfa;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }

    .igp-old {
      color: #5f6877;
      font-size: 22px;
      text-decoration: line-through;
      font-weight: 500;
    }

    .igp-new {
      color: #2cc889;
      font-size: 38px;
      font-weight: 700;
      letter-spacing: -0.008em;
    }

    .igp-buy {
      margin-top: 10px;
      height: 52px;
      border-radius: 12px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px 0 16px;
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
      color: #ffffff;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.002em;
    }

    .ig-package-card.best-offer .igp-buy {
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
    }

    .igp-buy .arrow {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      background: rgba(255, 255, 255, 0.2);
      flex: 0 0 auto;
    }

    .igp-save {
      margin-top: 8px;
      text-align: center;
      color: #4c5361;
      font-size: 13px;
      font-weight: 500;
    }

    .igp-save strong {
      color: #ff395f;
      font-weight: 700;
    }

    .ig-slider-ui {
      margin: 8px auto 0;
      width: 360px;
      max-width: 92%;
      display: grid;
      gap: 8px;
      align-items: center;
      justify-items: center;
    }

    .ig-slider-track {
      width: 100%;
      height: 10px;
      border-radius: 999px;
      background: #dfe7f2;
      position: relative;
      overflow: hidden;
    }

    .ig-slider-fill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 20%;
      background: linear-gradient(90deg, #35c98b, #2db471);
      border-radius: 999px;
      transition: width 0.18s ease;
    }

    .ig-slider-dots {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .ig-slider-dots span {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #cdd6e3;
      transition: background-color 0.18s ease, transform 0.18s ease;
    }

    .ig-slider-dots span.active {
      background: #2fb574;
      transform: scale(1.08);
    }

    .service-panel-section {
      position: relative;
      background: #ffffff;
      padding: 34px 0 60px;
      overflow: hidden;
      text-rendering: optimizeLegibility;
      margin-top: 0;
      border-top: 0;
      box-shadow: none;
      --sp-accent: #2fb574;
      --sp-accent-strong: #23925b;
      --sp-best-border: #99d6bc;
      --sp-best-bg: linear-gradient(180deg, #ffffff 0%, #eefaf4 100%);
      --sp-shape: rgba(95, 180, 140, 0.15);
    }

    .service-panel-section::before,
    .service-panel-section::after {
      content: "";
      position: absolute;
      top: 128px;
      width: 210px;
      height: 520px;
      background: var(--sp-shape);
      border-radius: 120px;
      pointer-events: none;
      z-index: 1;
    }

    .service-panel-section::before {
      left: -120px;
      transform: rotate(18deg);
    }

    .service-panel-section::after {
      right: -120px;
      transform: rotate(-18deg);
    }

    .youtube-panel-section {
      --sp-accent: #ff2f56;
      --sp-accent-strong: #e51f46;
      --sp-best-border: #ff9bad;
      --sp-best-bg: linear-gradient(180deg, #ffffff 0%, #ffeef2 100%);
      --sp-shape: rgba(224, 91, 112, 0.13);
    }

    .facebook-panel-section {
      --sp-accent: #2f8cff;
      --sp-accent-strong: #1669da;
      --sp-best-border: #9ebfff;
      --sp-best-bg: linear-gradient(180deg, #ffffff 0%, #eff5ff 100%);
      --sp-shape: rgba(62, 136, 236, 0.13);
    }

    .sp-side-logo {
      position: absolute;
      width: 108px;
      height: 108px;
      object-fit: contain;
      z-index: 2;
      pointer-events: none;
      filter: drop-shadow(0 14px 28px rgba(34, 49, 74, 0.2));
      opacity: 0.95;
    }

    .sp-side-logo.sp-left {
      left: -24px;
      top: 112px;
    }

    .sp-side-logo.sp-right {
      right: -20px;
      bottom: 92px;
    }

    .sp-wrap {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      position: relative;
      z-index: 3;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-head {
      text-align: center;
      margin-bottom: 18px;
    }

    .sp-mini-logo {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      margin: 0 auto 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(145deg, #252a35, #12161f);
      box-shadow: 0 10px 24px rgba(18, 23, 34, 0.22);
    }

    .youtube-panel-section .sp-mini-logo {
      background: linear-gradient(145deg, #ff4a65 0%, #ea213f 100%);
      box-shadow: 0 10px 24px rgba(231, 47, 80, 0.3);
    }

    .facebook-panel-section .sp-mini-logo {
      background: linear-gradient(145deg, #2d8dff 0%, #196de0 100%);
      box-shadow: 0 10px 24px rgba(31, 111, 223, 0.3);
    }

    .sp-mini-logo img {
      width: 26px;
      height: 26px;
      object-fit: contain;
      display: block;
    }

    .sp-head h2 {
      margin: 0;
      font-size: clamp(30px, 2.75vw, 44px);
      line-height: 1.16;
      letter-spacing: -0.012em;
      font-weight: 800;
      color: #172133;
    }

    .sp-head h2 .accent {
      color: var(--sp-accent);
    }

    .youtube-panel-section .sp-head h2 .accent,
    .youtube-panel-section .sp-content-title .accent {
      background: linear-gradient(90deg, #ff4e6a 0%, #ff2f56 52%, #ff7f9a 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .facebook-panel-section .sp-head h2 .accent,
    .facebook-panel-section .sp-content-title .accent {
      background: linear-gradient(90deg, #2a7eff 0%, #1b65de 52%, #4aa0ff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .sp-head p {
      margin: 14px auto 0;
      max-width: 900px;
      color: #667891;
      font-size: 16px;
      line-height: 1.64;
      font-family: "Plus Jakarta Sans", "Inter", sans-serif;
      font-weight: 500;
      letter-spacing: -0.003em;
    }

    .sp-tabs {
      width: fit-content;
      margin: 20px auto 14px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px;
      border-radius: 18px;
      border: 1px solid #cddcf6;
      background: #f4f7ff;
    }

    .sp-tab {
      height: 46px;
      min-width: 214px;
      border-radius: 14px;
      border: 0;
      background: transparent;
      color: #3a5071;
      font-size: 18px;
      font-weight: 700;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 18px;
      white-space: nowrap;
      cursor: pointer;
      letter-spacing: -0.006em;
      transition: background-color 0.18s ease, color 0.18s ease;
    }

    .sp-tab.active {
      background: linear-gradient(135deg, #37c878, #1f7a4f);
      color: #ffffff;
      box-shadow: 0 8px 20px rgba(37, 163, 102, 0.25);
    }

    .sp-content-title {
      margin: 0;
      text-align: center;
      font-size: clamp(30px, 2.45vw, 40px);
      line-height: 1.12;
      letter-spacing: -0.012em;
      font-weight: 800;
      color: #182133;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-content-title .accent {
      color: var(--sp-accent);
    }

    .sp-subtitle {
      text-align: center;
      margin: 10px auto 18px;
      max-width: 920px;
      color: #5f7188;
      font-size: 16px;
      line-height: 1.6;
      font-family: "Plus Jakarta Sans", "Inter", sans-serif;
      font-weight: 500;
      letter-spacing: -0.003em;
    }

    .sp-carousel {
      margin-top: 14px;
    }

    .sp-scroller {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(260px, 1fr);
      gap: 14px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding: 6px 4px 16px;
      scrollbar-width: none;
    }

    .sp-scroller::-webkit-scrollbar {
      display: none;
    }

    .sp-card {
      scroll-snap-align: start;
      border-radius: 18px;
      border: 1px solid #cfdcf4;
      background: #ffffff;
      padding: 14px 14px 10px;
      box-shadow: 0 10px 24px rgba(33, 55, 97, 0.08);
      min-height: 300px;
    }

    .sp-card.best-offer {
      border-color: var(--sp-best-border);
      background: var(--sp-best-bg);
    }

    .sp-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 28px;
      gap: 10px;
    }

    .sp-mini-icon {
      width: 28px;
      height: 28px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #2a3f5f;
      background: #edf2fb;
      border: 1px solid #d6e0f2;
      flex: 0 0 auto;
    }

    .sp-mini-icon svg {
      width: 16px;
      height: 16px;
      display: block;
    }

    .sp-brand-logo {
      width: 21px;
      height: 21px;
      display: block;
      object-fit: contain;
      margin-left: auto;
      flex: 0 0 auto;
    }

    .sp-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 28px;
      padding: 0 14px;
      border-radius: 999px;
      background: #35c98b;
      color: #ffffff;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.01em;
    }

    .youtube-panel-section .sp-badge {
      background: linear-gradient(90deg, #34c98a, #2aae6c);
    }

    .facebook-panel-section .sp-badge {
      background: linear-gradient(90deg, #34c98a, #2aae6c);
    }

    .sp-count {
      margin: 10px 0 0;
      text-align: center;
      font-size: clamp(42px, 3.5vw, 64px);
      line-height: 1.03;
      font-weight: 800;
      letter-spacing: -0.018em;
      color: #131922;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-label {
      margin: 4px 0 0;
      text-align: center;
      color: #64758d;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.01em;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-price-row {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #e3ebf7;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }

    .sp-price-old {
      color: #606a78;
      font-size: 22px;
      text-decoration: line-through;
      font-weight: 600;
      font-family: "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-price-new {
      color: #2cc889;
      font-size: 38px;
      font-weight: 800;
      letter-spacing: -0.012em;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-buy {
      margin-top: 10px;
      height: 52px;
      border-radius: 12px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px 0 16px;
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
      color: #ffffff;
      font-size: 21px;
      font-weight: 800;
      letter-spacing: -0.006em;
      font-family: "Nunito Sans", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-card.best-offer .sp-buy {
      background: linear-gradient(90deg, #c72fd7 0%, #ff4f89 56%, #ff8b6f 100%);
    }

    .sp-buy .arrow {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      background: rgba(255, 255, 255, 0.2);
      flex: 0 0 auto;
    }

    .sp-saving {
      margin-top: 8px;
      text-align: center;
      color: #4b5260;
      font-size: 13px;
      font-weight: 600;
      font-family: "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-saving strong {
      color: #ff395f;
      font-weight: 700;
    }

    .facebook-panel-section .sp-saving strong {
      color: #2f8cff;
    }

    .sp-slider-ui {
      margin: 8px auto 0;
      width: 360px;
      max-width: 92%;
      display: grid;
      gap: 8px;
      align-items: center;
      justify-items: center;
    }

    .sp-slider-track {
      width: 100%;
      height: 10px;
      border-radius: 999px;
      background: #dfe7f2;
      position: relative;
      overflow: hidden;
    }

    .sp-slider-fill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 20%;
      background: linear-gradient(90deg, #33c97c, #2cae6a);
      border-radius: 999px;
      transition: width 0.18s ease;
    }

    .sp-slider-dots {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .sp-slider-dots span {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #cdd6e3;
      transition: background-color 0.18s ease, transform 0.18s ease;
    }

    .sp-slider-dots span.active {
      background: #2fb574;
      transform: scale(1.08);
    }

    /* Sync TikTok/YouTube/Facebook typography with Instagram section */
    .tp-wrap,
    .sp-wrap {
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .tp-head h2,
    .sp-head h2 {
      font-size: clamp(30px, 3vw, 48px);
      line-height: 1.12;
      letter-spacing: -0.015em;
      font-weight: 700;
      color: #121723;
    }

    .tp-head p,
    .sp-head p {
      max-width: 920px;
      color: #6d7d91;
      font-size: 16px;
      line-height: 1.58;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-weight: 500;
      letter-spacing: 0;
    }

    .tp-tab,
    .sp-tab {
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .sp-content-title {
      font-size: clamp(30px, 2.6vw, 42px);
      line-height: 1.08;
      letter-spacing: -0.015em;
      font-weight: 700;
      color: #151c28;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .tp-subtitle,
    .sp-subtitle {
      color: #5f7188;
      font-size: 16px;
      line-height: 1.5;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-weight: 500;
      letter-spacing: 0;
    }

    .tp-card-count,
    .sp-count {
      font-size: clamp(40px, 3.4vw, 60px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -0.012em;
      color: #111824;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .tp-card-label,
    .sp-label {
      color: #677991;
      font-size: 20px;
      font-weight: 600;
      letter-spacing: -0.008em;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .tp-price-old,
    .sp-price-old {
      color: #5f6877;
      font-size: 22px;
      font-weight: 500;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .tp-price-new,
    .sp-price-new {
      color: #2cc889;
      font-size: 38px;
      font-weight: 700;
      letter-spacing: -0.008em;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .tp-buy,
    .sp-buy {
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.002em;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
    }

    .services-directory-section {
      padding: 18px 0 42px;
      background: transparent;
    }

    .services-directory-wrap {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      border-radius: 30px;
      border: 1px solid #d8e4f6;
      background: linear-gradient(180deg, #f8fbff 0%, #f5fbf7 100%);
      padding: 30px 28px;
      box-shadow: 0 18px 44px rgba(25, 48, 82, 0.08);
    }

    .services-directory-head {
      max-width: 920px;
      margin: 0 auto 24px;
      text-align: center;
    }

    .services-directory-head h2 {
      margin: 0;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(32px, 2.8vw, 48px);
      line-height: 1.12;
      color: #18253a;
      letter-spacing: -0.02em;
      font-weight: 800;
    }

    .services-directory-head p {
      margin: 14px auto 0;
      color: #5c6f88;
      font-size: 17px;
      line-height: 1.56;
      max-width: 880px;
    }

    .services-directory-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .services-directory-card {
      scroll-margin-top: 108px;
      border-radius: 22px;
      border: 1px solid #d7e3f4;
      background: #ffffff;
      padding: 18px;
      display: grid;
      gap: 14px;
      box-shadow: 0 10px 24px rgba(21, 45, 79, 0.06);
    }

    .services-directory-card-head {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }

    .services-directory-icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(180deg, #f0f7ff 0%, #ebfff5 100%);
      border: 1px solid #d8e6f8;
    }

    .services-directory-icon img {
      width: 24px;
      height: 24px;
      display: block;
      object-fit: contain;
    }

    .services-directory-card h3 {
      margin: 0;
      min-width: 0;
      font-size: 20px;
      line-height: 1.24;
      letter-spacing: -0.01em;
      color: #18263a;
      font-weight: 800;
    }

    .services-directory-items {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .services-directory-items li {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 12px;
      border-radius: 999px;
      background: #eef5ff;
      color: #45607e;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.3;
    }

    .services-directory-link {
      height: 44px;
      border-radius: 12px;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #34c47c 0%, #249f63 100%);
      color: #ffffff;
      font-size: 15px;
      font-weight: 800;
      letter-spacing: -0.01em;
      box-shadow: 0 12px 24px rgba(36, 159, 99, 0.22);
    }

    .testimonials-section {
      padding: 18px 0 68px;
      background: transparent;
    }

    .testimonials-shell {
      width: min(1520px, calc(100vw - 76px));
      margin: 0 auto;
      border-radius: 0;
      background: transparent;
      border: 0;
      padding: 92px 120px 84px;
      box-shadow: none;
    }

    .testimonials-head {
      text-align: center;
      margin: 0 auto;
      max-width: 1180px;
    }

    .testimonials-head h2 {
      margin: 0;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(38px, 2.8vw, 54px);
      line-height: 1.18;
      color: #18253a;
      letter-spacing: -0.014em;
      font-weight: 800;
    }

    .testimonials-head p {
      margin: 20px auto 0;
      max-width: 1080px;
      color: #51627d;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-size: clamp(20px, 1.2vw, 24px);
      line-height: 1.72;
      letter-spacing: -0.003em;
      font-weight: 500;
    }

    .testimonial-carousel {
      margin-top: 84px;
      display: grid;
      grid-template-columns: 84px minmax(0, 1fr) 84px;
      align-items: center;
      gap: 12px;
    }

    .testimonial-nav {
      width: 84px;
      height: 84px;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: #687287;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: "Inter", sans-serif;
      font-size: 72px;
      line-height: 1;
      cursor: pointer;
      transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
    }

    .testimonial-nav:hover {
      color: #2f3c55;
      background: rgba(255, 255, 255, 0.7);
      transform: scale(1.03);
    }

    .testimonial-content {
      display: grid;
      grid-template-columns: 180px minmax(0, 1fr);
      align-items: center;
      gap: 46px;
      min-height: 210px;
    }

    .testimonial-avatar {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      object-fit: cover;
      display: block;
      box-shadow: 0 10px 26px rgba(33, 56, 90, 0.2);
      background: #ffffff;
    }

    .testimonial-copy {
      min-width: 0;
    }

    .testimonial-quote {
      margin: 0;
      color: #202c40;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(27px, 1.75vw, 34px);
      line-height: 1.56;
      letter-spacing: -0.006em;
      font-weight: 600;
      font-style: normal;
    }

    .testimonial-name {
      margin: 20px 0 0;
      color: #1c2a40;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(22px, 1.4vw, 28px);
      line-height: 1.36;
      letter-spacing: -0.006em;
      font-weight: 800;
    }

    .reseller-cta-section {
      padding: 8px 0 86px;
      background: transparent;
    }

    .reseller-cta-wrap {
      width: min(1520px, calc(100vw - 76px));
      margin: 0 auto;
      border-radius: 28px;
      position: relative;
      overflow: hidden;
      min-height: 540px;
      background:
        linear-gradient(90deg, rgba(22, 103, 62, 0.90) 0%, rgba(34, 154, 93, 0.82) 30%, rgba(39, 164, 101, 0.42) 52%, rgba(39, 164, 101, 0.06) 70%),
        url('/assets/images/home/reseller-cta-bg-1600x600.webp?v=20260604b') right center / cover no-repeat;
      box-shadow: 0 20px 46px rgba(28, 113, 70, 0.28);
      isolation: isolate;
    }

    .reseller-cta-wrap::before,
    .reseller-cta-wrap::after {
      display: none;
    }

    .reseller-cta-content {
      position: relative;
      z-index: 3;
      width: min(58%, 820px);
      padding: 72px 86px 64px;
    }

    .reseller-cta-title {
      margin: 0;
      color: #ffffff;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(42px, 3.3vw, 68px);
      line-height: 1.12;
      letter-spacing: -0.03em;
      font-weight: 800;
      max-width: 760px;
    }

    .reseller-cta-text {
      margin: 30px 0 0;
      color: #ffe6cd;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-size: clamp(22px, 1.35vw, 29px);
      line-height: 1.62;
      letter-spacing: -0.006em;
      font-weight: 600;
      max-width: 780px;
      text-shadow: 0 2px 10px rgba(22, 57, 36, 0.14);
    }

    .reseller-cta-btn {
      margin-top: 44px;
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-height: 86px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(49, 195, 117, 0.96) 0%, rgba(33, 148, 90, 0.96) 100%);
      text-decoration: none;
      color: #ffffff;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(34px, 2.35vw, 46px);
      font-weight: 800;
      letter-spacing: -0.01em;
      padding: 10px 12px 10px 42px;
      box-shadow: 0 14px 32px rgba(37, 163, 102, 0.34);
      backdrop-filter: blur(4px);
    }

    .reseller-cta-btn .circle {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.20);
      border: 1px solid rgba(255, 255, 255, 0.24);
      color: #ffffff;
      font-size: 52px;
      line-height: 1;
      flex: 0 0 auto;
    }

    .reseller-cta-figure {
      display: none;
    }

    .reseller-cta-figure img {
      display: none;
    }

    .team-specialists-section {
      padding: 14px 0 86px;
      background: linear-gradient(180deg, #eef9f3 0%, #ffffff 30%, #ffffff 100%);
    }

    .team-specialists-wrap {
      width: min(1520px, calc(100vw - 76px));
      margin: 0 auto;
    }

    .team-specialists-head {
      text-align: center;
      max-width: 1120px;
      margin: 0 auto 28px;
    }

    .team-specialists-head h2 {
      margin: 0;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(40px, 3vw, 58px);
      line-height: 1.18;
      letter-spacing: -0.015em;
      color: #172133;
      font-weight: 800;
    }

    .team-specialists-head h2 span {
      color: #2fb574;
    }

    .team-specialists-head p {
      margin: 16px auto 0;
      color: #5f7188;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-size: clamp(18px, 1.2vw, 23px);
      line-height: 1.65;
      letter-spacing: -0.004em;
      font-weight: 500;
      max-width: 980px;
    }

    .team-specialists-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 16px;
    }

    .team-card {
      position: relative;
      border-radius: 18px;
      overflow: hidden;
      min-height: 560px;
      background: #0f1621;
      border: 1px solid #c6d7f0;
    }

    .team-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
      filter: none;
      transform: scale(1.01);
    }

    .team-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(16, 21, 30, 0.24) 0%, rgba(10, 14, 22, 0.04) 40%, rgba(7, 10, 16, 0.8) 100%);
      z-index: 1;
    }

    .team-intro {
      position: absolute;
      z-index: 2;
      left: 16px;
      right: 16px;
      top: 14px;
      color: #f2f6fc;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-size: 14px;
      line-height: 1.46;
      letter-spacing: -0.003em;
      font-weight: 500;
    }

    .team-meta {
      position: absolute;
      z-index: 2;
      left: 16px;
      right: 16px;
      bottom: 14px;
      display: grid;
      grid-template-rows: minmax(46px, auto) minmax(52px, auto);
      row-gap: 10px;
      align-content: end;
    }

    .team-name-row {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 46px;
      min-width: 0;
    }

    .team-chip {
      width: 20px;
      height: 42px;
      border-radius: 7px;
      background: linear-gradient(180deg, #32d09a 0%, #28b47e 100%);
      flex: 0 0 auto;
    }

    .team-name {
      margin: 0;
      min-width: 0;
      max-width: calc(100% - 30px);
      color: #ffffff;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: clamp(26px, 1.72vw, 30px);
      line-height: 1.06;
      letter-spacing: -0.012em;
      font-weight: 800;
      text-wrap: balance;
    }

    .team-role {
      margin: 0 0 0 30px;
      min-height: 52px;
      max-width: calc(100% - 30px);
      color: #e5edf9;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-size: clamp(18px, 1.12vw, 21px);
      line-height: 1.24;
      letter-spacing: -0.004em;
      font-weight: 600;
      text-wrap: balance;
    }

    .team-socials {
      margin: 12px 0 0 34px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .team-social {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.14);
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
      font-family: "Inter", sans-serif;
    }

    .team-help {
      margin: 22px auto 0;
      width: min(520px, 100%);
      border-radius: 14px;
      border: 1px solid #cfe0fa;
      background: #f7fbff;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      padding: 8px;
      gap: 10px;
      box-shadow: 0 10px 24px rgba(31, 66, 117, 0.08);
    }

    .team-help-left {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #1f2d43;
      font-family: "Manrope", "Plus Jakarta Sans", "Inter", sans-serif;
      font-size: 19px;
      font-weight: 700;
      letter-spacing: -0.006em;
      padding: 0 6px;
    }

    .team-help-left span {
      white-space: nowrap;
    }

    .team-help-avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      object-fit: cover;
      display: block;
      border: 2px solid #ffffff;
      box-shadow: 0 4px 12px rgba(48, 76, 120, 0.18);
    }

    .team-help-btn {
      min-width: 188px;
      height: 46px;
      border-radius: 12px;
      text-decoration: none;
      background: linear-gradient(135deg, #37c878 0%, #22935b 100%);
      color: #ffffff;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: 19px;
      font-weight: 700;
      letter-spacing: -0.004em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 16px;
      white-space: nowrap;
    }

    .smm-footer {
      margin-top: 24px;
      background: linear-gradient(100deg, #0b7e55 0%, #149767 38%, #1db879 72%, #25c784 100%);
      color: #e9fff4;
      border-top: 1px solid rgba(255, 255, 255, 0.14);
    }

    .smm-footer-wrap {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      padding: 44px 0 18px;
      display: grid;
      grid-template-columns: minmax(280px, 1.35fr) repeat(4, minmax(150px, 1fr));
      gap: 28px;
    }

    .smm-footer-brand img {
      width: 170px;
      max-width: 100%;
      display: block;
      margin-bottom: 14px;
    }

    .smm-footer-brand p {
      margin: 0;
      color: rgba(232, 255, 244, 0.86);
      font-size: 15px;
      line-height: 1.7;
      max-width: 380px;
    }

    .smm-footer-title {
      margin: 6px 0 14px;
      font-family: "Plus Jakarta Sans", "Manrope", "Inter", sans-serif;
      font-size: 17px;
      font-weight: 700;
      color: #ffffff;
      letter-spacing: 0.01em;
    }

    .smm-footer-list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 10px;
    }

    .smm-footer-list a {
      color: rgba(233, 255, 244, 0.9);
      text-decoration: none;
      font-size: 15px;
      line-height: 1.4;
      transition: color 0.2s ease, transform 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 9px;
    }

    .smm-footer-list a:hover {
      color: #ffffff;
      transform: translateX(2px);
    }

    .smm-social-icon {
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      display: block;
      opacity: 0.92;
    }

    .smm-footer-bottom {
      width: min(1320px, calc(100vw - 56px));
      margin: 0 auto;
      padding: 14px 0 22px;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      color: rgba(233, 255, 244, 0.84);
      font-size: 14px;
    }

    .smm-lang-wrap {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      white-space: nowrap;
    }

    .smm-lang-wrap span {
      color: rgba(233, 255, 244, 0.88);
    }

    .smm-lang-select {
      border: 1px solid rgba(255, 255, 255, 0.28);
      background: rgba(5, 53, 36, 0.5);
      color: #ffffff;
      border-radius: 10px;
      height: 38px;
      min-width: 176px;
      padding: 0 12px;
      font-size: 14px;
      outline: none;
      appearance: none;
      cursor: pointer;
    }

    .smm-lang-select option {
      color: #0d3b2b;
      background: #edfff5;
    }

    @media (max-width: 1200px) {
      .smm-footer-wrap {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .smm-footer-brand {
        grid-column: 1 / -1;
      }
    }

    @media (max-width: 860px) {
      .smm-footer-wrap {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 34px 0 16px;
      }

      .smm-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 12px;
      }
    }

    @media (max-width: 1280px) {
      .menu { font-size: 15px; gap: 26px; }
      .services-panel {
        width: 470px;
        left: -10px;
      }
      .services-first-list button,
      .services-second-list a {
        font-size: 14px;
      }
      .logo-link img { width: 80px; }
      .lang-pill { display: none; }
      .btn { font-size: 16px; height: 46px; }
      .score-line { font-size: 20px; }
      .floating-right {
        right: -128px;
        top: 340px;
        width: 168px;
        height: 168px;
      }
      .benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .login-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }
      .trust-bar {
        width: min(760px, calc(100% - 80px));
      }
      .social-separator { height: 20px; }
      .social-separator {
        width: 100%;
      }
      .social-scroll-box {
        width: 100%;
      }
      .social-pill {
        min-width: 168px;
        font-size: 18px;
      }

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

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

      .tp-wrap {
        width: min(1180px, calc(100vw - 40px));
      }

      .tp-tab {
        min-width: 194px;
        font-size: 15px;
      }

      .tp-card-count {
        font-size: 52px;
      }

      .tp-card-label {
        font-size: 20px;
      }

      .tp-price-old {
        font-size: 18px;
      }

      .tp-price-new {
        font-size: 32px;
      }

      .tp-buy {
        font-size: 24px;
      }

      .ig-wrap {
        width: min(1180px, calc(100vw - 40px));
      }

      .ig-services-wrap {
        grid-template-columns: 220px minmax(0, 1fr);
      }

      .igp-count {
        font-size: 52px;
      }

      .igp-service {
        font-size: 20px;
      }

      .igp-old {
        font-size: 18px;
      }

      .igp-new {
        font-size: 32px;
      }

      .igp-buy {
        font-size: 24px;
      }

      .sp-wrap {
        width: min(1180px, calc(100vw - 40px));
      }

      .sp-tab {
        min-width: 194px;
        font-size: 15px;
      }

      .sp-count {
        font-size: 52px;
      }

      .sp-label {
        font-size: 20px;
      }

      .sp-price-old {
        font-size: 18px;
      }

      .sp-price-new {
        font-size: 32px;
      }

      .sp-buy {
        font-size: 24px;
      }

      .testimonials-shell {
        width: min(1320px, calc(100vw - 48px));
        padding: 72px 76px 62px;
      }

      .testimonials-head p {
        font-size: clamp(20px, 1.8vw, 28px);
      }

      .testimonial-carousel {
        margin-top: 62px;
        grid-template-columns: 64px minmax(0, 1fr) 64px;
      }

      .testimonial-nav {
        width: 64px;
        height: 64px;
        font-size: 56px;
      }

      .testimonial-content {
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 30px;
      }

      .testimonial-avatar {
        width: 150px;
        height: 150px;
      }

      .reseller-cta-wrap {
        width: min(1320px, calc(100vw - 48px));
        min-height: 470px;
        background-position: 68% center;
      }

      .reseller-cta-wrap::before {
        left: 230px;
      }

      .reseller-cta-wrap::after {
        left: 620px;
      }

      .reseller-cta-content {
        width: min(60%, 700px);
        padding: 54px 56px 48px;
      }

      .reseller-cta-title {
        font-size: clamp(34px, 2.9vw, 54px);
      }

      .reseller-cta-text {
        margin-top: 20px;
        font-size: clamp(18px, 1.2vw, 24px);
      }

      .reseller-cta-btn {
        margin-top: 32px;
        min-height: 72px;
        font-size: clamp(24px, 2vw, 34px);
        padding-left: 28px;
      }

      .reseller-cta-btn .circle {
        width: 58px;
        height: 58px;
        font-size: 42px;
      }

      .reseller-cta-figure {
        display: none;
      }

      .team-specialists-wrap {
        width: min(1320px, calc(100vw - 48px));
      }

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

      .team-card {
        min-height: 500px;
      }

      .team-meta {
        grid-template-rows: minmax(44px, auto) minmax(48px, auto);
        row-gap: 9px;
      }

      .team-name-row {
        min-height: 44px;
      }

      .team-name {
        font-size: 28px;
      }

      .team-role {
        min-height: 48px;
        font-size: 20px;
      }

      .team-help-left {
        font-size: 18px;
      }

      .team-help-btn {
        min-width: 180px;
        height: 46px;
        font-size: 18px;
      }

      .legal-footer-links {
        gap: 10px 26px;
        font-size: 15px;
      }
    }

    @media (max-width: 860px) {
      .nav-wrap {
        grid-template-columns: auto 1fr auto auto;
        height: auto;
        padding: 14px 0;
        column-gap: 8px;
      }

      .menu { display: none; }

      .logo-link img { width: 74px; }
      .left-cluster { gap: 0; }
      .lang-pill { display: none; }
      .floating-right { display: none; }
      .auth {
        justify-self: end;
        gap: 8px;
      }
      .btn {
        height: 44px;
        padding: 0 18px;
        font-size: 14px;
      }
      .mobile-menu-toggle {
        display: inline-flex;
        justify-self: end;
      }
      .mobile-menu-overlay {
        display: block;
      }

      .hero-shell {
        width: calc(100vw - 26px);
        padding: 20px 18px 24px;
        border-radius: 24px;
      }

      .rating-chip {
        width: 100%;
        justify-content: center;
        padding: 9px 12px;
        gap: 10px;
      }

      .score-line { font-size: 16px; }
      .stars { font-size: 14px; }
      .reviews { font-size: 12px; }

      .hero-desc { font-size: 15px; }

      .benefits {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .benefits li {
        white-space: normal;
        font-size: 16px;
      }

      .trust-bar {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 10px;
      }

      .trial-btn { height: 50px; }

      .hero-login-block {
        margin-top: 14px;
      }

      .hero-login-block.mobile-login-managed .mobile-login-toggle {
        display: flex;
      }

      .login-row {
        width: 100%;
        border-radius: 18px;
        grid-template-columns: 1fr;
        padding: 16px;
      }

      .hero-login-block.mobile-login-managed:not(.is-open) .login-row {
        display: none;
      }

      .hero-login-block.mobile-login-managed.is-open .login-row {
        display: grid;
        margin-top: 10px;
        animation: hero-login-reveal 0.18s ease;
      }

      .login-quickcopy strong {
        font-size: 20px;
      }

      .login-quickcopy p {
        font-size: 14px;
      }

      .login-actions {
        grid-template-columns: 1fr;
      }

      .signin-btn,
      .login-link {
        min-height: 50px;
      }

      .email-otp-card {
        width: min(740px, calc(100vw - 20px));
        border-radius: 20px;
        padding: 22px 18px 16px;
      }

      .email-otp-row {
        grid-template-columns: 1fr 170px;
        gap: 10px;
      }

      .email-otp-title {
        font-size: 30px;
      }

      .email-otp-desc {
        font-size: 18px;
      }

      .email-otp-input,
      .email-otp-send,
      .email-otp-verify {
        height: 54px;
        border-radius: 14px;
        font-size: 20px;
      }

      .small-test-notice {
        width: calc(100vw - 26px);
        padding: 16px 42px 16px 16px;
      }

      .small-test-notice p {
        font-size: 14px;
      }

      .small-test-notice-btn {
        width: 100%;
      }

      .support-float {
        right: 12px;
        bottom: 12px;
        gap: 8px;
        padding: 8px;
        border-radius: 18px;
      }

      body.mobile-menu-open .support-float {
        opacity: 0;
        pointer-events: none;
        transform: translateY(14px);
      }

      .support-float-link {
        width: 48px;
        height: 48px;
        border-radius: 14px;
      }

      .support-float-link img {
        width: 23px;
        height: 23px;
      }

      .social-scroll-section {
        margin: -26px 0 28px;
      }

      .small-test-notice + .social-scroll-section {
        margin: 12px 0 28px;
      }

      .social-separator {
        width: 100%;
      }
      .social-scroll-box {
        width: 100%;
      }

      .social-scroll-box {
        padding: 14px 0 16px;
      }

      .social-group { gap: 12px; }

      .social-pill {
        min-width: 138px;
        height: 46px;
        font-size: 16px;
        padding: 0 12px;
      }

      .social-pill img {
        width: 22px;
        height: 22px;
      }

      .social-separator { height: 16px; }

      .offers-section {
        width: calc(100vw - 26px);
        margin: 24px auto 42px;
      }

      .offers-head p {
        font-size: 15px;
      }

      .offers-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      .offer-label {
        font-size: 24px;
      }

      .offer-list li {
        font-size: 15px;
      }

      .offer-cta {
        font-size: 20px;
      }

      .tiktok-panel-section {
        padding: 26px 0 34px;
      }

      .tp-wrap {
        width: calc(100vw - 26px);
      }

      .tp-head h2 {
        font-size: 28px;
      }

      .tp-head p,
      .tp-subtitle {
        font-size: 15px;
      }

      .tp-tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 6px;
      }

      .tp-tabs::-webkit-scrollbar {
        display: none;
      }

      .tp-tab {
        min-width: 180px;
        height: 44px;
        font-size: 16px;
        padding: 0 14px;
      }

      .tp-scroller {
        grid-auto-columns: minmax(220px, 84vw);
        gap: 12px;
        padding: 4px 2px 14px;
      }

      .tp-card {
        min-height: 256px;
      }

      .tp-card-count {
        font-size: 38px;
      }

      .tp-card-label {
        font-size: 18px;
      }

      .tp-price-old {
        font-size: 18px;
      }

      .tp-price-new {
        font-size: 34px;
      }

      .tp-buy {
        font-size: 20px;
        height: 50px;
      }

      .tp-slider-ui {
        width: 280px;
      }

      .instagram-panel-section {
        padding: 28px 0 36px;
      }

      .instagram-panel-section::before,
      .instagram-panel-section::after,
      .ig-side-logo {
        display: none;
      }

      .ig-wrap {
        width: calc(100vw - 26px);
      }

      .ig-head h2 {
        font-size: 28px;
      }

      .ig-head p {
        font-size: 15px;
      }

      .ig-feature-scroller {
        grid-auto-columns: minmax(220px, 84vw);
        gap: 12px;
        padding: 4px 2px 12px;
      }

      .ig-feature-card {
        min-height: 270px;
      }

      .igf-title {
        font-size: 17px;
      }

      .igf-price {
        font-size: 44px;
      }

      .ig-services-wrap {
        margin-top: 18px;
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .ig-menu {
        width: 100%;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 8px;
      }

      .ig-menu::-webkit-scrollbar {
        display: none;
      }

      .ig-tab {
        width: auto;
        min-width: 186px;
        justify-content: center;
      }

      .ig-content {
        padding: 14px 12px 12px;
      }

      .ig-content h3 {
        font-size: 30px;
      }

      .ig-content p {
        font-size: 15px;
      }

      .ig-package-scroller {
        grid-auto-columns: minmax(220px, 84vw);
        gap: 12px;
        padding: 4px 2px 14px;
      }

      .ig-package-card {
        min-height: 258px;
      }

      .igp-count {
        font-size: 38px;
      }

      .igp-service {
        font-size: 18px;
      }

      .igp-old {
        font-size: 18px;
      }

      .igp-new {
        font-size: 34px;
      }

      .igp-buy {
        font-size: 20px;
        height: 50px;
      }

      .ig-slider-ui {
        width: 280px;
      }

      .service-panel-section {
        padding: 28px 0 36px;
      }

      .service-panel-section::before,
      .service-panel-section::after,
      .sp-side-logo {
        display: none;
      }

      .sp-wrap {
        width: calc(100vw - 26px);
      }

      .sp-head h2 {
        font-size: 28px;
      }

      .sp-head p,
      .sp-subtitle {
        font-size: 15px;
      }

      .sp-tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 6px;
      }

      .sp-tabs::-webkit-scrollbar {
        display: none;
      }

      .sp-tab {
        min-width: 180px;
        height: 44px;
        font-size: 16px;
        padding: 0 14px;
      }

      .sp-content-title {
        font-size: 30px;
      }

      .sp-scroller {
        grid-auto-columns: minmax(220px, 84vw);
        gap: 12px;
        padding: 4px 2px 14px;
      }

      .sp-card {
        min-height: 256px;
      }

      .sp-count {
        font-size: 38px;
      }

      .sp-label {
        font-size: 18px;
      }

      .sp-price-old {
        font-size: 18px;
      }

      .sp-price-new {
        font-size: 34px;
      }

      .sp-buy {
        font-size: 20px;
        height: 50px;
      }

      .sp-slider-ui {
        width: 280px;
      }

      .services-directory-section {
        padding: 12px 0 28px;
      }

      .services-directory-wrap {
        width: calc(100vw - 26px);
        padding: 24px 16px 18px;
        border-radius: 24px;
      }

      .services-directory-head {
        margin-bottom: 18px;
      }

      .services-directory-head h2 {
        font-size: 28px;
      }

      .services-directory-head p {
        font-size: 15px;
      }

      .services-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .services-directory-card {
        padding: 16px;
        border-radius: 18px;
      }

      .services-directory-card h3 {
        font-size: 18px;
      }

      .services-directory-link {
        height: 42px;
        font-size: 14px;
      }

      .tiktok-panel-section::before,
      .tiktok-panel-section::after {
        display: none;
      }

      .testimonials-section {
        padding: 14px 0 34px;
      }

      .testimonials-shell {
        width: calc(100vw - 26px);
        border-radius: 18px;
        padding: 34px 14px 30px;
      }

      .testimonials-head h2 {
        font-size: 34px;
      }

      .testimonials-head p {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.72;
      }

      .testimonial-carousel {
        margin-top: 24px;
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        gap: 4px;
      }

      .testimonial-nav {
        width: 42px;
        height: 42px;
        font-size: 36px;
        color: #52627c;
      }

      .testimonial-content {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 14px;
        min-height: auto;
        text-align: center;
      }

      .testimonial-avatar {
        width: 102px;
        height: 102px;
      }

      .testimonial-quote {
        font-size: 20px;
        line-height: 1.62;
      }

      .testimonial-name {
        margin-top: 10px;
        font-size: 20px;
      }

      .reseller-cta-section {
        padding: 10px 0 44px;
      }

      .reseller-cta-wrap {
        width: calc(100vw - 26px);
        border-radius: 22px;
        min-height: auto;
        padding-bottom: 196px;
        background:
          linear-gradient(180deg, rgba(35, 170, 103, 0.94) 0%, rgba(35, 170, 103, 0.90) 55%, rgba(35, 170, 103, 0.54) 76%, rgba(35, 170, 103, 0.18) 100%),
          url('/assets/images/home/reseller-cta-bg-1600x600.webp?v=20260604b') 76% center / cover no-repeat;
      }

      .reseller-cta-wrap::before,
      .reseller-cta-wrap::after {
        display: none;
      }

      .reseller-cta-content {
        width: 100%;
        padding: 30px 18px 22px;
      }

      .reseller-cta-title {
        font-size: 30px;
        line-height: 1.2;
      }

      .reseller-cta-text {
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.72;
      }

      .reseller-cta-btn {
        margin-top: 22px;
        min-height: 58px;
        font-size: 24px;
        padding: 8px 8px 8px 20px;
      }

      .reseller-cta-btn .circle {
        width: 44px;
        height: 44px;
        font-size: 32px;
      }

      .reseller-cta-figure {
        display: none;
      }

      .team-specialists-section {
        padding: 8px 0 44px;
      }

      .team-specialists-wrap {
        width: calc(100vw - 26px);
      }

      .team-specialists-head {
        margin-bottom: 18px;
      }

      .team-specialists-head h2 {
        font-size: 32px;
      }

      .team-specialists-head p {
        font-size: 15px;
        line-height: 1.65;
      }

      .team-specialists-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(260px, 84vw);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        gap: 12px;
        padding: 4px 2px 8px;
      }

      .team-specialists-grid::-webkit-scrollbar {
        display: none;
      }

      .team-card {
        min-height: 460px;
      }

      .team-intro {
        font-size: 13px;
        line-height: 1.42;
      }

      .team-meta {
        grid-template-rows: minmax(42px, auto) minmax(46px, auto);
        row-gap: 8px;
      }

      .team-name-row {
        min-height: 42px;
      }

      .team-name {
        font-size: 27px;
      }

      .team-role {
        margin-left: 30px;
        min-height: 46px;
        font-size: 18px;
      }

      .team-socials {
        margin-left: 32px;
      }

      .team-help {
        grid-template-columns: 1fr;
        padding: 8px;
        border-radius: 16px;
      }

      .team-help-left {
        font-size: 15px;
        justify-content: center;
      }

      .team-help-avatar {
        width: 30px;
        height: 30px;
      }

      .team-help-btn {
        min-width: 100%;
        height: 42px;
        border-radius: 12px;
        font-size: 16px;
      }

      .legal-footer-section {
        padding: 8px 0 18px;
      }

      .legal-footer-links {
        width: calc(100vw - 26px);
        gap: 8px 16px;
        font-size: 14px;
        justify-content: flex-start;
      }
    }

    @media (max-width: 420px) {
      .nav-wrap {
        width: calc(100vw - 22px);
        column-gap: 6px;
      }

      .auth {
        gap: 6px;
      }

      .btn {
        height: 42px;
        padding: 0 15px;
        font-size: 13px;
      }

      .mobile-menu-toggle {
        width: 42px;
        height: 42px;
        border-radius: 12px;
      }

      .mobile-menu-panel {
        width: min(320px, 90vw);
        padding: 16px;
      }

      .mobile-login-toggle {
        padding: 13px 14px;
      }

      .mobile-login-copy strong {
        font-size: 15px;
      }
    }

    @keyframes hero-login-reveal {
      from {
        opacity: 0;
        transform: translateY(-6px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 560px) {
      .services-directory-grid {
        grid-template-columns: 1fr;
      }

      .email-otp-row {
        grid-template-columns: 1fr;
      }

      .email-otp-card {
        width: min(96vw, 560px);
        padding: 18px 14px 14px;
      }

      .email-otp-title {
        font-size: 26px;
      }

      .email-otp-desc {
        font-size: 16px;
      }

      .email-otp-input,
      .email-otp-send,
      .email-otp-verify {
        width: 100%;
        height: 50px;
        font-size: 18px;
      }
    }