/* 2. RESET & BASE */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: auto;
    }

    html.lenis,
    html.lenis body {
      height: auto;
    }

    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }

    .lenis.lenis-stopped {
      overflow: hidden;
    }

    .lenis.lenis-scrolling iframe {
      pointer-events: none;
    }

    body {
      font-family: var(--font-primary);
      font-size: 1rem;
      color: var(--lr-gray-700);
      background: var(--lr-white);
      -webkit-font-smoothing: antialiased;
      line-height: 1.7;
      overflow-x: hidden;
    }

    body,
    html {
      overflow-x: hidden;
      width: 100%;
    }

    a {
      text-decoration: none;
      color: inherit;
      transition: color var(--transition-base);
    }

    ul,
    ol {
      list-style: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    button {
      font-family: var(--font-primary);
    }

    /* 3. LAYOUT */
    .lr-container {
      width: 100%;
      max-width: var(--container-max);
      margin: 0 auto;
      padding: 0 1.25rem;
    }

    .lr-section {
      padding: 80px 0;
    }

    .lr-section-sm {
      padding: 56px 0;
    }

    .lr-section-lg {
      padding: 100px 0;
    }

    .lr-section-alt {
      background: var(--lr-gray-50);
    }

    .lr-section-dark {
      background: linear-gradient(135deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
    }

    .lr-section-blue {
      background: linear-gradient(135deg, var(--lr-blue) 0%, var(--lr-navy-mid) 100%);
    }

    /* 4. TYPOGRAPHY */
    .lr-display {
      font-family: var(--font-display);
      font-style: italic;
      font-weight: 400;
    }

    .section-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: var(--radius-full);
      margin-bottom: 14px;
    }

    .section-badge.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .section-badge.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .section-badge.red {
      background: var(--lr-red-pale);
      color: var(--lr-red);
    }

    .section-badge.navy {
      background: rgba(10, 37, 64, .08);
      color: var(--lr-navy);
    }

    .section-badge.purple {
      background: var(--lr-purple-pale);
      color: var(--lr-purple);
    }

    .section-badge.white {
      background: rgba(255, 255, 255, .12);
      color: rgba(255, 255, 255, .85);
      border: 1px solid rgba(255, 255, 255, .2);
    }

    .section-title {
      font-size: clamp(1.7rem, 3.5vw, 2.5rem);
      font-weight: 800;
      color: var(--lr-navy);
      line-height: 1.18;
      letter-spacing: -.5px;
      margin-bottom: 12px;
    }

    .section-title span {
      color: var(--lr-blue);
    }

    .section-title em {
      font-family: var(--font-display);
      font-style: italic;
      font-weight: 400;
      color: #93C5FD;
    }

    .section-title.white {
      color: #fff;
    }

    .section-title.white span {
      color: var(--lr-gold-light);
    }

    .section-subtitle {
      font-size: 1rem;
      color: var(--lr-gray-500);
      line-height: 1.75;
      max-width: 560px;
    }

    .section-subtitle.white {
      color: rgba(255, 255, 255, .75);
    }

    /* 5. BUTTONS */
    .lr-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: var(--font-primary);
      font-size: .84rem;
      font-weight: 700;
      padding: 12px 26px;
      border-radius: var(--radius-full);
      border: 2px solid transparent;
      cursor: pointer;
      transition: all var(--transition-base);
      /* white-space: nowrap;  */
      letter-spacing: .02em;
      line-height: 1;
    }

    .lr-btn:hover {
      transform: translateY(-1px);
    }

    .lr-btn:active {
      transform: translateY(0);
    }

    .lr-btn-primary {
      background: var(--lr-blue);
      color: #fff;
      border-color: var(--lr-blue);
      box-shadow: 0 4px 14px rgba(26, 111, 216, .3);
    }

    .lr-btn-primary:hover {
      background: var(--lr-navy);
      border-color: var(--lr-navy);
      color: #fff;
      box-shadow: 0 8px 24px rgba(26, 111, 216, .4);
    }

    .lr-btn-secondary {
      background: transparent;
      color: var(--lr-blue);
      border-color: var(--lr-blue);
    }

    .lr-btn-secondary:hover {
      background: var(--lr-blue);
      color: #fff;
      box-shadow: 0 6px 20px rgba(26, 111, 216, .25);
    }

    .lr-btn-gold {
      background: var(--lr-gold);
      color: #fff;
      border-color: var(--lr-gold);
      box-shadow: 0 4px 14px rgba(232, 160, 32, .3);
    }

    .lr-btn-gold:hover {
      background: #cf8e00;
      border-color: #cf8e00;
      color: #fff;
      box-shadow: 0 8px 24px rgba(232, 160, 32, .45);
    }

    .lr-btn-white {
      background: var(--lr-white);
      color: var(--lr-navy);
      border-color: var(--lr-white);
    }

    .lr-btn-white:hover {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      border-color: var(--lr-blue-pale);
    }

    .lr-btn-outline-white {
      background: transparent;
      color: rgba(255, 255, 255, .9);
      border-color: rgba(255, 255, 255, .35);
    }

    .lr-btn-outline-white:hover {
      background: rgba(255, 255, 255, .1);
      border-color: rgba(255, 255, 255, .6);
      color: #fff;
    }

    .lr-btn-ghost {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      border-color: transparent;
    }

    .lr-btn-ghost:hover {
      background: var(--lr-blue);
      color: #fff;
    }

    .lr-btn-sm {
      font-size: .76rem;
      padding: 9px 18px;
    }

    .lr-btn-lg {
      font-size: .92rem;
      padding: 14px 32px;
    }

    .lr-btn-xl {
      font-size: 1rem;
      padding: 16px 38px;
    }

    .lr-btn-block {
      width: 100%;
    }

    /* 9. BREADCRUMB */
    .lr-breadcrumb {
      background: var(--lr-gray-50);
      border-bottom: 2px solid #e5e7eb;
      padding: 12px 0;
      font-size: .8rem;
      color: var(--lr-gray-500);
    }

    .lr-breadcrumb a {
      color: var(--lr-blue);
    }

    .lr-breadcrumb a:hover {
      text-decoration: underline;
    }

    .lr-breadcrumb .bc-sep {
      margin: 0 8px;
      color: var(--lr-gray-300);
    }

    .lr-breadcrumb .bc-current {
      color: var(--lr-gray-600);
      font-weight: 500;
    }

    /* 10. PAGE HERO */
    .page-hero {
      background: linear-gradient(165deg, #040D1E 0%, #07193A 35%, #0B2550 70%, #040D1E 100%);
      padding: 72px 0 80px;
      position: relative;
      overflow: hidden;
    }

    .page-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
      background-size: 80px 80px;
      pointer-events: none;
    }

    .page-hero-glow-1 {
      position: absolute;
      top: -80px;
      right: -60px;
      width: 480px;
      height: 480px;
      background: radial-gradient(ellipse, rgba(26, 111, 216, .18) 0%, transparent 65%);
      pointer-events: none;
    }

    .page-hero-glow-2 {
      position: absolute;
      bottom: -60px;
      left: -40px;
      width: 320px;
      height: 320px;
      background: radial-gradient(ellipse, rgba(232, 160, 32, .10) 0%, transparent 65%);
      pointer-events: none;
    }

    .page-hero-content {
      position: relative;
      z-index: 2;
    }

    /* Hero Eyebrow */
    .hero-eyebrow-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(26, 111, 216, .12);
      border: 1px solid rgba(96, 165, 250, .25);
      border-radius: var(--radius-full);
      padding: 6px 16px;
      font-size: .72rem;
      font-weight: 700;
      color: #93C5FD;
      letter-spacing: .1em;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .hero-eyebrow-dot {
      width: 6px;
      height: 6px;
      background: var(--lr-gold);
      border-radius: 50%;
      animation: pulseDot 2s ease infinite;
    }

    @keyframes pulseDot {

      0%,
      100% {
        box-shadow: 0 0 0 0 rgba(232, 160, 32, .5);
      }

      50% {
        box-shadow: 0 0 0 5px rgba(232, 160, 32, 0);
      }
    }

    /* Hero Title */
    .page-hero-title {
      font-size: clamp(2rem, 4.5vw, 3.2rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.1;
      letter-spacing: -1.5px;
      margin-bottom: 16px;
    }

    .page-hero-title em {
      font-family: var(--font-display);
      font-style: italic;
      font-weight: 400;
      color: #93C5FD;
    }

    .page-hero-title span {
      color: var(--lr-gold-light);
    }

    .page-hero-sub {
      font-size: clamp(.92rem, 1.5vw, 1.05rem);
      color: rgba(180, 210, 240, .8);
      line-height: 1.8;
      max-width: 600px;
      margin-bottom: 28px;
    }

    .page-hero-actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 36px;
    }

    .hero-meta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .hero-meta-chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: var(--radius-full);
      padding: 6px 14px;
      font-size: .72rem;
      font-weight: 600;
      color: rgba(255, 255, 255, .75);
      backdrop-filter: blur(6px);
    }

    .hero-meta-chip i {
      color: var(--lr-gold);
      font-size: 12px;
    }

    /* Hero Headline Gold Underline Effect */
    .hero-headline .line-gold {
      color: var(--lr-gold-light);
      position: relative;
      display: inline-block;
    }

    .hero-headline .line-gold::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--lr-gold), rgba(232, 160, 32, 0));
      border-radius: 2px;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .9s cubic-bezier(.4, 0, .2, 1) .2s;
    }

    .hero-headline .line-gold.animated::after {
      transform: scaleX(1);
    }

    /* Hero Right Panel */
    .hero-right-panel {
      opacity: 0;
      transform: translateX(40px);
    }

    .hero-card {
      background: rgba(255, 255, 255, .97);
      border-radius: 20px;
      padding: 32px 28px;
      box-shadow: 0 32px 80px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .1);
      position: relative;
    }

    .hero-card::before {
      content: '';
      position: absolute;
      inset: -1px;
      border-radius: 21px;
      background: linear-gradient(135deg, rgba(26, 111, 216, .3), rgba(232, 160, 32, .2), transparent 60%);
      z-index: -1;
    }

    .hero-card-label {
      text-align: center;
      font-size: .72rem;
      font-weight: 800;
      color: var(--lr-navy);
      text-transform: uppercase;
      letter-spacing: .1em;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .hero-card-label::before,
    .hero-card-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--lr-gray-200);
    }

    .hero-card-badges {
      display: flex;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 18px;
    }

    .hc-badge {
      display: flex;
      align-items: center;
      gap: 6px;
      background: var(--lr-gray-50);
      border: 1px solid var(--lr-gray-200);
      border-radius: 8px;
      padding: 6px 12px;
      font-size: .7rem;
      font-weight: 600;
      color: var(--lr-gray-600);
    }

    .hc-badge .dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
    }

    .hc-badge .dot.green {
      background: var(--lr-green);
    }

    .hc-badge .dot.blue {
      background: var(--lr-blue);
    }

    .hc-badge .dot.gold {
      background: var(--lr-gold);
    }

    .hero-card-footer {
      text-align: center;
      font-size: .72rem;
      color: var(--lr-gray-400);
      margin-top: 12px;
    }

    .hero-card-footer i {
      color: var(--lr-green);
    }

    /* Hero Form Inputs */
    .hf-input {
      width: 100%;
      padding: 11px 14px;
      font-family: var(--font-primary);
      font-size: .82rem;
      font-weight: 500;
      color: var(--lr-gray-800);
      background: var(--lr-gray-50);
      border: 1.5px solid var(--lr-gray-200);
      border-radius: 10px;
      outline: none;
      transition: border-color .2s, box-shadow .2s;
    }

    .hf-input:focus {
      border-color: var(--lr-blue);
      background: #fff;
      box-shadow: 0 0 0 3px rgba(26, 111, 216, .1);
    }

    .hf-input::placeholder {
      color: var(--lr-gray-400);
    }

    .hf-input-group {
      display: flex;
    }

    .hf-input-group .hf-prefix {
      padding: 11px 12px;
      background: var(--lr-gray-100);
      border: 1.5px solid var(--lr-gray-200);
      border-right: none;
      border-radius: 10px 0 0 10px;
      font-size: .82rem;
      font-weight: 600;
      color: var(--lr-gray-600);
    }

    .hf-input-group .hf-input {
      border-radius: 0 10px 10px 0;
    }

    select.hf-input {
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2364748B' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      -webkit-appearance: none;
      padding-right: 34px;
    }

    .btn-hero-cta {
      width: 100%;
      padding: 13px 20px;
      background: linear-gradient(135deg, var(--lr-blue) 0%, #1560c0 100%);
      color: #fff;
      font-family: var(--font-primary);
      font-size: .84rem;
      font-weight: 700;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      letter-spacing: .04em;
      text-transform: uppercase;
      transition: all .25s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      box-shadow: 0 6px 20px rgba(26, 111, 216, .35);
    }

    .btn-hero-cta:hover {
      background: linear-gradient(135deg, var(--lr-navy) 0%, #0E3460 100%);
      transform: translateY(-1px);
      box-shadow: 0 10px 28px rgba(26, 111, 216, .5);
    }

    /* Floating Notification Chips */
    .hero-float-chip {
      position: absolute;
      display: flex;
      align-items: center;
      gap: 8px;
      background: rgba(255, 255, 255, .96);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, .5);
      border-radius: 12px;
      padding: 10px 14px;
      box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
      font-size: .72rem;
      font-weight: 600;
      color: var(--lr-gray-800);
      animation: chipFloat 4s ease-in-out infinite;
      white-space: nowrap;
      z-index: 5;
    }

    .hero-float-chip.chip-1 {
      top: -18px;
      left: -30px;
      animation-delay: 0s;
    }

    .hero-float-chip.chip-2 {
      bottom: 30px;
      right: -24px;
      animation-delay: 2s;
    }

    @keyframes chipFloat {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-8px);
      }
    }

    .chip-icon {
      width: 28px;
      height: 28px;
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .75rem;
      flex-shrink: 0;
    }

    .chip-icon.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .chip-icon.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    /* 11. ICON BOX */
    .lr-icon-box {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .lr-icon-box.xs {
      width: 28px;
      height: 28px;
      border-radius: 7px;
      font-size: 12px;
    }

    .lr-icon-box.sm {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      font-size: 15px;
    }

    .lr-icon-box.md {
      width: 48px;
      height: 48px;
      border-radius: 13px;
      font-size: 18px;
    }

    .lr-icon-box.lg {
      width: 60px;
      height: 60px;
      border-radius: 16px;
      font-size: 22px;
    }

    .lr-icon-box.xl {
      width: 72px;
      height: 72px;
      border-radius: 20px;
      font-size: 26px;
    }

    .lr-icon-box.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .lr-icon-box.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .lr-icon-box.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .lr-icon-box.red {
      background: var(--lr-red-pale);
      color: var(--lr-red);
    }

    .lr-icon-box.purple {
      background: var(--lr-purple-pale);
      color: var(--lr-purple);
    }

    .lr-icon-box.teal {
      background: var(--lr-teal-pale);
      color: var(--lr-teal);
    }

    .lr-icon-box.navy {
      background: var(--lr-navy);
      color: #fff;
    }

    /* 12. CARDS */

    /* Generic Card */
    .lr-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      transition: all var(--transition-slow);
      height: 100%;
    }

    .lr-card:hover {
      box-shadow: var(--shadow-lg);
      border-color: rgba(26, 111, 216, .12);
      transform: translateY(-4px);
    }

    /* Service Card */
    .service-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      transition: all var(--transition-slow);
      height: 100%;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }

    .service-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--lr-blue), var(--lr-blue-light));
      transform: scaleX(0);
      transition: transform var(--transition-slow);
      transform-origin: left;
    }

    .service-card:hover {
      box-shadow: var(--shadow-lg);
      border-color: rgba(26, 111, 216, .12);
      transform: translateY(-5px);
    }

    .service-card:hover::before {
      transform: scaleX(1);
    }

    .sc-price {
      font-size: .8rem;
      font-weight: 700;
      color: var(--lr-green);
      background: var(--lr-green-pale);
      padding: 3px 2px;
      display: inline-flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .sc-title {
      font-size: 1rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 8px;
    }

    .sc-desc {
      font-size: .84rem;
      color: var(--lr-gray-500);
      line-height: 1.7;
      flex: 1;
      margin-bottom: 16px;
    }

    .sc-link {
      font-size: .82rem;
      font-weight: 700;
      color: var(--lr-blue);
      display: flex;
      align-items: center;
      gap: 5px;
      transition: gap var(--transition-base);
      margin-top: auto;
    }

    .service-card:hover .sc-link {
      gap: 10px;
    }

    /* Benefit Card */
    .benefit-card {
      display: flex;
      gap: 16px;
      padding: 22px 20px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      transition: all var(--transition-base);
      height: 100%;
    }

    .benefit-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .2);
      transform: translateY(-2px);
    }

    .bc-icon {
      width: 48px;
      height: 48px;
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
    }

    .bc-icon.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .bc-icon.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .bc-icon.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .bc-icon.red {
      background: var(--lr-red-pale);
      color: var(--lr-red);
    }

    .bc-icon.purple {
      background: var(--lr-purple-pale);
      color: var(--lr-purple);
    }

    .bc-icon.teal {
      background: var(--lr-teal-pale);
      color: var(--lr-teal);
    }

    .bc-icon.navy {
      background: rgba(10, 37, 64, .08);
      color: var(--lr-navy);
    }

    .bc-title {
      font-size: .93rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 5px;
    }

    .bc-desc {
      font-size: .82rem;
      color: var(--lr-gray-500);
      line-height: 1.65;
      margin: 0;
    }

    /* Process Card */
    .process-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 32px 24px;
      text-align: center;
      position: relative;
      transition: all var(--transition-slow);
      height: 100%;
    }

    .process-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .2);
      transform: translateY(-4px);
    }

    .pc-step-number {
      width: 52px;
      height: 52px;
      background: var(--lr-blue);
      color: #fff;
      border-radius: 50%;
      font-size: 1.1rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
      position: relative;
    }

    .pc-step-number::after {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 2px dashed rgba(26, 111, 216, .25);
    }

    .pc-icon {
      font-size: 26px;
      margin-bottom: 12px;
    }

    .pc-title {
      font-size: .95rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 8px;
    }

    .pc-desc {
      font-size: .82rem;
      color: var(--lr-gray-500);
      line-height: 1.7;
      margin: 0;
    }

    /* Document Card */
    .doc-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px 20px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      transition: all var(--transition-base);
    }

    .doc-card:hover {
      box-shadow: var(--shadow-sm);
      border-color: rgba(26, 111, 216, .2);
    }

    .doc-icon {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .doc-title {
      font-size: .88rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 3px;
    }

    .doc-sub {
      font-size: .76rem;
      color: var(--lr-gray-500);
      margin: 0;
      line-height: 1.5;
    }

    /* Testimonial Card */
    .testimonial-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 28px;
      height: 100%;
      transition: all var(--transition-base);
      position: relative;
    }

    .testimonial-card::before {
      content: '"';
      position: absolute;
      top: 16px;
      right: 22px;
      font-family: var(--font-display);
      font-size: 5rem;
      color: var(--lr-blue-pale);
      line-height: 1;
      pointer-events: none;
    }

    .testimonial-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .15);
    }

    .tc-stars {
      color: var(--lr-gold);
      font-size: 14px;
      letter-spacing: 2px;
      margin-bottom: 12px;
    }

    .testimonial-card blockquote {
      font-size: .85rem;
      color: var(--lr-gray-600);
      line-height: 1.8;
      margin-bottom: 18px;
      font-style: italic;
      position: relative;
      z-index: 1;
    }

    .tc-reviewer {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 16px;
      border-top: 1px solid var(--lr-gray-100);
    }

    .tc-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      font-weight: 800;
      font-size: .8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .tc-avatar.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .tc-avatar.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .tc-avatar.navy {
      background: var(--lr-navy);
      color: #fff;
    }

    .tc-name {
      font-size: .85rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 2px;
    }

    .tc-role {
      font-size: .72rem;
      color: var(--lr-gray-500);
    }

    /* Stat Card */
    .stat-card {
      padding: 28px 20px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      text-align: center;
      transition: all var(--transition-base);
      position: relative;
    }

    .stat-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 3px;
      background: var(--lr-blue);
      border-radius: 2px 2px 0 0;
      transition: width .4s ease;
    }

    .stat-card:hover {
      background: var(--lr-gray-50);
      box-shadow: var(--shadow-sm);
    }

    .stat-card:hover::after {
      width: 60%;
    }

    .stat-icon {
      font-size: 1.3rem;
      margin-bottom: 8px;
      display: block;
      color: var(--lr-blue);
    }

    .stat-number {
      font-size: clamp(1.7rem, 3.5vw, 2.4rem);
      font-weight: 900;
      color: var(--lr-navy);
      line-height: 1;
      margin-bottom: 6px;
      letter-spacing: -1px;
    }

    .stat-number span {
      color: var(--lr-blue);
    }

    .stat-label {
      font-size: .73rem;
      color: var(--lr-gray-500);
      font-weight: 500;
      line-height: 1.4;
    }

    /* Blog Card */
    .lr-blog-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      overflow: hidden;
      transition: all var(--transition-slow);
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .lr-blog-card:hover {
      box-shadow: var(--shadow-md);
      transform: translateY(-5px);
      border-color: rgba(26, 111, 216, .12);
    }

    .lr-blog-card .blog-body {
      padding: 22px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .blog-date {
      font-size: .7rem;
      color: var(--lr-gray-400);
      margin-bottom: 6px;
    }

    .blog-title {
      font-size: .93rem;
      font-weight: 700;
      color: var(--lr-navy);
      line-height: 1.4;
      margin-bottom: 8px;
      transition: color var(--transition-base);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .lr-blog-card:hover .blog-title {
      color: var(--lr-blue);
    }

    .blog-excerpt {
      font-size: .78rem;
      color: var(--lr-gray-500);
      line-height: 1.7;
      flex: 1;
      margin-bottom: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .blog-meta {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: .72rem;
      color: var(--lr-gray-500);
      padding-top: 12px;
      border-top: 1px solid var(--lr-gray-100);
      margin-top: auto;
    }

    /* 13. ABOUT PAGE SPECIFICS */
    /* Story Timeline */
    .story-timeline {
      position: relative;
      padding-left: 32px;
    }

    .story-timeline::before {
      content: '';
      position: absolute;
      left: 8px;
      top: 8px;
      bottom: 8px;
      width: 2px;
      background: linear-gradient(to bottom, var(--lr-blue), var(--lr-gold), var(--lr-green));
      border-radius: 2px;
    }

    .st-item {
      position: relative;
      margin-bottom: 28px;
    }

    .st-item:last-child {
      margin-bottom: 0;
    }

    .st-dot {
      position: absolute;
      left: -28px;
      top: 4px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: var(--lr-blue);
      border: 3px solid #fff;
      box-shadow: 0 0 0 3px rgba(26, 111, 216, .2);
    }

    .st-year {
      font-size: .7rem;
      font-weight: 800;
      color: var(--lr-blue);
      text-transform: uppercase;
      letter-spacing: .08em;
      margin-bottom: 4px;
    }

    .st-title {
      font-size: .93rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 4px;
    }

    .st-desc {
      font-size: .82rem;
      color: var(--lr-gray-500);
      line-height: 1.65;
      margin: 0;
    }

    /* Mission/Vision Card */
    .mv-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 32px 28px;
      height: 100%;
      position: relative;
      overflow: hidden;
      transition: all var(--transition-slow);
    }

    .mv-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--lr-blue), var(--lr-blue-light));
      transform: scaleX(0);
      transition: transform var(--transition-slow);
      transform-origin: left;
    }

    .mv-card:hover {
      box-shadow: var(--shadow-lg);
      border-color: rgba(26, 111, 216, .12);
      transform: translateY(-4px);
    }

    .mv-card:hover::after {
      transform: scaleX(1);
    }

    .mv-card.gold::after {
      background: linear-gradient(90deg, var(--lr-gold), var(--lr-gold-light));
    }

    .mv-card.green::after {
      background: linear-gradient(90deg, var(--lr-green), #22c55e);
    }

    .mv-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 18px;
    }

    .mv-icon.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .mv-icon.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .mv-icon.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .mv-title {
      font-size: 1.1rem;
      font-weight: 800;
      color: var(--lr-navy);
      margin-bottom: 10px;
    }

    .mv-desc {
      font-size: .85rem;
      color: var(--lr-gray-500);
      line-height: 1.75;
      margin: 0;
    }

    /* Why Choose Us - highlight card */
    .wcu-highlight {
      background: linear-gradient(135deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
      border-radius: var(--radius-xl);
      padding: 36px 32px;
      height: 100%;
      position: relative;
      overflow: hidden;
    }

    .wcu-highlight::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -60px;
      width: 250px;
      height: 250px;
      background: radial-gradient(circle, rgba(26, 111, 216, .25) 0%, transparent 70%);
      pointer-events: none;
    }

    .wcu-highlight h3 {
      font-size: 1.4rem;
      font-weight: 800;
      color: #fff;
      margin-bottom: 12px;
      line-height: 1.2;
    }

    .wcu-highlight p {
      font-size: .85rem;
      color: rgba(255, 255, 255, .7);
      line-height: 1.75;
      margin-bottom: 24px;
    }

    .wcu-checklist {
      padding: 0;
    }

    .wcu-checklist li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: .82rem;
      color: rgba(255, 255, 255, .8);
      padding: 6px 0;
    }

    .wcu-checklist li i {
      color: var(--lr-gold);
      font-size: 14px;
      flex-shrink: 0;
    }

    /* Team Card */
    .team-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 24px 20px;
      text-align: center;
      transition: all var(--transition-base);
    }

    .team-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .15);
      transform: translateY(-4px);
    }

    .team-avatar {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      margin: 0 auto 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      font-weight: 800;
      color: #fff;
    }

    .team-name {
      font-size: .95rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 3px;
    }

    .team-role {
      font-size: .76rem;
      color: var(--lr-blue);
      font-weight: 600;
      margin-bottom: 6px;
    }

    .team-exp {
      font-size: .74rem;
      color: var(--lr-gray-500);
    }

    /* 14. FAQ */
    .lr-faq-item {
      border-bottom: 1px solid var(--lr-gray-200);
    }

    .lr-faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 0;
      cursor: pointer;
      font-weight: 600;
      font-size: .94rem;
      color: var(--lr-navy);
      gap: 16px;
      transition: color var(--transition-base);
      user-select: none;
    }

    .lr-faq-question:hover {
      color: var(--lr-blue);
    }

    .lr-faq-toggle {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: var(--lr-blue-pale);
      border: 1.5px solid rgba(26, 111, 216, .2);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--lr-blue);
      flex-shrink: 0;
      transition: all var(--transition-base);
      font-size: 1rem;
      line-height: 1;
    }

    .lr-faq-answer {
      display: none;
      padding: 0 0 18px;
      font-size: .85rem;
      color: var(--lr-gray-600);
      line-height: 1.8;
    }

    .lr-faq-item.open .lr-faq-answer {
      display: block;
    }

    .lr-faq-item.open .lr-faq-toggle {
      background: var(--lr-blue);
      border-color: var(--lr-blue);
      color: #fff;
      transform: rotate(45deg);
    }

    /* 15. CTA BANNER */
    .lr-cta-banner,
    .about-cta {
      background: linear-gradient(135deg, var(--lr-navy) 0%, #0E3460 100%);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }

    .lr-cta-banner::before,
    .about-cta::before {
      content: '';
      position: absolute;
      top: -100px;
      right: -80px;
      width: 450px;
      height: 450px;
      background: radial-gradient(circle, rgba(26, 111, 216, .2) 0%, transparent 65%);
      pointer-events: none;
    }

    .lr-cta-banner::after,
    .about-cta::after {
      content: '';
      position: absolute;
      bottom: -80px;
      left: -40px;
      width: 350px;
      height: 350px;
      background: radial-gradient(circle, rgba(232, 160, 32, .1) 0%, transparent 65%);
      pointer-events: none;
    }

    /* 16. COMPARE TABLE */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      border-radius: var(--radius-lg);
      overflow: hidden;
      border: 1px solid var(--lr-gray-200);
    }

    .compare-table thead tr {
      background: var(--lr-navy);
    }

    .compare-table thead th {
      padding: 14px 18px;
      font-size: .8rem;
      font-weight: 600;
      color: #fff;
      text-align: left;
    }

    .compare-table thead th:nth-child(2) {
      background: var(--lr-blue);
    }

    .compare-table tbody tr {
      border-bottom: 1px solid var(--lr-gray-100);
      transition: background .15s;
    }

    .compare-table tbody tr:hover {
      background: var(--lr-gray-50);
    }

    .compare-table tbody tr:last-child {
      border-bottom: none;
    }

    .compare-table tbody td {
      padding: 12px 18px;
      font-size: .82rem;
      color: var(--lr-gray-600);
    }

    .compare-table td .check {
      color: var(--lr-green);
      font-size: 16px;
      font-weight: 700;
    }

    .compare-table td .cross {
      color: var(--lr-red);
      font-size: 16px;
    }

    /* 17. STATS STRIP */
    .stats-strip {
      background: var(--lr-white);
      border-bottom: 1px solid var(--lr-gray-100);
    }

    /* .stats-strip-inner { display: grid; grid-template-columns: repeat(4, 1fr); } */
    .stats-item {
      padding: 28px 24px;
      text-align: center;
      border-right: 1px solid var(--lr-gray-200);
      transition: background var(--transition-base);
      position: relative;
    }

    .stats-item::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 3px;
      background: var(--lr-blue);
      border-radius: 2px 2px 0 0;
      transition: width .4s ease;
    }

    .stats-item:hover::after {
      width: 60%;
    }

    .stats-item:last-child {
      border-right: none;
    }

    .stats-item:hover {
      background: var(--lr-gray-50);
    }

    .stats-item .si-number {
      font-size: clamp(1.7rem, 3.5vw, 2.4rem);
      font-weight: 900;
      color: var(--lr-navy);
      line-height: 1;
      margin-bottom: 6px;
      letter-spacing: -1px;
    }

    .stats-item .si-number span {
      color: var(--lr-blue);
    }

    .stats-item .si-label {
      font-size: .73rem;
      color: var(--lr-gray-500);
      font-weight: 500;
      line-height: 1.4;
    }

    .stats-item .si-icon {
      font-size: 1.3rem;
      margin-bottom: 8px;
      display: block;
      color: var(--lr-blue);
    }

    /* 18. CLIENT LOGO STRIP */
    .clients-section {
      background: var(--lr-white);
      border-top: 1px solid var(--lr-gray-100);
      border-bottom: 1px solid var(--lr-gray-100);
      padding: 40px 0;
      overflow: hidden;
    }

    .clients-track-wrapper {
      overflow: hidden;
      position: relative;
      mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
    }

    .clients-track {
      display: flex;
      align-items: center;
      width: max-content;
      animation: clientsScroll 28s linear infinite;
    }

    .clients-track:hover {
      animation-play-state: paused;
    }

    @keyframes clientsScroll {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-50%);
      }
    }

    .client-logo-item {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 32px;
      border-right: 1px solid var(--lr-gray-100);
      flex-shrink: 0;
    }

    .client-logo-inner {
      opacity: .45;
      filter: grayscale(100%) brightness(.8);
      transition: all .35s ease;
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
    }

    .client-logo-item:hover .client-logo-inner {
      opacity: 1;
      filter: grayscale(0) brightness(1);
      transform: scale(1.05);
    }

    .client-logo-inner .logo-icon {
      width: 30px;
      height: 30px;
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 11px;
      color: white;
      flex-shrink: 0;
    }

    .client-logo-inner .logo-name {
      font-size: .82rem;
      font-weight: 700;
      color: var(--lr-gray-600);
    }

    /* 19. RATING / TRUST BAR */
    .rating-summary-bar {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 20px 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 28px;
    }

    .rsb-item {
      text-align: center;
    }

    .rsb-number {
      font-size: 2.4rem;
      font-weight: 900;
      color: var(--lr-navy);
      line-height: 1;
    }

    .rsb-stars {
      color: var(--lr-gold);
      font-size: 16px;
      letter-spacing: 2px;
      margin: 3px 0;
    }

    .rsb-source {
      font-size: .7rem;
      color: var(--lr-gray-500);
    }

    .rsb-divider {
      width: 1px;
      height: 56px;
      background: var(--lr-gray-200);
    }

    /* 20. CONTACT FORM */
    .lr-form-group {
      margin-bottom: 16px;
    }

    .lr-form-label {
      display: block;
      font-size: .8rem;
      font-weight: 600;
      color: var(--lr-gray-700);
      margin-bottom: 6px;
    }

    .lr-form-control {
      width: 100%;
      padding: 11px 14px;
      font-family: var(--font-primary);
      font-size: .85rem;
      color: var(--lr-gray-800);
      background: var(--lr-white);
      border: 1.5px solid var(--lr-gray-200);
      border-radius: var(--radius-md);
      transition: border-color var(--transition-base), box-shadow var(--transition-base);
      outline: none;
      -webkit-appearance: none;
    }

    .lr-form-control::placeholder {
      color: var(--lr-gray-400);
    }

    .lr-form-control:focus {
      border-color: var(--lr-blue);
      box-shadow: 0 0 0 3px rgba(26, 111, 216, .1);
    }

    select.lr-form-control {
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2364748B' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      padding-right: 36px;
    }

    .contact-form-card {
      background: var(--lr-white);
      border-radius: var(--radius-xl);
      padding: 40px;
      box-shadow: var(--shadow-xl);
    }

    /* Checklist */
    .lr-checklist {
      padding: 0;
    }

    .lr-checklist li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: .84rem;
      color: var(--lr-gray-600);
      padding: 5px 0;
      line-height: 1.6;
    }

    .lr-checklist li i {
      color: var(--lr-green);
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 1px;
    }

    .lr-checklist.white li {
      color: rgba(255, 255, 255, .8);
    }

    .lr-checklist.white li i {
      color: var(--lr-gold-light);
    }

    /* 22. REVIEW PAGE — SPECIFIC COMPONENTS */

    /* Featured Review Card */
    .featured-review-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      padding: 36px 32px;
      position: relative;
      overflow: hidden;
      transition: all var(--transition-slow);
    }

    .featured-review-card::before {
      content: '"';
      position: absolute;
      top: -10px;
      right: 24px;
      font-family: var(--font-display);
      font-size: 9rem;
      color: var(--lr-blue-pale);
      line-height: 1;
      pointer-events: none;
      font-weight: 700;
    }

    .featured-review-card:hover {
      box-shadow: var(--shadow-xl);
      transform: translateY(-6px);
      border-color: rgba(26, 111, 216, .15);
    }

    .frc-stars {
      color: var(--lr-gold);
      font-size: 16px;
      letter-spacing: 3px;
      margin-bottom: 16px;
    }

    .frc-text {
      font-size: .95rem;
      color: var(--lr-gray-700);
      line-height: 1.85;
      font-style: italic;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
    }

    .frc-reviewer {
      display: flex;
      align-items: center;
      gap: 14px;
      padding-top: 20px;
      border-top: 1px solid var(--lr-gray-100);
    }

    .frc-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: .9rem;
      color: #fff;
      flex-shrink: 0;
    }

    .frc-name {
      font-size: .92rem;
      font-weight: 700;
      color: var(--lr-navy);
    }

    .frc-role {
      font-size: .74rem;
      color: var(--lr-gray-500);
      margin-top: 1px;
    }

    .frc-platform {
      font-size: .68rem;
      font-weight: 700;
      color: var(--lr-blue);
      background: var(--lr-blue-pale);
      padding: 3px 8px;
      border-radius: 4px;
      display: inline-block;
      margin-top: 3px;
    }

    /* Platform Rating Card */
    .platform-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 24px 20px;
      text-align: center;
      transition: all var(--transition-base);
      position: relative;
      overflow: hidden;
    }

    .platform-card::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      border-radius: var(--radius-lg) var(--radius-lg) 0 0;
      transform: scaleX(0);
      transition: transform var(--transition-slow);
      transform-origin: left;
    }

    .platform-card.google::after {
      background: #4285F4;
    }

    .platform-card.jd::after {
      background: #E8520A;
    }

    .platform-card.indiamart::after {
      background: #1B7B38;
    }

    .platform-card.justdial::after {
      background: #E8520A;
    }

    .platform-card:hover {
      box-shadow: var(--shadow-md);
      transform: translateY(-3px);
    }

    .platform-card:hover::after {
      transform: scaleX(1);
    }

    .pc-rating-num {
      font-size: 2.6rem;
      font-weight: 900;
      color: var(--lr-navy);
      line-height: 1;
      letter-spacing: -2px;
    }

    .pc-rating-stars {
      color: var(--lr-gold);
      font-size: 14px;
      letter-spacing: 2px;
      margin: 6px 0;
    }

    .pc-platform-name {
      font-size: .75rem;
      font-weight: 700;
      color: var(--lr-gray-500);
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .pc-review-count {
      font-size: .72rem;
      color: var(--lr-gray-400);
      margin-top: 4px;
    }

    /* Video Review Card */
    .video-review-card {
      border-radius: var(--radius-lg);
      overflow: hidden;
      background: var(--lr-navy);
      position: relative;
      aspect-ratio: 16/10;
      cursor: pointer;
      transition: all var(--transition-base);
    }

    .video-review-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-xl);
    }

    .vrc-thumb {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .6;
      transition: opacity var(--transition-base);
    }

    .video-review-card:hover .vrc-thumb {
      opacity: .4;
    }

    .vrc-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .vrc-play-btn {
      width: 56px;
      height: 56px;
      background: rgba(255, 255, 255, .95);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--lr-blue);
      font-size: 20px;
      margin-bottom: 12px;
      transition: all var(--transition-base);
      box-shadow: 0 8px 24px rgba(0, 0, 0, .3);
    }

    .video-review-card:hover .vrc-play-btn {
      transform: scale(1.1);
      background: #fff;
    }

    .vrc-name {
      font-size: .82rem;
      font-weight: 700;
      color: #fff;
      text-align: center;
    }

    .vrc-role {
      font-size: .7rem;
      color: rgba(255, 255, 255, .7);
      text-align: center;
    }

    .vrc-thumb-placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3rem;
    }

    /* Success Story Card */
    .success-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      transition: all var(--transition-slow);
      height: 100%;
      border-left: 4px solid transparent;
    }

    .success-card:hover {
      box-shadow: var(--shadow-lg);
      border-left-color: var(--lr-blue);
      transform: translateX(4px);
    }

    .sc-company-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      font-size: .68rem;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 6px;
      margin-bottom: 12px;
    }

    .sc-achievement {
      font-size: 1.3rem;
      font-weight: 900;
      color: var(--lr-navy);
      letter-spacing: -0.5px;
      margin-bottom: 6px;
    }

    .sc-achievement span {
      color: var(--lr-green);
    }

    .sc-desc {
      font-size: .82rem;
      color: var(--lr-gray-600);
      line-height: 1.7;
      margin-bottom: 14px;
    }

    .sc-person {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .sc-avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .75rem;
      font-weight: 800;
      color: #fff;
      flex-shrink: 0;
    }

    .sc-person-name {
      font-size: .82rem;
      font-weight: 700;
      color: var(--lr-navy);
    }

    .sc-person-biz {
      font-size: .72rem;
      color: var(--lr-gray-500);
    }

    /* Overall Stats - Review Page */
    .review-stat-big {
      text-align: center;
      padding: 40px 30px;
    }

    .review-stat-big .rsb-huge {
      font-size: clamp(3rem, 7vw, 5rem);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      letter-spacing: -3px;
      margin-bottom: 6px;
    }

    .review-stat-big .rsb-label {
      font-size: .8rem;
      color: rgba(255, 255, 255, .6);
      font-weight: 500;
    }

    .review-stat-big .rsb-stars-lg {
      color: var(--lr-gold);
      font-size: 18px;
      letter-spacing: 3px;
      margin: 8px 0;
    }

    /* 23. BLOG PAGE — SPECIFIC COMPONENTS */

    /* Featured Blog Card */
    .blog-featured-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      overflow: hidden;
      transition: all var(--transition-slow);
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .blog-featured-card:hover {
      box-shadow: var(--shadow-xl);
      transform: translateY(-6px);
      border-color: rgba(26, 111, 216, .12);
    }

    .bfc-thumb {
      height: 280px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 4rem;
      position: relative;
      overflow: hidden;
    }

    .bfc-category {
      position: absolute;
      top: 16px;
      left: 16px;
      background: var(--lr-blue);
      color: #fff;
      font-size: .68rem;
      font-weight: 700;
      padding: 5px 12px;
      border-radius: var(--radius-full);
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .bfc-body {
      padding: 28px 24px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .bfc-meta {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: .72rem;
      color: var(--lr-gray-400);
      margin-bottom: 10px;
      flex-wrap: wrap;
    }

    .bfc-meta span {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .bfc-title {
      font-size: 1.2rem;
      font-weight: 800;
      color: var(--lr-navy);
      line-height: 1.3;
      margin-bottom: 10px;
      transition: color var(--transition-base);
    }

    .blog-featured-card:hover .bfc-title {
      color: var(--lr-blue);
    }

    .bfc-excerpt {
      font-size: .85rem;
      color: var(--lr-gray-500);
      line-height: 1.75;
      flex: 1;
      margin-bottom: 18px;
    }

    .bfc-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 16px;
      border-top: 1px solid var(--lr-gray-100);
      margin-top: auto;
    }

    .bfc-author {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .bfc-author-avatar {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .65rem;
      font-weight: 800;
      color: #fff;
      flex-shrink: 0;
    }

    .bfc-author-name {
      font-size: .76rem;
      font-weight: 600;
      color: var(--lr-gray-700);
    }

    .bfc-read-link {
      font-size: .78rem;
      font-weight: 700;
      color: var(--lr-blue);
      display: flex;
      align-items: center;
      gap: 5px;
      transition: gap var(--transition-base);
    }

    .blog-featured-card:hover .bfc-read-link {
      gap: 9px;
    }

    /* Standard Blog List Card */
    .blog-list-card {
      display: flex;
      gap: 18px;
      padding: 20px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      transition: all var(--transition-base);
    }

    .blog-list-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .15);
      transform: translateX(4px);
    }

    .blc-thumb {
      width: 80px;
      height: 80px;
      border-radius: var(--radius-md);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      flex-shrink: 0;
    }

    .blc-cat {
      font-size: .65rem;
      font-weight: 700;
      color: var(--lr-blue);
      text-transform: uppercase;
      letter-spacing: .07em;
      margin-bottom: 4px;
    }

    .blc-title {
      font-size: .88rem;
      font-weight: 700;
      color: var(--lr-navy);
      line-height: 1.35;
      margin-bottom: 6px;
      transition: color var(--transition-base);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .blog-list-card:hover .blc-title {
      color: var(--lr-blue);
    }

    .blc-meta {
      font-size: .7rem;
      color: var(--lr-gray-400);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    /* Category Tag */
    .blog-cat-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 8px 16px;
      border-radius: var(--radius-full);
      font-size: .78rem;
      font-weight: 700;
      cursor: pointer;
      transition: all var(--transition-base);
      border: 1.5px solid var(--lr-gray-200);
      background: var(--lr-white);
      color: var(--lr-gray-600);
    }

    .blog-cat-tag:hover,
    .blog-cat-tag.active {
      background: var(--lr-blue);
      color: #fff;
      border-color: var(--lr-blue);
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(26, 111, 216, .3);
    }

    .blog-cat-tag .cat-count {
      background: rgba(0, 0, 0, .08);
      border-radius: 20px;
      padding: 1px 7px;
      font-size: .65rem;
    }

    .blog-cat-tag:hover .cat-count,
    .blog-cat-tag.active .cat-count {
      background: rgba(255, 255, 255, .2);
    }

    /* Newsletter Section */
    .newsletter-section {
      background: linear-gradient(135deg, var(--lr-blue) 0%, var(--lr-navy-mid) 60%, var(--lr-navy) 100%);
      padding: 64px 0;
      position: relative;
      overflow: hidden;
    }

    .newsletter-section::before {
      content: '';
      position: absolute;
      top: -80px;
      right: -60px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(255, 255, 255, .07) 0%, transparent 65%);
      pointer-events: none;
    }

    .nl-input-wrap {
      display: flex;
      max-width: 520px;
      border-radius: var(--radius-full);
      overflow: hidden;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
    }

    .nl-input {
      flex: 1;
      padding: 14px 22px;
      font-family: var(--font-primary);
      font-size: .88rem;
      border: none;
      outline: none;
      color: var(--lr-gray-800);
    }

    .nl-input::placeholder {
      color: var(--lr-gray-400);
    }

    .nl-btn {
      background: var(--lr-gold);
      color: #fff;
      font-family: var(--font-primary);
      font-size: .82rem;
      font-weight: 700;
      padding: 14px 24px;
      border: none;
      cursor: pointer;
      letter-spacing: .04em;
      transition: background var(--transition-base);
      white-space: nowrap;
    }

    .nl-btn:hover {
      background: #cf8e00;
    }

    /* Trending Badge */
    .trending-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: rgba(220, 38, 38, .1);
      color: var(--lr-red);
      font-size: .65rem;
      font-weight: 700;
      padding: 3px 9px;
      border-radius: 4px;
    }

    .trending-badge i {
      font-size: 10px;
    }

    /* Reading Time */
    .read-time {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-size: .7rem;
      color: var(--lr-gray-400);
    }

    /* 24. UTILITY CLASSES */
    .text-blue {
      color: var(--lr-blue) !important;
    }

    .text-navy {
      color: var(--lr-navy) !important;
    }

    .text-gold {
      color: var(--lr-gold) !important;
    }

    .text-green {
      color: var(--lr-green) !important;
    }

    .text-muted-lr {
      color: var(--lr-gray-500) !important;
    }

    .bg-blue-pale {
      background-color: var(--lr-blue-pale) !important;
    }

    .fw-500 {
      font-weight: 500;
    }

    .fw-700 {
      font-weight: 700;
    }

    .fw-800 {
      font-weight: 800;
    }

    .fw-900 {
      font-weight: 900;
    }

    .rounded-lr-lg {
      border-radius: var(--radius-lg) !important;
    }

    .rounded-lr-xl {
      border-radius: var(--radius-xl) !important;
    }

    .lr-divider {
      border: none;
      border-top: 1px solid var(--lr-gray-200);
      margin: 0;
    }

    /* GSAP animation starters */
    .gs-up {
      opacity: 0;
      transform: translateY(40px);
    }

    .gs-left {
      opacity: 0;
      transform: translateX(-36px);
    }

    .gs-right {
      opacity: 0;
      transform: translateX(36px);
    }

    .gs-hidden {
      opacity: 0;
    }

    @media (max-width: 991.98px) {
      .stats-strip-inner {
        grid-template-columns: repeat(2, 1fr);
      }

      .stats-item:nth-child(2) {
        border-right: none;
      }

      .stats-item:nth-child(3) {
        border-top: 1px solid var(--lr-gray-200);
      }

      .benefit-card {
        flex-wrap: wrap;
      }
    }
    @media (max-width: 767px) {
      .lr-section {
        padding: 56px 0;
      }

      .lr-section-lg {
        padding: 64px 0;
      }

      .page-hero {
        padding: 52px 0 60px;
      }

      .contact-form-card {
        padding: 28px 22px;
      }

      .lr-cta-banner,
      .about-cta {
        padding: 48px 0;
      }

      .page-hero-actions {
        flex-direction: column;
        align-items: flex-start;
      }

      .nl-input-wrap {
        flex-direction: column;
        border-radius: var(--radius-lg);
      }

      .nl-btn {
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
      }

      .bfc-thumb {
        height: 200px;
      }
    }

    @media (max-width: 575px) {
      .lr-container {
        padding: 0 1rem;
      }

      .page-hero-title {
        font-size: 1.9rem;
      }

      .blog-list-card {
        flex-direction: column;
      }

      .blc-thumb {
        width: 100%;
        height: 100px;
        border-radius: var(--radius-md);
      }
    }





    /* Warm hero variant for family and personal services */
    .svc-hero {
      background: linear-gradient(158deg, #030C1C 0%, #071930 28%, #0B2850 62%, #050F1F 100%);
      padding: 76px 0 68px;
      position: relative;
      overflow: hidden;
      min-height: 86vh;
      display: flex;
      align-items: center;
    }

    .svc-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
    }

    .sh-g1 {
      position: absolute;
      top: -80px;
      right: -40px;
      width: 600px;
      height: 600px;
      background: radial-gradient(ellipse, rgba(232, 160, 32, .12) 0%, transparent 60%);
      pointer-events: none;
    }

    .sh-g2 {
      position: absolute;
      bottom: -60px;
      left: -30px;
      width: 400px;
      height: 400px;
      background: radial-gradient(ellipse, rgba(26, 111, 216, .12) 0%, transparent 60%);
      pointer-events: none;
    }

    .sh-g3 {
      position: absolute;
      top: 35%;
      right: 8%;
      width: 240px;
      height: 240px;
      background: radial-gradient(ellipse, rgba(96, 165, 250, .07) 0%, transparent 70%);
      pointer-events: none;
      animation: shGlow 7s ease-in-out infinite;
    }

    @keyframes shGlow {

      0%,
      100% {
        opacity: .5;
      }

      50% {
        opacity: 1;
      }
    }

    /* Service category pill — gold variant */
    .svc-cat-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(232, 160, 32, .12);
      border: 1px solid rgba(232, 160, 32, .25);
      border-radius: var(--radius-full);
      padding: 7px 18px;
      font-size: .72rem;
      font-weight: 700;
      color: var(--lr-gold-light);
      letter-spacing: .1em;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .svc-cat-dot {
      width: 7px;
      height: 7px;
      background: var(--lr-gold);
      border-radius: 50%;
      animation: pulseDot 2s ease infinite;
    }

    /* Hero title */
    .svc-hero-title {
      font-size: clamp(2.2rem, 5vw, 3.4rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.08;
      letter-spacing: -2px;
      margin-bottom: 18px;
    }

    .svc-hero-title em {
      font-family: var(--font-display);
      font-style: italic;
      font-weight: 400;
      color: #93C5FD;
    }

    .svc-hero-title .hl-gold {
      color: var(--lr-gold-light);
    }

    .svc-hero-sub {
      font-size: clamp(.92rem, 1.7vw, 1.05rem);
      color: rgba(185, 215, 250, .75);
      line-height: 1.85;
      max-width: 570px;
      margin-bottom: 30px;
    }

    /* Trust chips row */
    .svc-trust-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 30px;
    }

    .stchip {
      display: flex;
      align-items: center;
      gap: 6px;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: var(--radius-full);
      padding: 6px 14px;
      font-size: .72rem;
      font-weight: 600;
      color: rgba(255, 255, 255, .78);
      backdrop-filter: blur(6px);
    }

    .stchip i {
      font-size: 12px;
      color: var(--lr-gold-light);
    }



    /* Reusable content-section components */

    /* Law highlight box */
    .law-box {
      background: linear-gradient(135deg, #EBF3FF 0%, #DBEAFE 100%);
      border: 1px solid rgba(26, 111, 216, .14);
      border-left: 4px solid var(--lr-blue);
      border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
      padding: 20px 24px;
      margin-bottom: 28px;
    }

    .law-box .lb-tag {
      font-size: .65rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--lr-blue);
      margin-bottom: 5px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .law-box p {
      font-size: .87rem;
      color: var(--lr-gray-700);
      line-height: 1.78;
      margin: 0;
      font-style: italic;
    }

    /* Acts comparison row */
    .acts-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-bottom: 28px;
    }

    @media(max-width:575px) {
      .acts-row {
        grid-template-columns: 1fr;
      }
    }

    .act-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 20px 18px;
      transition: all var(--transition-base);
      position: relative;
      overflow: hidden;
    }

    .act-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      transition: transform var(--transition-slow);
      transform: scaleX(0);
      transform-origin: left;
    }

    .act-card.blue::before {
      background: linear-gradient(90deg, var(--lr-blue), var(--lr-blue-light));
    }

    .act-card.gold::before {
      background: linear-gradient(90deg, var(--lr-gold), var(--lr-gold-light));
    }

    .act-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .15);
      transform: translateY(-3px);
    }

    .act-card:hover::before {
      transform: scaleX(1);
    }

    .act-badge {
      display: inline-block;
      font-size: .66rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      padding: 3px 9px;
      border-radius: 6px;
      margin-bottom: 10px;
    }

    .act-badge.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .act-badge.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .act-title {
      font-size: .92rem;
      font-weight: 800;
      color: var(--lr-navy);
      margin-bottom: 6px;
    }

    .act-desc {
      font-size: .8rem;
      color: var(--lr-gray-600);
      line-height: 1.65;
      margin-bottom: 10px;
    }

    .act-meta {
      font-size: .72rem;
      color: var(--lr-gray-500);
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .act-meta span {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .act-meta i {
      color: var(--lr-blue);
      font-size: 11px;
    }

    /* Benefit cards — standard template */
    .svc-benefit-card {
      display: flex;
      gap: 16px;
      padding: 22px 20px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      transition: all var(--transition-base);
      height: 100%;
    }

    .svc-benefit-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .15);
      transform: translateY(-3px);
    }

    .sbc-icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
    }

    .sbc-icon.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .sbc-icon.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .sbc-icon.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .sbc-icon.purple {
      background: var(--lr-purple-pale);
      color: var(--lr-purple);
    }

    .sbc-icon.teal {
      background: var(--lr-teal-pale);
      color: var(--lr-teal);
    }

    .sbc-icon.navy {
      background: rgba(10, 37, 64, .08);
      color: var(--lr-navy);
    }

    .sbc-title {
      font-size: .9rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 5px;
    }

    .sbc-desc {
      font-size: .8rem;
      color: var(--lr-gray-500);
      line-height: 1.65;
      margin: 0;
    }

    /* Process timeline — reusable template */
    .svc-timeline {}

    .svct-item {
      display: flex;
      gap: 20px;
      padding-bottom: 32px;
      position: relative;
    }

    .svct-item:last-child {
      padding-bottom: 0;
    }

    .svct-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
    }

    .svct-num {
      width: 50px;
      height: 50px;
      background: linear-gradient(135deg, var(--lr-navy), var(--lr-navy-mid));
      color: #fff;
      border-radius: 50%;
      font-size: .95rem;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
      box-shadow: 0 4px 16px rgba(10, 37, 64, .28);
      transition: all var(--transition-base);
    }

    .svct-item:hover .svct-num {
      background: linear-gradient(135deg, var(--lr-blue), #1256b8);
      box-shadow: 0 6px 20px rgba(26, 111, 216, .4);
    }

    .svct-line {
      width: 2px;
      flex: 1;
      background: linear-gradient(to bottom, var(--lr-gray-200), transparent);
      margin-top: 4px;
    }

    .svct-item:last-child .svct-line {
      display: none;
    }

    .svct-body {
      padding-top: 9px;
      flex: 1;
    }

    .svct-phase {
      font-size: .63rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--lr-gray-400);
      margin-bottom: 5px;
    }

    .svct-title {
      font-size: .94rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 7px;
    }

    .svct-desc {
      font-size: .82rem;
      color: var(--lr-gray-600);
      line-height: 1.72;
      margin: 0;
    }

    .svct-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
      font-size: .65rem;
      font-weight: 700;
      padding: 3px 9px;
      border-radius: var(--radius-full);
      margin-top: 8px;
    }

    /* Document items grid */
    .docs-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    @media(max-width:575px) {
      .docs-grid {
        grid-template-columns: 1fr;
      }
    }

    .doc-tile {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px 16px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      transition: all var(--transition-base);
    }

    .doc-tile:hover {
      border-color: rgba(26, 111, 216, .2);
      background: var(--lr-blue-pale);
      box-shadow: var(--shadow-sm);
    }

    .dt-icon {
      width: 34px;
      height: 34px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      flex-shrink: 0;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      transition: all var(--transition-base);
    }

    .doc-tile:hover .dt-icon {
      background: var(--lr-blue);
      color: #fff;
    }

    .dt-name {
      font-size: .82rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 2px;
    }

    .dt-note {
      font-size: .71rem;
      color: var(--lr-gray-500);
      line-height: 1.4;
    }

    /* Why us dark panel */
    .why-panel {
      background: linear-gradient(135deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
      border-radius: var(--radius-xl);
      padding: 36px 32px;
      position: relative;
      overflow: hidden;
    }

    .why-panel::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -50px;
      width: 260px;
      height: 260px;
      background: radial-gradient(circle, rgba(26, 111, 216, .18) 0%, transparent 70%);
      pointer-events: none;
    }

    .why-panel::after {
      content: '';
      position: absolute;
      bottom: -40px;
      left: -30px;
      width: 180px;
      height: 180px;
      background: radial-gradient(circle, rgba(232, 160, 32, .12) 0%, transparent 70%);
      pointer-events: none;
    }

    .wp-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 13px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .07);
    }

    .wp-item:last-child {
      border-bottom: none;
    }

    .wp-num {
      width: 30px;
      height: 30px;
      background: rgba(255, 255, 255, .08);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .72rem;
      font-weight: 800;
      color: var(--lr-gold-light);
      flex-shrink: 0;
    }

    .wp-title {
      font-size: .87rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 3px;
    }

    .wp-desc {
      font-size: .78rem;
      color: rgba(255, 255, 255, .55);
      line-height: 1.6;
      margin: 0;
    }

    /* Stats band (dark) */
    .stats-band {
      background: linear-gradient(135deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
      border-radius: var(--radius-xl);
      padding: 36px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      position: relative;
      overflow: hidden;
    }

    .stats-band::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
      background-size: 44px 44px;
      pointer-events: none;
    }

    .sb-item {
      text-align: center;
      padding: 20px 14px;
      border-right: 1px solid rgba(255, 255, 255, .08);
      position: relative;
      z-index: 1;
    }

    .sb-item:last-child {
      border-right: none;
    }

    .sb-num {
      font-size: clamp(1.8rem, 3.5vw, 2.6rem);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      letter-spacing: -2px;
      margin-bottom: 4px;
    }

    .sb-num span {
      color: var(--lr-gold-light);
    }

    .sb-label {
      font-size: .71rem;
      color: rgba(180, 210, 240, .55);
      font-weight: 500;
      line-height: 1.4;
    }

    .sb-icon {
      font-size: 1.2rem;
      color: var(--lr-blue);
      margin-bottom: 8px;
      display: block;
    }

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

      .sb-item:nth-child(2) {
        border-right: none;
      }

      .sb-item:nth-child(3) {
        border-top: 1px solid rgba(255, 255, 255, .08);
      }
    }

    /* Testimonial — service specific */
    .svc-tcard {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      padding: 28px 24px;
      transition: all var(--transition-base);
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .svc-tcard::before {
      content: '"';
      position: absolute;
      top: 12px;
      right: 18px;
      font-family: var(--font-display);
      font-size: 5.5rem;
      color: var(--lr-blue-pale);
      line-height: 1;
      pointer-events: none;
      font-weight: 700;
    }

    .svc-tcard:hover {
      box-shadow: var(--shadow-xl);
      border-color: rgba(26, 111, 216, .12);
      transform: translateY(-5px);
    }

    .stc-outcome {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: var(--lr-green-pale);
      color: var(--lr-green);
      font-size: .67rem;
      font-weight: 700;
      padding: 3px 9px;
      border-radius: 6px;
      margin-bottom: 10px;
    }

    .stc-stars {
      color: var(--lr-gold);
      font-size: 13px;
      letter-spacing: 2px;
      margin-bottom: 10px;
    }

    .stc-quote {
      font-size: .86rem;
      color: var(--lr-gray-700);
      line-height: 1.8;
      font-style: italic;
      flex: 1;
      margin-bottom: 18px;
      position: relative;
      z-index: 1;
    }

    .stc-reviewer {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 14px;
      border-top: 1px solid var(--lr-gray-100);
      margin-top: auto;
    }

    .stc-av {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: .8rem;
      color: #fff;
      flex-shrink: 0;
    }

    .stc-name {
      font-size: .85rem;
      font-weight: 700;
      color: var(--lr-navy);
    }

    .stc-role {
      font-size: .7rem;
      color: var(--lr-gray-500);
    }

    /* FAQ — v2 style */
    .faq-v2-item {
      border-bottom: 1px solid var(--lr-gray-200);
    }

    .faq-v2-q {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 19px 0;
      cursor: pointer;
      font-weight: 700;
      font-size: .92rem;
      color: var(--lr-navy);
      gap: 16px;
      user-select: none;
      transition: color var(--transition-base);
    }

    .faq-v2-q:hover {
      color: var(--lr-blue);
    }

    .faq-v2-icon {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: var(--lr-gray-100);
      border: 1.5px solid var(--lr-gray-200);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--lr-navy);
      flex-shrink: 0;
      font-size: 1.1rem;
      line-height: 1;
      transition: all var(--transition-base);
      font-weight: 700;
    }

    .faq-v2-ans {
      display: none;
      padding: 0 0 18px;
      font-size: .84rem;
      color: var(--lr-gray-600);
      line-height: 1.8;
    }

    .faq-v2-item.open .faq-v2-ans {
      display: block;
    }

    .faq-v2-item.open .faq-v2-q {
      color: var(--lr-blue);
    }

    .faq-v2-item.open .faq-v2-icon {
      background: var(--lr-blue);
      border-color: var(--lr-blue);
      color: #fff;
      transform: rotate(45deg);
    }

    /* Related service card */
    .related-card {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 16px 18px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      text-decoration: none;
      transition: all var(--transition-base);
    }

    .related-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .2);
      transform: translateX(4px);
    }

    .rc-icon {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      transition: transform var(--transition-base);
    }

    .related-card:hover .rc-icon {
      transform: scale(1.1);
    }

    .rc-name {
      font-size: .86rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 1px;
      transition: color var(--transition-base);
    }

    .related-card:hover .rc-name {
      color: var(--lr-blue);
    }

    .rc-sub {
      font-size: .7rem;
      color: var(--lr-gray-500);
    }

    .rc-arr {
      margin-left: auto;
      color: var(--lr-gray-300);
      font-size: 12px;
      transition: all var(--transition-base);
    }

    .related-card:hover .rc-arr {
      color: var(--lr-blue);
      transform: translateX(3px);
    }

    /* Mobile CTA bar */
    .mob-cta-bar {
      display: none;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: var(--lr-white);
      border-top: 1px solid var(--lr-gray-200);
      padding: 10px 14px;
      z-index: 998;
      box-shadow: 0 -8px 24px rgba(10, 37, 64, .1);
    }

    @media(max-width:991px) {
      .mob-cta-bar {
        display: block;
      }
    }

    /* Info tag */
    .info-tag {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
      font-size: .68rem;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 6px;
    }

    /* Eligibility card */
    .elig-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 22px 20px;
      height: 100%;
      transition: all var(--transition-base);
    }

    .elig-card:hover {
      box-shadow: var(--shadow-md);
      transform: translateY(-3px);
    }

    .ec-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--lr-gray-100);
    }

    .ec-icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      flex-shrink: 0;
    }

    .ec-title {
      font-size: .9rem;
      font-weight: 800;
      color: var(--lr-navy);
    }

    .ec-list {
      padding: 0;
      margin: 0;
    }

    .ec-list li {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: .8rem;
      color: var(--lr-gray-600);
      padding: 5px 0;
      line-height: 1.55;
    }

    .ec-list li i {
      color: var(--lr-green);
      font-size: 13px;
      flex-shrink: 0;
      margin-top: 1px;
    }

    .lr-footer-top ul {
      padding-left: 0 !important;
    }

    /* .hero-headline .line-gold.animated::after */

    .svc-hero-title .hl-gold.animated::after {
      transform: scaleX(1);
      /* transition: transform 0.8s cubic-bezier(.4, 0, .2, 1) 0.3s; */
    }


    .svc-hero-title .hl-gold::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--lr-gold), rgba(232, 160, 32, 0));
      border-radius: 2px;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .9s cubic-bezier(.4, 0, .2, 1) .2s;
    }

    /* Testimonial Nav  */

    #testimonialSlider .owl-nav button.owl-prev {
      left: -18px;
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      width: 38px;
      height: 38px;
      box-shadow: var(--shadow-md);
      background: #fff;
      color: var(--lr-blue);
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      box-shadow: var(--shadow-md);
      z-index: 999;
      font-size: 1rem !important;
      font-weight: 400;
      transition: all var(--transition-base);
    }

    #testimonialSlider .owl-nav button.owl-next {
      right: -18px;
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      width: 38px;
      height: 38px;
      box-shadow: var(--shadow-md);
      background: #fff;
      color: var(--lr-blue);
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      box-shadow: var(--shadow-md);
      z-index: 999;
      font-size: 1rem !important;
      font-weight: 400;
      transition: all var(--transition-base);
    }

    #testimonialSlider .owl-nav button.owl-prev:hover,
    #testimonialSlider .owl-nav button.owl-next:hover {
      background: var(--lr-navy);
      color: #fff;
      /* transform: translateY(-2px); */
    }

    @media(max-width: 767px) {
      #testimonialSlider .owl-nav button.owl-prev {
        left: -10px;
      }

      #testimonialSlider .owl-nav button.owl-next {
        right: -10px;
      }
    }







    :root {
      --lr-navy: #0A2540;
      --lr-navy-deep: #061A2E;
      --lr-navy-mid: #0E3460;
      --lr-blue: #1A6FD8;
      --lr-blue-light: #2E8EFF;
      --lr-blue-pale: #EBF3FF;
      --lr-gold: #E8A020;
      --lr-gold-light: #F5C55A;
      --lr-gold-pale: #FEF6E4;
      --lr-green: #16A34A;
      --lr-green-pale: #DCFCE7;
      --lr-red: #DC2626;
      --lr-red-pale: #FEE2E2;
      --lr-white: #FFFFFF;
      --lr-gray-50: #F8FAFC;
      --lr-gray-100: #F1F5F9;
      --lr-gray-200: #E2E8F0;
      --lr-gray-300: #CBD5E1;
      --lr-gray-400: #94A3B8;
      --lr-gray-500: #64748B;
      --lr-gray-600: #475569;
      --lr-gray-700: #334155;
      --lr-gray-800: #1E293B;
      --lr-gray-900: #0F172A;
      --font-primary: 'Plus Jakarta Sans', sans-serif;
      --font-display: 'Instrument Serif', serif;
      --font-display: 'Fraunces', serif;
      --topbar-h: 40px;
      --navbar-h: 68px;
      --radius-sm: 6px;
      --radius-md: 10px;
      --radius-lg: 16px;
      --radius-xl: 24px;
      --radius-full: 9999px;
      --shadow-sm: 0 1px 3px rgba(10, 37, 64, .08), 0 1px 2px rgba(10, 37, 64, .04);
      --shadow-md: 0 4px 16px rgba(10, 37, 64, .10), 0 2px 4px rgba(10, 37, 64, .05);
      --shadow-lg: 0 12px 36px rgba(10, 37, 64, .13), 0 4px 8px rgba(10, 37, 64, .06);
      --shadow-xl: 0 24px 60px rgba(10, 37, 64, .16), 0 8px 16px rgba(10, 37, 64, .08);
      --transition-base: 250ms ease;
      --transition-slow: 400ms cubic-bezier(.4, 0, .2, 1);
    }



    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: auto;
    }

    /* Lenis handles smooth scroll */
    body {
      font-family: var(--font-primary);
      font-size: 1rem;
      color: var(--lr-gray-700);
      background: var(--lr-white);
      -webkit-font-smoothing: antialiased;
      line-height: 1.7;
      overflow-x: hidden;
    }

    /* Lenis required */
    html.lenis,
    html.lenis body {
      height: auto;
    }

    .lenis.lenis-smooth {
      scroll-behavior: auto !important;
    }

    .lenis.lenis-smooth [data-lenis-prevent] {
      overscroll-behavior: contain;
    }

    .lenis.lenis-stopped {
      overflow: hidden;
    }

    .lenis.lenis-scrolling iframe {
      pointer-events: none;
    }

    a {
      text-decoration: none;
      color: inherit;
      transition: color var(--transition-base);
    }

    ul,
    ol {
      list-style: none;
    }

    img {
      max-width: 100%;
      display: block;
    }


    .gs-hidden {
      opacity: 0;
    }

    .gs-up {
      opacity: 0;
      transform: translateY(40px);
    }

    .gs-left {
      opacity: 0;
      transform: translateX(-36px);
    }

    .gs-right {
      opacity: 0;
      transform: translateX(36px);
    }

    .gs-scale {
      opacity: 0;
      transform: scale(0.94);
    }

    /* HERO SECTION */
    .hero-section {
      background: linear-gradient(160deg, #040F22 0%, #061D3A 30%, #0C3060 62%, #071628 100%);
      min-height: 100vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      padding: 10px 0 30px;
    }

    .hero-glow-1 {
      position: absolute;
      top: -120px;
      left: -100px;
      width: 600px;
      height: 600px;
      background: radial-gradient(ellipse, rgba(26, 111, 216, .18) 0%, transparent 65%);
      pointer-events: none;
    }

    .hero-glow-2 {
      position: absolute;
      bottom: -80px;
      right: -80px;
      width: 500px;
      height: 500px;
      background: radial-gradient(ellipse, rgba(232, 160, 32, .12) 0%, transparent 65%);
      pointer-events: none;
    }

    .hero-grid-overlay {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
      background-size: 64px 64px;
      pointer-events: none;
    }

    /* Floating orbs */
    .hero-orb {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
      filter: blur(40px);
      animation: orbFloat 8s ease-in-out infinite;
    }

    .hero-orb-1 {
      width: 300px;
      height: 300px;
      background: rgba(26, 111, 216, .12);
      top: 10%;
      left: 5%;
      animation-delay: 0s;
    }

    .hero-orb-2 {
      width: 200px;
      height: 200px;
      background: rgba(232, 160, 32, .08);
      bottom: 15%;
      right: 8%;
      animation-delay: 3s;
    }

    .hero-orb-3 {
      width: 150px;
      height: 150px;
      background: rgba(96, 165, 250, .1);
      top: 50%;
      right: 20%;
      animation-delay: 5s;
    }

    @keyframes orbFloat {

      0%,
      100% {
        transform: translateY(0) translateX(0);
      }

      33% {
        transform: translateY(-20px) translateX(10px);
      }

      66% {
        transform: translateY(10px) translateX(-8px);
      }
    }

    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(26, 111, 216, .15);
      border: 1px solid rgba(96, 165, 250, .3);
      border-radius: var(--radius-full);
      padding: 7px 16px;
      font-size: .73rem;
      font-weight: 600;
      color: #93C5FD;
      letter-spacing: .06em;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .hero-eyebrow-dot {
      width: 7px;
      height: 7px;
      background: var(--lr-gold);
      border-radius: 50%;
      animation: pulse-dot 2s ease infinite;
    }

    @keyframes pulse-dot {

      0%,
      100% {
        box-shadow: 0 0 0 0 rgba(232, 160, 32, .5);
      }

      50% {
        box-shadow: 0 0 0 5px rgba(232, 160, 32, 0);
      }
    }

    .hero-title {
      font-size: clamp(2.2rem, 5vw, 3.2rem);
      font-weight: 900;
      line-height: 1.1;
      color: #fff;
      margin-bottom: 20px;
    }

    .hero-title .accent-serif {
      font-family: var(--font-display);
      font-style: italic;
      font-weight: 400;
      color: #93C5FD;
      letter-spacing: -1px;
    }

    .hero-title .accent-gold {
      color: var(--lr-gold-light);
      position: relative;
      display: inline-block;
    }

    .hero-title .accent-gold::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--lr-gold), transparent);
      border-radius: 2px;
      transform-origin: left;
      transform: scaleX(0);
    }

    .hero-title .accent-gold.line-visible::after {
      transform: scaleX(1);
      transition: transform 0.8s cubic-bezier(.4, 0, .2, 1) 0.3s;
    }

    .hero-subtitle {
      font-size: clamp(.95rem, 1.8vw, 1.08rem);
      color: rgba(190, 218, 245, .8);
      line-height: 1.75;
      max-width: 600px;
      margin: 0 auto 7px;
    }

    .hero-trust-row {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 7px;
    }

 body {
    margin: 0 !important;
    padding: 0 !important;
}
#siteHeader {
    top: 0 !important;
}

    .hero-trust-badge {
      display: flex;
      align-items: center;
      gap: 10px;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .11);
      border-radius: 12px;
      padding: 10px 18px;
      backdrop-filter: blur(10px);
      transition: all var(--transition-base);
    }

    .hero-trust-badge:hover {
      background: rgba(255, 255, 255, .1);
      border-color: rgba(255, 255, 255, .2);
      transform: translateY(-2px);
    }

    .hero-trust-badge .badge-rating {
      font-size: .95rem;
      font-weight: 800;
      color: #fff;
      line-height: 1;
    }

    .hero-trust-badge .badge-stars {
      color: var(--lr-gold-light);
      font-size: 11px;
      letter-spacing: 1px;
    }

    .hero-trust-badge .badge-source {
      font-size: .68rem;
      color: rgba(255, 255, 255, .5);
      font-weight: 500;
      margin-top: 2px;
    }

    .hero-trust-divider {
      width: 1px;
      height: 38px;
      background: rgba(255, 255, 255, .14);
      align-self: center;
    }

    .hero-form-wrap {
      max-width: 900px;
      margin: 0 auto;
      /* padding: 5px; */
      /* background: linear-gradient(135deg, hsla(0,0%,100%,.35), hsla(0,0%,100%,.15)); */
      /* border-radius: 1.2rem; */
      box-shadow: 0 0 24px hsla(0, 0%, 100%, .4), inset 0 0 10px hsla(0, 0%, 100%, .2);
    }

    .hero-form-card {
      background: rgba(255, 255, 255, .97);
      border-radius: 18px;
      padding: 26px 30px;
      box-shadow: 0 24px 64px rgba(6, 26, 46, .4);
    }

    .hero-form-card .hf-label {
      text-align: center;
      font-size: .78rem;
      font-weight: 700;
      color: var(--lr-navy);
      text-transform: uppercase;
      letter-spacing: .08em;
      margin-bottom: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .hero-form-card .hf-label::before,
    .hero-form-card .hf-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--lr-gray-200);
    }

    .hf-input {
      width: 100%;
      padding: 11px 14px;
      font-family: var(--font-primary);
      font-size: .82rem;
      font-weight: 500;
      color: var(--lr-gray-800);
      background: var(--lr-gray-50);
      border: 1.5px solid var(--lr-gray-200);
      border-radius: 10px;
      outline: none;
      transition: border-color var(--transition-base), box-shadow var(--transition-base);
    }

    .hf-input:focus {
      border-color: var(--lr-blue);
      background: #fff;
      box-shadow: 0 0 0 3px rgba(26, 111, 216, .1);
    }

    .hf-input::placeholder {
      color: var(--lr-gray-400);
    }

    .hf-input-group {
      display: flex;
    }

    .hf-input-group .hf-prefix {
      padding: 11px 12px;
      background: var(--lr-gray-100);
      border: 1.5px solid var(--lr-gray-200);
      border-right: none;
      border-radius: 10px 0 0 10px;
      font-size: .82rem;
      font-weight: 600;
      color: var(--lr-gray-600);
    }

    .hf-input-group .hf-input {
      border-radius: 0 10px 10px 0;
    }

    select.hf-input {
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2364748B' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 12px center;
      -webkit-appearance: none;
      padding-right: 34px;
    }

    .btn-hero-cta {
      width: 100%;
      padding: 13px 20px;
      background: var(--lr-blue);
      color: #fff;
      font-family: var(--font-primary);
      font-size: .84rem;
      font-weight: 700;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      letter-spacing: .03em;
      text-transform: uppercase;
      transition: all var(--transition-base);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      position: relative;
      overflow: hidden;
    }

    .btn-hero-cta::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, transparent 60%);
      opacity: 0;
      transition: opacity var(--transition-base);
    }

    .btn-hero-cta:hover {
      background: var(--lr-navy);
      transform: translateY(-1px);
      box-shadow: 0 8px 24px rgba(26, 111, 216, .4);
    }

    .btn-hero-cta:hover::before {
      opacity: 1;
    }

    .hero-footnote {
      text-align: center;
      color: rgba(255, 255, 255, .45);
      font-size: .74rem;
      margin-top: 14px;
    }

    .hero-footnote strong {
      color: rgba(255, 255, 255, .7);
    }

    /* STATS STRIP */
    .stats-strip {
      background: var(--lr-white);
      border-bottom: 1px solid var(--lr-gray-100);
    }

    .stats-strip-inner {
      /* display: grid; grid-template-columns: repeat(4,1fr); */
    }

    .stats-item {
      padding: 30px 24px;
      text-align: center;
      border-right: 1px solid var(--lr-gray-200);
      transition: background var(--transition-base);
      position: relative;
    }

    .stats-item::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 3px;
      background: var(--lr-blue);
      border-radius: 2px 2px 0 0;
      transition: width 0.4s ease;
    }

    .stats-item:hover::before {
      width: 60%;
    }

    .stats-item:last-child {
      border-right: none;
    }

    .stats-item:hover {
      background: var(--lr-gray-50);
    }

    .stats-item .si-number {
      font-size: clamp(1.7rem, 3.5vw, 2.4rem);
      font-weight: 900;
      color: var(--lr-navy);
      line-height: 1;
      margin-bottom: 6px;
      letter-spacing: -1px;
    }

    .stats-item .si-number span {
      color: var(--lr-blue);
    }

    .stats-item .si-label {
      font-size: .73rem;
      color: var(--lr-gray-500);
      font-weight: 500;
      line-height: 1.4;
    }

    .stats-item .si-icon {
      font-size: 1.3rem;
      margin-bottom: 8px;
      display: block;
      color: var(--lr-blue);
    }

    /* SECTION UTILITIES */
    .lr-container {
      width: 100%;
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 1.25rem;
    }

    .lr-section {
      padding: 80px 0;
    }

    .lr-section-alt {
      background: var(--lr-gray-50);
    }

    .section-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: var(--radius-full);
      margin-bottom: 14px;
    }

    .section-badge.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .section-badge.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .section-title {
      font-size: clamp(1.7rem, 3.5vw, 2.5rem);
      font-weight: 800;
      color: var(--lr-navy);
      line-height: 1.18;
      letter-spacing: -.5px;
      margin-bottom: 12px;
    }

    .section-title span {
      color: var(--lr-blue);
    }

    .section-subtitle {
      font-size: 1rem;
      color: var(--lr-gray-500);
      line-height: 1.75;
      max-width: 540px;
    }

    .lr-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-family: var(--font-primary);
      font-size: .84rem;
      font-weight: 700;
      padding: 12px 26px;
      border-radius: var(--radius-full);
      border: 2px solid transparent;
      cursor: pointer;
      transition: all var(--transition-base);
      /* white-space: nowrap; */
      letter-spacing: .02em;
    }

    .lr-btn:hover {
      transform: translateY(-1px);
    }

    .lr-btn-primary {
      background: var(--lr-blue);
      color: #fff;
      border-color: var(--lr-blue);
    }

    .lr-btn-primary:hover {
      background: var(--lr-navy);
      border-color: var(--lr-navy);
      color: #fff;
      box-shadow: 0 8px 24px rgba(26, 111, 216, .35);
    }

    .lr-btn-secondary {
      background: transparent;
      color: var(--lr-blue);
      border-color: var(--lr-blue);
    }

    .lr-btn-secondary:hover {
      background: var(--lr-blue);
      color: #fff;
      box-shadow: 0 6px 20px rgba(26, 111, 216, .25);
    }

    .lr-btn-gold {
      background: var(--lr-gold);
      color: #fff;
      border-color: var(--lr-gold);
    }

    .lr-btn-gold:hover {
      background: #cf8e00;
      border-color: #cf8e00;
      color: #fff;
      box-shadow: 0 8px 24px rgba(232, 160, 32, .4);
    }

    .lr-btn-lg {
      padding: 15px 19px;
      /* font-size: .95rem; */
    }

    /* CLIENT LOGOS SECTION */
    .clients-section {
      background: var(--lr-white);
      border-top: 1px solid var(--lr-gray-100);
      border-bottom: 1px solid var(--lr-gray-100);
      padding: 48px 0;
      overflow: hidden;
    }

    .clients-header {
      text-align: center;
      margin-bottom: 32px;
    }

    .clients-header p {
      font-size: .75rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--lr-gray-400);
    }

    .clients-track-wrapper {
      overflow: hidden;
      position: relative;
      mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%);
    }

    .clients-track {
      display: flex;
      align-items: center;
      gap: 0;
      width: max-content;
      animation: clientsScroll 28s linear infinite;
    }

    .clients-track:hover {
      animation-play-state: paused;
    }

    @keyframes clientsScroll {
      0% {
        transform: translateX(0);
      }

      100% {
        transform: translateX(-50%);
      }
    }

    .client-logo-item {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 36px;
      border-right: 1px solid var(--lr-gray-100);
      flex-shrink: 0;
      transition: all 0.3s ease;
    }

    .client-logo-item:hover .client-logo-inner {
      opacity: 1;
      filter: grayscale(0) brightness(1);
      transform: scale(1.05);
    }

    .client-logo-inner {
      opacity: 0.45;
      filter: grayscale(100%) brightness(0.8);
      transition: all 0.35s ease;
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
    }

    .client-logo-inner .logo-icon {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 11px;
      color: white;
      flex-shrink: 0;
    }

    .client-logo-inner .logo-name {
      font-size: .85rem;
      font-weight: 700;
      color: var(--lr-gray-600);
      letter-spacing: -.2px;
    }

    /* SERVICES OVERVIEW (TABBED) */
    .services-tab-nav {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 36px;
    }

    .stab-btn {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 9px 20px;
      border-radius: var(--radius-full);
      font-family: var(--font-primary);
      font-size: .78rem;
      font-weight: 700;
      border: 1.5px solid var(--lr-gray-200);
      color: var(--lr-gray-600);
      background: var(--lr-white);
      cursor: pointer;
      transition: all var(--transition-base);
    }

    .stab-btn:hover {
      border-color: var(--lr-blue);
      color: var(--lr-blue);
      background: var(--lr-blue-pale);
    }

    .stab-btn.active {
      background: var(--lr-navy);
      border-color: var(--lr-navy);
      color: #fff;
      box-shadow: 0 4px 14px rgba(10, 37, 64, .25);
    }

    .stab-btn i {
      font-size: 13px;
    }

    /* Service card — redesigned */
    .svc-card-v2 {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      padding: 28px 24px;
      transition: all var(--transition-slow);
      height: 100%;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }

    .svc-card-v2::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3px;
      transform: scaleX(0);
      transition: transform var(--transition-slow);
      transform-origin: left;
    }

    .svc-card-v2.blue::after {
      background: linear-gradient(90deg, var(--lr-blue), var(--lr-blue-light));
    }

    .svc-card-v2.gold::after {
      background: linear-gradient(90deg, var(--lr-gold), var(--lr-gold-light));
    }

    .svc-card-v2.green::after {
      background: linear-gradient(90deg, var(--lr-green), #22c55e);
    }

    .svc-card-v2.teal::after {
      background: linear-gradient(90deg, var(--lr-teal), #06b6d4);
    }

    .svc-card-v2.purple::after {
      background: linear-gradient(90deg, var(--lr-purple), #a78bfa);
    }

    .svc-card-v2.red::after {
      background: linear-gradient(90deg, var(--lr-red), #ef4444);
    }

    .svc-card-v2:hover {
      box-shadow: var(--shadow-xl);
      border-color: rgba(26, 111, 216, .1);
      transform: translateY(-6px);
    }

    .svc-card-v2:hover::after {
      transform: scaleX(1);
    }

    .scv2-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 16px;
    }

    .scv2-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
      transition: transform var(--transition-base);
    }

    .svc-card-v2:hover .scv2-icon {
      transform: scale(1.1) rotate(-4deg);
    }

    .scv2-icon.blue {
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
    }

    .scv2-icon.gold {
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
    }

    .scv2-icon.green {
      background: var(--lr-green-pale);
      color: var(--lr-green);
    }

    .scv2-icon.teal {
      background: var(--lr-teal-pale);
      color: var(--lr-teal);
    }

    .scv2-icon.purple {
      background: var(--lr-purple-pale);
      color: var(--lr-purple);
    }

    .scv2-icon.red {
      background: var(--lr-red-pale);
      color: var(--lr-red);
    }

    .scv2-price {
      font-size: .72rem;
      font-weight: 700;
      color: var(--lr-green);
      background: var(--lr-green-pale);
      padding: 4px 10px;
      border-radius: var(--radius-full);
    }

    .scv2-eyebrow {
      font-size: .64rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--lr-gold);
      margin-bottom: 4px;
    }

    .scv2-title {
      font-size: 1rem;
      font-weight: 800;
      color: var(--lr-navy);
      margin-bottom: 8px;
      line-height: 1.25;
    }

    .scv2-desc {
      font-size: .82rem;
      color: var(--lr-gray-500);
      line-height: 1.7;
      flex: 1;
      margin-bottom: 18px;
    }

    .scv2-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 16px;
    }

    .scv2-tag {
      font-size: .66rem;
      font-weight: 600;
      padding: 3px 8px;
      border-radius: 5px;
      background: var(--lr-gray-100);
      color: var(--lr-gray-600);
    }

    .scv2-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: .8rem;
      font-weight: 700;
      color: var(--lr-blue);
      margin-top: auto;
      transition: gap .2s;
    }

    .scv2-link .scv2-arrow {
      width: 28px;
      height: 28px;
      background: var(--lr-blue-pale);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      transition: all var(--transition-base);
    }

    .svc-card-v2:hover .scv2-arrow {
      background: var(--lr-blue);
      color: #fff;
      transform: translateX(3px);
    }

    /* PRACTICE AREAS (Legal) */
    .practice-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }

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

    @media(max-width:575px) {
      .practice-grid {
        grid-template-columns: 1fr;
      }
    }

    .practice-card {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 16px 18px;
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      text-decoration: none;
      transition: all var(--transition-base);
      position: relative;
      overflow: hidden;
    }

    .practice-card::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 3px;
      background: var(--lr-blue);
      transform: scaleY(0);
      transition: transform var(--transition-base);
      transform-origin: bottom;
    }

    .practice-card:hover {
      box-shadow: var(--shadow-md);
      border-color: rgba(26, 111, 216, .15);
      transform: translateX(4px);
    }

    .practice-card:hover::before {
      transform: scaleY(1);
    }

    .pc-icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      flex-shrink: 0;
      transition: transform var(--transition-base);
    }

    .practice-card:hover .pc-icon {
      transform: scale(1.1);
    }

    .pc-name {
      font-size: .86rem;
      font-weight: 700;
      color: var(--lr-navy);
      margin-bottom: 2px;
      transition: color var(--transition-base);
    }

    .practice-card:hover .pc-name {
      color: var(--lr-blue);
    }

    .pc-sub {
      font-size: .7rem;
      color: var(--lr-gray-500);
    }

    .pc-arrow {
      margin-left: auto;
      color: var(--lr-gray-300);
      font-size: 12px;
      transition: all var(--transition-base);
    }

    .practice-card:hover .pc-arrow {
      color: var(--lr-blue);
      transform: translateX(3px);
    }

    /* WHY US — SPLIT DARK/LIGHT */
    .why-split {
      /* display: grid; grid-template-columns: 1fr 1fr; */
      gap: 0;
      border-radius: var(--radius-2xl);
      overflow: hidden;
      box-shadow: var(--shadow-xl);
    }

    @media(max-width:991px) {
      .why-split {
        grid-template-columns: 1fr;
      }
    }

    .why-split-dark {
      background: linear-gradient(145deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
      padding: 52px 48px;
      position: relative;
      overflow: hidden;
    }

    .why-split-dark::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -50px;
      width: 280px;
      height: 280px;
      background: radial-gradient(circle, rgba(26, 111, 216, .2) 0%, transparent 70%);
      pointer-events: none;
    }

    .why-split-dark::after {
      content: '';
      position: absolute;
      bottom: -40px;
      left: -30px;
      width: 200px;
      height: 200px;
      background: radial-gradient(circle, rgba(232, 160, 32, .12) 0%, transparent 70%);
      pointer-events: none;
    }

    .why-split-light {
      background: var(--lr-white);
      padding: 52px 48px;
    }

    @media(max-width:767px) {

      .why-split-dark,
      .why-split-light {
        padding: 36px 28px;
      }
    }

    /* Feature items in dark side */
    .wsd-feature {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 16px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .07);
    }

    .wsd-feature:last-child {
      border-bottom: none;
    }

    .wsd-num {
      width: 32px;
      height: 32px;
      background: rgba(255, 255, 255, .1);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .78rem;
      font-weight: 800;
      color: var(--lr-gold-light);
      flex-shrink: 0;
    }

    .wsd-title {
      font-size: .88rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 3px;
    }

    .wsd-desc {
      font-size: .78rem;
      color: rgba(255, 255, 255, .55);
      line-height: 1.6;
      margin: 0;
    }

    /* Compare table in light side */
    .compare-v2 {
      width: 100%;
      border-collapse: collapse;
      border-radius: var(--radius-lg);
      overflow: hidden;
    }

    .compare-v2 thead tr {
      background: var(--lr-navy);
    }

    .compare-v2 thead th {
      padding: 12px 16px;
      font-size: .76rem;
      font-weight: 700;
      color: #fff;
      text-align: left;
    }

    .compare-v2 thead th:nth-child(2) {
      background: var(--lr-blue);
      text-align: center;
    }

    .compare-v2 thead th:nth-child(3) {
      text-align: center;
    }

    .compare-v2 tbody tr {
      border-bottom: 1px solid var(--lr-gray-100);
      transition: background .15s;
    }

    .compare-v2 tbody tr:hover {
      background: var(--lr-gray-50);
    }

    .compare-v2 tbody tr:last-child {
      border-bottom: none;
    }

    .compare-v2 tbody td {
      padding: 11px 16px;
      font-size: .8rem;
      color: var(--lr-gray-600);
    }

    .compare-v2 tbody td:nth-child(2),
    .compare-v2 tbody td:nth-child(3) {
      text-align: center;
    }

    .compare-v2 td .cv2-yes {
      color: var(--lr-green);
      font-size: 16px;
      font-weight: 800;
    }

    .compare-v2 td .cv2-no {
      color: var(--lr-red);
      font-size: 15px;
    }

    .compare-v2 td .cv2-maybe {
      color: var(--lr-gold);
      font-size: 14px;
      font-weight: 700;
    }

    /* PROCESS — HORIZONTAL CARDS */
    .process-h-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      padding: 32px 24px;
      text-align: center;
      position: relative;
      transition: all var(--transition-slow);
      height: 100%;
    }

    .process-h-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-5px);
      border-color: rgba(26, 111, 216, .15);
    }

    .phc-num {
      width: 56px;
      height: 56px;
      background: var(--lr-navy);
      color: #fff;
      border-radius: 50%;
      font-size: 1.1rem;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 16px;
      position: relative;
      box-shadow: 0 6px 18px rgba(10, 37, 64, .3);
      transition: all var(--transition-base);
    }

    .process-h-card:hover .phc-num {
      background: var(--lr-blue);
      box-shadow: 0 8px 24px rgba(26, 111, 216, .45);
    }

    .phc-num::after {
      content: '';
      position: absolute;
      inset: -5px;
      border-radius: 50%;
      border: 2px dashed rgba(26, 111, 216, .2);
      transition: border-color var(--transition-base);
    }

    .process-h-card:hover .phc-num::after {
      border-color: rgba(26, 111, 216, .4);
    }

    .phc-icon {
      font-size: 1.6rem;
      margin-bottom: 12px;
      color: var(--lr-blue);
    }

    .phc-title {
      font-size: .95rem;
      font-weight: 800;
      color: var(--lr-navy);
      margin-bottom: 8px;
    }

    .phc-desc {
      font-size: .8rem;
      color: var(--lr-gray-500);
      line-height: 1.7;
    }

    .phc-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      background: var(--lr-gold-pale);
      color: var(--lr-gold);
      font-size: .66rem;
      font-weight: 700;
      padding: 3px 9px;
      border-radius: var(--radius-full);
      margin-top: 10px;
    }

    /* Connector arrows between process steps */
    .process-connector {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--lr-gray-300);
      font-size: 1.2rem;
      padding-top: 28px;
    }

    @media(max-width:767px) {
      .process-connector {
        display: none;
      }
    }

    /* STATS SECTION */
    .stats-section-v2 {
      background: linear-gradient(135deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }

    .stats-section-v2::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
      background-size: 48px 48px;
      pointer-events: none;
    }

    .sv2-stat-item {
      text-align: center;
      padding: 24px 20px;
      position: relative;
    }

    .sv2-stat-item::after {
      content: '';
      position: absolute;
      right: 0;
      top: 20%;
      bottom: 20%;
      width: 1px;
      background: rgba(255, 255, 255, .08);
    }

    .sv2-stat-item:last-child::after {
      display: none;
    }

    .sv2-num {
      font-size: clamp(2.2rem, 4.5vw, 3.2rem);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      letter-spacing: -2px;
      margin-bottom: 6px;
    }

    .sv2-num span {
      color: var(--lr-gold-light);
    }

    .sv2-label {
      font-size: .76rem;
      color: rgba(180, 210, 240, .55);
      font-weight: 500;
      line-height: 1.4;
    }

    .sv2-icon {
      font-size: 1.4rem;
      color: var(--lr-blue);
      margin-bottom: 10px;
      display: block;
    }

    /* TESTIMONIALS — REDESIGNED */
    .testi-rating-bar {
      background: var(--lr-navy);
      border-radius: var(--radius-xl);
      padding: 28px 36px;
      display: flex;
      align-items: center;
      gap: 32px;
      flex-wrap: wrap;
      margin-bottom: 36px;
    }

    .trb-big-num {
      font-size: 3.5rem;
      font-weight: 900;
      color: #fff;
      line-height: 1;
      letter-spacing: -3px;
    }

    .trb-stars {
      color: var(--lr-gold);
      font-size: 18px;
      letter-spacing: 3px;
      margin-bottom: 4px;
    }

    .trb-sub {
      font-size: .74rem;
      color: rgba(255, 255, 255, .5);
      font-weight: 500;
    }

    .trb-divider {
      width: 1px;
      height: 60px;
      background: rgba(255, 255, 255, .1);
      flex-shrink: 0;
    }

    .trb-platform-item {
      text-align: center;
      min-width: 80px;
    }

    .trb-platform-num {
      font-size: 1.5rem;
      font-weight: 900;
      color: #fff;
      line-height: 1;
      letter-spacing: -1px;
    }

    .trb-platform-stars {
      color: var(--lr-gold);
      font-size: 10px;
      letter-spacing: 2px;
      margin: 3px 0;
    }

    .trb-platform-name {
      font-size: .66rem;
      color: rgba(255, 255, 255, .45);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .07em;
    }

    /* Testimonial card v2 */
    .tcard-v2 {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      padding: 28px 24px;
      height: 100%;
      transition: all var(--transition-base);
      position: relative;
      display: flex;
      flex-direction: column;
    }

    .tcard-v2::before {
      content: '"';
      position: absolute;
      top: 14px;
      right: 20px;
      font-family: var(--font-display);
      font-size: 5.5rem;
      color: var(--lr-blue-pale);
      line-height: 1;
      pointer-events: none;
      font-weight: 700;
    }

    .tcard-v2:hover {
      box-shadow: var(--shadow-xl);
      border-color: rgba(26, 111, 216, .12);
      transform: translateY(-5px);
    }

    .tcv2-service {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: var(--lr-blue-pale);
      color: var(--lr-blue);
      font-size: .65rem;
      font-weight: 700;
      padding: 3px 9px;
      border-radius: 6px;
      margin-bottom: 10px;
    }

    .tcv2-stars {
      color: var(--lr-gold);
      font-size: 13px;
      letter-spacing: 2px;
      margin-bottom: 12px;
    }

    .tcv2-quote {
      font-size: .86rem;
      color: var(--lr-gray-700);
      line-height: 1.8;
      font-style: italic;
      flex: 1;
      margin-bottom: 18px;
      position: relative;
      z-index: 1;
    }

    .tcv2-reviewer {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 16px;
      border-top: 1px solid var(--lr-gray-100);
      margin-top: auto;
    }

    .tcv2-avatar {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: .82rem;
      color: #fff;
      flex-shrink: 0;
    }

    .tcv2-name {
      font-size: .85rem;
      font-weight: 700;
      color: var(--lr-navy);
    }

    .tcv2-role {
      font-size: .7rem;
      color: var(--lr-gray-500);
    }

    /* FAQ — REDESIGNED */
    .faq-v2-item {
      border-bottom: 1px solid var(--lr-gray-200);
    }

    .faq-v2-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
      cursor: pointer;
      font-weight: 700;
      font-size: .92rem;
      color: var(--lr-navy);
      gap: 16px;
      user-select: none;
      transition: color var(--transition-base);
    }

    .faq-v2-question:hover {
      color: var(--lr-blue);
    }

    .faq-v2-icon {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: var(--lr-gray-100);
      border: 1.5px solid var(--lr-gray-200);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--lr-navy);
      flex-shrink: 0;
      font-size: 1.1rem;
      line-height: 1;
      transition: all var(--transition-base);
      font-weight: 700;
    }

    .faq-v2-answer {
      display: none;
      padding: 0 0 20px;
      font-size: .85rem;
      color: var(--lr-gray-600);
      line-height: 1.8;
    }

    .faq-v2-item.open .faq-v2-answer {
      display: block;
    }

    .faq-v2-item.open .faq-v2-question {
      color: var(--lr-blue);
    }

    .faq-v2-item.open .faq-v2-icon {
      background: var(--lr-blue);
      border-color: var(--lr-blue);
      color: #fff;
      transform: rotate(45deg);
    }

    /* BLOG CARDS V2 */
    .blog-v2-card {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-xl);
      overflow: hidden;
      transition: all var(--transition-slow);
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .blog-v2-card:hover {
      box-shadow: var(--shadow-xl);
      transform: translateY(-6px);
      border-color: rgba(26, 111, 216, .12);
    }

    .blog-article-carousel .blog-v2-card:hover {
      box-shadow: none;
    }

    .blog-article-carousel .owl-stage {
      display: flex;
    }

    .blog-article-carousel {
      position: relative;
    }

    .blog-article-carousel .owl-item {
      display: flex;
    }

    .blog-article-carousel .owl-item > .blog-v2-card {
      width: 100%;
    }

    .blog-article-carousel .owl-stage-outer {
      margin: -8px -4px -18px;
      padding: 8px 4px 18px;
    }

    .blog-article-carousel .owl-nav {
      display: flex;
      position: absolute;
      top: 50%;
      right: -21px;
      left: -21px;
      justify-content: space-between;
      margin: 0;
      transform: translateY(-50%);
      pointer-events: none;
      z-index: 2;
    }

    .blog-article-carousel .owl-nav button.owl-prev,
    .blog-article-carousel .owl-nav button.owl-next {
      display: inline-flex;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      margin: 0;
      border: 1px solid var(--lr-gray-200);
      border-radius: 50%;
      background: var(--lr-white);
      color: var(--lr-navy);
      font-size: 1rem;
      box-shadow: 0 4px 14px rgba(10, 37, 64, .16);
      transition: all var(--transition-base);
      pointer-events: auto;
    }

    .blog-article-carousel .owl-nav button.owl-prev:hover,
    .blog-article-carousel .owl-nav button.owl-next:hover {
      border-color: var(--lr-blue);
      background: var(--lr-blue);
      color: var(--lr-white);
    }

    .blog-article-carousel .owl-nav button.disabled {
      opacity: .4;
      cursor: default;
    }

    .blog-article-carousel .owl-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 14px;
    }

    .blog-article-carousel .owl-dots .owl-dot span {
      width: 8px;
      height: 8px;
      margin: 0;
      background: var(--lr-gray-300);
      transition: all var(--transition-base);
    }

    .blog-article-carousel .owl-dots .owl-dot.active span {
      width: 22px;
      border-radius: var(--radius-full);
      background: var(--lr-blue);
    }

    @media (max-width: 575px) {
      .blog-article-carousel .owl-nav {
        right: 4px;
        left: 4px;
      }
    }

    .blog-carousel-state {
      padding: 28px;
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      background: var(--lr-white);
      color: var(--lr-gray-500);
      text-align: center;
      font-size: .9rem;
    }

    .blog-carousel-state[hidden] {
      display: none;
    }

    .bv2-thumb {
      height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3.5rem;
      position: relative;
      overflow: hidden;
    }

    .bv2-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .bv2-thumb-blue,
    .bv2-thumb-fallback.bv2-thumb-blue {
      background: linear-gradient(135deg, #EBF3FF, #BFDBFE);
    }

    .bv2-thumb-gold,
    .bv2-thumb-fallback.bv2-thumb-gold {
      background: linear-gradient(135deg, #FEF6E4, #FDE68A);
    }

    .bv2-thumb-purple,
    .bv2-thumb-fallback.bv2-thumb-purple {
      background: linear-gradient(135deg, #F3E8FF, #DDD6FE);
    }

    .bv2-thumb-teal,
    .bv2-thumb-fallback.bv2-thumb-teal {
      background: linear-gradient(135deg, #CCFBF1, #99F6E4);
    }

    .bv2-cat-blue,
    .bv2-author-blue {
      background: var(--lr-blue);
    }

    .bv2-cat-gold,
    .bv2-author-gold {
      background: var(--lr-gold);
    }

    .bv2-cat-purple,
    .bv2-author-purple {
      background: var(--lr-purple);
    }

    .bv2-cat-teal,
    .bv2-author-teal {
      background: var(--lr-teal);
    }

    .bv2-placeholder-icon {
      position: relative;
      z-index: 1;
      color: rgba(10, 37, 64, .45);
      font-size: 3rem;
    }

    .bv2-cat {
      position: absolute;
      top: 14px;
      left: 14px;
      font-size: .62rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      padding: 4px 10px;
      border-radius: var(--radius-full);
      color: #fff;
    }

    .bv2-thumb .bv2-cat {
      z-index: 1;
    }

    .bv2-body {
      padding: 24px 22px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .bv2-meta {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: .68rem;
      color: var(--lr-gray-400);
      margin-bottom: 10px;
    }

    .bv2-title {
      font-size: .95rem;
      font-weight: 800;
      color: var(--lr-navy);
      line-height: 1.35;
      margin-bottom: 8px;
      transition: color var(--transition-base);
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .bv2-title a {
      color: inherit;
    }

    .blog-v2-card:hover .bv2-title {
      color: var(--lr-blue);
    }

    .bv2-excerpt {
      font-size: .79rem;
      color: var(--lr-gray-500);
      line-height: 1.7;
      flex: 1;
      margin-bottom: 16px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .bv2-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 14px;
      border-top: 1px solid var(--lr-gray-100);
      margin-top: auto;
    }

    .bv2-author {
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .bv2-author-av {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .6rem;
      font-weight: 800;
      color: #fff;
    }

    .bv2-author-name {
      font-size: .72rem;
      font-weight: 600;
      color: var(--lr-gray-700);
    }

    .bv2-read {
      font-size: .74rem;
      font-weight: 700;
      color: var(--lr-blue);
      display: flex;
      align-items: center;
      gap: 4px;
      transition: gap var(--transition-base);
    }

    .blog-v2-card:hover .bv2-read {
      gap: 8px;
    }

    /* FINAL CTA — SPLIT */
    .final-cta {
      background: linear-gradient(135deg, var(--lr-navy) 0%, #0E3460 100%);
      padding: 88px 0;
      position: relative;
      overflow: hidden;
    }

    .final-cta::before {
      content: '';
      position: absolute;
      top: -80px;
      right: -60px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(26, 111, 216, .18) 0%, transparent 65%);
      pointer-events: none;
    }

    .final-cta::after {
      content: '';
      position: absolute;
      bottom: -60px;
      left: -40px;
      width: 380px;
      height: 380px;
      background: radial-gradient(circle, rgba(232, 160, 32, .1) 0%, transparent 65%);
      pointer-events: none;
    }

    /* Contact form in CTA */
    .cta-form-card {
      background: rgba(255, 255, 255, .97);
      border-radius: var(--radius-xl);
      padding: 36px 32px;
      box-shadow: var(--shadow-xl);
      position: relative;
      overflow: hidden;
    }

    .cta-form-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--lr-blue), var(--lr-gold));
    }

    /* Misc */
    .lr-section-v2 {
      padding: 88px 0;
    }

    @media(max-width:767px) {
      .lr-section-v2 {
        padding: 60px 0;
      }
    }

    .divider-ornament {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 18px;
    }

    .do-line {
      flex: 1;
      height: 1px;
      background: var(--lr-gray-200);
    }

    .do-diamond {
      width: 8px;
      height: 8px;
      background: var(--lr-blue);
      border-radius: 2px;
      transform: rotate(45deg);
    }


    /* Rating summary bar */
    .rating-summary-bar {
      background: var(--lr-white);
      border: 1px solid var(--lr-gray-200);
      border-radius: var(--radius-lg);
      padding: 20px 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 28px;
    }

    .rsb-item {
      text-align: center;
    }

    .rsb-number {
      font-size: 2.4rem;
      font-weight: 900;
      color: var(--lr-navy);
      line-height: 1;
    }

    .rsb-stars {
      color: var(--lr-gold);
      font-size: 16px;
      letter-spacing: 2px;
      margin: 3px 0;
    }

    .rsb-source {
      font-size: .7rem;
      color: var(--lr-gray-500);
    }

    .rsb-divider {
      width: 1px;
      height: 56px;
      background: var(--lr-gray-200);
    }

    /* Back to top */
    #backToTop {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 44px;
      height: 44px;
      background: var(--lr-blue);
      color: #fff;
      border-radius: 50%;
      display: none;
      align-items: center;
      justify-content: center;
      box-shadow: var(--shadow-md);
      z-index: 999;
      transition: all var(--transition-base);
      text-decoration: none;
    }

    #backToTop:hover {
      background: var(--lr-navy);
      transform: translateY(-2px);
    }

    /* RESPONSIVE */
    @media (max-width: 991px) {

      /* .stats-strip-inner { display: flex;grid-template-columns: repeat(2,1fr); flex-direction: column} */
      .stats-item:nth-child(2) {
        border-right: none;
      }

      .stats-item:nth-child(3) {
        border-top: 1px solid var(--lr-gray-200);
      }
    }

    @media (max-width: 767px) {
      .lr-section {
        padding: 56px 0;
      }

      .hero-section {
        padding: 64px 0 48px;
      }

      .hero-form-card {
        padding: 20px 16px;
      }

      .contact-form-card {
        padding: 28px 22px;
      }

      .cta-full-banner {
        padding: 44px 0;
      }
    }

    @media (max-width: 575px) {
      .lr-container {
        padding: 0 1rem;
      }

      .hero-trust-row {
        gap: 8px;
      }

      .hero-trust-badge {
        padding: 8px 12px;
      }

      .client-logo-item {
        padding: 12px 24px;
      }
    }

    /* ===== Legal home page — highlight services (additions) ===== */
    .feat-section {
      background: linear-gradient(135deg, var(--lr-navy) 0%, var(--lr-navy-mid) 100%);
      position: relative;
      overflow: hidden;
    }
    .feat-section::before {
      content: '';
      position: absolute;
      top: -140px;
      right: -120px;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(46, 142, 255, .22), transparent 70%);
      pointer-events: none;
    }
    .feat-card {
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: var(--radius-xl);
      padding: 30px 26px 26px;
      backdrop-filter: blur(6px);
      transition: transform var(--transition-slow), background var(--transition-slow), border-color var(--transition-slow);
    }
    .feat-card:hover {
      transform: translateY(-6px);
      background: rgba(255, 255, 255, .10);
      border-color: var(--lr-gold-light);
    }
    .feat-chip {
      position: absolute;
      top: 22px;
      right: 22px;
      background: var(--lr-gold);
      color: var(--lr-navy-deep);
      font-size: .62rem;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
      padding: 4px 11px;
      border-radius: var(--radius-full);
    }
    .feat-icon {
      width: 56px;
      height: 56px;
      border-radius: var(--radius-lg);
      background: rgba(255, 255, 255, .10);
      color: var(--lr-gold-light);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      margin-bottom: 18px;
    }
    .feat-sub {
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: #93C5FD;
      margin-bottom: 4px;
    }
    .feat-title {
      font-size: 1.35rem;
      font-weight: 800;
      color: #fff;
      letter-spacing: -.4px;
      margin-bottom: 10px;
    }
    .feat-desc {
      font-size: .87rem;
      line-height: 1.75;
      color: rgba(255, 255, 255, .72);
      margin-bottom: 16px;
    }
    .feat-list {
      margin-bottom: 22px;
    }
    .feat-list li {
      display: flex;
      align-items: flex-start;
      gap: 9px;
      font-size: .82rem;
      color: rgba(255, 255, 255, .85);
      line-height: 1.55;
      margin-bottom: 8px;
    }
    .feat-list li i {
      color: var(--lr-gold);
      margin-top: 3px;
      font-size: .8rem;
    }
    .feat-link {
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: .85rem;
      font-weight: 700;
      color: var(--lr-gold-light);
    }
    .feat-link:hover {
      color: #fff;
    }
    .feat-link i {
      transition: transform var(--transition-base);
    }
    .feat-link:hover i {
      transform: translateX(4px);
    }
    .hero-svc-chips {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      margin: 0 auto 22px;
      max-width: 860px;
    }
    .hero-svc-chips a {
      font-size: .76rem;
      font-weight: 600;
      color: rgba(255, 255, 255, .85);
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .16);
      padding: 6px 14px;
      border-radius: var(--radius-full);
      transition: all var(--transition-base);
    }
    .hero-svc-chips a:hover {
      background: var(--lr-gold);
      border-color: var(--lr-gold);
      color: var(--lr-navy-deep);
    }