/* Services page */
    .services-intro {
      background: var(--ice);
      padding: var(--space-3xl) 0;
    }

    .service-full-card {
      background: var(--white);
      border-radius: var(--radius-xl);
      overflow: hidden;
      border: 1px solid rgba(4,97,255,0.1);
      margin-bottom: var(--space-2xl);
      box-shadow: var(--shadow-sm);
      transition: var(--transition);
    }

    .service-full-card:hover { box-shadow: var(--shadow-xl); }

    .service-card-header {
      background: var(--grad-hero);
      padding: var(--space-2xl) var(--space-3xl);
      display: flex;
      align-items: center;
      gap: var(--space-xl);
      position: relative;
      overflow: hidden;
    }

    .service-card-header::after {
      content: '';
      position: absolute;
      right: -40px; top: -40px;
      width: 200px; height: 200px;
      background: rgba(4,97,255,0.2);
      border-radius: 50%;
    }

    .service-header-icon {
      width: 80px; height: 80px;
      background: rgba(255,255,255,0.15);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255,255,255,0.25);
      border-radius: var(--radius-lg);
      display: flex; align-items: center; justify-content: center;
      font-size: 2rem;
      flex-shrink: 0;
    }

    .service-card-header h3 { color: var(--white); margin-bottom: 6px; }
    .service-card-header p  { color: rgba(255,255,255,0.7); font-size: 0.9rem; }

    .service-card-body {
      padding: var(--space-2xl) var(--space-3xl);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-xl);
    }

    .service-card-body p { font-size: 0.95rem; color: #3a4a6b; line-height: 1.8; }

    .service-features-list {
      display: flex;
      flex-direction: column;
      gap: var(--space-sm);
    }

    .service-feature-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      background: var(--ice);
      border-radius: var(--radius-sm);
      font-size: 0.875rem;
      color: #3a4a6b;
      transition: var(--transition);
    }

    .service-feature-item:hover { background: rgba(4,97,255,0.08); color: var(--navy); }
    .service-feature-item i { color: var(--blue); font-size: 0.8rem; }

    /* Pricing / packages */
    .pricing-section { padding: var(--space-4xl) 0; }

    .pricing-card {
      background: var(--white);
      border: 2px solid rgba(4,97,255,0.1);
      border-radius: var(--radius-xl);
      padding: var(--space-2xl);
      text-align: center;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }

    .pricing-card.featured {
      border-color: var(--blue);
      box-shadow: var(--shadow-blue);
      transform: scale(1.03);
    }

    .pricing-card:hover:not(.featured) {
      transform: translateY(-6px);
      box-shadow: var(--shadow-lg);
      border-color: rgba(4,97,255,0.3);
    }

    .featured-badge {
      position: absolute;
      top: 16px; right: -30px;
      background: var(--blue);
      color: var(--white);
      font-size: 0.7rem;
      font-weight: 700;
      padding: 4px 40px;
      transform: rotate(45deg);
      letter-spacing: 0.05em;
    }

    .pricing-icon { font-size: 2.5rem; margin-bottom: var(--space-md); }
    .pricing-card h4 { color: var(--navy); margin-bottom: var(--space-sm); }
    .pricing-card .desc { font-size: 0.875rem; color: #6b84a8; margin-bottom: var(--space-lg); }

    .pricing-features {
      text-align: left;
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-bottom: var(--space-xl);
    }

    .pricing-features .item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.875rem;
      color: #3a4a6b;
    }

    .pricing-features .item i { color: var(--blue); }
    .pricing-features .item.disabled { color: #c5d1df; }
    .pricing-features .item.disabled i { color: #c5d1df; }

    /* FAQ */
    .faq-item {
      background: var(--white);
      border: 1px solid rgba(4,97,255,0.1);
      border-radius: var(--radius-md);
      overflow: hidden;
      margin-bottom: var(--space-sm);
    }

    .faq-question {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--space-lg) var(--space-xl);
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--navy);
      cursor: pointer;
      background: transparent;
      border: none;
      font-family: inherit;
      text-align: left;
      transition: var(--transition);
    }

    .faq-question:hover { background: var(--ice); }

    .faq-icon {
      width: 28px; height: 28px;
      border-radius: 50%;
      background: rgba(4,97,255,0.1);
      display: flex; align-items: center; justify-content: center;
      color: var(--blue);
      font-size: 0.8rem;
      flex-shrink: 0;
      transition: var(--transition);
    }

    .faq-item.open .faq-icon { background: var(--blue); color: var(--white); transform: rotate(45deg); }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
    }

    .faq-item.open .faq-answer { max-height: 200px; }

    .faq-answer-inner {
      padding: 0 var(--space-xl) var(--space-lg);
      font-size: 0.9rem;
      color: #3a4a6b;
      line-height: 1.8;
    }

    @media (max-width: 768px) {
      .service-card-body { grid-template-columns: 1fr; }
      .service-card-header { flex-direction: column; text-align: center; padding: var(--space-xl); }
      .service-card-body { padding: var(--space-xl); }
    }