body {
      font-family: 'Sora', sans-serif;
    }

    /* NAVBAR — TRANSPARENT WITH WHITE TINT */
    .navbar,
    .glass-nav {
      background: rgba(255, 255, 255, 0.45) !important;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      background-image: none !important;
      box-shadow: none !important;
      border: none !important;
    }




    /* LOGO — slight dim backdrop only for logo */
    .navbar-brand {
      font-weight: 700;
      color: #ffffff !important;
      padding: 6px 12px;
      border-radius: 6px;
    }


    /* LINKS */
    .nav-link {
      color: var(--brand-navy);
      font-weight: 500;
      margin-left: 4rem;
    }

    .nav-link:hover,
    .nav-link:focus {
      color: #041a36;
    }

    a:not(.btn):not(.nav-link) {
      color: var(--brand-navy);
    }

    a:not(.btn):not(.nav-link):hover,
    a:not(.btn):not(.nav-link):focus {
      color: #041a36;
    }

    /* CTA BUTTON */
    .btn-green {
      background: #00943E;
      color: #ffffff;
      border-radius: 10px;
      width: 10rem;
      font-weight: 500;
    }

    .btn-green:hover {
      background: #007c34;
    }

    .btn-video {
      background: #ffb703;
      color: #111;
      border-radius: 10px;
      font-weight: 600;
      padding: 8px 18px;
      box-shadow: 0 6px 18px rgba(255, 183, 3, 0.35);
    }

    .btn-video:hover {
      background: #f5a800;
      color: #111;
    }

    .btn-video-outline {
      border: 2px solid #ffb703;
      color: #ffb703;
      border-radius: 12px;
      padding: 8px 18px;
      font-weight: 600;
      background: transparent;
    }

    .btn-video-outline:hover {
      background: rgba(255, 183, 3, 0.15);
      color: #ffb703;
    }

    /* HAMBURGER */
    .navbar-toggler {
      border: none;
      padding: 0;
    }

    .navbar-toggler i {
      font-size: 1.4rem;
      color: #062953; /* dark blue */
    }

    /* MOBILE */
    @media (max-width: 991px) {
      .navbar-nav {
        padding-top: 20px;
      }

      .nav-link {
        margin-left: 0;
        padding: 12px 0;
      }
    }



    /* HERO */
    .hero {
      min-height: 100vh;
      background: linear-gradient(120deg, #062953 0%, #0a3b4f 30%, #00943E 100%);
      color: #ffffff;
      display: flex;
      align-items: center;
    }

    .hero-badge {
      background: rgba(255, 255, 255, 0.15);
      padding: 8px 16px;
      border-radius: 30px;
      font-size: 14px;
      display: inline-block;
      margin-bottom: 20px;
    }

    .hero h1 {
      font-size: clamp(2.2rem, 5vw, 3.5rem);
      font-weight: 700;
      line-height: 1.2;
    }

    .hero p {
      font-size: 1.2rem;
      opacity: 0.95;
    }

    .hero-list li {
      list-style: none;
      margin-bottom: 8px;
      font-size: 0.95rem;
    }

    .hero-list i {
      margin-right: 8px;
    }

   .btn-white {
     background: #ffffff;
     color: #000000;
     border-radius: 12px;
     padding: 8px 22px;
     font-weight: 400;
   }
   .btn-white:hover{
     background: #ffffff;
     color: #000000;
   }

   /* MOBILE — SCALE HERO CONTENT DOWN BY 20% */
   @media (max-width: 768px) {
     .hero .col-lg-10 {
       transform: scale(0.93);
       transform-origin: top center;
     }
   }


   /* ICON BASE STATE */
   .action-btn .btn-icon,
   .action-btn .rotate-right {
     transition: transform 0.35s ease;
     will-change: transform;
   }

   /* PNG ICON SIZE */
   .btn-icon {
     width: 18px;
     height: 18px;
     object-fit: contain;
   }

   /* HOVER + ACTIVE ROTATION */
   .action-btn:hover .rotate-left,
   .action-btn:active .rotate-left {
     transform: rotate(-45deg);
   }

   .action-btn:hover .rotate-right,
   .action-btn:active .rotate-right {
     transform: rotate(360deg);
   }

   .action-btn:active {
     transform: scale(0.98);
   }



    /* NAV LOGO */
    .navbar-logo {
      height: 33px;        /* desktop size */
      width: auto;
      object-fit: contain;
    }

    /* MOBILE */
    @media (max-width: 991px) {
      .navbar-logo {
        height: 28px;      /* slightly smaller on mobile */
      }
    }

    /* BUTTON ICON (PNG) */
    .btn-icon {
      width: 16px;
      height: 16px;
      object-fit: contain;
    }

    /* ARROW */
    .btn-white i {
      font-size: 0.9rem;
    }
    .fa-chevron-right {
      text-shadow:
        0.3px 0 currentColor,
        -0.2px 0 currentColor;
    }


    /* SECTION */
    .why-section {
      background: #ffffff;
    }

    /* TITLE */
    .why-title {
    font-weight: 500;
          font-size: clamp(1.8rem, 4vw, 2rem);
      color: #0b2553;
    }

    /* INFO PILLS — SOFT GLASS */
    .info-pill {
      background: #F3F5F7;
      border-radius: 14px;
      padding: 16px 20px;
      font-weight: 400 !important;
      display: flex;
      align-items: center;
      gap: 14px;

      color: #0b2553;
      font-weight: 500;

      /* ultra-light border */
      border: 1px solid #EFF2F5;

      /* soft glass shine */
      background-image:
        linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.65) 0%,
          rgba(255, 255, 255, 0.15) 40%,
          rgba(255, 255, 255, 0) 100%
        );

      /* depth */
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 6px 16px rgba(11, 37, 83, 0.04);

      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
    }

    /* ICON */
    .info-pill i {
      font-size: 18px;
      color: #0b2553;
      opacity: 0.9;
    }

    /* HONESTY CARD */
    .honesty-card {
      background: #f1f4f7;
      border-radius: 28px;
      padding: 40px 42px;
      color: #0b2553;
    }

    .honesty-card h3 {
      font-size: 1.9rem;
    }

    .honesty-card p {
      font-size: 1.05rem;
      line-height: 1.7;
      font-weight: 400 !important;
      margin-bottom: 16px;
    }

    /* MOBILE TUNING */
    @media (max-width: 768px) {
      .honesty-card {
        padding: 28px 24px;
        border-radius: 22px;
      }

      .info-pill {
        padding: 14px 16px;
      }
    }


    /* Custom Colors to match the screenshot */
            :root {
                --bg-main: #062953;      /* Deep Navy Background */
                --bg-card: #12345c;      /* Slightly lighter navy for the card */
                --text-muted-custom: #cbd5e1; /* Light grey for subtext */
            }

            .section-wrapper {
                background-color: var(--bg-main);
                color: white;
                min-height: 100vh; /* Just for display purposes */
                display: flex;
                align-items: center;
            }

            /* Top Badge Styling */
            .feature-badge {
                background-color: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.15);
                font-size: 0.9rem;
                font-weight: 500;
            }

            /* The 'What You Get' Card */
            .feature-card {
                background-color: var(--bg-card);
                border: 1px solid rgba(255, 255, 255, 0.1);
            }

            /* Custom Checkmark Icon Styling */
            .check-icon {
                font-size: 1.2rem;
                margin-right: 12px;
                /* Using a flex container for the icon ensures it stays aligned with the top line of text */
                display: flex;
                align-items: center;
                height: 100%;
            }

            .subtext {
                color: var(--text-muted-custom);
                line-height: 1.6;
            }


/* Card Base Styling */
.pricing-card {
  background-color: #F3F5F7; /* light card */
  border: none;
  border-radius: 16px;
  transition: transform 0.2s ease;
  height: 100%;
  position: relative;
}

/* Hover effect */
.pricing-card:hover {
  transform: translateY(-5px);
}

/* Featured Card Styling (Dark) */
.pricing-card.featured {
  background-color: var(--bg-main); /* deep navy */
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(11, 22, 56, 0.15);
}

/* Icon Container */
.icon-box {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}

/* Icon — Light Card */
.pricing-card .icon-box {
  background-color: #DDDFE2;
  color: #0B1638;
}

/* Icon — Featured Card */
.pricing-card.featured .icon-box {
  background-color: #1a3a61;
  color: #ffffff;
}

/* Text override for dark card */
.pricing-card.featured .text-muted {
  color: #b0b8c4 !important;
}

/* Most Popular Badge */
.popular-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #489a50;
  color: #ffffff;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  z-index: 10;
}

/* Price text */
.price-text {
  color: var(--bg-main);
  font-weight: 700;
}
.pricing-p{
 font-weight: 400;
 font-size: 1.1rem;
 color: var(--bg-main);
}
.pricing-p-small{
 font-weight: 200;
 font-size: 0.9rem;
 color: var(--bg-main);
}

.pricing-card.featured .price-text {
  color: #ffffff;
}


          :root {
            --brand-navy: #062953;       /* The dark navy text/bg color */
            --brand-green: #489a50;      /* The 'Most Popular' green */
            --bg-light: #F4F6F9;         /* Very light background for cards/sections */
            --card-bg-light: #FFFFFF;    /* White background for guarantee cards */
            --text-grey: #6c757d;
        }

        /* --- GUARANTEE SECTION STYLES --- */
        .guarantee-section {
            background-color: var(--bg-light);
        }

        .guarantee-badge {
            background-color: #e9ecef;
            color: var(--brand-navy);
            font-weight: 500;
            font-size: 0.9rem;
            padding: 8px 20px;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .guarantee-list {
            max-width: 800px;
            margin: 0 auto;
        }

        .guarantee-item {
            background-color: white;
            border-radius: 12px;
            padding: 1.2rem 1.5rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 15px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.02);
            font-weight: 400;
            color: #334155;
        }

        .guarantee-item i {
            font-size: 1.25rem;
            color: var(--brand-navy);
            min-width: 24px; /* Ensure icon doesn't shrink */
        }

        .footer-note {
            color: var(--brand-navy);
            font-weight: 500;
            margin-top: 2rem;
        }

  .cv-section {
      background: linear-gradient(135deg, #0f2a44, #2f7d4e);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 40px 15px;
    }

    .cv-title {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .cv-subtitle {
      font-size: 1.15rem;
      max-width: 720px;
      margin: 0 auto 35px auto;
      opacity: 0.95;
    }

    .btn-generate {
      background-color: #ffffff;
      color: #000;
      padding: 12px 28px;
      font-weight: 600;
      border-radius: 10px;
      border: none;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }

    .btn-generate:hover {
      background-color: #f1f1f1;
    }

    .tiny-footer {
      margin-top: 18px;
      font-size: 0.85rem;
      opacity: 0.85;
    }

    .contact-info {
      margin-top: 25px;
      font-size: 0.85rem;
      opacity: 0.8;
      line-height: 1.6;
    }

    .copyright {
      margin-top: 10px;
      font-size: 0.75rem;
      opacity: 0.7;
    }