/* hero */
      .hero {
        position: relative;
        overflow: hidden;
        padding: 14px 0 70px;
        background: #333;
      }
      .hero:before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(7, 26, 61, 0.025) 1px, transparent 1px),
          linear-gradient(90deg, rgba(7, 26, 61, 0.025) 1px, transparent 1px);
        background-size: 42px 42px;
        mask-image: linear-gradient(to bottom, black, transparent 90%);
        pointer-events: none;
      }
      .hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1.4fr 1.08fr;
        /* gap: 54px; */
        align-items: start;
      }
      .hero h1 {
        margin: 18px 0 16px;
        font-family: "Montserrat", serif;
        font-size: 3.75rem;
        line-height:1.10;
        /* letter-spacing:-.055em; */
        color: #fff;
        font-weight: 700;
        /* max-width:650px; */
      }
      .hero h1 span {
        color: var(--red);
      }
      .hero p {
        color: #fff;
        max-width: 610px;
        line-height: 1.8;
        font-size: 15px;
        margin: 0;
      }
      .hero-checks {
        display: flex;
        flex-wrap: wrap;
        gap: 11px 20px;
        margin: 23px 0 28px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
      }
      .hero-checks span:before {
        content: "✓";
        color: var(--green);
        margin-right: 7px;
        font-weight: 900;
      }
      .hero-actions {
        display: flex;
        gap: 10px;
        /* flex-wrap: wrap; */
      }
      .hero-note {
        margin-top: 13px;
        color: #fff;
        font-size: 14px;
      }
      .hero-visual {
        position: relative;
        /* min-height: 470px; */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -114px;
        margin-top: -3px;
      }
      .hero-photo {
        /* position: absolute; */
        right: 0;
        bottom: 0;
        width: 100%;
        /* max-height: 470px; */
        /* object-fit: contain; */
        object-position: center bottom;
        z-index: 3;
        filter: drop-shadow(0 20px 40px rgba(35, 35, 35, 0.18));
      }
      .hero-dashboard {
        width: 86%;
        margin-left: 0;
        padding: 10px;
        position: relative;
        z-index: 1;
      }
      .hero-dashboard img {
        width: 100%;
        border-radius: 14px;
      }
      .hero-badge {
        position: absolute;
        left: 4%;
        bottom: -4%;
        z-index: 5;
        padding: 12px 15px;
        background: #fff;
        border: 1px solid var(--line);
        box-shadow: var(--shadow);
        border-radius: 12px;
        font-size: 12px;
        font-weight: 800;
        color: var(--navy);
      }

      .trust-strip {
        width: 1000px;
        max-width: calc(100% - 40px);

        margin: 0 auto; /* centers the strip */

        display: flex;
        justify-content: center;

        background: #fff;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .trust-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
      }
      .trust-item {
        text-align: center;
        padding: 16px 12px;
        /* border-right: 1px solid var(--line); */
        font-size: 12px;
        color: #333;
        font-weight: 400;
      }
      .trust-item:last-child {
        border-right: 0;
      }
      .trust-item strong {
        color: var(--green-dark);
        margin-right: 4px;
      }

      .module-strip {
        margin: 26px auto 0;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 10px 28px rgba(35, 35, 35, 0.05);
      }
      .module-strip div {
        padding: 14px 8px;
        text-align: center;
        border-right: 1px solid var(--line);
        font-size: 18px;
        font-weight: 800;
        color: #5d5751;
      }
      .module-strip div:last-child {
        border-right: 0;
      }

      /* features */
      .feature-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }
      .feature-card {
        min-height: 174px;
        padding: 24px;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 12px 30px rgb(35 35 35 / 27%);
        transition: 0.25s;
      }
      .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 45px rgba(35, 35, 35, 0.08);
      }
      .feature-icon {
        width: 50px;
        height: 50px;
        border-radius: 13px;
        display: grid;
        place-items: center;
        background: #f5e8d2;
        color: var(--green-dark);
        font-weight: 900;
        margin-bottom: 18px;
      }
      .feature-card h3 {
        margin: 0 0 8px;
        font-size: 18px;
      }
      .feature-card p {
        margin: 0;
        color: #706b64;
        font-size: 14px;
        line-height: 1.7;
      }

      /* workflow band */
      .workflow-band {
        background: linear-gradient(135deg, #232323, #2d2d2d);
        color: #fff;
        padding: 66px 0;
      }
      .workflow-band-grid {
        display: grid;
        grid-template-columns: 0.74fr 1.26fr;
        gap: 56px;
        align-items: center;
      }
      .workflow-band h2 {
        margin: 12px 0 10px;
        font-family: "Montserrat", serif;
        font-size: clamp(35px, 4vw, 52px);
        line-height: 1.03;
      }
      .workflow-band p {
        color: rgba(255, 255, 255, 0.7);
        font-size: 15px;
        line-height: 1.75;
        margin: 0;
      }
      .flow-mini-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
      }
      .flow-mini {
        min-height: 106px;
        padding: 15px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.04);
      }
      .flow-mini span {
        font-size: 36px;
        letter-spacing: 0.1em;
        color: #d0aa66;
        font-weight: 800;
      }
      .flow-mini b {
        display: block;
        margin-top: 24px;
        font-size: 20px;
      }

      /* split section */
      .split {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 64px;
        align-items: center;
      }
      .media-card {
        /* border: 1px solid var(--line); */
        /* border-radius: 20px; */
        /* background: #fff; */
        padding: 10px;
        /* box-shadow: var(--shadow); */
      }
      .media-card img {
        width: 100%;
        border-radius: 12px;
      }
      .split-copy h2 {
        margin: 13px 0 12px;
        font-family: "Montserrat", serif;
        font-size: clamp(34px, 3.7vw, 50px);
        line-height: 1.05;
      }
      .split-copy p {
        color: var(--muted);
        font-size: 15px;
        line-height: 1.8;
      }
      .check-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 24px;
        margin: 24px 0 28px;
      }
      .check-list div {
        font-size: 15px;
        color: #5c5650;
        font-weight: 650;
      }
      .check-list div:before {
        content: "✓";
        color: var(--green);
        margin-right: 8px;
        font-weight: 900;
      }

      /* ai section */
      .ai-section {
        background: linear-gradient(135deg, #232323, #1b1b1b 74%);
        color: #fff;
        padding: 40px 0;
      }
      .ai-grid {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        gap: 54px;
        align-items: center;
      }
      .ai-section h2 {
        margin: 13px 0 12px;
        font-family: "Montserrat", serif;
        font-size: clamp(34px, 4vw, 51px);
        line-height: 1.06;
      }
      .ai-section p {
        color: rgba(255, 255, 255, 0.7);
        font-size: 15px;
        line-height: 1.8;
      }
      .ai-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 24px 0;
      }
      .ai-actions span {
        padding: 12px;
        border-radius: 9px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.04);
        font-size: 14px;
      }

      /* screenshots */
      .screen-grid {
        display: grid;
        grid-template-columns: 1fr 0.76fr 1fr;
        gap: 18px;
      }
      .screen-card {
        border: 1px solid var(--line);
        border-radius: 18px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 12px 30px rgb(35 35 35 / 22%);
        min-height: 360px;
      }
      .screen-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .screen-copy {
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: start;
      }
      .screen-copy h3 {
        margin: 13px 0;
        font-family: "Montserrat", serif;
        font-size: 45px;
        line-height: 1.05;
      }
      .screen-copy p {
        color: var(--muted);
        line-height: 1.8;
        font-size: 15px;
      }

      /* pricing */
      .price-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        max-width: 1080px;
        margin: auto;
      }
      .price-card {
        position: relative;
        min-height: 390px;
        padding: 28px;
        border: 1px solid var(--line);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(35, 35, 35, 0.04);
        display: flex;
        flex-direction: column;
      }
      .price-card.featured {
        border-color: var(--green);
        box-shadow: 0 24px 60px rgba(208, 170, 102, 0.18);
        transform: translateY(-8px);
      }
      .price-card.featured:before {
        content: "MOST POPULAR";
        position: absolute;
        top: 16px;
        right: 16px;
        background: #f5e8d2;
        color: var(--green-dark);
        padding: 6px 9px;
        border-radius: 999px;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 0.08em;
      }
      .price-card h3 {
        margin: 0;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.06em;
      }
      .price {
        font-size: 38px;
        font-weight: 800;
        margin: 18px 0;
      }
      .price small {
        font-size: 12px;
        color: #9aa4b1;
        font-weight: 600;
      }
      .price-list {
        list-style: none;
        padding: 0;
        margin: 0 0 24px;
        display: grid;
        gap: 10px;
      }
      .price-list li {
        font-size: 12px;
        color: #706b64;
      }
      .price-list li:before {
        content: "✓";
        color: var(--green);
        margin-right: 8px;
        font-weight: 900;
      }
      .price-card .btn {
        margin-top: auto;
        width: 100%;
      }

      /* testimonials */
      .testimonial-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }
      .testimonial {
        padding: 24px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 25px rgba(35, 35, 35, 0.035);
      }
      .testimonial p {
        color: #706b64;
        font-size: 12px;
        line-height: 1.8;
      }
      .testimonial-user {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 18px;
      }
      .testimonial-user img {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        object-fit: cover;
      }
      .testimonial-user b {
        font-size: 12px;
      }
      .testimonial-user span {
        display: block;
        color: #928a80;
        font-size: 8px;
      }

      /* faq */
      .faq-section {
        background: #f8f5f0;
      }
      .faq-wrap {
        max-width: 930px;
        margin: auto;
      }
      .faq-item {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 13px;
        margin-bottom: 10px;
        overflow: hidden;
      }
      .faq-q {
        width: 100%;
        padding: 17px 18px;
        border: 0;
        background: #fff;
        text-align: left;
        display: flex;
        justify-content: space-between;
        gap: 20px;
        color: #232323;
        font-weight: 800;
        cursor: pointer;
        font-size: 14px;
      }
      .faq-a {
        display: none;
        padding: 0 18px 17px;
        color: #706b64;
        font-size: 12px;
        line-height: 1.75;
      }
      .faq-item.open .faq-a {
        display: block;
      }
      .faq-item.open .faq-q {
        color: var(--green-dark);
      }

      /* cta */
      .cta {
        position: relative;
        overflow: hidden;
        background: linear-gradient(120deg, #232323, #191919 72%);
        color: #fff;
        padding: 68px 0;
      }
      .cta-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 32px;
        align-items: center;
      }
      .cta h2 {
        margin: 10px 0;
        font-family: "Montserrat", serif;
        font-size: clamp(36px, 4vw, 50px);
        line-height: 1.05;
      }
      .cta p {
        color: rgba(255, 255, 255, 0.72);
        font-size: 15px;
        line-height: 1.8;
        max-width: 720px;
      }

      /* security */
      .security-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }
      .security-card {
        padding: 24px;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 10px 24px rgba(35, 35, 35, 0.035);
      }
      .security-card h4 {
        margin: 0 0 7px;
        font-size: 18px;
      }
      .security-card p {
        margin: 0;
        color: #7b8594;
        font-size: 15px;
        line-height: 1.7;
      }

      

      @media (max-width: 1100px) {
        .hero-grid,
        .split,
        .ai-grid,
        .workflow-band-grid,
        .cta-grid {
          grid-template-columns: 1fr;
        }
        .hero-visual {
          /* min-height: 420px; */
        }
        .feature-grid,
        .price-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .screen-grid {
          grid-template-columns: 1fr 1fr;
        }
        .screen-copy {
          grid-column: 1/-1;
          order: -1;
        }
        .footer-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }

      @media (max-width: 900px) {
        .menu,
        .nav-actions {
          display: none;
        }
        .menu-toggle {
          display: grid;
          place-items: center;
        }
        .menu.open {
          display: grid;
          position: absolute;
          top: 86px;
          left: 18px;
          right: 18px;
          background: #fff;
          padding: 10px;
          border: 1px solid var(--line);
          border-radius: 12px;
          box-shadow: var(--shadow);
        }
        .menu.open a {
          display: block;
          padding: 12px;
        }
        .trust-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .module-strip {
          grid-template-columns: repeat(4, 1fr);
        }
        .testimonial-grid,
        .security-grid {
          grid-template-columns: 1fr;
        }
        .flow-mini-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 700px) {
        .container {
          width: min(100% - 24px, 1300px);
        }
        .topbar-inner {
          justify-content: center;
          text-align: center;
        }
        .topbar-inner a {
          display: none;
        }
        .hero {
          padding-top: 25px;
        }
        .hero h1 {
          font-size: 43px;
        }
        .hero-visual {
          /* min-height: 340px; */
          margin-left: 0px;
        }
        .hero-photo {
          width: 82%;
        }
        .hero-dashboard {
          width: 96%;
          transform: none;
        }
        .feature-grid,
        .price-grid,
        .trust-grid,
        .module-strip,
        .screen-grid,
        .flow-mini-grid,
        .check-list,
        .footer-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .section {
          padding: 70px 0;
        }
        .price-card.featured {
          transform: none;
        }
        .footer-bottom {
          flex-direction: column;
        }
        .hero-actions .btn {
          width: 100%;
        }
      }

      /* iProVakalat brand overrides */
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .serif {
        font-family: "Montserrat", serif;
      }
      body,
      button,
      input,
      textarea,
      .btn,
      .menu a {
        font-family: "Montserrat", sans-serif;
        font-size:13px;
      }
      .btn-primary,
      .btn-green,
      .btn-gold {
        background: #d0aa66;
        color: #232323;
        box-shadow: 0 12px 26px rgba(208, 170, 102, 0.24);
      }
      .btn-primary:hover,
      .btn-green:hover,
      .btn-gold:hover {
        background: #b98f4f;
        color: #fff;
      }
      .btn-navy,
      .menu-toggle {
        background: #232323;
        color: #fff;
      }
      .btn-outline {
        color: #232323;
        border-color: #d9d0c4;
      }
      .btn-outline:hover {
        border-color: #d0aa66;
        color: #b98f4f;
      }
      .eyebrow {
        /* background:#F5E8D2; */
        color: #333;
        border-color: #e8d4b1;
      }
      .hero h1 span,
      .hero h1 strong,
      .hero-checks span:before,
      .trust-item strong,
      .check-list div:before,
      .price-list li:before,
      .faq-q span {
        color: #d0aa66;
      }
      .workflow-band,
      .ai-section,
      .cta,
      .footer {
        background: #232323;
      }
      .flow-mini:hover {
        background: rgba(208, 170, 102, 0.1);
        border-color: rgba(208, 170, 102, 0.28);
      }
      .feature-icon {
        background: #f5e8d2;
        color: #a67b3f;
        font-size: 35px;
      }
      .price-card.featured {
        border-color: #d0aa66;
        box-shadow: 0 24px 60px rgba(208, 170, 102, 0.18);
      }
      .price-card.featured:before {
        background: #f5e8d2;
        color: #a67b3f;
      }
      .faq-section {
        background: #fbf7f0;
      }
      .footer h5,
      .footer a:hover,
      .topbar a {
        color: #d0aa66;
      }
      /* =========================================
   PRICING COMPARISON TABLE
========================================= */

      .comparison-wrap {
        margin-top: 70px;
      }

      /* HEADING */

      .comparison-head {
        text-align: center;
        max-width: 760px;
        margin: 0 auto 32px;
      }

      .comparison-head h3 {
        margin: 14px 0 10px;

        font-family: "Montserrat", serif;
        font-size: clamp(28px, 3vw, 40px);

        line-height: 1.15;
        color: #232323;
      }

      .comparison-head p {
        margin: 0;

        font-family: "Montserrat", sans-serif;
        font-size: 15px;
        line-height: 1.7;

        color: #706b64;
      }

      /* TABLE CONTAINER */

      .comparison-table-shell {
        width: 100%;

        overflow-x: auto;

        background: #ffffff;

        border: 1px solid #e7ded1;
        border-radius: 20px;

        box-shadow: 0 18px 50px rgba(35, 35, 35, 0.08);
      }

      /* TABLE */

      .comparison-table {
        width: 100%;
        min-width: 900px;

        border-collapse: collapse;
        table-layout: fixed;
      }

      /* HEADER */

      .comparison-table thead th {
        position: relative;

        padding: 25px 20px;

        background: #f8f5f0;

        border-right: 1px solid #e7ded1;
        border-bottom: 1px solid #e7ded1;

        font-family: "Montserrat", serif;

        font-size: 16px;
        font-weight: 700;

        text-align: center;

        color: #232323;
      }

      .comparison-table thead th:first-child {
        width: 34%;

        text-align: left;

        border-radius: 20px 0 0 0;
      }

      .comparison-table thead th:last-child {
        border-right: 0;
        border-radius: 0 20px 0 0;
      }

      .comparison-table thead th span {
        display: block;

        margin-top: 6px;

        font-family: "Montserrat", sans-serif;

        font-size: 11px;
        font-weight: 600;

        color: #706b64;
      }

      /* PROFESSIONAL COLUMN */

      .comparison-table thead .recommended-col {
        background: #d0aa66;

        color: #232323;
      }

      .comparison-table thead .recommended-col span {
        color: #232323;
      }

      /* MOST POPULAR */

      .popular-label {
        display: inline-block;

        margin-bottom: 9px;

        padding: 5px 10px;

        background: #232323;
        color: #ffffff;

        border-radius: 30px;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;
        font-weight: 800;

        letter-spacing: 0.08em;
      }

      /* BODY */

      .comparison-table td {
        padding: 15px 18px;

        border-right: 1px solid #e7ded1;
        border-bottom: 1px solid #e7ded1;

        font-family: "Montserrat", sans-serif;

        font-size: 12px;

        text-align: center;

        color: #4e4943;
      }

      .comparison-table td:last-child {
        border-right: 0;
      }

      /* FEATURE COLUMN */

      .comparison-table .feature-name {
        text-align: left;

        font-weight: 700;

        color: #232323;
      }

      .feature-name small {
        display: block;

        margin-top: 4px;

        font-size: 10px;
        font-weight: 400;

        line-height: 1.5;

        color: #928a80;
      }

      /* PROFESSIONAL COLUMN BODY */

      .comparison-table tbody .recommended-col {
        background: #fcf8f1;
      }

      /* CATEGORY */

      .category-row td {
        padding: 12px 18px !important;

        background: #f1ece5 !important;

        font-family: "Montserrat", sans-serif;

        font-size: 10px;
        font-weight: 800;

        text-transform: uppercase;
        letter-spacing: 0.08em;

        text-align: left;

        color: #b98f4f;

        border-right: 0;
      }

      /* CHECK */

      .yes {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 25px;
        height: 25px;

        border-radius: 50%;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 13px;
        font-weight: 900;
      }

      /* NOT AVAILABLE */

      .no {
        color: #beb7ae;

        font-size: 17px;
      }

      /* ROW HOVER */

      .comparison-table tbody tr:not(.category-row):hover td {
        background: #fcfaf7;
      }

      .comparison-table tbody tr:not(.category-row):hover .recommended-col {
        background: #f8efdf;
      }

      /* BUTTON ROW */

      .comparison-actions td {
        padding-top: 23px;
        padding-bottom: 23px;

        border-bottom: 0;
      }

      /* BUTTON */

      .compare-btn {
        width: 100%;
        max-width: 190px;

        min-height: 43px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        padding: 10px 16px;

        border-radius: 9px;

        font-size: 11px;
        font-weight: 800;

        transition: 0.25s;
      }

      .compare-btn:hover {
        transform: translateY(-2px);
      }

      /* DARK */

      .compare-btn.dark {
        background: #232323;

        color: #ffffff;
      }

      /* GOLD */

      .compare-btn.gold {
        background: #d0aa66;

        color: #232323;

        box-shadow: 0 10px 24px rgba(208, 170, 102, 0.25);
      }

      .compare-btn.gold:hover {
        background: #b98f4f;

        color: #ffffff;
      }

      /* RESPONSIVE */

      @media (max-width: 900px) {
        .comparison-wrap {
          margin-top: 50px;
        }

        .comparison-table-shell {
          border-radius: 15px;
        }
      }

      @media (max-width: 700px) {
        .comparison-head h3 {
          font-size: 28px;
        }

        .comparison-table-shell {
          margin-left: 0;
          margin-right: 0;
        }
      }
      /* =====================================================
   CLIENT STORIES / TESTIMONIALS
===================================================== */

      .client-stories-section {
        position: relative;
        overflow: hidden;

        padding: 95px 0;

        background:
          radial-gradient(
            circle at 92% 5%,
            rgba(208, 170, 102, 0.13),
            transparent 25%
          ),
          #ffffff;
      }

      /* HEADER */

      .client-stories-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;

        gap: 40px;

        margin-bottom: 42px;
      }

      .client-stories-header > div:first-child {
        max-width: 760px;
      }

      .client-stories-header h2 {
        margin: 15px 0 13px;

        font-family: "Montserrat", serif;

        font-size: clamp(34px, 4vw, 50px);
        line-height: 1.12;

        color: #232323;
      }

      .client-stories-header h2 span {
        color: #d0aa66;
      }

      .client-stories-header p {
        max-width: 680px;

        margin: 0;

        font-family: "Montserrat", sans-serif;

        font-size: 13px;
        line-height: 1.8;

        color: #706b64;
      }

      /* NAVIGATION */

      .testimonial-nav {
        display: flex;
        gap: 8px;
      }

      .testimonial-nav button {
        width: 43px;
        height: 43px;

        display: grid;
        place-items: center;

        border: 1px solid #e7ded1;

        border-radius: 50%;

        background: #ffffff;

        color: #232323;

        font-size: 17px;

        cursor: pointer;

        transition: 0.25s ease;
      }

      .testimonial-nav button:hover {
        background: #d0aa66;

        border-color: #d0aa66;

        color: #232323;

        transform: translateY(-2px);
      }

      /* GRID */

      .testimonial-grid {
        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 20px;
      }

      /* CARD */

      .testimonial-card {
        position: relative;
        padding: 28px;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid #e7ded1;
        border-radius: 18px;
        box-shadow: 0 14px 40px rgba(35, 35, 35, 0.05);
        transition:
          transform 0.3s ease,
          box-shadow 0.3s ease,
          border-color 0.3s ease;
      }

      .testimonial-card:hover {
        transform: translateY(-6px);

        border-color: #d0aa66;

        box-shadow: 0 22px 55px rgba(35, 35, 35, 0.09);
      }

      /* FEATURED CARD */

      .featured-testimonial {
        background: linear-gradient(145deg, #232323, #2f2f2f);

        border-color: #232323;

        color: #ffffff;
      }

      .featured-testimonial:hover {
        border-color: #d0aa66;
      }

      /* TOP */

      .testimonial-top {
        display: flex;

        justify-content: space-between;
        align-items: flex-start;

        margin-bottom: 0px;
      }

      /* QUOTE */

      .quote-mark {
        height: 45px;

        font-family: "Montserrat", serif;

        font-size: 58px;
        line-height: 0.9;

        color: #d0aa66;
      }

      /* STARS */

      .rating {
        color: #d0aa66;

        font-size: 28px;

        letter-spacing: 2px;
      }

      /* QUOTE TEXT */

      .testimonial-card blockquote {
        margin: 0 0 2px;

        font-family: "Montserrat", sans-serif;

        font-size: 13px;
        line-height: 1.85;

        color: #625c55;
      }

      .featured-testimonial blockquote {
        color: rgba(255, 255, 255, 0.83);
      }

      /* FOOTER */

      .testimonial-footer {
        /* margin-top: auto; */
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        border-top: 1px solid #eee7dd;
      }

      .featured-testimonial .testimonial-footer {
        border-color: rgba(255, 255, 255, 0.12);
      }

      /* USER */

      .testimonial-user {
        display: flex;

        align-items: center;

        gap: 12px;
      }

      .testimonial-user img {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        object-fit: cover;

        border-radius: 50%;

        border: 2px solid #f1e5d1;
      }

      .featured-testimonial .testimonial-user img {
        border-color: #d0aa66;
      }

      /* USER INFO */

      .client-info strong {
        display: block;

        margin-bottom: 3px;

        font-family: "Montserrat", sans-serif;

        font-size: 12px;
        font-weight: 800;

        color: #232323;
      }

      .featured-testimonial .client-info strong {
        color: #ffffff;
      }

      .client-info span {
        display: block;

        font-size: 9px;

        color: #928a80;
      }

      .featured-testimonial .client-info span {
        color: rgba(255, 255, 255, 0.55);
      }

      /* CLIENT TYPE */

      .client-type {
        padding: 6px 10px;

        border-radius: 30px;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 8px;
        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: 0.07em;
      }

      .featured-testimonial .client-type {
        background: rgba(208, 170, 102, 0.14);

        border: 1px solid rgba(208, 170, 102, 0.35);

        color: #e3bc77;
      }

      /* =====================================================
   TRUST BAR
===================================================== */

      .testimonial-trust {
        margin-top: 28px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border: 1px solid #e7ded1;

        border-radius: 14px;

        background: #f8f5f0;

        overflow: hidden;
      }

      .testimonial-trust > div {
        padding: 18px 20px;

        text-align: center;

        border-right: 1px solid #e7ded1;
      }

      .testimonial-trust > div:last-child {
        border-right: 0;
      }

      .testimonial-trust strong {
        display: block;

        margin-bottom: 5px;

        font-family: "Montserrat", serif;

        font-size: 12px;

        color: #232323;
      }

      .testimonial-trust span {
        font-family: "Montserrat", sans-serif;

        font-size: 9px;

        color: #706b64;
      }

      /* =====================================================
   TABLET
===================================================== */

      @media (max-width: 1000px) {
        .testimonial-grid {
          grid-template-columns: repeat(2, 1fr);
        }

        .testimonial-card:last-child {
          grid-column: 1 / -1;
        }

        .testimonial-trust {
          grid-template-columns: repeat(2, 1fr);
        }

        .testimonial-trust > div:nth-child(2) {
          border-right: 0;
        }
      }

      /* =====================================================
   MOBILE
===================================================== */

      @media (max-width: 700px) {
        .client-stories-section {
          padding: 70px 0;
        }

        .client-stories-header {
          align-items: flex-start;

          flex-direction: column;

          gap: 20px;
        }

        .client-stories-header h2 {
          font-size: 32px;
        }

        .testimonial-grid {
          grid-template-columns: 1fr;
        }

        .testimonial-card,
        .testimonial-card:last-child {
          grid-column: auto;

          min-height: auto;
        }

        .testimonial-trust {
          grid-template-columns: 1fr;
        }

        .testimonial-trust > div {
          border-right: 0;

          border-bottom: 1px solid #e7ded1;
        }

        .testimonial-trust > div:last-child {
          border-bottom: 0;
        }
      }
      /* ==========================================================
   iProVakalat - ADVANCED PRODUCT SECTIONS
========================================================== */

      .product-showcase {
        position: relative;
        overflow: hidden;
        padding: 85px 0;
        background: #fff;
      }

      .product-showcase-soft {
        background: #f8f5f0;
      }

      .product-showcase-grid {
        display: grid;
        grid-template-columns: 0.92fr 1.08fr;
        gap: 70px;
        align-items: center;
      }

      .product-showcase-grid.reverse {
        grid-template-columns: 1.08fr 0.92fr;
      }

      .product-content h2,
      .insights-content h2 {
        margin: 15px 0 16px;

        font-family: "Montserrat", serif;
        font-size: clamp(36px, 4vw, 46px);
        line-height: 1.12;

        color: #232323;
        /* font-size:107%; */
      }

      .product-content h2 span,
      .insights-content h2 span {
        color: #d0aa66;
      }

      .product-content > p,
      .insights-content > p {
        max-width: 580px;

        margin: 0 0 28px;

        color: #706b64;

        font-size: 15px;
        line-height: 1.8;
      }

      /* ==========================================================
   PRODUCT SCREENSHOT
========================================================== */

      .product-image {
        position: relative;
      }

      .product-image::before {
        content: "";

        position: absolute;

        width: 78%;
        height: 75%;

        right: -25px;
        bottom: -25px;

        background: #f5e8d2;

        border-radius: 30px;

        z-index: 0;
      }

      .product-showcase-grid.reverse .product-image::before {
        right: auto;
        left: -25px;
      }

      .product-image img {
        position: relative;

        width: 100%;

        border-radius: 18px;

        border: 1px solid #e7ded1;

        background: #fff;

        box-shadow: 0 25px 65px rgba(35, 35, 35, 0.12);

        z-index: 1;
      }

      /* ==========================================================
   NUMBERED FEATURE LIST
========================================================== */

      .product-feature-list {
        display: grid;
        gap: 12px;

        margin: 0 0 28px;
      }

      .product-feature-list > div {
        display: grid;

        grid-template-columns: 42px 1fr;

        gap: 14px;

        align-items: flex-start;

        padding: 13px 15px;

        border: 1px solid #e7ded1;

        border-radius: 12px;

        background: #fff;

        transition: 0.25s ease;
      }

      .product-feature-list > div:hover {
        border-color: #d0aa66;

        transform: translateX(5px);
      }

      .product-feature-list > div > span {
        width: 44px;
        height: 44px;

        display: grid;
        place-items: center;

        border-radius: 10px;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 22px;
        font-weight: 800;
      }

      .product-feature-list strong {
        display: block;

        margin-bottom: 4px;

        color: #232323;

        font-size: 18px;
      }

      .product-feature-list p {
        margin: 0;

        color: #706b64;

        font-size: 15px;
        line-height: 1.6;
      }

      /* ==========================================================
   MINI FEATURE GRID - DOCUMENTS
========================================================== */

      .mini-feature-grid {
        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 12px;

        margin-top: 25px;
      }

      .mini-feature-grid > div {
        padding: 18px;

        border: 1px solid #e7ded1;

        border-radius: 13px;

        background: #fff;
      }

      .mini-feature-grid b {
        width: 38px;
        height: 38px;

        display: grid;
        place-items: center;

        margin-bottom: 13px;

        border-radius: 10px;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 17px;
      }

      .mini-feature-grid strong {
        display: block;

        margin-bottom: 5px;

        font-size: 18px;

        color: #232323;
      }

      .mini-feature-grid small {
        display: block;

        color: #706b64;

        font-size: 15px;
        line-height: 1.55;
      }

      /* ==========================================================
   TASK / DEADLINE DARK SECTION
========================================================== */

      .deadline-section {
        position: relative;

        overflow: hidden;

        padding: 85px 0;

        background:
          radial-gradient(
            circle at 90% 20%,
            rgba(208, 170, 102, 0.12),
            transparent 25%
          ),
          #232323;

        color: #fff;
      }

      .deadline-heading {
        max-width: 780px;

        margin-bottom: 38px;
      }

      .deadline-heading .eyebrow {
        color: #d0aa66;

        border-color: rgba(208, 170, 102, 0.35);

        background: rgba(208, 170, 102, 0.08);
      }

      .deadline-heading h2 {
        margin: 15px 0;

        font-family: "Montserrat", serif;

        font-size: clamp(36px, 4vw, 52px);

        line-height: 1.12;
      }

      .deadline-heading h2 span {
        color: #d0aa66;
      }

      .deadline-heading p {
        margin: 0;

        color: rgba(255, 255, 255, 0.68);

        font-size: 13px;

        line-height: 1.8;
      }

      .deadline-grid {
        display: grid;

        grid-template-columns: repeat(4, 1fr);

        gap: 14px;
      }

      .deadline-card {
        min-height: 190px;

        padding: 22px;

        border: 1px solid rgba(255, 255, 255, 0.1);

        border-radius: 15px;

        background: rgba(255, 255, 255, 0.04);

        transition: 0.25s ease;
      }

      .deadline-card:hover {
        transform: translateY(-5px);

        border-color: rgba(208, 170, 102, 0.45);

        background: rgba(208, 170, 102, 0.08);
      }

      .deadline-card > span {
        display: block;

        margin-bottom: 5px;

        color: #d0aa66;

        font-size: 45px;
        font-weight: 800;
      }

      .deadline-card h3 {
        margin: 0 0 9px;

        font-family: "Montserrat", serif;

        font-size: 24px;
      }

      .deadline-card p {
        margin: 0;

        color: rgba(255, 255, 255, 0.63);

        font-size: 15px;

        line-height: 1.7;
      }

      /* ==========================================================
   PRACTICE FINANCE
========================================================== */

      .finance-stats {
        display: grid;

        grid-template-columns: repeat(4, 1fr);

        gap: 10px;

        margin: 26px 0 30px;
      }

      .finance-stats > div {
        padding: 17px 10px;

        text-align: center;

        border: 1px solid #e7ded1;

        border-radius: 12px;

        background: #f8f5f0;
      }

      .finance-stats strong {
        width: 45px;
        height: 45px;

        display: grid;
        place-items: center;

        margin: 0 auto 10px;

        border-radius: 50%;

        background: #d0aa66;

        color: #232323;

        font-size: 30px;
      }

      .finance-stats span {
        display: block;

        color: #514b45;

        font-size: 15px;
        font-weight: 700;
      }

      /* ==========================================================
   TEAM / CHAMBER SECTION
========================================================== */

      .team-practice-section {
        padding: 90px 0;

        background: #f8f5f0;
      }

      .practice-types {
        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 18px;

        max-width: 1050px;

        margin: auto;
      }

      .practice-types article {
        position: relative;

        min-height: 260px;

        padding: 28px;

        border: 1px solid #e7ded1;

        border-radius: 17px;

        background: #fff;

        transition: 0.3s ease;
      }

      .practice-types article:hover {
        transform: translateY(-6px);

        border-color: #d0aa66;

        box-shadow: 0 20px 45px rgba(35, 35, 35, 0.08);
      }

      .practice-types article.active {
        background: #232323;

        border-color: #232323;

        color: #fff;

        transform: translateY(-8px);
      }

      .practice-icon {
        width: 47px;
        height: 47px;

        display: grid;
        place-items: center;

        margin-bottom: 45px;

        border-radius: 13px;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 22px;
        font-weight: 900;
      }

      .practice-types article.active .practice-icon {
        background: #d0aa66;

        color: #232323;
      }

      .practice-types h3 {
        margin: 0 0 11px;

        font-family: "Montserrat", serif;

        font-size: 19px;
      }

      .practice-types p {
        margin: 0;

        color: #706b64;

        font-size: 15px;

        line-height: 1.75;
      }

      .practice-types article.active p {
        color: rgba(255, 255, 255, 0.65);
      }

      /* ==========================================================
   REPORTS / INSIGHTS
========================================================== */

      .insights-section {
        padding: 90px 0;

        background: #fff;
      }

      .insights-grid {
        display: grid;

        grid-template-columns: 1.1fr 0.9fr;

        gap: 70px;

        align-items: center;
      }

      .insights-dashboard {
        position: relative;
      }

      .insights-dashboard img {
        width: 100%;

        border-radius: 18px;

        border: 1px solid #e7ded1;

        box-shadow: 0 25px 65px rgba(35, 35, 35, 0.12);
      }

      .insights-content ul {
        margin: 24px 0 0;

        padding: 0;

        list-style: none;

        display: grid;

        gap: 10px;
      }

      .insights-content li {
        position: relative;

        padding: 13px 15px 13px 44px;

        border: 1px solid #e7ded1;

        border-radius: 10px;

        color: #514b45;

        font-size: 11px;

        font-weight: 700;
      }

      .insights-content li::before {
        content: "✓";

        position: absolute;

        left: 14px;
        top: 50%;

        width: 20px;
        height: 20px;

        display: grid;
        place-items: center;

        transform: translateY(-50%);

        border-radius: 50%;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 10px;
      }

      /* ==========================================================
   COMPLETE ECOSYSTEM
========================================================== */

      .ecosystem-section {
        position: relative;

        overflow: hidden;

        padding: 95px 0;

        background:
          radial-gradient(
            circle at center,
            rgba(208, 170, 102, 0.12),
            transparent 34%
          ),
          #f8f5f0;
      }

      .ecosystem {
        position: relative;

        width: min(760px, 100%);

        height: 510px;

        margin: 20px auto 0;
      }

      .ecosystem::before,
      .ecosystem::after {
        content: "";

        position: absolute;

        left: 50%;
        top: 50%;

        transform: translate(-50%, -50%);

        /* border: 1px solid #e2d1b5; */

        border-radius: 50%;
      }

      .ecosystem::before {
        width: 370px;
        height: 370px;
      }

      .ecosystem::after {
        width: 500px;
        height: 500px;

        border-style: dashed;
      }

      /* CENTER */

      .ecosystem-center {
        position: absolute;

        left: 50%;
        top: 50%;

        width: 180px;
        height: 180px;

        transform: translate(-50%, -50%);

        display: flex;

        flex-direction: column;

        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #232323;

        color: #fff;

        box-shadow: 0 20px 55px rgba(35, 35, 35, 0.2);

        z-index: 3;
      }

      .ecosystem-center strong {
        font-family: "Montserrat", serif;

        font-size: 25px;
      }

      .ecosystem-center span {
        color: #d0aa66;

        font-family: "Montserrat", serif;

        font-size: 25px;
      }

      .ecosystem-center small {
        margin-top: 7px;

        color: rgba(255, 255, 255, 0.55);

        font-size: 8px;

        text-transform: uppercase;

        letter-spacing: 0.1em;
      }

      /* ITEMS */

      .eco-item {
        position: absolute;

        min-width: 125px;

        padding: 12px 17px;

        text-align: center;

        border: 1px solid #e7ded1;

        border-radius: 30px;

        background: #fff;

        color: #232323;

        box-shadow: 0 8px 25px rgba(35, 35, 35, 0.06);

        font-size: 10px;

        font-weight: 800;

        z-index: 4;
      }

      .eco-1 {
        left: 50%;
        top: 0;

        transform: translateX(-50%);
      }

      .eco-2 {
        right: 5%;
        top: 18%;
      }

      .eco-3 {
        right: 0;
        top: 48%;
      }

      .eco-4 {
        right: 10%;
        bottom: 10%;
      }

      .eco-5 {
        left: 50%;
        bottom: 0;

        transform: translateX(-50%);
      }

      .eco-6 {
        left: 10%;
        bottom: 10%;
      }

      .eco-7 {
        left: 0;
        top: 48%;
      }

      .eco-8 {
        left: 5%;
        top: 18%;
      }

      /* ==========================================================
   RESPONSIVE
========================================================== */

      @media (max-width: 1000px) {
        .product-showcase-grid,
        .product-showcase-grid.reverse,
        .insights-grid {
          grid-template-columns: 1fr;
        }

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

        .practice-types {
          grid-template-columns: 1fr;
        }

        .practice-types article.active {
          transform: none;
        }
      }

      @media (max-width: 700px) {
        .product-showcase,
        .deadline-section,
        .team-practice-section,
        .insights-section,
        .ecosystem-section {
          padding: 70px 0;
        }

        .product-showcase-grid,
        .product-showcase-grid.reverse,
        .insights-grid {
          gap: 40px;
        }

        .mini-feature-grid,
        .deadline-grid {
          grid-template-columns: 1fr;
        }

        .finance-stats {
          grid-template-columns: repeat(2, 1fr);
        }

        .product-image::before {
          display: none;
        }

        .ecosystem {
          height: auto;

          display: grid;

          grid-template-columns: repeat(2, 1fr);

          gap: 10px;
        }

        .ecosystem::before,
        .ecosystem::after {
          display: none;
        }

        .ecosystem-center {
          position: relative;

          left: auto;
          top: auto;

          transform: none;

          grid-column: 1 / -1;

          margin: 0 auto 15px;
        }

        .eco-item {
          position: relative;

          left: auto;
          right: auto;
          top: auto;
          bottom: auto;

          transform: none;

          min-width: 0;
        }
      }
      /* ==========================================================
   PRICING BOTTOM TRUST BAR - CONTINUED
========================================================== */

      .pricing-bottom-note > div > span {
        width: 22px;
        height: 22px;

        flex: 0 0 22px;

        display: grid;
        place-items: center;

        border-radius: 50%;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 9px;

        font-weight: 900;
      }

      /* hover */

      .pricing-bottom-note > div {
        transition:
          background 0.25s ease,
          color 0.25s ease;
      }

      .pricing-bottom-note > div:hover {
        background: #fbf7f0;

        color: #232323;
      }

      /* ==========================================================
   YEARLY PRICING MODE
========================================================== */

      .yearly-price-message {
        display: none;

        width: fit-content;

        margin: -2px auto 35px;

        padding: 8px 14px;

        border: 1px solid #e8d4b1;

        border-radius: 30px;

        background: #fbf7f0;

        color: #a67b3f;

        font-family: "Montserrat", sans-serif;

        font-size: 9px;

        font-weight: 700;
      }

      body.yearly-pricing .yearly-price-message {
        display: flex;

        align-items: center;

        gap: 7px;
      }

      /* YEARLY PRICE LABEL */

      .yearly-saving {
        display: none;

        margin-top: 5px;

        color: #a67b3f;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;

        font-weight: 700;
      }

      body.yearly-pricing .yearly-saving {
        display: block;
      }

      /* ==========================================================
   PRICE CHANGE ANIMATION
========================================================== */

      .price-amount.price-changing {
        opacity: 0;

        transform: translateY(6px);
      }

      .price-amount {
        transition:
          opacity 0.18s ease,
          transform 0.18s ease;
      }

      /* ==========================================================
   SMALL PLAN ACCENT
========================================================== */

      .upgraded-price-card::after {
        content: "";

        position: absolute;

        left: 30px;
        right: 30px;
        top: 0;

        height: 3px;

        border-radius: 0 0 4px 4px;

        background: transparent;

        transition: background 0.25s ease;
      }

      .upgraded-price-card:hover::after {
        background: #d0aa66;
      }

      .upgraded-price-card.featured::after {
        background: #d0aa66;
      }

      /* ==========================================================
   PROFESSIONAL CARD SUBTLE GLOW
========================================================== */

      .upgraded-price-card.featured {
        overflow: visible;
      }

      .upgraded-price-card.featured .plan-top {
        position: relative;
      }

      .upgraded-price-card.featured .plan-top::after {
        content: "";

        position: absolute;

        width: 90px;
        height: 90px;

        right: -15px;
        top: -20px;

        border-radius: 50%;

        background: rgba(208, 170, 102, 0.08);

        z-index: 0;
      }

      .upgraded-price-card.featured .plan-top > * {
        position: relative;

        z-index: 1;
      }

      /* ==========================================================
   PRICE VALUE WHEN YEARLY
========================================================== */

      body.yearly-pricing .pricing-value {
        align-items: flex-start;
      }

      body.yearly-pricing .price-amount {
        color: #a67b3f;
      }

      body.yearly-pricing .featured .price-amount {
        color: #232323;
      }

      /* ==========================================================
   PLAN MICRO LABELS
========================================================== */

      .plan-saving-label {
        display: none;

        width: fit-content;

        margin: -7px 0 17px;

        padding: 5px 9px;

        border-radius: 20px;

        background: #f5e8d2;

        color: #a67b3f;

        font-family: "Montserrat", sans-serif;

        font-size: 7px;

        font-weight: 800;
      }

      body.yearly-pricing .plan-saving-label {
        display: inline-flex;
      }

      /* ==========================================================
   FEATURE TOOLTIP SUPPORT
========================================================== */

      .pricing-feature-info {
        position: relative;

        display: inline-grid;

        place-items: center;

        width: 15px;
        height: 15px;

        margin-left: auto;

        border: 1px solid #d9d0c4;

        border-radius: 50%;

        color: #928a80;

        font-size: 8px;

        cursor: help;
      }

      .pricing-feature-info::after {
        content: attr(data-tooltip);

        position: absolute;

        left: 50%;
        bottom: calc(100% + 8px);

        width: 190px;

        padding: 9px 11px;

        border-radius: 8px;

        background: #232323;

        color: #ffffff;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;

        font-weight: 500;

        line-height: 1.5;

        text-align: left;

        opacity: 0;

        visibility: hidden;

        transform: translateX(-50%) translateY(5px);

        transition: 0.2s ease;

        z-index: 20;

        pointer-events: none;
      }

      .pricing-feature-info:hover::after {
        opacity: 1;

        visibility: visible;

        transform: translateX(-50%) translateY(0);
      }

      /* ==========================================================
   TABLET - 1100px
========================================================== */

      @media (max-width: 1100px) {
        .pricing-section {
          padding: 90px 0;
        }

        .price-grid,
        .upgraded-price-grid {
          max-width: 820px;

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

        .upgraded-price-card.featured {
          transform: none;
        }

        .upgraded-price-card.featured:hover {
          transform: translateY(-7px);
        }

        /* Chamber spans full row */

        .upgraded-price-card:nth-child(3) {
          grid-column: 1 / -1;

          width: calc(50% - 11px);

          justify-self: center;
        }

        .pricing-bottom-note {
          max-width: 820px;

          grid-template-columns: repeat(2, 1fr);
        }

        .pricing-bottom-note > div:nth-child(2) {
          border-right: 0;
        }

        .pricing-bottom-note > div:nth-child(1),
        .pricing-bottom-note > div:nth-child(2) {
          border-bottom: 1px solid #e7ded1;
        }
      }

      /* ==========================================================
   TABLET - 800px
========================================================== */

      @media (max-width: 800px) {
        .pricing-section {
          padding: 80px 0;
        }

        .pricing-header {
          margin-bottom: 45px;
        }

        .pricing-header h2 {
          font-size: 36px;
        }

        .price-grid,
        .upgraded-price-grid {
          max-width: 560px;

          grid-template-columns: 1fr;

          gap: 22px;
        }

        .upgraded-price-card,
        .upgraded-price-card:nth-child(3) {
          width: 100%;

          grid-column: auto;

          justify-self: stretch;
        }

        .upgraded-price-card.featured {
          order: -1;
        }

        .popular-ribbon {
          top: -13px;
        }

        .plan-description {
          min-height: auto;
        }

        .pricing-value {
          min-height: auto;

          margin-bottom: 22px;
        }
      }

      /* ==========================================================
   MOBILE - 600px
========================================================== */

      @media (max-width: 600px) {
        .pricing-section {
          padding: 68px 0;
        }

        .pricing-section .container {
          width: min(calc(100% - 24px), 1300px);
        }

        .pricing-header {
          margin-bottom: 40px;
        }

        .pricing-header h2 {
          margin-top: 13px;

          font-size: 31px;

          line-height: 1.18;
        }

        .pricing-header > p {
          font-size: 12px;

          line-height: 1.75;
        }

        /* BILLING TOGGLE */

        .billing-toggle {
          width: 100%;

          max-width: 360px;

          margin-top: 25px;
        }

        .billing-option {
          flex: 1;

          min-width: 0;

          height: 42px;

          padding: 0 12px;
        }

        .billing-option:last-child {
          flex: 1.4;

          min-width: 0;

          padding-left: 17px;

          padding-right: 70px;
        }

        /* CARDS */

        .price-grid,
        .upgraded-price-grid {
          width: 100%;

          gap: 24px;
        }

        .price-card,
        .upgraded-price-card {
          min-height: 0;

          padding: 25px 22px;

          border-radius: 17px;
        }

        .upgraded-price-card.featured {
          border-width: 2px;
        }

        /* PLAN HEADER */

        .plan-icon {
          width: 45px;
          height: 45px;

          flex-basis: 45px;

          font-size: 18px;
        }

        .upgraded-price-card h3,
        .price-card h3 {
          font-size: 19px;
        }

        /* DESCRIPTION */

        .plan-description {
          margin-top: 18px;

          font-size: 10px;
        }

        /* PRICE */

        .price-amount {
          font-size: 40px;
        }

        .currency {
          font-size: 16px;
        }

        /* BUTTON */

        .pricing-btn {
          min-height: 45px;
        }

        /* FEATURES */

        .price-list,
        .upgraded-price-list {
          gap: 11px;
        }

        .price-list li,
        .upgraded-price-list li {
          font-size: 10px;
        }

        /* TRUST */

        .pricing-bottom-note {
          margin-top: 35px;

          grid-template-columns: 1fr;
        }

        .pricing-bottom-note > div {
          min-height: 54px;

          justify-content: flex-start;

          padding-left: 20px;

          border-right: 0;

          border-bottom: 1px solid #e7ded1;
        }

        .pricing-bottom-note > div:last-child {
          border-bottom: 0;
        }
      }

      /* ==========================================================
   SMALL MOBILE - 420px
========================================================== */

      @media (max-width: 420px) {
        .pricing-header h2 {
          font-size: 28px;
        }

        .billing-toggle {
          padding: 4px;
        }

        .billing-option {
          font-size: 10px;
        }

        .billing-option:last-child {
          padding-left: 12px;
          padding-right: 62px;
        }

        .save-badge {
          right: 5px;

          padding: 4px 6px;

          font-size: 6px;
        }

        .price-card,
        .upgraded-price-card {
          padding: 23px 19px;
        }

        .price-amount {
          font-size: 37px;
        }

        .pricing-value {
          margin-top: 5px;
        }

        .popular-ribbon {
          font-size: 7px;

          padding: 6px 13px;
        }
      }

      /* ==========================================================
   ACCESSIBILITY
========================================================== */

      .billing-option:focus-visible,
      .pricing-btn:focus-visible {
        outline: 3px solid rgba(208, 170, 102, 0.35);

        outline-offset: 3px;
      }

      /* ==========================================================
   REDUCED MOTION
========================================================== */

      @media (prefers-reduced-motion: reduce) {
        .price-card,
        .upgraded-price-card,
        .pricing-btn,
        .pricing-btn span,
        .billing-option,
        .plan-icon,
        .price-amount {
          transition: none;
        }

        .price-card:hover,
        .upgraded-price-card:hover,
        .upgraded-price-card.featured:hover,
        .pricing-btn:hover {
          transform: none;
        }
      }
      /* =========================================================
   IPROVAKALAT PRICING - ISOLATED
========================================================= */

      .ipv-pricing {
        position: relative;

        padding: 95px 0 90px;

        overflow: hidden;

        /* background:
          radial-gradient(
            circle at 50% -10%,
            rgba(208, 170, 102, 0.16),
            transparent 30%
          ),
          #f8f5f0; */
      }

      /* HEADER */

      .ipv-pricing-head {
        max-width: 760px;

        margin: 0 auto 55px;

        text-align: center;
      }

      .ipv-kicker {
        display: inline-flex;

        padding: 7px 13px;

        border: 1px solid #e3c998;

        border-radius: 30px;

        background: #fff;

        color: #9d7539;

        font-family: "Montserrat", sans-serif;

        font-size: 9px;

        font-weight: 700;

        letter-spacing: 0.12em;

        text-transform: uppercase;
      }

      .ipv-pricing-head h2 {
        margin: 16px 0 13px;

        font-family: "Merriweather", serif;

        font-size: clamp(36px, 4vw, 50px);

        line-height: 1.12;

        color: #232323;
      }

      .ipv-pricing-head h2 span {
        color: #d0aa66;
      }

      .ipv-pricing-head > p {
        max-width: 650px;

        margin: auto;

        color: #706b64;

        font-family: "Montserrat", sans-serif;

        font-size: 13px;

        line-height: 1.8;
      }

      /* =========================================================
   TOGGLE
========================================================= */

      .ipv-billing-switch {
        display: inline-flex;

        align-items: center;

        gap: 4px;

        margin-top: 27px;

        padding: 5px;

        border: 1px solid #e7ded1;

        border-radius: 50px;

        background: #fff;

        box-shadow: 0 8px 25px rgba(35, 35, 35, 0.07);
      }

      .ipv-billing-btn {
        appearance: none;
        -webkit-appearance: none;

        height: 42px;

        min-width: 125px;

        padding: 0 20px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        gap: 8px;

        border: 0 !important;

        outline: 0;

        border-radius: 40px;

        background: transparent;

        color: #706b64;

        font-family: "Montserrat", sans-serif;

        font-size: 11px;

        font-weight: 700;

        cursor: pointer;

        transition: 0.25s ease;
      }

      .ipv-billing-btn span {
        padding: 4px 7px;

        border-radius: 20px;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 7px;

        font-weight: 800;
      }

      .ipv-billing-btn.active {
        background: #232323;

        color: #fff;

        box-shadow: 0 5px 15px rgba(35, 35, 35, 0.16);
      }

      .ipv-billing-btn.active span {
        background: #d0aa66;

        color: #232323;
      }

      /* =========================================================
   GRID
========================================================= */

      .ipv-plan-grid {
        max-width: 1160px;

        margin: auto;

        display: grid;

        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 22px;

        align-items: stretch;
      }

      /* =========================================================
   CARD
========================================================= */

      .ipv-plan-card {
        position: relative;

        min-width: 0;

        padding: 30px;

        display: flex;

        flex-direction: column;

        border: 1px solid #e7ded1;

        border-radius: 20px;

        background: #fff;

        box-shadow: 0 14px 40px rgba(35, 35, 35, 0.05);

        transition: 0.3s ease;
      }

      .ipv-plan-card:hover {
        transform: translateY(-7px);

        border-color: #d0aa66;

        box-shadow: 0 25px 65px rgba(35, 35, 35, 0.1);
      }

      /* FEATURED */

      .ipv-plan-card.ipv-featured {
        z-index: 3;

        transform: translateY(-12px);

        border: 2px solid #d0aa66;

        background: linear-gradient(180deg, #fffaf1 0%, #fff 28%);

        box-shadow: 0 28px 70px rgba(208, 170, 102, 0.2);
      }

      .ipv-plan-card.ipv-featured:hover {
        transform: translateY(-17px);
      }

      /* =========================================================
   POPULAR BADGE
========================================================= */

      .ipv-popular {
        position: absolute;

        top: -14px;
        left: 50%;

        transform: translateX(-50%);

        padding: 7px 16px;

        border-radius: 30px;

        background: #d0aa66;

        color: #232323;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;

        font-weight: 900;

        letter-spacing: 0.08em;

        text-transform: uppercase;

        white-space: nowrap;

        box-shadow: 0 8px 20px rgba(208, 170, 102, 0.27);
      }

      /* =========================================================
   PLAN ICON
========================================================= */

      .ipv-plan-icon {
        width: 48px;
        height: 48px;

        display: grid;

        place-items: center;

        margin-bottom: 18px;

        border: 1px solid #e8d4b1;

        border-radius: 13px;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 19px;
      }

      .ipv-gold-icon {
        background: #d0aa66;

        color: #232323;
      }

      /* =========================================================
   PLAN TEXT
========================================================= */

      .ipv-plan-for {
        display: block;

        margin-bottom: 5px;

        color: #b98f4f;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;

        font-weight: 800;

        letter-spacing: 0.08em;

        text-transform: uppercase;
      }

      .ipv-plan-card h3 {
        margin: 0;

        color: #232323;

        font-family: "Merriweather", serif;

        font-size: 21px;

        font-weight: 700;

        text-transform: none;

        letter-spacing: 0;
      }

      .ipv-plan-desc {
        min-height: 82px;

        margin: 17px 0 10px;

        color: #706b64;

        font-family: "Montserrat", sans-serif;

        font-size: 11px;

        line-height: 1.7;
      }

      /* =========================================================
   PRICE
========================================================= */

      .ipv-price-area {
        min-height: 91px;

        margin: 3px 0 18px;
      }

      .ipv-price-row {
        display: flex;

        align-items: flex-end;

        min-height: 57px;

        white-space: nowrap;
      }

      .ipv-currency {
        align-self: flex-start;

        margin-top: 8px;
        margin-right: 2px;

        color: #232323;

        font-family: "Montserrat", sans-serif;

        font-size: 18px;

        font-weight: 800;
      }

      .ipv-price {
        color: #232323;

        font-family: "Montserrat", sans-serif;

        font-size: 44px;

        font-weight: 800;

        line-height: 1;

        letter-spacing: -0.045em;
      }

      .ipv-period {
        margin: 0 0 5px 8px;

        color: #928a80;

        font-family: "Montserrat", sans-serif;

        font-size: 10px;

        font-weight: 600;
      }

      .ipv-price-note {
        margin-top: 6px;

        color: #a59d93;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;
      }

      /* =========================================================
   BUTTONS
========================================================= */

      .ipv-plan-btn {
        width: 100%;

        min-height: 46px;

        padding: 11px 16px;

        display: flex;

        align-items: center;
        justify-content: space-between;

        border-radius: 9px;

        font-family: "Montserrat", sans-serif;

        font-size: 11px;

        font-weight: 800;

        transition: 0.25s ease;
      }

      .ipv-plan-btn:hover {
        transform: translateY(-2px);
      }

      .ipv-plan-btn > span {
        font-size: 15px;
      }

      /* OUTLINE */

      .ipv-btn-outline {
        border: 1px solid #d8cec0;

        background: #fff;

        color: #232323;
      }

      .ipv-btn-outline:hover {
        border-color: #d0aa66;

        background: #fbf7f0;
      }

      /* GOLD */

      .ipv-btn-gold {
        border: 1px solid #d0aa66;

        background: #d0aa66;

        color: #232323;

        box-shadow: 0 10px 24px rgba(208, 170, 102, 0.25);
      }

      .ipv-btn-gold:hover {
        background: #b98f4f;

        border-color: #b98f4f;

        color: #fff;
      }

      /* DARK */

      .ipv-btn-dark {
        border: 1px solid #232323;

        background: #232323;

        color: #fff;
      }

      .ipv-btn-dark:hover {
        background: #2f2f2f;
      }

      /* =========================================================
   DIVIDER
========================================================= */

      .ipv-divider {
        width: 100%;
        height: 1px;

        margin: 25px 0 22px;

        background: #e7ded1;
      }

      /* =========================================================
   INCLUDED
========================================================= */

      .ipv-includes {
        display: block;

        margin-bottom: 15px;

        color: #232323;

        font-family: "Montserrat", sans-serif;

        font-size: 10px;

        font-weight: 800;
      }

      /* =========================================================
   FEATURES
========================================================= */

      .ipv-features {
        margin: 0;

        padding: 0;

        display: grid;

        gap: 11px;

        list-style: none;
      }

      .ipv-features li {
        display: flex;

        align-items: center;

        gap: 9px;

        color: #5f5952;

        font-family: "Montserrat", sans-serif;

        font-size: 10px;

        font-weight: 500;

        line-height: 1.55;
      }

      /* =========================================================
   FEATURE CHECK ICON
========================================================= */

      .ipv-check {
        width: 20px;
        height: 20px;

        flex: 0 0 20px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 8px;

        font-weight: 900;
      }

      .ipv-featured .ipv-check {
        background: #d0aa66;

        color: #232323;
      }

      /* If Font Awesome icon is used */

      .ipv-features li i {
        width: 20px;
        height: 20px;

        flex: 0 0 20px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #f5e8d2;

        color: #a67b3f;

        font-size: 8px;
      }

      .ipv-featured .ipv-features li i {
        background: #d0aa66;

        color: #232323;
      }

      /* =========================================================
   DISABLED / UNAVAILABLE FEATURE
========================================================= */

      .ipv-features li.ipv-disabled {
        color: #b5afa7;

        text-decoration: none;

        opacity: 0.65;
      }

      .ipv-features li.ipv-disabled .ipv-check,
      .ipv-features li.ipv-disabled i {
        background: #f1eeea;

        color: #aaa39a;
      }

      /* =========================================================
   FEATURE HIGHLIGHT
========================================================= */

      .ipv-features li strong {
        color: #232323;

        font-weight: 700;
      }

      /* =========================================================
   CARD FOOTER
========================================================= */

      .ipv-plan-footer {
        margin-top: auto;

        padding-top: 25px;
      }

      .ipv-plan-small-note {
        margin: 15px 0 0;

        text-align: center;

        color: #9b948b;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;

        line-height: 1.6;
      }

      /* =========================================================
   ENTERPRISE / CUSTOM PRICE
========================================================= */

      .ipv-custom-price {
        min-height: 57px;

        display: flex;

        align-items: flex-end;
      }

      .ipv-custom-price strong {
        color: #232323;

        font-family: "Merriweather", serif;

        font-size: 31px;

        font-weight: 700;

        line-height: 1.15;
      }

      .ipv-custom-price span {
        margin: 0 0 4px 8px;

        color: #928a80;

        font-family: "Montserrat", sans-serif;

        font-size: 10px;

        font-weight: 600;
      }

      /* =========================================================
   SAVING / BILLING MESSAGE
========================================================= */

      .ipv-saving-text {
        min-height: 16px;

        margin-top: 7px;

        color: #a67b3f;

        font-family: "Montserrat", sans-serif;

        font-size: 8px;

        font-weight: 700;
      }

      /* =========================================================
   PRICING BOTTOM NOTE
========================================================= */

      .ipv-pricing-bottom {
        max-width: 760px;

        margin: 45px auto 0;

        text-align: center;
      }

      .ipv-pricing-bottom p {
        margin: 0;

        color: #817a72;

        font-family: "Montserrat", sans-serif;

        font-size: 10px;

        line-height: 1.8;
      }

      .ipv-pricing-bottom a {
        color: #a67b3f;

        font-weight: 700;

        text-decoration: none;

        transition: color 0.2s ease;
      }

      .ipv-pricing-bottom a:hover {
        color: #232323;
      }

      /* =========================================================
   GUARANTEE / TRUST LINE
========================================================= */

      .ipv-price-trust {
        max-width: 900px;

        margin: 35px auto 0;

        display: flex;

        align-items: center;
        justify-content: center;

        flex-wrap: wrap;

        gap: 20px 32px;
      }

      .ipv-price-trust-item {
        display: inline-flex;

        align-items: center;

        gap: 8px;

        color: #777067;

        font-family: "Montserrat", sans-serif;

        font-size: 9px;

        font-weight: 600;
      }

      .ipv-price-trust-item i {
        color: #b98f4f;

        font-size: 12px;
      }

      /* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

      .ipv-pricing::before {
        content: "";

        position: absolute;

        width: 420px;
        height: 420px;

        top: -220px;
        left: -170px;

        border-radius: 50%;

        background: radial-gradient(
          circle,
          rgba(208, 170, 102, 0.1),
          transparent 68%
        );

        pointer-events: none;
      }

      .ipv-pricing::after {
        content: "";

        position: absolute;

        width: 460px;
        height: 460px;

        right: -220px;
        bottom: -250px;

        border-radius: 50%;

        background: radial-gradient(
          circle,
          rgba(208, 170, 102, 0.09),
          transparent 68%
        );

        pointer-events: none;
      }

      /* Keep actual content above decorative elements */

      .ipv-pricing .container,
      .ipv-pricing .ipv-pricing-container {
        position: relative;

        z-index: 2;
      }

      /* =========================================================
   LINK RESET INSIDE PRICING
========================================================= */

      .ipv-pricing a {
        text-decoration: none;
      }

      .ipv-plan-btn:focus {
        outline: none;

        box-shadow: 0 0 0 3px rgba(208, 170, 102, 0.18);
      }

      /* =========================================================
   FEATURED CARD EXTRA POLISH
========================================================= */

      .ipv-featured::before {
        content: "";

        position: absolute;

        top: 0;
        left: 22px;
        right: 22px;

        height: 2px;

        border-radius: 20px;

        background: linear-gradient(90deg, transparent, #d0aa66, transparent);
      }

      .ipv-featured .ipv-plan-for {
        color: #a67b3f;
      }

      .ipv-featured .ipv-divider {
        background: linear-gradient(90deg, transparent, #e2c68f, transparent);
      }

      /* =========================================================
   HOVER EFFECT ON FEATURE ICONS
========================================================= */

      .ipv-plan-card:hover .ipv-check,
      .ipv-plan-card:hover .ipv-features li i {
        transform: scale(1.06);
      }

      .ipv-check,
      .ipv-features li i {
        transition:
          transform 0.2s ease,
          background 0.2s ease,
          color 0.2s ease;
      }

      /* =========================================================
   TABLET
   992px
========================================================= */

      @media (max-width: 991px) {
        .ipv-pricing {
          padding: 80px 20px 75px;
        }

        .ipv-pricing-head {
          margin-bottom: 45px;
        }

        .ipv-pricing-head h2 {
          font-size: clamp(32px, 5vw, 44px);
        }

        .ipv-plan-grid {
          max-width: 760px;

          grid-template-columns: repeat(2, minmax(0, 1fr));

          gap: 22px;
        }

        .ipv-plan-card {
          padding: 27px;
        }

        /*
       Featured card should no longer
       float excessively on tablet
    */

        .ipv-plan-card.ipv-featured {
          transform: none;
        }

        .ipv-plan-card.ipv-featured:hover {
          transform: translateY(-6px);
        }

        /*
       Third card spans both columns
       when there are exactly 3 plans
    */

        .ipv-plan-grid > .ipv-plan-card:nth-child(3) {
          width: calc(50% - 11px);

          grid-column: 1 / -1;

          justify-self: center;
        }
      }

      /* =========================================================
   MOBILE LANDSCAPE / SMALL TABLET
   768px
========================================================= */

      @media (max-width: 767px) {
        .ipv-pricing {
          padding: 68px 16px 65px;
        }

        .ipv-pricing-head {
          max-width: 600px;

          margin-bottom: 38px;
        }

        .ipv-kicker {
          padding: 6px 11px;

          font-size: 8px;
        }

        .ipv-pricing-head h2 {
          margin: 14px 0 12px;

          font-size: 34px;

          line-height: 1.16;
        }

        .ipv-pricing-head > p {
          max-width: 520px;

          font-size: 11px;

          line-height: 1.75;
        }

        /* Billing toggle */

        .ipv-billing-switch {
          margin-top: 22px;
        }

        .ipv-billing-btn {
          min-width: 110px;

          height: 39px;

          padding: 0 15px;

          font-size: 9px;
        }

        /* Single column */

        .ipv-plan-grid {
          max-width: 480px;

          grid-template-columns: 1fr;

          gap: 24px;
        }

        .ipv-plan-grid > .ipv-plan-card:nth-child(3) {
          width: 100%;

          grid-column: auto;

          justify-self: stretch;
        }

        .ipv-plan-card {
          padding: 28px;
        }

        .ipv-plan-card.ipv-featured {
          transform: none;

          order: -1;
        }

        .ipv-plan-card.ipv-featured:hover {
          transform: translateY(-5px);
        }

        .ipv-plan-desc {
          min-height: auto;
        }

        .ipv-price-area {
          min-height: auto;

          margin-bottom: 18px;
        }

        .ipv-price {
          font-size: 42px;
        }

        .ipv-price-trust {
          gap: 15px 20px;
        }
      }

      /* =========================================================
   MOBILE
   576px
========================================================= */

      @media (max-width: 575px) {
        .ipv-pricing {
          padding: 58px 14px 58px;
        }

        .ipv-pricing-head {
          margin-bottom: 34px;
        }

        .ipv-pricing-head h2 {
          font-size: 30px;

          line-height: 1.18;
        }

        .ipv-pricing-head > p {
          font-size: 10px;

          line-height: 1.75;
        }

        /* -----------------------------------------
       TOGGLE
    ----------------------------------------- */

        .ipv-billing-switch {
          width: 100%;

          max-width: 320px;

          margin: 22px auto 0;

          display: flex;
        }

        .ipv-billing-btn {
          flex: 1;

          min-width: 0;

          padding: 0 10px;

          font-size: 9px;
        }

        .ipv-billing-btn span {
          padding: 3px 5px;

          font-size: 6px;
        }

        /* -----------------------------------------
       CARD
    ----------------------------------------- */

        .ipv-plan-grid {
          width: 100%;

          max-width: 420px;

          gap: 25px;
        }

        .ipv-plan-card {
          width: 100%;

          padding: 27px 23px 25px;

          border-radius: 17px;
        }

        .ipv-plan-card.ipv-featured {
          border-width: 2px;
        }

        .ipv-popular {
          top: -12px;

          padding: 6px 13px;

          font-size: 7px;
        }

        /* -----------------------------------------
       ICON
    ----------------------------------------- */

        .ipv-plan-icon {
          width: 45px;
          height: 45px;

          margin-bottom: 16px;

          font-size: 17px;
        }

        /* -----------------------------------------
       TEXT
    ----------------------------------------- */

        .ipv-plan-card h3 {
          font-size: 20px;
        }

        .ipv-plan-desc {
          margin: 13px 0 10px;

          font-size: 10px;
        }

        /* -----------------------------------------
       PRICE
    ----------------------------------------- */

        .ipv-price-row {
          min-height: 52px;
        }

        .ipv-price {
          font-size: 39px;
        }

        .ipv-currency {
          margin-top: 7px;

          font-size: 16px;
        }

        .ipv-period {
          margin-bottom: 4px;

          font-size: 9px;
        }

        .ipv-price-note {
          font-size: 7px;
        }

        /* -----------------------------------------
       BUTTON
    ----------------------------------------- */

        .ipv-plan-btn {
          min-height: 45px;

          font-size: 10px;
        }

        /* -----------------------------------------
       DIVIDER
    ----------------------------------------- */

        .ipv-divider {
          margin: 22px 0 20px;
        }

        /* -----------------------------------------
       FEATURES
    ----------------------------------------- */

        .ipv-includes {
          margin-bottom: 14px;

          font-size: 9px;
        }

        .ipv-features {
          gap: 10px;
        }

        .ipv-features li {
          gap: 8px;

          font-size: 9px;

          line-height: 1.55;
        }

        .ipv-check,
        .ipv-features li i {
          width: 19px;
          height: 19px;

          flex-basis: 19px;

          font-size: 7px;
        }

        /* -----------------------------------------
       TRUST
    ----------------------------------------- */

        .ipv-price-trust {
          margin-top: 30px;

          flex-direction: column;

          gap: 10px;
        }

        .ipv-pricing-bottom {
          margin-top: 35px;
        }
      }

      /* =========================================================
   EXTRA SMALL MOBILE
   390px
========================================================= */

      @media (max-width: 390px) {
        .ipv-pricing {
          padding-left: 11px;
          padding-right: 11px;
        }

        .ipv-pricing-head h2 {
          font-size: 27px;
        }

        .ipv-billing-btn {
          height: 38px;

          font-size: 8px;
        }

        .ipv-plan-card {
          padding: 25px 19px 23px;
        }

        .ipv-price {
          font-size: 36px;
        }

        .ipv-currency {
          font-size: 15px;
        }

        .ipv-period {
          margin-left: 6px;

          font-size: 8px;
        }
      }

      /* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

      @media (prefers-reduced-motion: reduce) {
        .ipv-plan-card,
        .ipv-plan-btn,
        .ipv-billing-btn,
        .ipv-check,
        .ipv-features li i {
          transition: none;
        }

        .ipv-plan-card:hover,
        .ipv-plan-card.ipv-featured:hover,
        .ipv-plan-btn:hover {
          transform: none;
        }
      }

      /* =========================================================
   IMPORTANT ISOLATION FIXES
   Prevent global theme CSS from breaking pricing
========================================================= */

      .ipv-pricing *,
      .ipv-pricing *::before,
      .ipv-pricing *::after {
        box-sizing: border-box;
      }

      .ipv-pricing button {
        font-family: "Montserrat", sans-serif;
      }

      .ipv-pricing .ipv-plan-card h3 {
        text-align: left;

        background: none;

        border: 0;

        padding: 0;
      }

      .ipv-pricing .ipv-plan-card p {
        text-align: left;
      }

      .ipv-pricing ul.ipv-features {
        margin-left: 0;

        margin-right: 0;

        padding-left: 0;

        padding-right: 0;
      }

      .ipv-pricing ul.ipv-features li {
        margin: 0;

        padding: 0;

        border: 0;

        background: transparent;
      }

      .ipv-pricing ul.ipv-features li::before,
      .ipv-pricing ul.ipv-features li::after {
        content: none;
      }

      .ipv-pricing .ipv-plan-btn {
        text-decoration: none !important;
      }

      .ipv-pricing .ipv-plan-btn:hover {
        text-decoration: none !important;
      }

      /* =========================================================
        END - IPROVAKALAT PRICING
      ========================================================= */
      .hero-title {
    margin: 0;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.hero-line {
    display: block;
}

.hero-highlight {
    color: #D0AA66;
}
@media (max-width: 700px) {
  .container {
    width: min(100% - 24px, 1300px);
  }

  .hero-note {
    display: none !important;
  }

  .topbar-inner {
    justify-content: center;
    text-align: center;
  }

  /* rest of your existing mobile CSS */
}

@media (max-width: 700px) {
  .mobile-hidden {
    display: none !important;
  }
}
@media (max-width: 360px) {
  .mobile-hidden {
    display: none !important;
  }
}
@media (max-width: 412px) {
  .mobile-hidden {
    display: none !important;
  }
}

@media (max-width: 700px) {
    .feature-grid, .price-grid, .screen-grid,.check-list, .footer-grid {
        grid-template-columns: 1fr;
    }
  }

@media (max-width: 360px) {
    .feature-grid, .price-grid,.module-strip div {
 .screen-grid, .check-list, .footer-grid {
        grid-template-columns: 1fr;
    }
}

     /* iProVakalat primary button colour */
.btn-primary,
.primary-btn {
    background-color: #D0AA66 !important;
    border-color: #D0AA66 !important;
    color: #232323 !important;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.primary-btn:hover,
.primary-btn:focus-visible {
    background-color: #B98F4F !important;
    border-color: #B98F4F !important;
    color: #232323 !important;
}