@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


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

  :root {
      --primary-orange: #f16e00;
      --orange-light: #ff8c2e;
      --orange-dark: #e05d00;
      --orange-soft: #fff1e6;
      --orange-bg-light: #fff8f0;
      --dark: #1e1e1e;
      --dark-gray: #333333;
      --medium-gray: #666666;
      --light-gray: #999999;
      --border-gray: #e5e5e5;
      --bg-gray: #f5f5f5;
      --white: #ffffff;
      --primary-orange-dim: #f16e001a;
      --dark: #0d0d0d;
      --surface: #141414;
      --muted: #888;
      --border: rgba(255, 255, 255, 0.08);
      --text: #f0f0f0;
      --text-dim: #888;

      --font-primary: "Inter", sans-serif;
      --shadow-lg: 0 8px 24px rgba(241, 110, 0, 0.15);
      --transition-normal: 0.3s ease;
  }

  body {
      font-family: var(--font-primary);
      color: var(--dark-gray);
      line-height: 1.5;
      background: var(--white);
  }

  a {
      text-decoration: none;
      color: inherit;
  }

  ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
  }

  .container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 24px;
  }

  /* ----- top bar ----- */
  .top-bar {
      background: var(--dark);
      color: var(--white);
      font-size: 0.85rem;
      padding: 8px 0;
      border-bottom: 2px solid var(--primary-orange);
  }

  .top-bar .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .top-bar-left p {
      margin-bottom: 0;
  }

  .top-bar-right {
      display: flex;
      gap: 16px;
  }

  .social-link {
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      transition: all 0.2s ease;
  }

  .social-link:hover {
      background: var(--primary-orange);
      transform: translateY(-2px);
  }

  /* ----- header (sticky) ----- */
  .header {
      background: var(--white);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      position: sticky;
      top: 0;
      z-index: 1000;
  }

  .header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 80px;
  }

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

  /* navigation */
  .nav-menu {
      display: flex;
      align-items: center;
  }

  .nav-list {
      display: flex;
      gap: 16px;
      margin-bottom: 0;
  }

  .nav-item {
      position: relative;
  }

  .nav-link {
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 8px 16px;
      font-weight: 500;
      font-size: 16px;
      color: var(--dark-gray);
      border-radius: 4px;
      transition: all 0.2s ease;
      margin: 18px 0;
  }

  .nav-link i {
      font-size: 0.75rem;
      color: var(--primary-orange);
      transition: transform 0.2s;
  }

  .nav-link:hover {
      color: var(--primary-orange);
      background: var(--orange-soft);
  }

  .nav-link:hover i {
      transform: rotate(180deg);
  }

  /* ----- FULL WIDTH MEGA MENU (max-height 400px, overflow scroll) ----- */
  .mega-menu {
      position: absolute;
      top: 100%;
      left: 143%;
      transform: translateX(-50%) translateY(20px);
      width: 80vw;
      background: var(--white);
      box-shadow: var(--shadow-lg);
      border-radius: 0 0 8px 8px;
      padding: 24px 0;
      opacity: 0;
      visibility: hidden;
      transition: all var(--transition-normal);
      border-top: 3px solid var(--primary-orange);
      max-height: 400px;
      overflow-y: auto;
      z-index: 100;
  }

  .nav-item:hover .mega-menu {
      opacity: 1;
      visibility: visible;
      transform: translateX(-50%) translateY(0);
  }

  /* inner container for mega menu content */
  .mega-menu .mega-menu-content {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 24px;
  }

  /* Mega menu column headings */
  .mega-menu-col h4 {
      color: var(--primary-orange);
      font-size: 0.9rem;
      margin-bottom: 16px;
      padding-bottom: 4px;
      border-bottom: 1px solid var(--border-gray);
      font-weight: 600;
  }

  /* ----- SUBMENU ITEMS WITH RIGHT ARROW (left side) ----- */
  .mega-menu-col ul li {
      margin-bottom: 8px;
  }

  .mega-menu-col ul li a {
      font-size: 0.85rem;
      color: var(--medium-gray);
      transition: all 0.2s;
      display: flex;
      align-items: center;
      gap: 8px;
      /* space between arrow and text */
      /*padding: 4px 0;*/
  }

  /* right arrow icon (font awesome) - appears on the left side */
  .mega-menu-col ul li a i {
      font-size: 0.7rem;
      color: var(--primary-orange);
      transition: transform 0.2s ease, color 0.2s;
      width: 14px;
      /* fixed width for alignment */
      text-align: center;
  }

  .mega-menu-col ul li a:hover {
      color: var(--primary-orange);
      transform: translateX(5px);
  }

  .mega-menu-col ul li a:hover i {
      transform: translateX(3px);
      /* subtle move on hover */
      color: var(--primary-orange);
  }

  /* header right */
  .header-right {
      display: flex;
      align-items: center;
      gap: 16px;
  }

  .quote-btn {
      background: var(--primary-orange);
      color: var(--white);
      padding: 8px 24px;
      border-radius: 30px;
      font-weight: 600;
      font-size: 0.9rem;
      transition: all 0.2s;
      border: 2px solid var(--primary-orange);
      white-space: nowrap;
  }

  .quote-btn:hover {
      background: transparent;
      color: var(--primary-orange);
      transform: translateY(-2px);
      box-shadow: var(--shadow-lg);
  }

  /* mobile toggle */
  .mobile-toggle {
      display: none;
      flex-direction: column;
      gap: 6px;
      cursor: pointer;
  }

  .mobile-toggle span {
      width: 30px;
      height: 3px;
      background: var(--dark);
      border-radius: 3px;
      transition: all 0.2s;
  }

  /* responsive adjustments */
  @media (max-width: 992px) {
      .mobile-toggle {
          display: flex;
      }

      .nav-menu {
          position: fixed;
          top: 120px;
          left: -100%;
          width: 80%;
          height: calc(100vh - 120px);
          background: var(--white);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          overflow-y: auto;
          transition: left 0.3s ease;
          padding: 24px;
      }

      .nav-menu.active {
          left: 0;
      }

      .nav-list {
          flex-direction: column;
          gap: 0;
      }

      .nav-item {
          width: 100%;
      }

      .nav-link {
          justify-content: space-between;
          margin: 0;
      }

      .mega-menu {
          position: static;
          width: 100% !important;
          transform: none !important;
          opacity: 1;
          visibility: visible;
          box-shadow: none;
          padding: 0 0 0 16px;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease, padding 0.3s;
          border-top: none;
      }

      .nav-item.active .mega-menu {
          max-height: 400px;
          padding: 16px 0;
          border-top: 2px solid var(--primary-orange);
      }

      .top-bar .container {
          flex-direction: column;
          gap: 8px;
          text-align: center;
      }
  }

  @media (max-width: 576px) {
      .header-right {
          display: none;
      }

      .quote-btn {
          display: none;
      }
  }

  /* Hero Section Styles */

  .hero-section {
      background: #f9f7f4;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
      padding: 60px 24px;
  }

  /* Radial glow overlay */
  .hero-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
          radial-gradient(circle at 15% 50%, rgba(241, 110, 0, 0.06) 0%, transparent 50%),
          radial-gradient(circle at 85% 20%, rgba(241, 110, 0, 0.04) 0%, transparent 40%);
      pointer-events: none;
  }

  /* Dot grid pattern */
  .hero-section::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle, rgba(0, 0, 0, 0.07) 1px, transparent 1px);
      background-size: 32px 32px;
      pointer-events: none;
  }

  /* ---------- Decorative Rings ---------- */
  .hero-deco-ring {
      position: absolute;
      top: -120px;
      right: -120px;
      width: 480px;
      height: 480px;
      border-radius: 50%;
      border: 1.5px solid rgba(241, 110, 0, 0.12);
      pointer-events: none;
  }

  .hero-deco-ring-2 {
      position: absolute;
      top: -60px;
      right: -60px;
      width: 340px;
      height: 340px;
      border-radius: 50%;
      border: 1px solid rgba(241, 110, 0, 0.08);
      pointer-events: none;
  }

  /* ---------- Decorative Bar ---------- */
  .hero-deco-bar {
      position: absolute;
      bottom: 60px;
      left: 40px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      pointer-events: none;
  }

  .hero-deco-bar span {
      display: block;
      height: 2px;
      background: rgba(241, 110, 0, 0.2);
      border-radius: 2px;
  }

  .hero-deco-bar span:nth-child(1) {
      width: 48px;
  }

  .hero-deco-bar span:nth-child(2) {
      width: 32px;
  }

  .hero-deco-bar span:nth-child(3) {
      width: 20px;
  }

  /* ---------- Hero Content ---------- */
  .hero-content {
      position: relative;
      z-index: 2;
      max-width: 760px;
      text-align: center;
  }

  /* ---------- Badge ---------- */
  .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(241, 110, 0, 0.08);
      border: 1px solid rgba(241, 110, 0, 0.2);
      color: #C85A00;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 40px;
      margin-bottom: 32px;
  }

  .hero-badge i {
      font-size: 10px;
      color: #F16E00;
  }

  /* ---------- Title ---------- */
  .hero-title {
      font-size: clamp(42px, 6vw, 50px);
      font-weight: 800;
      line-height: 1.08;
      letter-spacing: -0.03em;
      color: #111;
      margin-bottom: 24px;
  }

  .hero-title span {
      color: #F16E00;
      position: relative;
      display: inline-block;
  }

  .hero-title span::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      height: 3px;
      background: rgba(241, 110, 0, 0.25);
      border-radius: 2px;
  }

  /* ---------- Description ---------- */
  .hero-description {
      font-size: 17px;
      font-weight: 300;
      color: #555;
      line-height: 1.75;
      max-width: 560px;
      margin: 0 auto 40px;
  }

  /* ---------- Buttons ---------- */
  .hero-buttons {
      display: flex;
      gap: 14px;
      justify-content: center;
      flex-wrap: wrap;
  }

  .btn-primary {
      display: inline-flex;
      align-items: center;
      background: #F16E00;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      padding: 14px 28px;
      border-radius: 8px;
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 24px rgba(241, 110, 0, 0.2);
      transition: background 0.2s, transform 0.18s, box-shadow 0.2s;
  }

  .btn-primary:hover {
      background: #d96200;
      transform: translateY(-2px);
      box-shadow: 0 4px 0 rgba(0, 0, 0, 0.12), 0 14px 32px rgba(241, 110, 0, 0.28);
  }

  .btn-outline {
      display: inline-flex;
      align-items: center;
      background: transparent;
      color: #111;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      padding: 14px 28px;
      border-radius: 8px;
      border: 1.5px solid rgba(0, 0, 0, 0.15);
      transition: border-color 0.2s, background 0.2s, color 0.2s, transform 0.18s;
  }

  .btn-outline:hover {
      border-color: #F16E00;
      color: #F16E00;
      background: rgba(241, 110, 0, 0.04);
      transform: translateY(-2px);
  }


  /* ---------- Responsive ---------- */
  @media (max-width: 600px) {
      .hero-section {
          padding: 60px 20px;
      }

      .stat-divider {
          display: none;
      }

      .hero-stats {
          gap: 20px;
      }
  }

  /* ===== GLOBAL SECTION TITLE STYLES (basic, consistent for all sections) ===== */
  .section-title-wrapper {
      text-align: center;
      margin-bottom: 48px;
  }

  .section-title {
      font-size: 40px;
      font-weight: 700;
      color: var(--dark);
      letter-spacing: -0.02em;
      margin-bottom: 0;
      position: relative;
      display: inline-block;
  }

  .section-title span {
      color: var(--primary-orange);
      position: relative;
      display: inline-block;
  }

  .section-title span::after {
      content: '';
      position: absolute;
      bottom: 6px;
      left: 0;
      width: 100%;
      height: 8px;
      background: rgba(241, 110, 0, 0.15);
      border-radius: 4px;
      z-index: -1;
  }

  .section-title-underline {
      width: 80px;
      height: 4px;
      background: var(--primary-orange);
      border-radius: 4px;
      margin: 12px auto 0;
  }

  .section-subtitle {
      font-size: 15px;
      color: var(--medium-gray);
      max-width: 650px;
      margin: 0 auto;
  }

  /* ===== SERVICES SECTION (modern cards, no images) ===== */
  .services-modern {
      background: var(--bg-gray);
      padding: 50px 0;
  }

  .service-card {
      background: var(--white);
      padding: 32px 28px;
      border-radius: 24px;
      height: 100%;
      transition: all 0.25s ease;
      border: 1px solid #ddd;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.02);
  }

  .service-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-hover);
      border-color: var(--orange-soft);
  }

  .service-icon {
      width: 54px;
      height: 54px;
      background: var(--orange-soft);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      color: var(--primary-orange);
      font-size: 1.7rem;
      transition: all 0.2s;
  }

  .service-card:hover .service-icon {
      background: var(--primary-orange);
      color: white;
  }

  .service-card h3 {
      font-size: 1.4rem;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 16px;
      line-height: 1.4;
  }

  .service-card p {
      font-size: 15px;
      color: var(--medium-gray);
      margin-bottom: 20px;
      line-height: 1.6;
  }

  .learn-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
      color: var(--primary-orange);
      text-decoration: none;
      border-bottom: 2px solid transparent;
      transition: all 0.2s;
  }

  .learn-link i {
      font-size: 0.8rem;
      transition: transform 0.2s;
  }

  .learn-link:hover {
      color: var(--orange-dark);
      border-bottom-color: var(--orange-soft);
  }

  .learn-link:hover i {
      transform: translateX(4px);
  }

  /* ===== CASE STUDIES SECTION (with images, styled) ===== */
  .case-studies-section {
      background: var(--white);
      padding: 60px 0 50px;
      position: relative;
  }

  .case-studies-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at 0% 30%, rgba(241, 110, 0, 0.02) 0%, transparent 60%);
      pointer-events: none;
  }

  .case-card {
      background: var(--white);
      border-radius: 28px;
      padding: 32px 28px;
      box-shadow: var(--shadow-card);
      transition: all 0.3s ease;
      height: 100%;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(0, 0, 0, 0.02);
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      border: 1px solid var(--border-gray);
  }

  .case-card:hover {
      box-shadow: var(--shadow-hover);
      transform: scale(1.01);
  }

  .case-card::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      background: linear-gradient(135deg, var(--primary-orange), var(--orange-light));
      border-radius: 28px 0 0 28px;
  }

  .case-card img {
      width: 80px;
      height: auto;
      margin-bottom: 20px;
      border-radius: 16px;
      background: var(--orange-soft);
      padding: 12px;
      box-shadow: 0 10px 18px -8px rgba(241, 110, 0, 0.2);
  }

  .case-card h3 {
      font-size: 1.6rem;
      font-weight: 700;
      color: var(--dark);
      margin: 12px 0 10px;
  }

  .case-card h3 .lucide-icon {
      color: var(--primary-orange) !important;
      width: 40px !important;
      height: 40px !important;
      margin-right: 10px;
  }


  .case-card p {
      font-size: 15px;
      color: var(--medium-gray);
      margin-bottom: 20px;
      line-height: 1.7;
  }

  .case-card ul {
      list-style: none;
      padding-left: 0;
      margin-top: auto;
      margin-bottom: 20px;
  }

  .case-card ul li {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
      border-bottom: 1px dashed var(--border-gray);
      padding-bottom: 8px;
  }

  .case-card ul li i {
      color: var(--primary-orange);
  }

  .view-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
      color: var(--primary-orange);
      text-decoration: none;
      border-bottom: 2px solid transparent;
  }

  .view-all-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--orange-soft);
      font-weight: 600;
      padding: 12px 32px;
      border-radius: 40px;
      text-decoration: none;
      transition: all 0.2s;
      margin-top: 20px;
  }

  .view-all-btn:hover {
      background: var(--primary-orange);
      color: white;
      transform: translateY(-3px);
      box-shadow: 0 12px 20px -10px var(--primary-orange);
  }

  /* ===== VIDEO / DOWNLOAD SECTION ===== */
  .video-section {
      background: #fff;
      padding: 50px 0;
  }

  .video-section .container {
      background: linear-gradient(145deg, var(--orange-bg-light) 0%, #fff5eb 100%);
      backdrop-filter: blur(4px);
      border-radius: 48px;
      padding: 50px 30px;
      box-shadow: 0 15px 30px rgb(229 229 229 / 80%);
  }

  .video-wrapper {
      background: var(--white);
      border-radius: 30px;
      padding: 12px;
      box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1);
      display: inline-block;
      width: 85%;
      height: 350px;
  }

  .video-wrapper video {
      width: 100%;
      border-radius: 24px;
      display: block;
      border: 3px solid white;
      height: 100%;

  }

  .video-section h3 {
      font-size: 2rem;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.3;
      margin-bottom: 24px;
  }

  .video-section p {
      font-size: 17px;
      color: var(--medium-gray);
      margin-bottom: 28px;
  }

  .btn-proposal {
      background: var(--primary-orange);
      color: white;
      border: 2px solid var(--primary-orange);
      padding: 14px 32px;
      border-radius: 60px;
      font-weight: 600;
      font-size: 1.1rem;
      transition: all 0.3s;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
  }

  .btn-proposal:hover {
      background: transparent;
      color: var(--primary-orange);
      transform: translateY(-3px);
      box-shadow: 0 20px 25px -8px var(--primary-orange);
  }

  /* responsive */
  @media (max-width: 768px) {
      .section-title {
          font-size: 2rem;
      }

      .service-card h3 {
          font-size: 1.3rem;
      }

      .case-card h3 {
          font-size: 1.4rem;
      }

      .video-section h3 {
          font-size: 1.6rem;
      }
  }

  /* ----- ourdownload (grow your sales pipeline) ----- */
  .ourdownload {
      background: #fafafa;
      padding: 50px 0;
  }

  .ourdownload h2 {
      font-size: 40px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 20px;
  }

  .ourdownload p {
      font-size: 15px;
      color: var(--medium-gray);
      max-width: 900px;
      margin: 0 auto 30px;
  }

  .pipe {
      margin: 30px 0;
  }

  .dView {
      width: 100%;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
  }

  .lead-panell {
      text-align: center;
      margin-top: 30px;
  }

  .lead-panell button {
      background: var(--primary-orange);
      color: white;
      border: 2px solid var(--primary-orange);
      padding: 14px 40px;
      border-radius: 60px;
      font-weight: 600;
      font-size: 1.2rem;
      transition: all 0.3s;
      border: none;
      box-shadow: 0 8px 20px rgba(241, 110, 0, 0.3);
  }

  .lead-panell button i {
      margin-left: 8px;
  }

  .lead-panell button:hover {
      background: transparent;
      color: var(--primary-orange);
      transform: translateY(-3px);
      box-shadow: 0 15px 25px -8px var(--primary-orange);
  }


  /* ----- gray-light getaqute (leads validated solution) ----- */
  .gray-light.getaqute {
      background: var(--dark);
      padding: 40px 0;
  }

  .gray-light.getaqute h4 {
      font-size: 2rem;
      font-weight: 600;
      color: white !important;
      margin: 0;
  }

  .gray-light.getaqute .btn.bgbtn {
      background: var(--primary-orange);
      color: white;
      border: 2px solid var(--primary-orange);
      padding: 14px 25px;
      border-radius: 60px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      transition: 0.3s;
  }

  .gray-light.getaqute .btn.bgbtn i {
      margin-left: 8px;
  }

  .gray-light.getaqute .btn.bgbtn:hover {
      background: transparent;
      color: var(--primary-orange);
      transform: translateY(-2px);
  }

  /* ----- footers (recommended reading / podcasts / blogs) ----- */
  .footers {
      background: var(--white);
      padding: 60px 0;
      font-family: var(--font-primary);
  }

  .footers h3.asd {
      font-size: 2.2rem;
      font-weight: 700;
      color: var(--dark);
      position: relative;
      display: inline-block;
      margin-bottom: 40px !important;
  }

  .footers h3.asd::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 80px;
      height: 4px;
      background: var(--primary-orange);
      border-radius: 4px;
  }

  .footer-srivces {
      background: #fafafa;
      border-radius: 24px;
      padding: 30px 25px;
      height: 100%;
      transition: all 0.3s ease;
      border: 1px solid var(--border-gray);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  }

  .footer-srivces:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 40px rgba(241, 110, 0, 0.08);
      border-color: var(--orange-soft);
  }

  .footer-srivces h3 {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--dark);
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 25px;
      padding-bottom: 15px;
      border-bottom: 2px solid var(--orange-soft);
  }

  .footer-srivces h3 i {
      color: var(--primary-orange);
      font-size: 1.8rem;
      width: 40px;
  }

  .footer-srivces ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 25px;
  }

  .footer-srivces ul li {
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 1px dashed var(--border-gray);
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .footer-srivces ul li:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
  }

  /* Inner box icon styles */
  .inner-box {
      width: 40px;
      height: 40px;
      background: var(--orange-soft);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
      /* Slight alignment adjustment */
  }

  .inner-box i {
      color: var(--primary-orange);
      font-size: 1.2rem;
  }

  /* Link styles - first line and second line aligned */
  .footer-srivces ul li a {
      font-weight: 500;
      color: var(--dark);
      text-decoration: none;
      transition: color 0.2s ease;
      line-height: 1.5;
      font-size: 0.95rem;
      display: inline-block;
      /* Ensures text wraps properly and second line starts at same position */
      word-break: break-word;
  }

  .footer-srivces ul li a:hover {
      color: var(--primary-orange);
  }

  /* Wrap container for blog metadata - aligns with second line of text */
  .wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      width: 100%;
      margin-left: 52px;
      /* Aligns with the start of the link text (40px icon + 12px gap) */
      margin-top: 4px;
      font-size: 0.85rem;
  }

  .blogcategoryname,
  .blogdate {
      display: flex;
      align-items: center;
      gap: 6px;
      color: var(--medium-gray);
  }

  .blogcategoryname i,
  .blogdate i {
      color: var(--primary-orange);
      font-size: 0.8rem;
  }

  /* View All link */
  .view.float-right {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--primary-orange);
      font-weight: 600;
      text-decoration: none;
      padding: 8px 0;
      transition: all 0.2s ease;
      border-bottom: 2px solid transparent;
      float: right;
  }

  .view.float-right:hover {
      color: var(--orange-dark);
      border-bottom-color: var(--orange-soft);
      gap: 12px;
  }

  .view.float-right i {
      transition: transform 0.2s;
  }

  .view.float-right:hover i {
      transform: translateX(5px);
  }

  /* Responsive */
  @media (max-width: 992px) {
      .footer-srivces {
          padding: 25px 20px;
      }

      .footer-srivces h3 {
          font-size: 1.3rem;
      }

      .footer-srivces h3 i {
          font-size: 1.5rem;
          width: 35px;
      }
  }

  @media (max-width: 768px) {
      .footers h3.asd {
          font-size: 1.8rem;
      }

      .footer-srivces {
          margin-bottom: 20px;
      }

      .wrap {
          margin-left: 0;
          /* Reset on mobile since icon may stack */
          width: 100%;
      }

      .footer-srivces ul li {
          flex-wrap: wrap;
      }

      .inner-box {
          margin-bottom: 5px;
      }
  }

  @media (max-width: 576px) {
      .footer-srivces ul li {
          flex-direction: column;
          gap: 8px;
      }

      .inner-box {
          width: 35px;
          height: 35px;
      }

      .inner-box i {
          font-size: 1rem;
      }

      .wrap {
          margin-left: 0;
      }
  }


  .quick-ask {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: var(--primary-orange);
      padding: 12px 20px;
      border-radius: 60px;
      color: white;
      z-index: 999;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  }

  .quick-ask a {
      color: white;
  }

  .close {
      cursor: pointer;
  }

  .clients-section {
      background: var(--white);
      padding: 60px 0;
      border-top: 1px solid var(--border-gray);
      border-bottom: 1px solid var(--border-gray);
  }


  /* Client Logo Cards */
  .client-logo-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      height: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
  }

  .client-logo-card:hover {
      transform: translateY(-5px);
      border-color: var(--primary-orange);
      box-shadow: 0 15px 30px rgba(241, 110, 0, 0.1);
  }

  .client-logo-card img {
      max-width: 100%;
      max-height: 60px;
      width: auto;
      height: auto;
      opacity: 1;
      transition: all 0.3s ease;
  }

  /* View All Clients Button */
  .view-all-clients {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--orange-soft);
      color: var(--primary-orange);
      font-weight: 600;
      padding: 14px 40px;
      border-radius: 60px;
      text-decoration: none;
      transition: all 0.3s ease;
      border: 2px solid transparent;
      font-size: 1.1rem;
  }

  .view-all-clients:hover {
      background: var(--primary-orange);
      color: var(--white);
      transform: translateY(-3px);
      box-shadow: 0 15px 25px -8px var(--primary-orange);
  }

  .view-all-clients i {
      transition: transform 0.2s ease;
  }

  .view-all-clients:hover i {
      transform: translateX(5px);
  }

  /* Responsive */
  @media (max-width: 992px) {
      .client-logo-card {
          height: 100px;
          padding: 15px;
      }
  }

  @media (max-width: 768px) {
      .section-title {
          font-size: 2rem;
      }

      .section-subtitle {
          font-size: 1rem;
          padding: 0 15px;
      }

      .client-logo-card {
          height: 90px;
          padding: 12px;
      }
  }

  @media (max-width: 576px) {
      .clients-section {
          padding: 40px 0;
      }

      .client-logo-card {
          height: 80px;
          padding: 10px;
      }
  }

  footer {
      width: 100%;
      background: var(--dark);
      color: var(--text);
      padding: 0;
      overflow: hidden;
  }

  .footer-top {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1fr;
      gap: 0;
      border-bottom: 1px solid var(--border);
  }

  .footer-col {
      padding: 48px 40px;
      border-right: 1px solid var(--border);
  }

  .footer-col:last-child {
      border-right: none;
  }

  .brand-col {
      background: var(--surface);
  }

  .logo-mark {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
  }

  .logo-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .logo-icon svg {
      width: 20px;
      height: 20px;
      fill: white;
  }

  .logo-name {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: -0.3px;
      color: var(--text);
  }

  .logo-name span {
      color: var(--primary-orange);
  }

  .brand-tagline {
      line-height: 1.7;
      margin-bottom: 28px;
  }

  .social-row {
      display: flex;
      gap: 10px;
      margin-bottom: 28px;
  }

  .social-btn {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      border: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: var(--text-dim);
      transition: all 0.2s;
      font-size: 14px;
  }

  .social-btn:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--brand-dim);
  }

  .social-btn svg {
      width: 15px;
      height: 15px;
      fill: currentColor;
  }

  .app-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border-radius: 8px;
      border: 1px solid var(--border);
      text-decoration: none;
      color: var(--text);
      font-size: 12px;
      transition: all 0.2s;
  }

  .app-badge:hover {
      border-color: var(--primary-orange);
      background: var(--brand-dim);
  }

  .app-badge svg {
      width: 16px;
      height: 16px;
      fill: var(--primary-orange);
  }

  .app-badge-text {
      display: flex;
      flex-direction: column;
  }

  .app-badge-sub {
      font-size: 10px;
      color: var(--text-dim);
  }

  .app-badge-name {
      font-size: 12px;
      font-weight: 500;
  }

  .col-heading {
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--primary-orange);
      margin-bottom: 20px;
  }

  .logo-mark img {
      height: 65px;
      width: auto;
      filter: brightness(0) invert(1);
  }

  .footer-links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .footer-links a {
      text-decoration: none;
      color: var(--text-dim);
      font-size: 15px;
      transition: color 0.18s;
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .footer-links a::before {
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: transparent;
      transition: background 0.18s;
      flex-shrink: 0;
  }

  .footer-links a:hover {
      color: var(--text);
  }

  .footer-links a:hover::before {
      background: var(--primary-orange);
  }

  .highlight-link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--primary-orange) !important;
      font-weight: 500;
  }

  .highlight-link::before {
      background: var(--primary-orange) !important;
  }

  .highlight-link .arrow {
      font-size: 10px;
      opacity: 0.8;
  }

  .cert-badges {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      margin-bottom: 20px;
  }

  .cert-pill {
      padding: 6px;
      border-radius: 8px;
      border: 1px solid var(--border);
      font-size: 11px;
      font-weight: 500;
      color: var(--text-dim);
      letter-spacing: 0.04em;
      background: #fff;
  }

  .footer-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 40px;
      flex-wrap: wrap;
      gap: 16px;
  }

  .copyright {
      font-size: 12px;
      color: var(--text-dim);
  }

  .copyright span {
      color: var(--primary-orange);
      font-weight: 500;
  }

  .policy-links {
      display: flex;
      align-items: center;
      gap: 6px;
      list-style: none;
      flex-wrap: wrap;
  }

  .policy-links a {
      font-size: 12px;
      color: var(--text-dim);
      text-decoration: none;
      transition: color 0.18s;
  }

  .policy-links a:hover {
      color: var(--primary-orange);
  }

  .policy-links .sep {
      color: var(--border);
      font-size: 12px;
  }

  .quick-quote-fab {
      position: fixed;
      bottom: 28px;
      right: 28px;
      z-index: 99;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 10px;
  }

  .fab-btn {
      display: flex;
      align-items: center;
      gap: 10px;
      background: var(--primary-orange);
      color: white;
      text-decoration: none;
      padding: 12px 20px;
      border-radius: 40px;
      font-size: 13px;
      font-weight: 500;
      box-shadow: 0 4px 20px rgba(241, 110, 0, 0.35);
      transition: transform 0.2s, box-shadow 0.2s;
  }

  .fab-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(241, 110, 0, 0.45);
  }

  .fab-btn svg {
      width: 16px;
      height: 16px;
      fill: white;
  }

  .fab-close {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: var(--surface);
      border: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: var(--text-dim);
      font-size: 14px;
      transition: all 0.18s;
      align-self: flex-end;
  }

  .fab-close:hover {
      color: var(--text);
      border-color: rgba(255, 255, 255, 0.2);
  }

  @media (max-width: 900px) {
      .footer-top {
          grid-template-columns: 1fr 1fr;
      }

      .footer-col {
          padding: 36px 28px;
      }
  }

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

      .footer-bottom {
          padding: 18px 24px;
          flex-direction: column;
          align-items: flex-start;
      }
  }

  /* ---------- Wrapper ---------- */
  .page-header {
      position: relative;
      overflow: hidden;
      background: var(--bg-gray);
      padding: 50px 0;
      text-align: center;
  }

  /* Dot-grid overlay */
  .page-header::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
      background-size: 28px 28px;
      pointer-events: none;
  }

  /* Soft radial glow */
  .page-header::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
          radial-gradient(circle at 12% 60%, rgba(241, 110, 0, 0.07) 0%, transparent 50%),
          radial-gradient(circle at 88% 20%, rgba(241, 110, 0, 0.05) 0%, transparent 40%);
      pointer-events: none;
  }

  /* ---------- Decorative Rings ---------- */
  .page-header-deco-ring,
  .page-header-deco-ring-2 {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
  }

  .page-header-deco-ring {
      top: -110px;
      right: -110px;
      width: 400px;
      height: 400px;
      border: 1.5px solid rgba(241, 110, 0, 0.12);
  }

  .page-header-deco-ring-2 {
      top: -55px;
      right: -55px;
      width: 270px;
      height: 270px;
      border: 1px solid rgba(241, 110, 0, 0.07);
  }

  /* ---------- Decorative Accent Bars ---------- */
  .page-header-deco-bar {
      position: absolute;
      bottom: 40px;
      left: 36px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      pointer-events: none;
  }

  .page-header-deco-bar span {
      display: block;
      height: 2px;
      background: rgba(241, 110, 0, 0.18);
      border-radius: 2px;
  }

  .page-header-deco-bar span:nth-child(1) {
      width: 44px;
  }

  .page-header-deco-bar span:nth-child(2) {
      width: 30px;
  }

  .page-header-deco-bar span:nth-child(3) {
      width: 18px;
  }

  /* ---------- Inner Content ---------- */
  .page-header-inner {
      position: relative;
      z-index: 2;
      max-width: 720px;
      margin: 0 auto;
  }

  /* ---------- Breadcrumb ---------- */

  .breadcrumb {
      margin-bottom: 24px;
      justify-content: center;
  }

  .breadcrumb-list {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .breadcrumb-item {
      display: flex;
      align-items: center;
  }

  .breadcrumb-link {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 15px;
      font-weight: 500;
      color: var(--medium-gray);
      text-decoration: none;
      font-family: var(--font-primary);
      transition: color var(--transition-normal);
  }

  .breadcrumb-link i {
      font-size: 13px;
  }

  .breadcrumb-link:hover {
      color: var(--primary-orange);
  }

  .breadcrumb-separator {
      display: flex;
      align-items: center;
      color: #444;
      font-size: 12px;
  }

  .breadcrumb-current {
      font-size: 15px;
      font-weight: 500;
      color: var(--primary-orange);
      font-family: var(--font-primary);
  }

  /* ---------- Title ---------- */
  .page-header-title {
      font-family: var(--font-primary);
      font-size: clamp(36px, 5vw, 50px);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: var(--dark);
      margin-bottom: 16px;
  }

  .page-header-title span {
      color: var(--primary-orange);
      position: relative;
      display: inline-block;
  }

  .page-header-title span::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      height: 3px;
      background: rgba(241, 110, 0, 0.22);
      border-radius: 2px;
  }

  /* ---------- Subtitle ---------- */
  .page-header-sub {
      font-family: var(--font-primary);
      font-size: 15px;
      font-weight: 400;
      color: var(--medium-gray);
      line-height: 1.7;
      max-width: 440px;
      margin: 0 auto;
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 768px) {
      .page-header {
          padding: 60px 0 52px;
      }

      .page-header-deco-ring,
      .page-header-deco-ring-2,
      .page-header-deco-bar {
          display: none;
      }
  }

  /* ---------- Section Wrapper ---------- */
  .contact-section {
      padding: 50px 0;
      background: var(--white);
  }

  /* ---------- Intro ---------- */
  .section-title {
      font-family: var(--font-primary);
      font-size: clamp(26px, 3.5vw, 38px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      margin-bottom: 16px;
      letter-spacing: -0.02em;
  }

  .section-title span {
      color: var(--primary-orange);
      position: relative;
      display: inline-block;
  }

  .section-title span::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      height: 3px;
      background: rgba(241, 110, 0, 0.2);
      border-radius: 2px;
  }

  .intro-text {
      font-family: var(--font-primary);
      font-size: 15px;
      font-weight: 400;
      color: var(--medium-gray);
      line-height: 1.8;
      max-width: 760px;
      margin-bottom: 20px;
  }

  .response-badge {
      display: inline-flex;
      align-items: center;
      background: var(--orange-soft);
      border: 1px solid rgba(241, 110, 0, 0.2);
      color: var(--orange-dark);
      font-family: var(--font-primary);
      font-size: 13px;
      font-weight: 500;
      padding: 7px 16px;
      border-radius: 40px;
  }

  /* ---------- Contact Card (Left) ---------- */
  .contact-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px;
      height: 100%;
      position: relative;
  }



  .card-icon {
      width: 44px;
      height: 44px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 18px;
      margin-bottom: 16px;
  }

  .contact-card h3 {
      font-family: var(--font-primary);
      font-size: 19px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 20px;
  }

  .card-divider {
      height: 1px;
      background: var(--border-gray);
      margin: 22px 0 18px;
  }

  .office-name {
      font-family: var(--font-primary);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--primary-orange);
      margin-bottom: 12px;
  }

  .contact-detail {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
  }

  .contact-detail i {
      width: 30px;
      height: 30px;
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 12px;
      flex-shrink: 0;
  }

  .contact-detail a {
      font-family: var(--font-primary);
      font-size: 14px;
      color: var(--dark-gray);
      text-decoration: none;
      transition: color var(--transition-normal);
  }

  .contact-detail a:hover {
      color: var(--primary-orange);
  }

  /* ---------- Form Card (Right) ---------- */
  .form-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 36px;
      height: 100%;
  }

  .form-title {
      font-family: var(--font-primary);
      font-size: 22px;
      font-weight: 800;
      color: var(--dark);
      letter-spacing: -0.02em;
      margin-bottom: 6px;
  }

  .form-subtitle {
      font-family: var(--font-primary);
      font-size: 14px;
      color: var(--medium-gray);
      font-weight: 400;
      margin-bottom: 0;
  }

  .form-divider {
      height: 1px;
      background: var(--border-gray);
      margin: 22px 0;
  }

  /* ---------- Form Group ---------- */
  .contact-form .form-group {
      display: flex;
      flex-direction: column;
      gap: 7px;
  }

  .contact-form .form-label {
      font-family: var(--font-primary);
      font-size: 12px;
      font-weight: 600;
      color: var(--dark-gray);
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 0;
  }

  .contact-form .form-label .required {
      color: var(--primary-orange);
      margin-left: 2px;
  }

  /* ---------- Input Wrapper (icon + input) ---------- */
  .input-wrapper {
      position: relative;
      display: flex;
      align-items: center;
  }

  .input-icon {
      position: absolute;
      left: 13px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--light-gray);
      font-size: 13px;
      pointer-events: none;
      transition: color var(--transition-normal);
      z-index: 1;
  }

  /* Icon stays top for textarea */
  .input-icon-top {
      top: 14px;
      transform: none;
  }

  /* ---------- Inputs ---------- */
  .contact-form .form-control,
  .contact-form .form-select {
      font-family: var(--font-primary);
      font-size: 14px;
      color: var(--dark-gray);
      background: var(--bg-gray);
      border: 1.5px solid var(--border-gray);
      border-radius: 9px;
      padding: 11px 14px 11px 38px;
      width: 100%;
      outline: none;
      box-shadow: none;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          background var(--transition-normal);
      line-height: 1.5;
  }

  .contact-form .form-control::placeholder {
      color: var(--light-gray);
      font-weight: 400;
  }

  .contact-form .form-control:focus,
  .contact-form .form-select:focus {
      border-color: var(--primary-orange);
      box-shadow: 0 0 0 3px var(--primary-orange-dim);
      background: var(--white);
      outline: none;
  }

  /* Icon turns orange on input focus */
  .input-wrapper:focus-within .input-icon {
      color: var(--primary-orange);
  }

  /* ---------- Select ---------- */
  .contact-form .form-select {
      cursor: pointer;
      appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      padding-right: 36px;
  }

  /* ---------- Textarea ---------- */
  .contact-form textarea.form-control {
      min-height: 120px;
      resize: vertical;
      padding-top: 12px;
      line-height: 1.65;
  }

  /* ---------- Submit Button ---------- */
  .submit-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--primary-orange);
      color: var(--white);
      font-family: var(--font-primary);
      font-size: 15px;
      font-weight: 600;
      border: none;
      border-radius: 9px;
      padding: 13px 32px;
      cursor: pointer;
      width: 100%;
      box-shadow: var(--shadow-lg);
      transition: background var(--transition-normal),
          transform var(--transition-normal),
          box-shadow var(--transition-normal);
      letter-spacing: 0.01em;
  }

  .submit-btn:hover {
      background: var(--orange-dark);
      transform: translateY(-2px);
      box-shadow: 0 12px 28px rgba(241, 110, 0, 0.25);
  }

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

/* ---------- Captcha ---------- */
  .captcha-container {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      flex-wrap: wrap;
  }

  .captcha-code {
      background: var(--bg-gray);
      border: 2px solid var(--border-gray);
      border-radius: 9px;
      padding: 0px 24px;
      font-size: 32px;
      font-weight: 700;
      letter-spacing: 8px;
      color: var(--dark-gray);
      min-width: 180px;
      text-align: center;
      font-family: 'Courier New', monospace;
      user-select: none;
  }

  .captcha-inputs {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
  }

  .captcha-input {
      width: 50px;
      height: 50px;
      border: 2px solid var(--border-gray);
      border-radius: 9px;
      text-align: center;
      font-size: 24px;
      font-weight: 600;
      padding: 8px;
      font-family: var(--font-primary);
      transition: all var(--transition-normal);
      appearance: none;
      -moz-appearance: textfield;
  }

  .captcha-input::-webkit-outer-spin-button,
  .captcha-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }

  .captcha-input:focus {
      outline: none;
      border-color: var(--primary-orange);
      box-shadow: 0 0 0 3px rgba(241, 110, 0, 0.1);
  }

  .captcha-input::placeholder {
      color: var(--light-gray);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 767px) {
      .form-card {
          padding: 24px 18px;
      }
  }


  /* ---------- Social Connect ---------- */
  .social-connect {
      background: var(--orange-bg-light);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px 36px;
  }

  .social-connect h3 {
      font-family: var(--font-primary);
      font-size: 25px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 15px;
  }

  .social-connect p {
      font-family: var(--font-primary);
      font-size: 14px;
      color: var(--medium-gray);
      line-height: 1.7;
      margin: 0;
  }

  .social-icons {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 16px;
  }

  .social-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid var(--border-gray);
      background: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--medium-gray);
      font-size: 15px;
      text-decoration: none;
      transition: border-color var(--transition-normal), color var(--transition-normal), background var(--transition-normal);
  }

  .social-icon:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--primary-orange-dim);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 991px) {

      .contact-card,
      .form-card {
          height: auto;
      }
  }

  @media (max-width: 767px) {
      .contact-section {
          padding: 56px 0;
      }

      .form-card,
      .contact-card {
          padding: 24px 20px;
      }

      .social-connect {
          padding: 24px 20px;
      }

      .social-icons {
          justify-content: flex-start;
          margin-top: 20px;
      }
  }


  .quote-section {
      padding: 60px 0;
      background: var(--white);
  }

  .quote-grid {
      display: grid;
      grid-template-columns: 1fr 1.35fr;
      gap: 48px;
      align-items: start;
  }

  /* ============================================================
           LEFT — Intro Content
        ============================================================ */
  .quote-info {
      display: flex;
      flex-direction: column;
      gap: 28px;
  }

  .section-label {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--primary-orange);
      margin-bottom: 12px;
  }

  .section-label i {
      margin-right: 6px;
  }

  .quote-intro-title {
      font-size: clamp(22px, 2.8vw, 45px);
      font-weight: 700;
      color: var(--dark);
      line-height: 1.25;
      letter-spacing: -0.02em;
      margin-bottom: 14px;
  }

  .quote-intro-title span {
      color: var(--primary-orange);
  }

  .quote-intro-text {
      font-size: 14px;
      font-weight: 400;
      color: var(--medium-gray);
      line-height: 1.8;
  }

  /* Info card */
  .info-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 26px;
      position: relative;
  }

  .info-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: var(--primary-orange);
      border-radius: 4px 0 0 4px;
  }

  .info-card-title {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 14px;
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .info-card-title i {
      width: 28px;
      height: 28px;
      background: var(--primary-orange-dim);
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 12px;
      flex-shrink: 0;
  }

  .process-steps {
      display: flex;
      flex-direction: column;
      gap: 14px;
  }

  .process-step {
      display: flex;
      align-items: flex-start;
      gap: 12px;
  }

  .step-num {
      width: 26px;
      height: 26px;
      background: var(--primary-orange);
      color: var(--white);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 700;
      flex-shrink: 0;
      margin-top: 1px;
  }

  .step-text {
      font-size: 13px;
      color: var(--dark-gray);
      line-height: 1.6;
  }

  .step-text strong {
      font-weight: 600;
      color: var(--dark);
  }

  .news-section {
      padding: 60px 0;
      background: var(--white);
  }



  /* ---------- Typography ---------- */
  .news-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .news-intro-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .news-intro-title span {
      color: var(--primary-orange);
  }

  /* ---------- Highlight Card ---------- */
  .news-highlight-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 28px;
  }

  .news-highlight-card .card-icon {
      width: 44px;
      height: 44px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 18px;
      margin-bottom: 14px;
  }

  .news-highlight-card h4 {
      font-size: 16px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 10px;
  }

  .news-highlight-card p {
      font-size: 14px;
      color: var(--medium-gray);
      line-height: 1.7;
      margin-bottom: 18px;
  }

  /* ---------- Category Card ---------- */
  .category-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .category-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .category-icon {
      width: 38px;
      height: 38px;
      background: var(--primary-orange-dim);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 15px;
      flex-shrink: 0;
  }

  .category-card h4 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px;
  }

  .category-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* ---------- Event Card ---------- */
  .event-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .event-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .event-type-badge {
      display: inline-block;
      background: var(--orange-soft);
      border: 1px solid rgba(241, 110, 0, 0.2);
      color: var(--orange-dark);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 40px;
  }

  .event-location {
      font-size: 12px;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 5px;
      margin-bottom: 10px;
  }

  .event-location i {
      color: var(--primary-orange);
      font-size: 11px;
  }

  .event-title {
      font-size: 15px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .event-desc {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ---------- Contact Strip ---------- */
  .news-contact-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px 36px;
  }

  .news-contact-title {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      margin-bottom: 8px;
      letter-spacing: -0.01em;
  }

  .contact-action-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      padding: 11px 24px;
      border-radius: 8px;
      text-decoration: none;
      box-shadow: var(--shadow-lg);
      transition: background var(--transition-normal), transform var(--transition-normal);
  }

  .contact-action-btn:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-2px);
  }

  .contact-action-outline {
      background: var(--white);
      color: var(--dark-gray);
      border: 1.5px solid var(--border-gray);
      box-shadow: none;
  }

  .contact-action-outline i {
      color: var(--primary-orange);
  }

  .contact-action-outline:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--primary-orange-dim);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 600px) {
      .news-section {
          padding: 48px 0 72px;
      }

      .news-contact-strip {
          padding: 24px 20px;
      }


  }

  /* ---------- Section ---------- */
  .cs-section {
      padding: 60px 0;
      background: var(--white);
  }

  /* ---------- Intro ---------- */
  .cs-intro-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 700;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .cs-intro-title span {
      color: var(--primary-orange);
  }

  .cs-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  /* ---------- Industry Pills ---------- */
  .industry-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      color: var(--dark-gray);
      font-size: 12px;
      font-weight: 500;
      padding: 5px 12px;
      border-radius: 40px;
  }

  .industry-pill i {
      color: var(--primary-orange);
      font-size: 11px;
  }

  /* ---------- Card ---------- */
  .cs-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

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

  .cs-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
  }

  .cs-card-icon {
      width: 48px;
      height: 48px;
      background: var(--primary-orange);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 20px;
  }

  .cs-card-num {
      font-size: 40px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: 0.15;
      line-height: 1;
  }

  /* ---------- Badges ---------- */
  .cs-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 11px;
      font-weight: 500;
      padding: 4px 10px;
      border-radius: 6px;
  }

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

  .cs-badge--loc {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      color: var(--dark-gray);
  }

  .cs-badge--loc i {
      color: var(--primary-orange);
  }

  .cs-badge--team {
      background: var(--primary-orange-dim);
      border: 1px solid rgba(241, 110, 0, 0.15);
      color: var(--orange-dark);
  }

  .cs-badge--team i {
      color: var(--primary-orange);
  }

  .cs-badge--svc {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      color: var(--medium-gray);
  }

  .cs-badge--svc i {
      color: var(--primary-orange);
  }

  /* ---------- Title ---------- */
  .cs-card-title {
      font-size: 17px;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.35;
      letter-spacing: -0.01em;
      margin-bottom: 16px;
  }

  /* ---------- Block Labels ---------- */
  .cs-block-label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--medium-gray);
  }

  .cs-block-label i {
      font-size: 10px;
  }

  .cs-block-label--orange {
      color: var(--primary-orange);
  }

  /* ---------- Result Strip ---------- */
  .cs-result-strip {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 10px;
      padding: 16px;
      font-size: 13px;
      color: var(--dark-gray);
      line-height: 1.6;
      margin-top: auto;
  }

  .cs-result-stat {
      font-size: 28px;
      font-weight: 800;
      color: var(--primary-orange);
      line-height: 1;
      flex-shrink: 0;
      min-width: 52px;
      text-align: center;
  }

  .cs-result-stat i {
      font-size: 22px;
  }

  .cs-result-label {
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--primary-orange);
      margin-bottom: 3px;
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 600px) {
      .cs-section {
          padding: 48px 0;
      }
  }

  .about-section {
      padding: 60px 0;
      background: var(--white);
  }

  .section-divider {
      border-color: var(--border-gray);
      margin: 56px 0;
      opacity: 1;
  }

  /* ---------- Typography ---------- */
  .about-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .about-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .about-title span {
      color: var(--primary-orange);
  }

  /* ---------- Stat Cards ---------- */
  .about-stat-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 16px;
      text-align: center;
  }

  .about-stat-num {
      font-size: 28px;
      font-weight: 800;
      color: var(--primary-orange);
      line-height: 1;
      margin-bottom: 4px;
  }

  .about-stat-label {
      font-size: 12px;
      color: var(--medium-gray);
      font-weight: 500;
  }

  /* ---------- Highlight Card ---------- */
  .about-highlight-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 32px;
  }

  .about-highlight-icon {
      width: 48px;
      height: 48px;
      background: var(--primary-orange-dim);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px;
  }

  .about-highlight-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 10px;
  }

  .about-highlight-card p {
      font-size: 14px;
      color: var(--medium-gray);
      line-height: 1.7;
      margin-bottom: 0;
  }

  /* Office Pills */
  .about-office-pill {
      display: flex;
      align-items: center;
      gap: 10px;
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 10px;
      padding: 12px 14px;
  }

  .about-office-pill i {
      color: var(--primary-orange);
      font-size: 16px;
  }

  .about-office-city {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.2;
  }

  .about-office-role {
      font-size: 11px;
      color: var(--medium-gray);
  }

  /* ---------- Team Cards ---------- */
  .about-team-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px;
      height: 100%;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .about-team-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .about-team-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 12px;
  }

  .about-team-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .about-team-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* ---------- Value Cards ---------- */
  .about-value-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      height: 100%;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .about-value-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .about-value-icon {
      width: 44px;
      height: 44px;
      background: var(--primary-orange-dim);
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 18px;
      margin-bottom: 14px;
  }

  .about-value-card h5 {
      font-size: 15px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .about-value-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ---------- Why Cards ---------- */
  .about-why-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      height: 100%;
      position: relative;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .about-why-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .about-why-num {
      font-size: 36px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: 0.15;
      line-height: 1;
      margin-bottom: 4px; 
      position: absolute; 
      right: 10px; 
  }

  .about-why-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 12px;
  }

  .about-why-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .about-why-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ---------- CTA Strip ---------- */
  .about-cta-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px 36px;
  }

  .about-cta-title {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      margin-bottom: 8px;
      letter-spacing: -0.01em;
  }

  .contact-action-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      padding: 11px 24px;
      border-radius: 8px;
      text-decoration: none;
      box-shadow: var(--shadow-lg);
      transition: background var(--transition-normal), transform var(--transition-normal);
  }

  .contact-action-btn:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-2px);
  }

  .contact-action-outline {
      background: var(--white);
      color: var(--dark-gray);
      border: 1.5px solid var(--border-gray);
      box-shadow: none;
  }

  .contact-action-outline i {
      color: var(--primary-orange);
  }

  .contact-action-outline:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--primary-orange-dim);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 991px) {
      .about-cta-strip {
          padding: 24px 20px;
      }
  }

  @media (max-width: 600px) {
      .about-section {
          padding: 48px 0 72px;
      }

      .section-divider {
          margin: 40px 0;
      }
  }

  .bpa-section {
      padding: 60px 0;
      background: var(--white);
  }


  /* ---------- Typography ---------- */
  .bpa-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .bpa-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .bpa-title span {
      color: var(--primary-orange);
  }

  /* ── Block 1 — Dark Card ── */
  .bpa-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px;
  }

  .bpa-dark-card-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, 0.2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px;
  }

  .bpa-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px;
  }

  .bpa-dark-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.7;
      margin-bottom: 0;
  }



  /* ── Block 2 — Top Bar ── */
  .bpa-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .bpa-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
  }

  .bpa-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
      flex-shrink: 0;
  }

  .bpa-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .bpa-tech-stack {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px;
      height: 100%;
  }

  .bpa-tech-label {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--primary-orange);
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .bpa-tech-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--white);
      border: 1px solid var(--border-gray);
      color: var(--dark-gray);
      font-size: 12px;
      font-weight: 500;
      padding: 5px 12px;
      border-radius: 40px;
  }

  .bpa-tech-pill i {
      color: var(--primary-orange);
      font-size: 11px;
  }

  /* ── Block 3 — Area Cards ── */
  .bpa-area-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      height: 100%;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .bpa-area-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .bpa-area-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .bpa-area-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .bpa-area-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ── Block 4 — Timeline / Outcome ── */
  .bpa-outcome-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 32px;
      height: 100%;
  }

  .bpa-tl {
      display: flex;
      flex-direction: column;
      gap: 0;
  }

  .bpa-tl-step {
      display: flex;
      gap: 16px;
      padding-bottom: 24px;
      position: relative;
  }

  .bpa-tl-step::before {
      content: '';
      position: absolute;
      left: 19px;
      top: 40px;
      bottom: 0;
      width: 2px;
      background: var(--border-gray);
  }

  .bpa-tl-step--last::before {
      display: none;
  }

  .bpa-tl-step--last {
      padding-bottom: 0;
  }

  .bpa-tl-dot {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--white);
      border: 2px solid var(--border-gray);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--medium-gray);
      font-size: 14px;
      flex-shrink: 0;
      z-index: 1;
  }

  .bpa-tl-dot--orange {
      background: var(--primary-orange-dim);
      border-color: var(--primary-orange);
      color: var(--primary-orange);
  }

  .bpa-tl-dot--green {
      background: #e8f5e9;
      border-color: #4caf50;
      color: #4caf50;
  }

  .bpa-tl-content {
      flex: 1;
      padding-top: 8px;
  }

  .bpa-tl-content h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px;
  }

  .bpa-tl-content p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }



  @media (max-width: 600px) {
      .bpa-section {
          padding: 48px 0 72px;
      }

      .bpa-topbar-head {
          flex-direction: column;
          align-items: flex-start;
      }
  }

  /* ---------- Section ---------- */
  .dt-section {
      padding: 60px 0;
      background: var(--white);
  }


  /* ---------- Typography ---------- */
  .dt-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .dt-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .dt-title span {
      color: var(--primary-orange);
  }

  /* ── Block 1 — Intro Strip ── */
  .dt-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      padding: 40px;
  }

  .dt-tech-tile {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 12px;
      text-align: center;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .dt-tech-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .dt-tech-tile i {
      display: block;
      font-size: 22px;
      color: var(--primary-orange);
      margin-bottom: 8px;
  }

  .dt-tech-tile span {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray);
      line-height: 1.3;
  }

  /* ── Block 2 — Step Cards ── */
  .dt-step-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      height: 100%;
      position: relative;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal); 
  }

  .dt-step-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg); 
      transform: translateY(-2px); 
  }

  .dt-step-num { 
      font-size: 38px; 
      font-weight: 800;
      color: var(--primary-orange); 
      opacity: 0.12; 
      line-height: 1; 
      margin-bottom: 2px;
      position: absolute;
      right: 20px; 
  }

  .dt-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .dt-step-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .dt-step-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ── Block 3 — Split Dark/Light ── */
  .dt-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .dt-split-left {
      background: var(--dark);
  }

  .dt-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, 0.2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 21px;
      margin-bottom: 20px;
  }

  .dt-split-title {
      font-size: clamp(18px, 2.2vw, 24px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      letter-spacing: -0.01em;
      margin-bottom: 14px;
  }

  .dt-split-title span {
      color: var(--primary-orange);
  }

  .dt-split-text {
      font-size: 15px;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  /* Gain cards */
  .dt-gain-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 8px;
      height: 100%;
      display: flex;
      gap: 8px; 
      transition: border-color var(--transition-normal),
      box-shadow var(--transition-normal), 
      transform var(--transition-normal); 
      
  }

  .dt-gain-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .dt-gain-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange-dim);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 14px;
      margin-bottom: 10px;
  }

  .dt-gain-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 5px;
  }

  .dt-gain-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* ── Block 4 — Pillar Cards (3 distinct accent styles) ── */
  .dt-pillar-card {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .dt-pillar-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .dt-pillar-card h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .dt-pillar-card p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .dt-pillar-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  /* Card 1 — Orange filled */
  .dt-pillar-card--1 {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange);
  }

  .dt-pillar-card--1 .dt-pillar-icon {
      background: rgba(255, 255, 255, 0.2);
      color: var(--white);
  }

  .dt-pillar-card--1 h5 {
      color: var(--white);
  }

  .dt-pillar-card--1 p {
      color: rgba(255, 255, 255, 0.75);
  }

  /* Card 2 — Dark filled */
  .dt-pillar-card--2 {
      background: var(--dark);
      border: 1px solid var(--dark);
  }

  .dt-pillar-card--2 .dt-pillar-icon {
      background: rgba(241, 110, 0, 0.2);
      color: var(--primary-orange);
  }

  .dt-pillar-card--2 h5 {
      color: var(--white);
  }

  .dt-pillar-card--2 p {
      color: rgba(255, 255, 255, 0.5);
  }

  /* Card 3 — Light bordered */
  .dt-pillar-card--3 {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .dt-pillar-card--3 .dt-pillar-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .dt-pillar-card--3 h5 {
      color: var(--dark);
  }

  .dt-pillar-card--3 p {
      color: var(--medium-gray);
  }


  /* ---------- Responsive ---------- */
  .dt-split-left {
      min-height: 280px;
  }

  @media (max-width: 991px) {
      .dt-split-left {
          min-height: auto;
      }


      .dt-intro-strip {
          padding: 28px 20px;
      }
  }

  @media (max-width: 600px) {
      .dt-section {
          padding: 48px 0 72px;
      }
  }


  .sdc-section {
      padding: 60px 0;
      background: var(--white);
  }

  /* ---------- Typography ---------- */
  .sdc-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .sdc-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .sdc-title span {
      color: var(--primary-orange);
  }

  /* ── Block 1 — Risk List ── */
  .sdc-risk-list {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .sdc-risk-head {
      background: var(--bg-gray);
      border-bottom: 1px solid var(--border-gray);
      padding: 14px 20px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .sdc-risk-head i {
      color: var(--primary-orange);
  }

  .sdc-risk-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px 20px;
      border-bottom: 1px solid var(--border-gray);
  }

  .sdc-risk-item--last {
      border-bottom: none;
  }

  .sdc-risk-icon {
      width: 36px;
      height: 36px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .sdc-risk-icon--red {
      background: #fff0f0;
      color: #e53935;
      border: 1px solid #ffd0d0;
  }

  .sdc-risk-icon--amber {
      background: #fff8e1;
      color: #f59f00;
      border: 1px solid #ffe69c;
  }

  .sdc-risk-icon--gray {
      background: var(--bg-gray);
      color: var(--medium-gray);
      border: 1px solid var(--border-gray);
  }

  .sdc-risk-label {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 3px;
  }

  .sdc-risk-item p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.55;
      margin-bottom: 0;
  }

  /* ── Block 2 — Service Cards ── */
  .sdc-service-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .sdc-service-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .sdc-service-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .sdc-service-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .sdc-service-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ── Block 3 — Methodology Cards ── */
  .sdc-method-card {
      border-radius: 16px;
      padding: 32px;
      height: 100%;
  }

  .sdc-method-icon {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 16px;
  }

  .sdc-method-card h4 {
      font-size: 20px;
      font-weight: 800;
      letter-spacing: -0.01em;
      margin-bottom: 10px;
  }

  .sdc-method-card p {
      font-size: 14px;
      line-height: 1.75;
      margin-bottom: 18px;
  }

  /* Orange card */
  .sdc-method-card--orange {
      background: var(--orange-bg-light);
      border: 1px solid var(--primary-orange);
  }

  .sdc-method-card--orange .sdc-method-icon {
      background: rgba(241, 110, 0, 0.2);
      color: var(--primary-orange);
  }

  .sdc-method-card--orange h4 {
      color: var(--dark);
  }

  .sdc-method-card--orange p {
      color: var(--medium-gray);
  }

  /* Dark card */
  .sdc-method-card--dark {
      background: var(--orange-bg-light);
      border: 1px solid var(--primary-orange);
  }

  .sdc-method-card--dark .sdc-method-icon {
      background: rgba(241, 110, 0, 0.2);
      color: var(--primary-orange);
  }

  .sdc-method-card--dark h4 {
      color: var(--dark);
  }

  .sdc-method-card--dark p {
      color: var(--medium-gray);
  }

  /* Method list */
  .sdc-method-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

  .sdc-method-list li {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 500;
      color: var(--medium-gray);
  }

  .sdc-method-list li i {
      color: #333;
      font-size: 11px;
  }

  .sdc-method-list--light li {
      color: #333;
  }

  /* ── Block 4 — Build Pills ── */
  .sdc-build-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--primary-orange-dim);
      border: 1px solid rgba(241, 110, 0, 0.2);
      color: var(--orange-dark);
      font-size: 12px;
      font-weight: 600;
      padding: 6px 14px;
      border-radius: 40px;
  }

  .sdc-build-pill i {
      font-size: 11px;
      color: var(--primary-orange);
  }

  /* Tech block */
  .sdc-tech-block {
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      overflow: hidden;
  }

  .sdc-tech-block-head {
      background: var(--bg-gray);
      border-bottom: 1px solid var(--border-gray);
      padding: 14px 20px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--primary-orange);
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .sdc-tech-col {
      padding: 24px 20px;
      border-right: 1px solid var(--border-gray);
  }

  .sdc-tech-col--right {
      border-right: none;
  }

  .sdc-tech-col-label {
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 14px;
  }

  .sdc-tech-row {
      display: flex;
      align-items: center;
      gap: 8px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
      padding: 9px 12px;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
  }

  .sdc-tech-row i {
      color: var(--primary-orange);
      font-size: 13px;
  }


  @media (max-width: 600px) {
      .sdc-section {
          padding: 48px 0 72px;
      }

      .section-divider {
          margin: 40px 0;
      }
  }

  .index-about {
      color: var(--medium-gray);
      line-height: 1.7;
  }

  .dsm-section {
      padding: 60px 0;
      background: var(--white);
  }

  .dsm-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .dsm-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .dsm-title span {
      color: var(--primary-orange);
  }

  /* ── Block 1 — Banner Card ── */
  .dsm-banner-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px;
  }

  /* ── Block 2 — Audit Cards ── */
  .dsm-audit-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      height: 100%;
      position: relative;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .dsm-audit-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

    .dsm-audit-num {
        font-size: 38px;
        font-weight: 800;
        color: var(--primary-orange); 
        opacity: 0.12; 
        line-height: 1; 
        margin-bottom: 2px; 
        position: absolute;  
        right: 20px; 
    }

  .dsm-audit-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .dsm-audit-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .dsm-audit-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ── Block 3 — Security Split ── */
  .dsm-security-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .dsm-sec-left {
      background: var(--dark);
      min-height: 280px;
  }

  .dsm-sec-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, 0.2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px;
  }

  .dsm-sec-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      letter-spacing: -0.01em;
      margin-bottom: 14px;
  }

  .dsm-sec-title span {
      color: var(--primary-orange);
  }

  .dsm-sec-text {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  .dsm-measure-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal);
  }

  .dsm-measure-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
  }

  .dsm-measure-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange-dim);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .dsm-measure-card h5 {
      font-size: 14px; 
      font-weight: 700; 
      color: var(--dark);
      margin-bottom: 4px;
  }

  .dsm-measure-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* ── Block 4 — Mgmt Cards ── */
  .dsm-mgmt-card {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .dsm-mgmt-card:hover {
      border-left-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateX(3px);
  }

  .dsm-mgmt-card--orange {
      border-left-color: var(--primary-orange);
      background: var(--primary-orange-dim);
      border-color: rgba(241, 110, 0, 0.2);
      border-left-color: var(--primary-orange);
  }

  .dsm-mgmt-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 16px;
      flex-shrink: 0;
  }

  .dsm-mgmt-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px;
  }

  .dsm-mgmt-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* ── Block 5 — Compliance Cards ── */
  .dsm-compliance-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .dsm-compliance-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }


  .dsm-compliance-icon {
      width: 44px;
      height: 44px;
      background: var(--primary-orange-dim);
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 18px;
      margin-bottom: 14px;
  }

  .dsm-compliance-card h5 {
      font-size: 15px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .dsm-compliance-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  @media (max-width: 991px) {
      .dsm-sec-left {
          min-height: auto;
      }

      .dsm-banner-card {
          padding: 28px 20px;
      }
  }

  @media (max-width: 600px) {
      .dsm-section {
          padding: 48px 0 72px;
      }

      .section-divider {
          margin: 40px 0;
      }
  }


  .msme-section {
      padding: 60px 0;
      background: var(--white);
  }

  /* ---------- Typography ---------- */
  .msme-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .msme-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .msme-title span {
      color: var(--primary-orange);
  }


  /* ── Block 2 — Pillar Cards ── */
  .msme-pillar-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 14px;
      padding: 26px;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .msme-pillar-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-3px);
  }

  .msme-pillar-icon {
      width: 44px;
      height: 44px;
      background: var(--primary-orange);
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 18px;
      margin-bottom: 14px;
  }

  .msme-pillar-card h5 {
      font-size: 15px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .msme-pillar-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ── Block 3 — Impl List ── */
  .msme-impl-list {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .msme-impl-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 20px;
      border-bottom: 1px solid var(--border-gray);
      background: var(--white);
      transition: background var(--transition-normal);
  }

  .msme-impl-item:hover {
      background: var(--bg-gray);
  }

  .msme-impl-item--last {
      border-bottom: none;
  }

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

  .msme-impl-icon--1 {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
      border: 1px solid rgba(241, 110, 0, 0.2);
  }

  .msme-impl-icon--2 {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
      border: 1px solid rgba(241, 110, 0, 0.2);
  }

  .msme-impl-icon--3 {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
      border: 1px solid rgba(241, 110, 0, 0.2);
  }

  .msme-impl-icon--4 {
      background: var(--bg-gray);
      color: var(--medium-gray);
      border: 1px solid var(--border-gray);
  }

  .msme-impl-item>div:nth-child(2) {
      flex: 1;
  }

  .msme-impl-label {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 3px;
  }

  .msme-impl-item p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.55;
      margin-bottom: 0;
  }

  /* ── Block 4 — Sector Tiles ── */
  .msme-sectors-label {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--primary-orange);
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 0;
  }

  .msme-sector-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .msme-sector-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .msme-sector-tile i {
      display: block;
      font-size: 22px;
      color: var(--primary-orange);
      margin-bottom: 8px;
  }

  .msme-sector-tile span {
      font-size: 12px;
      font-weight: 600;
      color: var(--dark-gray);
  }

  /* ── Block 5 — Why Cards ── */
  .msme-why-card {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .msme-why-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .msme-why-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  .msme-why-card h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .msme-why-card p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .msme-why-card--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .msme-why-card--light .msme-why-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .msme-why-card--light h5 {
      color: var(--dark);
  }

  .msme-why-card--light p {
      color: var(--medium-gray);
  }

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

      .section-divider {
          margin: 40px 0;
      }
  }

  .dvo-section {
      padding: 60px 0;
      background: var(--white);
  }


  .dvo-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .dvo-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .dvo-title span {
      color: var(--primary-orange);
  }

  /* ── Block 1 — Intro Strip ── */
  .dvo-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      padding: 40px;
  }

  .dvo-kpi-tile {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .dvo-kpi-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .dvo-kpi-tile i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px;
  }

  .dvo-kpi-num {
      font-size: 22px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px;
  }

  .dvo-kpi-label {
      font-size: 11px;
      color: var(--medium-gray);
      line-height: 1.4;
  }

  /* ── Block 2 — Assess List ── */
  .dvo-assess-list {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .dvo-assess-head {
      background: var(--bg-gray);
      border-bottom: 1px solid var(--border-gray);
      padding: 14px 20px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .dvo-assess-head i {
      color: var(--primary-orange);
  }

  .dvo-assess-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 20px;
      border-bottom: 1px solid var(--border-gray);
      background: var(--white);
      transition: background var(--transition-normal);
  }

  .dvo-assess-item:hover {
      background: var(--bg-gray);
  }

  .dvo-assess-item--last {
      border-bottom: none;
  }

  .dvo-assess-icon {
      width: 38px;
      height: 38px;
      background: var(--primary-orange-dim);
      border: 1px solid rgba(241, 110, 0, 0.2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .dvo-assess-label {
      font-size: 14px; 
      font-weight: 700;  
      color: var(--dark);  
      margin-bottom: 3px;  
  }

  .dvo-assess-item p {
      font-size: 13px; 
      color: var(--medium-gray); 
      line-height: 1.55; 
      margin-bottom: 0;
  }

  /* ── Block 3 — Top-bar / Pipeline ── */
  .dvo-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .dvo-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .dvo-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
      flex-shrink: 0;
  }

  .dvo-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .dvo-pipeline {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px;
  }

  .dvo-pipe-step {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      flex: 1;
      min-width: 60px;
  }

  .dvo-pipe-dot {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--white);
      border: 2px solid var(--border-gray);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--medium-gray);
      font-size: 16px;
      transition: background var(--transition-normal), border-color var(--transition-normal);
  }

  .dvo-pipe-step--active .dvo-pipe-dot {
      background: var(--primary-orange);
      border-color: var(--primary-orange);
      color: var(--white);
  }

  .dvo-pipe-step span {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray);
      letter-spacing: 0.04em;
      text-align: center;
  }

  .dvo-pipe-arrow {
      color: var(--primary-orange);
      font-size: 13px;
      flex-shrink: 0;
  }


  /* ── Block 5 — Outcome Cards ── */
  .dvo-outcome-card {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .dvo-outcome-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .dvo-outcome-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  .dvo-outcome-card h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .dvo-outcome-card p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .dvo-outcome-card--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .dvo-outcome-card--light .dvo-outcome-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .dvo-outcome-card--light h5 {
      color: var(--dark);
  }

  .dvo-outcome-card--light p {
      color: var(--medium-gray);
  }



  @media (max-width: 991px) {
      .dvo-split-left {
          min-height: auto;
      }

      .dvo-intro-strip {
          padding: 28px 20px;
      }
  }

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

      .section-divider {
          margin: 40px 0;
      }

      .dvo-pipeline {
          gap: 4px;
      }

      .dvo-pipe-dot {
          width: 36px;
          height: 36px;
          font-size: 13px;
      }
  }


  .itpc-section {
      padding: 60px 0;
      background: var(--white);
  }

  .itpc-body-text {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .itpc-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .itpc-title span {
      color: var(--primary-orange);
  }


  /* ── Block 2 — Process Cards ── */
  .itpc-process-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .itpc-process-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .itpc-process-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: 0.12;
      line-height: 1;
      margin-bottom: 2px;
  }

  .itpc-process-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .itpc-process-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .itpc-process-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* ── Block 3 — Top Bar ── */
  .itpc-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .itpc-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .itpc-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
      flex-shrink: 0;
  }

  .itpc-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .itpc-desk-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px 14px;
      text-align: center;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .itpc-desk-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .itpc-desk-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 7px;
  }

  .itpc-desk-tile span {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray);
      line-height: 1.3;
  }

  /* ── Block 4 — Split Dark ── */
  .itpc-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .itpc-split-left {
      background: var(--dark);
      min-height: 260px;
  }

  .itpc-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, 0.2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px;
  }

  .itpc-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      letter-spacing: -0.01em;
      margin-bottom: 14px;
  }

  .itpc-split-title span {
      color: var(--primary-orange);
  }

  .itpc-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  .itpc-benefit-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 12px;
      padding: 20px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .itpc-benefit-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .itpc-benefit-icon {
      width: 38px;
      height: 38px;
      background: var(--primary-orange-dim);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 15px;
      margin-bottom: 12px;
  }

  .itpc-benefit-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .itpc-benefit-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* ── Block 5 — Outcome Cards ── */
  .itpc-outcome-card {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .itpc-outcome-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .itpc-outcome-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  .itpc-outcome-card h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .itpc-outcome-card p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .itpc-outcome-card--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .itpc-outcome-card--light .itpc-outcome-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .itpc-outcome-card--light h5 {
      color: var(--dark);
  }

  .itpc-outcome-card--light p {
      color: var(--medium-gray);
  }


  @media (max-width: 991px) {
      .itpc-split-left {
          min-height: auto;
      }
  }

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

  .crm-ic-section {
      padding: 72px 0 96px;
      background: var(--white);
  }

  .crm-ic-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-ic-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-ic-title span {
      color: var(--primary-orange);
  }

  /* Banner */
  .crm-ic-banner {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px;
  }

  .crm-ic-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
  }

  .crm-ic-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px;
  }

  .crm-ic-kpi-num {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px;
  }

  .crm-ic-kpi-label {
      font-size: 11px;
      color: var(--medium-gray);
      line-height: 1.4;
  }

  /* Step Cards */
  .crm-ic-step-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-ic-step-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-ic-step-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px;
  }

  .crm-ic-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .crm-ic-step-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .crm-ic-step-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* Split */
  .crm-ic-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-ic-split-dark {
      background: var(--dark);
      min-height: 260px;
  }

  .crm-ic-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px;
  }

  .crm-ic-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      letter-spacing: -0.01em;
      margin-bottom: 14px;
  }

  .crm-ic-split-title span {
      color: var(--primary-orange);
  }

  .crm-ic-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  .crm-ic-feature-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
  }

  .crm-ic-feature-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
  }

  .crm-ic-feature-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center; 
      justify-content: center; 
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .crm-ic-feature-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark); 
      margin-bottom: 4px; 
  }

  .crm-ic-feature-card p {
      font-size: 13px;
      color: var(--medium-gray);  
      line-height: 1.6; 
      margin-bottom: 0; 
  }


  .crm-at-section {
      padding: 60px 0;
      background: var(--white);
  }

  .crm-at-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-at-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-at-title span {
      color: var(--primary-orange);
  }

  /* Dark card */
  .crm-at-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px;
      height: 100%;
  }

  .crm-at-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px;
  }

  .crm-at-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px;
  }

  .crm-at-dark-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  /* Role cards */
  .crm-at-role-card {
      border-radius: 14px;
      padding: 26px;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-at-role-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-at-role-icon {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 16px;
  }

  .crm-at-role-card h5 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px;
  }

  .crm-at-role-card p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .crm-at-role-card--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange);
  }

  .crm-at-role-card--orange .crm-at-role-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white);
  }

  .crm-at-role-card--orange h5 {
      color: var(--white);
  }

  .crm-at-role-card--orange p {
      color: rgba(255, 255, 255, .8);
  }

  .crm-at-role-card--dark {
      background: var(--dark);
      border: 1px solid var(--dark);
  }

  .crm-at-role-card--dark .crm-at-role-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange);
  }

  .crm-at-role-card--dark h5 {
      color: var(--white);
  }

  .crm-at-role-card--dark p {
      color: rgba(255, 255, 255, .55);
  }

  .crm-at-role-card--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .crm-at-role-card--light .crm-at-role-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .crm-at-role-card--light h5 {
      color: var(--dark);
  }

  .crm-at-role-card--light p {
      color: var(--medium-gray);
  }

  /* Top-bar */
  .crm-at-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-at-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .crm-at-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
  }

  .crm-at-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .crm-at-mode-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-at-mode-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-at-mode-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 8px;
  }

  .crm-at-mode-tile h6 {
      font-size: 12px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px;
  }

  .crm-at-mode-tile p {
      font-size: 11px;
      color: var(--medium-gray);
      margin-bottom: 0;
  }

  /* Outcome */
  .crm-at-outcome {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-at-outcome:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-at-outcome-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  .crm-at-outcome h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .crm-at-outcome p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .crm-at-outcome--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange);
  }

  .crm-at-outcome--orange .crm-at-outcome-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white);
  }

  .crm-at-outcome--orange h5 {
      color: var(--white);
  }

  .crm-at-outcome--orange p {
      color: rgba(255, 255, 255, .75);
  }

  .crm-at-outcome--dark {
      background: var(--dark);
      border: 1px solid var(--dark);
  }

  .crm-at-outcome--dark .crm-at-outcome-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange);
  }

  .crm-at-outcome--dark h5 {
      color: var(--white);
  }

  .crm-at-outcome--dark p {
      color: rgba(255, 255, 255, .5);
  }

  .crm-at-outcome--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .crm-at-outcome--light .crm-at-outcome-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .crm-at-outcome--light h5 {
      color: var(--dark);
  }

  .crm-at-outcome--light p {
      color: var(--medium-gray);
  }


  @media (max-width:991px) {
      .about-cta-strip {
          padding: 24px 20px;
      }
  }

  @media (max-width:600px) {
      .crm-at-section {
          padding: 48px 0;
      }

      .section-divider {
          margin: 40px 0;
      }
  }

  .crm-cu-section {
      padding: 60px 0;
      background: var(--white);
  }

  .crm-cu-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-cu-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-cu-title span {
      color: var(--primary-orange);
  }

  /* Dark card */
  .crm-cu-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px;
  }

  .crm-cu-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px;
  }

  .crm-cu-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px;
  }

  .crm-cu-dark-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  /* Item cards (left-border hover slide) */
  .crm-cu-item-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-left-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-cu-item-card:hover {
      border-left-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateX(3px);
  }

  .crm-cu-item-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 16px;
      margin-bottom: 12px;
  }

  .crm-cu-item-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .crm-cu-item-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* Top-bar */
  .crm-cu-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-cu-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .crm-cu-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
  }

  .crm-cu-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .crm-cu-quality-pill {
      display: flex;
      align-items: center;
      gap: 7px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
      padding: 9px 14px;
      font-size: 12px;
      font-weight: 600;
      color: var(--dark-gray);
  }

  .crm-cu-quality-pill i {
      color: var(--primary-orange);
      font-size: 11px;
  }

  /* Outcome */
  .crm-cu-outcome {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-cu-outcome:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-cu-outcome-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  .crm-cu-outcome h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .crm-cu-outcome p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .crm-cu-outcome--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange);
  }

  .crm-cu-outcome--orange .crm-cu-outcome-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white);
  }

  .crm-cu-outcome--orange h5 {
      color: var(--white);
  }

  .crm-cu-outcome--orange p {
      color: rgba(255, 255, 255, .75);
  }

  .crm-cu-outcome--dark {
      background: var(--dark);
      border: 1px solid var(--dark);
  }

  .crm-cu-outcome--dark .crm-cu-outcome-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange);
  }

  .crm-cu-outcome--dark h5 {
      color: var(--white);
  }

  .crm-cu-outcome--dark p {
      color: rgba(255, 255, 255, .5);
  }

  .crm-cu-outcome--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .crm-cu-outcome--light .crm-cu-outcome-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .crm-cu-outcome--light h5 {
      color: var(--dark);
  }

  .crm-cu-outcome--light p {
      color: var(--medium-gray);
  }


  @media (max-width:991px) {
      .about-cta-strip {
          padding: 24px 20px;
      }
  }

  @media (max-width:600px) {
      .crm-cu-section {
          padding: 48px 0;
      }

      .section-divider {
          margin: 40px 0;
      }
  }



  .crm-dm-section {
      padding: 60px 0;
      background: var(--white);
  }

  .crm-dm-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-dm-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-dm-title span {
      color: var(--primary-orange);
  }

  /* Alert banner */
  .crm-dm-alert-banner {
      background: var(--orange-bg-light);
      border-radius: 16px;
      padding: 40px;
  }

  .crm-dm-alert-banner .section-label {
      color: var(--primary-orange);
  }

  .crm-dm-alert-banner .crm-dm-title {
      color: var(--dark);
  }

  .crm-dm-alert-banner .crm-dm-body {
      color: var(--medium-gray);
  }

  /* Step cards */
  .crm-dm-step-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-dm-step-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-dm-step-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px;
  }

  .crm-dm-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .crm-dm-step-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px;
  }

  .crm-dm-step-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* Split */
  .crm-dm-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-dm-split-dark {
      background: var(--dark);
      min-height: 260px;
  }

  .crm-dm-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px;
  }

  .crm-dm-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px;
  }

  .crm-dm-split-title span {
      color: var(--primary-orange);
  }

  .crm-dm-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  .crm-dm-preserve-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
  }

  .crm-dm-preserve-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .crm-dm-preserve-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px;
  }

  .crm-dm-preserve-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }


  @media (max-width:991px) {
      .crm-dm-split-dark {
          min-height: auto;
      }

      .crm-dm-alert-banner {
          padding: 28px 20px;
      }

      .about-cta-strip {
          padding: 24px 20px;
      }
  }

  @media (max-width:600px) {
      .crm-dm-section {
          padding: 48px 0;
      }

      .section-divider {
          margin: 40px 0;
      }
  }

  .crm-ms-section {
      padding: 72px 0 96px;
      background: var(--white);
  }

  .crm-ms-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-ms-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-ms-title span {
      color: var(--primary-orange);
  }

  /* Intro strip */
  .crm-ms-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px;
  }

  .crm-ms-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
  }

  .crm-ms-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px;
  }

  .crm-ms-kpi-num {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px;
  }

  .crm-ms-kpi-label {
      font-size: 11px;
      color: var(--medium-gray);
      line-height: 1.4;
  }

  /* Top-bar */
  .crm-ms-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-ms-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .crm-ms-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
  }

  .crm-ms-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .crm-ms-maint-list {
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      overflow: hidden;
  }

  .crm-ms-maint-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      border-bottom: 1px solid var(--border-gray);
      background: var(--white);
      font-size: 13px;
      font-weight: 600;
      color: var(--dark-gray);
      transition: background var(--transition-normal);
  }

  .crm-ms-maint-item:hover {
      background: var(--bg-gray);
  }

  .crm-ms-maint-item--last {
      border-bottom: none;
  }

  .crm-ms-maint-icon {
      width: 32px;
      height: 32px;
      background: var(--primary-orange-dim);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 13px;
      flex-shrink: 0;
  }

  /* Split */
  .crm-ms-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-ms-split-dark {
      background: var(--dark);
      min-height: 260px;
  }

  .crm-ms-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px;
  }

  .crm-ms-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px;
  }

  .crm-ms-split-title span {
      color: var(--primary-orange);
  }

  .crm-ms-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0;
  }

  .crm-ms-help-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
  }

  .crm-ms-help-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
  }

  .crm-ms-help-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .crm-ms-help-card h5 {
      font-size: 14px;
      font-weight: 700; 
      color: var(--dark);
      margin-bottom: 4px;
  }

  .crm-ms-help-card p {
      font-size: 13px;
      color: var(--medium-gray); 
      line-height: 1.6; 
      margin-bottom: 0; 
  }

  /* Outcome */
  .crm-ms-outcome {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-ms-outcome:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-ms-outcome-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px;
  }

  .crm-ms-outcome h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px;
  }

  .crm-ms-outcome p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .crm-ms-outcome--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange);
  }

  .crm-ms-outcome--orange .crm-ms-outcome-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white);
  }

  .crm-ms-outcome--orange h5 {
      color: var(--white);
  }

  .crm-ms-outcome--orange p {
      color: rgba(255, 255, 255, .75);
  }

  .crm-ms-outcome--dark {
      background: var(--dark);
      border: 1px solid var(--dark);
  }

  .crm-ms-outcome--dark .crm-ms-outcome-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange);
  }

  .crm-ms-outcome--dark h5 {
      color: var(--white);
  }

  .crm-ms-outcome--dark p {
      color: rgba(255, 255, 255, .5);
  }

  .crm-ms-outcome--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .crm-ms-outcome--light .crm-ms-outcome-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .crm-ms-outcome--light h5 {
      color: var(--dark);
  }

  .crm-ms-outcome--light p {
      color: var(--medium-gray);
  }

  @media (max-width:991px) {
      .crm-ms-split-dark {
          min-height: auto;
      }

      .crm-ms-intro-strip {
          padding: 28px 20px;
      }

      .about-cta-strip {
          padding: 24px 20px;
      }
  }

  @media (max-width:600px) {
      .crm-ms-section {
          padding: 48px 0;
      }

      .section-divider {
          margin: 40px 0;
      }
  }


  .crm-ss-section {
      padding: 60px 0;
      background: var(--white);
  }

  .crm-ss-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-ss-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-ss-title span {
      color: var(--primary-orange);
  }

  /* Risk list */
  .crm-ss-risk-list {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-ss-risk-head {
      background: var(--bg-gray);
      border-bottom: 1px solid var(--border-gray);
      padding: 14px 20px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .crm-ss-risk-head i {
      color: var(--primary-orange);
  }

  .crm-ss-risk-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px 20px;
      border-bottom: 1px solid var(--border-gray);
      background: var(--white);
  }

  .crm-ss-risk-item--last {
      border-bottom: none;
  }

  .crm-ss-risk-icon {
      width: 36px;
      height: 36px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .crm-ss-risk-icon--red {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid #ffd0d0;
  }

  .crm-ss-risk-icon--amber {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid #ffe69c;
  }

  .crm-ss-risk-icon--gray {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid var(--border-gray);
  }

  .crm-ss-risk-label {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 3px;
  }

  .crm-ss-risk-item p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.55;
      margin-bottom: 0;
  }

  /* Top-bar */
  .crm-ss-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-ss-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .crm-ss-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
  }

  .crm-ss-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .crm-ss-disco-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-ss-disco-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-ss-disco-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 7px;
  }

  .crm-ss-disco-tile span {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray);
  }

  /* Factor Cards */
  .crm-ss-factor-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-left-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-ss-factor-card:hover {
      border-left-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateX(3px);
  }

  .crm-ss-factor-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 16px;
      margin-bottom: 12px;
  }

  .crm-ss-factor-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .crm-ss-factor-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* Outcome rows */
  .crm-ss-outcome-row {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      border-radius: 12px;
      padding: 20px;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-ss-outcome-row:hover {
      box-shadow: var(--shadow-lg);
      transform: translateX(3px);
  }

  .crm-ss-or-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .crm-ss-outcome-row h5 {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 5px;
  }

  .crm-ss-outcome-row p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0;
  }

  .crm-ss-outcome-row--1 {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange);
  }

  .crm-ss-outcome-row--1 .crm-ss-or-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white);
  }

  .crm-ss-outcome-row--1 h5,
  .crm-ss-outcome-row--1 p {
      color: rgba(255, 255, 255, .9);
  }

  .crm-ss-outcome-row--1 p {
      color: rgba(255, 255, 255, .75);
  }

  .crm-ss-outcome-row--2 {
      background: var(--dark);
      border: 1px solid var(--dark);
  }

  .crm-ss-outcome-row--2 .crm-ss-or-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange);
  }

  .crm-ss-outcome-row--2 h5 {
      color: var(--white);
  }

  .crm-ss-outcome-row--2 p {
      color: rgba(255, 255, 255, .55);
  }

  .crm-ss-outcome-row--3 {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
  }

  .crm-ss-outcome-row--3 .crm-ss-or-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange);
  }

  .crm-ss-outcome-row--3 h5 {
      color: var(--dark);
  }

  .crm-ss-outcome-row--3 p {
      color: var(--medium-gray);
  }



  @media (max-width:600px) {
      .crm-ss-section {
          padding: 48px 0 72px;
      }

      .section-divider {
          margin: 40px 0;
      }
  }

  .crm-ci-section {
      padding: 60px 0;
      background: var(--white);
  }

  .crm-ci-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0;
  }

  .crm-ci-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
  }

  .crm-ci-title span {
      color: var(--primary-orange);
  }

  /* Intro strip */
  .crm-ci-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      padding: 40px;
  }

  .crm-ci-stat-tile {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px 14px;
      text-align: center;
  }

  .crm-ci-stat-tile i {
      display: block;
      font-size: 22px;
      color: var(--primary-orange);
      margin-bottom: 10px;
  }

  .crm-ci-stat-label {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray);
  }

  /* Build cards */
  .crm-ci-build-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
  }

  .crm-ci-build-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .crm-ci-build-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px;
  }

  .crm-ci-build-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .crm-ci-build-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0;
  }

  /* Top-bar */
  .crm-ci-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .crm-ci-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
  }

  .crm-ci-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px;
  }

  .crm-ci-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white);
  }

  .crm-ci-checklist-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
      padding: 10px 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
  }

  .crm-ci-checklist-item i {
      color: var(--primary-orange);
      font-size: 14px;
      flex-shrink: 0;
  }



  @media (max-width:991px) {
      .crm-ci-intro-strip {
          padding: 28px 20px;
      }

      .about-cta-strip {
          padding: 24px 20px;
      }
  }

  @media (max-width:600px) {
      .crm-ci-section {
          padding: 48px 0;
      }

      .section-divider {
          margin: 40px 0;
      }
  }


  .aos-section {
      padding: 60px 0;
      background: var(--white)
  }


  .aos-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .aos-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .aos-title span {
      color: var(--primary-orange)
  }

  .aos-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px
  }

  .aos-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px
  }

  .aos-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px
  }

  .aos-dark-card>p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .aos-dark-stat {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 10px;
      padding: 14px;
      text-align: center
  }

  .aos-dark-stat i {
      font-size: 18px;
      color: var(--primary-orange);
      display: block;
      margin-bottom: 5px
  }

  .aos-dark-stat-lbl {
      font-size: 11px;
      font-weight: 600;
      color: rgba(255, 255, 255, .5)
  }

  .aos-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .aos-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .aos-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .aos-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .aos-task-pill {
      display: flex;
      align-items: center;
      gap: 8px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 12px;
      font-weight: 600;
      color: var(--dark-gray)
  }

  .aos-task-pill i {
      color: var(--primary-orange);
      font-size: 12px
  }

  .aos-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .aos-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .aos-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .aos-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .aos-split-title span {
      color: var(--primary-orange)
  }

  .aos-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .aos-rep-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 12px;
      padding: 16px;
      height: 100%
  }

  .aos-rep-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .aos-rep-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .aos-rep-card p {
      font-size: 13px; 
      color: var(--medium-gray);
      line-height: 1.6; 
      margin-bottom: 0 
  }

  .aos-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .aos-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .aos-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .aos-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .aos-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .aos-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .aos-out--orange .aos-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .aos-out--orange h5 {
      color: var(--white)
  }

  .aos-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .aos-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .aos-out--dark .aos-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .aos-out--dark h5 {
      color: var(--white)
  }

  .aos-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .aos-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .aos-out--light .aos-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .aos-out--light h5 {
      color: var(--dark)
  }

  .aos-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .aos-split-dark {
          min-height: auto
      }

      .about-cta-strip {
          padding: 24px 20px;
      }
  }

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

  .bos-section {
      padding: 60px 0;
      background: var(--white)
  }

  .section-divider {
      border-color: var(--border-gray);
      margin: 56px 0;
      opacity: 1
  }

  .bos-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .bos-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .bos-title span {
      color: var(--primary-orange)
  }

  .bos-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      padding: 40px
  }

  .bos-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center
  }

  .bos-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px
  }

  .bos-kpi-val {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px
  }

  .bos-kpi-lbl {
      font-size: 12px; 
      color: var(--medium-gray); 
      line-height: 1.4
  }

  .bos-svc-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 12px;
      padding: 22px;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .bos-svc-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .bos-svc-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .bos-svc-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px
  }

  .bos-svc-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .bos-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .bos-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .bos-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .bos-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .bos-split-title span {
      color: var(--primary-orange)
  }

  .bos-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .bos-why-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .bos-why-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .bos-why-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .bos-why-card h5 {
      font-size: 14px; 
      font-weight: 700; 
      color: var(--dark);
      margin-bottom: 4px
  }

  .bos-why-card p {
      font-size: 13px;   
      color: var(--medium-gray); 
      line-height: 1.6; 
      margin-bottom: 0
  }

  .bos-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .bos-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .bos-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .bos-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .bos-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .bos-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .bos-out--orange .bos-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .bos-out--orange h5 {
      color: var(--white)
  }

  .bos-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .bos-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .bos-out--dark .bos-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .bos-out--dark h5 {
      color: var(--white)
  }

  .bos-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .bos-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .bos-out--light .bos-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .bos-out--light h5 {
      color: var(--dark)
  }

  .bos-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .bos-split-dark {
          min-height: auto
      }

      .bos-intro-strip {
          padding: 28px 20px
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .bos-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .dls-section {
      padding: 72px 0 96px;
      background: var(--white)
  }

  .dls-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .dls-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .dls-title span {
      color: var(--primary-orange)
  }

  .dls-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px
  }

  .dls-kpi-tile {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .dls-kpi-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .dls-kpi-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .dls-kpi-tile span {
      font-size: 13px; 
      font-weight: 600; 
      color: var(--dark-gray); 
  } 

  .dls-doc-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-left-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .dls-doc-card:hover {
      border-left-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateX(3px)
  }

  .dls-doc-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 16px;
      margin-bottom: 12px
  }

  .dls-doc-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px
  }

  .dls-doc-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .dls-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .dls-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .dls-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .dls-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .dls-split-title span {
      color: var(--primary-orange)
  }

  .dls-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .dls-appr-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .dls-appr-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .dls-appr-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .dls-appr-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .dls-appr-card p {
      font-size: 13px; 
      color: var(--medium-gray); 
      line-height: 1.6; 
      margin-bottom: 0
  }

  .dls-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .dls-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .dls-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .dls-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .dls-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .dls-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .dls-out--orange .dls-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .dls-out--orange h5 {
      color: var(--white)
  }

  .dls-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .dls-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .dls-out--dark .dls-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .dls-out--dark h5 {
      color: var(--white)
  }

  .dls-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .dls-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .dls-out--light .dls-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .dls-out--light h5 {
      color: var(--dark)
  }

  .dls-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .dls-split-dark {
          min-height: auto
      }

      .dls-intro-strip {
          padding: 28px 20px
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .dls-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .eoo-section {
      padding: 60px 0;
      background: var(--white)
  }

  .eoo-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .eoo-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .eoo-title span {
      color: var(--primary-orange)
  }

  .eoo-risk-list {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .eoo-risk-head {
      background: var(--bg-gray);
      border-bottom: 1px solid var(--border-gray);
      padding: 14px 20px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 8px
  }

  .eoo-risk-head i {
      color: var(--primary-orange)
  }

  .eoo-risk-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px 20px;
      border-bottom: 1px solid var(--border-gray);
      background: var(--white)
  }

  .eoo-risk-item--last {
      border-bottom: none
  }

  .eoo-risk-icon {
      width: 36px;
      height: 36px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .eoo-risk-icon--red {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid #ffd0d0
  }

  .eoo-risk-icon--amber {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid #ffe69c
  }

  .eoo-risk-icon--gray {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid var(--border-gray)
  }

  .eoo-risk-label {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 3px
  }

  .eoo-risk-item p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.55;
      margin-bottom: 0
  }

  .eoo-step {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
      position: relative;
  }

  .eoo-step:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .eoo-step-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px;
      position: absolute;
      right: 10px;
  }

  .eoo-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .eoo-step h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px
  }

  .eoo-step p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .eoo-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .eoo-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .eoo-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .eoo-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .eoo-split-title span {
      color: var(--primary-orange)
  }

  .eoo-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .eoo-del-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .eoo-del-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .eoo-del-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .eoo-del-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .eoo-del-card p {
      font-size: 13px; 
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .eoo-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .eoo-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .eoo-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .eoo-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .eoo-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .eoo-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .eoo-out--orange .eoo-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .eoo-out--orange h5 {
      color: var(--white)
  }

  .eoo-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .eoo-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .eoo-out--dark .eoo-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .eoo-out--dark h5 {
      color: var(--white)
  }

  .eoo-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .eoo-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .eoo-out--light .eoo-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .eoo-out--light h5 {
      color: var(--dark)
  }

  .eoo-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .eoo-split-dark {
          min-height: auto
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .eoo-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .hrac-section {
      padding: 60px 0;
      background: var(--white)
  }

  .section-divider {
      border-color: var(--border-gray);
      margin: 56px 0;
      opacity: 1
  }

  .hrac-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .hrac-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .hrac-title span {
      color: var(--primary-orange)
  }

  .hrac-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px
  }

  .hrac-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px
  }

  .hrac-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px
  }

  .hrac-dark-card>p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .hrac-dark-stat {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 10px;
      padding: 14px;
      text-align: center
  }

  .hrac-dark-stat-icon {
      font-size: 20px;
      margin-bottom: 6px
  }

  .hrac-dark-stat-icon--red {
      color: #f16e00
  }

  .hrac-dark-stat-icon--amber {
      color: #f16e00
  }

  .hrac-dark-stat-lbl {
      font-size: 11px;
      font-weight: 600;
      color: rgba(255, 255, 255, .5)
  }

  .hrac-area-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 12px;
      padding: 22px;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .hrac-area-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .hrac-area-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .hrac-area-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px
  }

  .hrac-area-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .hrac-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .hrac-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .hrac-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .hrac-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .hrac-chk-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
      padding: 10px 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px
  }

  .hrac-chk-item i {
      color: var(--primary-orange);
      font-size: 14px;
      flex-shrink: 0
  }


  @media(max-width:991px) {
      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .hrac-section {
          padding: 48px 0 72px
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .llc-section {
      padding: 60px 0;
      background: var(--white)
  }


  .llc-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .llc-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .llc-title span {
      color: var(--primary-orange)
  }

  .llc-alert-banner {
      background: var(--dark);
      border-radius: 16px;
      padding: 40px
  }

  .llc-risk-pill {
      display: flex;
      align-items: center;
      gap: 10px;
      border-radius: 10px;
      padding: 12px 16px;
      font-size: 13px;
      font-weight: 600
  }

  .llc-risk-pill i {
      font-size: 14px;
      flex-shrink: 0
  }

  .llc-risk-pill--red {
      background: rgba(229, 57, 53, .15);
      color: #ff6b6b;
      border: 1px solid rgba(229, 57, 53, .2)
  }

  .llc-risk-pill--amber {
      background: rgba(245, 159, 0, .15);
      color: #ffc947;
      border: 1px solid rgba(245, 159, 0, .2)
  }

  .llc-risk-pill--gray {
      background: rgba(255, 255, 255, .07);
      color: rgba(255, 255, 255, .6);
      border: 1px solid rgba(255, 255, 255, .1)
  }

  .llc-risk-pill--green {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange);
      border: 1px solid rgba(241, 110, 0, .3)
  }

  .llc-law-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-left-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .llc-law-card:hover {
      border-left-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateX(3px)
  }

  .llc-law-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 16px;
      margin-bottom: 12px
  }

  .llc-law-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px
  }

  .llc-law-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .llc-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .llc-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .llc-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .llc-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .llc-split-title span {
      color: var(--primary-orange)
  }

  .llc-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .llc-svc-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .llc-svc-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .llc-svc-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .llc-svc-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .llc-svc-card p {
      font-size: 13px; 
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .llc-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .llc-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .llc-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .llc-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .llc-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .llc-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .llc-out--orange .llc-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .llc-out--orange h5 {
      color: var(--white)
  }

  .llc-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .llc-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .llc-out--dark .llc-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .llc-out--dark h5 {
      color: var(--white)
  }

  .llc-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .llc-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .llc-out--light .llc-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .llc-out--light h5 {
      color: var(--dark)
  }

  .llc-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .llc-split-dark {
          min-height: auto
      }

      .llc-alert-banner {
          padding: 28px 20px
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .llc-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }

  .oms-section {
      padding: 60px 0;
      background: var(--white)
  }


  .oms-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .oms-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .oms-title span {
      color: var(--primary-orange)
  }

  .oms-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px
  }

  .oms-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px
  }

  .oms-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px
  }

  .oms-dark-card>p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .oms-dark-stat {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 10px;
      padding: 14px;
      text-align: center
  }

  .oms-dark-stat i {
      font-size: 18px;
      color: var(--primary-orange);
      display: block;
      margin-bottom: 6px
  }

  .oms-dark-stat-lbl {
      font-size: 12px;
      font-weight: 600;
      color: rgba(255, 255, 255, .6)
  }

  .oms-fac-card {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);
      position: relative;
  }

  .oms-fac-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .oms-fac-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px ;
      position: absolute; 
      right: 10px; 
  }

  .oms-fac-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .oms-fac-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px
  }

  .oms-fac-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65; 
      margin-bottom: 0
  }

  .oms-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .oms-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .oms-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .oms-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .oms-chk-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
      padding: 10px 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px
  }

  .oms-chk-item i {
      color: var(--primary-orange);
      font-size: 14px;
      flex-shrink: 0
  }

  .oms-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .oms-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .oms-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .oms-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .oms-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .oms-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .oms-out--orange .oms-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .oms-out--orange h5 {
      color: var(--white)
  }

  .oms-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .oms-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .oms-out--dark .oms-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .oms-out--dark h5 {
      color: var(--white)
  }

  .oms-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .oms-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .oms-out--light .oms-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .oms-out--light h5 {
      color: var(--dark)
  }

  .oms-out--light p {
      color: var(--medium-gray)
  }


  @media(max-width:600px) {
      .oms-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .pym-section {
      padding: 60px 0;
      background: var(--white)
  }

  .pym-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .pym-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .pym-title span {
      color: var(--primary-orange)
  }

  .pym-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px
  }

  .pym-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center
  }

  .pym-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px
  }

  .pym-kpi-val {
      font-size: 18px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px
  }

  .pym-kpi-lbl {
      font-size: 11px;
      color: var(--medium-gray);
      line-height: 1.4
  }

  .pym-step {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .pym-step:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .pym-step-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px
  }

  .pym-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .pym-step h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px
  }

  .pym-step p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .pym-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .pym-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .pym-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .pym-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .pym-portal-pill {
      display: flex;
      align-items: center;
      gap: 8px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 12px;
      font-weight: 600;
      color: var(--dark-gray)
  }

  .pym-portal-pill i {
      color: var(--primary-orange);
      font-size: 12px
  }

  .pym-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .pym-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .pym-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .pym-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .pym-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .pym-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .pym-out--orange .pym-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .pym-out--orange h5 {
      color: var(--white)
  }

  .pym-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .pym-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .pym-out--dark .pym-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .pym-out--dark h5 {
      color: var(--white)
  }

  .pym-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .pym-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .pym-out--light .pym-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .pym-out--light h5 {
      color: var(--dark)
  }

  .pym-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .pym-intro-strip {
          padding: 28px 20px
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .pym-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .rpo-section {
      padding: 60px 0;
      background: var(--white)
  }

  .rpo-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .rpo-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .rpo-title span {
      color: var(--primary-orange)
  }

  .rpo-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      padding: 40px
  }

  .rpo-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center
  }

  .rpo-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px
  }

  .rpo-kpi-val {
      font-size: 18px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px
  }

  .rpo-kpi-lbl {
      font-size: 11px;
      color: var(--medium-gray);
      line-height: 1.4
  }

  .rpo-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .rpo-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .rpo-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .rpo-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .rpo-src-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .rpo-src-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .rpo-src-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .rpo-src-tile span {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray)
  }

  .rpo-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .rpo-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .rpo-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .rpo-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .rpo-split-title span {
      color: var(--primary-orange)
  }

  .rpo-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .rpo-proc-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .rpo-proc-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .rpo-proc-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .rpo-proc-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .rpo-proc-card p {
      font-size: 13px; 
      color: var(--medium-gray); 
      line-height: 1.6; 
      margin-bottom: 0
  }

  .rpo-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .rpo-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .rpo-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .rpo-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .rpo-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .rpo-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .rpo-out--orange .rpo-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .rpo-out--orange h5 {
      color: var(--white)
  }

  .rpo-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .rpo-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .rpo-out--dark .rpo-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .rpo-out--dark h5 {
      color: var(--white)
  }

  .rpo-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .rpo-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .rpo-out--light .rpo-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .rpo-out--light h5 {
      color: var(--dark)
  }

  .rpo-out--light p {
      color: var(--medium-gray)
  }

  .about-cta-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px 36px
  }

  .about-cta-title {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      margin-bottom: 8px;
      letter-spacing: -.01em
  }

  .contact-action-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      padding: 11px 24px;
      border-radius: 8px;
      text-decoration: none;
      box-shadow: var(--shadow-lg);
      transition: background var(--transition-normal), transform var(--transition-normal)
  }

  .contact-action-btn:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-2px)
  }

  .contact-action-outline {
      background: var(--white);
      color: var(--dark-gray);
      border: 1.5px solid var(--border-gray);
      box-shadow: none
  }

  .contact-action-outline i {
      color: var(--primary-orange)
  }

  .contact-action-outline:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--primary-orange-dim)
  }

  @media(max-width:991px) {
      .rpo-split-dark {
          min-height: auto;
      }

      .rpo-intro-strip {
          padding: 28px 20px;
      }

      .about-cta-strip {
          padding: 24px 20px;
      }
  }

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

      .section-divider {
          margin: 40px 0;
      }
  }


  .vos-section {
      padding: 60px 0;
      background: var(--white)
  }

  .vos-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .vos-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .vos-title span {
      color: var(--primary-orange)
  }

  .vos-risk-list {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .vos-risk-head {
      background: var(--bg-gray);
      border-bottom: 1px solid var(--border-gray);
      padding: 14px 20px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--medium-gray);
      display: flex;
      align-items: center;
      gap: 8px
  }

  .vos-risk-head i {
      color: var(--primary-orange)
  }

  .vos-risk-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px 20px;
      border-bottom: 1px solid var(--border-gray);
      background: var(--white)
  }

  .vos-risk-item--last {
      border-bottom: none
  }

  .vos-risk-icon {
      width: 36px;
      height: 36px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .vos-risk-icon--red {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid #ffd0d0
  }

  .vos-risk-icon--amber {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid #ffe69c
  }

  .vos-risk-icon--gray {
      background: #fff8e1;
      color: #f16e00;
      border: 1px solid var(--border-gray)
  }

  .vos-risk-label {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 3px
  }

  .vos-risk-item p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.55;
      margin-bottom: 0
  }

  .vos-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .vos-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .vos-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .vos-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .vos-doc-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .vos-doc-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .vos-doc-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .vos-doc-tile span {
      font-size: 11px;
      font-weight: 600;
      color: var(--dark-gray)
  }

  .vos-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .vos-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .vos-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .vos-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .vos-split-title span {
      color: var(--primary-orange)
  }

  .vos-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .vos-ben-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .vos-ben-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .vos-ben-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .vos-ben-card h5 {
      font-size: 14px; 
      font-weight: 700; 
      color: var(--dark); 
      margin-bottom: 4px 
  }

  .vos-ben-card p {
      font-size: 13px; 
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  @media(max-width:991px) {
      .vos-split-dark {
          min-height: auto
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .vos-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .dmc-section {
      padding: 72px 0 96px;
      background: var(--white)
  }

  .dmc-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .dmc-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .dmc-title span {
      color: var(--primary-orange)
  }

  .dmc-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      padding: 40px
  }

  .dmc-ch-tile {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .dmc-ch-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .dmc-ch-tile i {
      display: block;
      font-size: 22px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .dmc-ch-label {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark-gray)
  }

.dmc-proc-card {
    background: var(--bg-gray);
    border: 1px solid var(--border-gray);
    border-left: 4px solid var(--border-gray);
    border-radius: 12px;
    padding: 22px;
    transition: border-left-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
}

.dmc-proc-card:hover {
    border-left-color: var(--primary-orange);
    box-shadow: var(--shadow-lg);
    transform: translateX(3px)
}

/* NEW: Header wrapper for icon and number */
.dmc-proc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.dmc-proc-icon {
    width: 42px;
    height: 42px;
    background: var(--primary-orange-dim);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-orange);
    font-size: 17px;
    margin-bottom: 0; /* Changed from 14px to 0 */
}

.dmc-proc-num {
    font-size: 38px;
    font-weight: 800;
    color: var(--primary-orange);
    opacity: .12;
    line-height: 1;
    margin-bottom: 0; /* Changed from 2px to 0 */
}

.dmc-proc-card h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 8px
}

.dmc-proc-card p {
    font-size: 13px;
    color: var(--medium-gray);
    line-height: 1.65;
    margin-bottom: 0
}
  

  .dmc-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .dmc-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .dmc-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .dmc-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .dmc-split-title span {
      color: var(--primary-orange)
  }

  .dmc-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .dmc-src-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 3px solid var(--primary-orange);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .dmc-src-card:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .dmc-src-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .dmc-src-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .dmc-src-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .dmc-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .dmc-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .dmc-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .dmc-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .dmc-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .dmc-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .dmc-out--orange .dmc-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .dmc-out--orange h5 {
      color: var(--white)
  }

  .dmc-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .dmc-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .dmc-out--dark .dmc-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .dmc-out--dark h5 {
      color: var(--white)
  }

  .dmc-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .dmc-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .dmc-out--light .dmc-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .dmc-out--light h5 {
      color: var(--dark)
  }

  .dmc-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .dmc-split-dark {
          min-height: auto
      }

      .dmc-intro-strip {
          padding: 28px 20px
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .dmc-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .ldg-section {
      padding: 60px 0;
      background: var(--white)
  }

  .ldg-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .ldg-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .ldg-title span {
      color: var(--primary-orange)
  }

  .ldg-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px
  }

  .ldg-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px
  }

  .ldg-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px
  }

  .ldg-dark-card>p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .ldg-dark-stat {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 10px;
      padding: 14px;
      text-align: center
  }

  .ldg-dark-stat i {
      font-size: 18px;
      color: var(--primary-orange);
      display: block;
      margin-bottom: 6px
  }

  .ldg-dark-stat-lbl {
      font-size: 11px;
      font-weight: 600;
      color: rgba(255, 255, 255, .5)
  }

  .ldg-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .ldg-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .ldg-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .ldg-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .ldg-ch-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .ldg-ch-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .ldg-ch-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .ldg-ch-tile span {
      font-size: 13px;
      font-weight: 600;
      color: var(--dark-gray)
  }

  .ldg-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .ldg-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .ldg-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .ldg-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .ldg-split-title span {
      color: var(--primary-orange)
  }

  .ldg-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .ldg-feat-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .ldg-feat-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .ldg-feat-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .ldg-feat-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .ldg-feat-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .ldg-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .ldg-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .ldg-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .ldg-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .ldg-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .ldg-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .ldg-out--orange .ldg-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .ldg-out--orange h5 {
      color: var(--white)
  }

  .ldg-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .ldg-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .ldg-out--dark .ldg-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .ldg-out--dark h5 {
      color: var(--white)
  }

  .ldg-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .ldg-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .ldg-out--light .ldg-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .ldg-out--light h5 {
      color: var(--dark)
  }

  .ldg-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .ldg-split-dark {
          min-height: auto
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .ldg-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }

  .slo-section {
      padding: 60px 0;
      background: var(--white)
  }

  .slo-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .slo-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .slo-title span {
      color: var(--primary-orange)
  }

  .slo-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px
  }

  .slo-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center
  }

  .slo-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px
  }

  .slo-kpi-val {
      font-size: 18px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px
  }

  .slo-kpi-lbl {
      font-size: 11px;
      color: var(--medium-gray);
      line-height: 1.4
  }

  .slo-step {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .slo-step:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .slo-step-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px
  }

  .slo-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .slo-step h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px
  }

  .slo-step p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .slo-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .slo-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .slo-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .slo-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .slo-split-title span {
      color: var(--primary-orange)
  }

  .slo-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .slo-why-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .slo-why-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .slo-why-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .slo-why-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .slo-why-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .slo-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .slo-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .slo-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .slo-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .slo-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .slo-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .slo-out--orange .slo-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .slo-out--orange h5 {
      color: var(--white)
  }

  .slo-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .slo-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .slo-out--dark .slo-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .slo-out--dark h5 {
      color: var(--white)
  }

  .slo-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .slo-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .slo-out--light .slo-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .slo-out--light h5 {
      color: var(--dark)
  }

  .slo-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .slo-split-dark {
          min-height: auto
      }

      .slo-intro-strip {
          padding: 28px 20px
      }
  }

  @media(max-width:600px) {
      .slo-section {
          padding: 48px 0
      }

      .section-divider {
          margin: 40px 0
      }
  }

  .smep-section {
      padding: 72px 0 96px;
      background: var(--white)
  }

  .smep-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .smep-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .smep-title span {
      color: var(--primary-orange)
  }

  .smep-alert-banner {
      background: var(--dark);
      border-radius: 16px;
      padding: 40px
  }

  .smep-ban-tile {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      transition: background var(--transition-normal)
  }

  .smep-ban-tile:hover {
      background: rgba(241, 110, 0, .15)
  }

  .smep-ban-tile i {
      display: block;
      font-size: 20px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .smep-ban-tile span {
      font-size: 13px; 
      font-weight: 600;
      color: rgba(255, 255, 255, .6) 
  }

  .smep-step {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 24px;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .smep-step:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .smep-step-num {
      font-size: 38px;
      font-weight: 800;
      color: var(--primary-orange);
      opacity: .12;
      line-height: 1;
      margin-bottom: 2px
  }

  .smep-step-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      margin-bottom: 14px
  }

  .smep-step h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 8px
  }

  .smep-step p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .smep-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .smep-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .smep-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .smep-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .smep-chk {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
      padding: 10px 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px
  }

  .smep-chk i {
      color: var(--primary-orange);
      font-size: 14px;
      flex-shrink: 0
  }

  .smep-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .smep-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .smep-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .smep-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .smep-split-title span {
      color: var(--primary-orange)
  }

  .smep-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .smep-who-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .smep-who-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .smep-who-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .smep-who-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .smep-who-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .smep-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .smep-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .smep-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .smep-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .smep-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .smep-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .smep-out--orange .smep-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .smep-out--orange h5 {
      color: var(--white)
  }

  .smep-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .smep-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .smep-out--dark .smep-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .smep-out--dark h5 {
      color: var(--white)
  }

  .smep-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .smep-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .smep-out--light .smep-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .smep-out--light h5 {
      color: var(--dark)
  }

  .smep-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .smep-split-dark {
          min-height: auto
      }

      .smep-alert-banner {
          padding: 28px 20px
      }
  }

  @media(max-width:600px) {
      .smep-section {
          padding: 48px 0 72px
      }

      .section-divider {
          margin: 40px 0
      }
  }


  .wfa-section {
      padding: 60px 0;
      background: var(--white)
  }

  .wfa-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .wfa-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .wfa-title span {
      color: var(--primary-orange)
  }

  .wfa-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px
  }

  .wfa-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px
  }

  .wfa-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px
  }

  .wfa-dark-card>p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .wfa-dark-pill {
      display: flex;
      align-items: center;
      gap: 10px;
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 13px;
      font-weight: 600
  }

  .wfa-dark-pill i {
      font-size: 13px;
      flex-shrink: 0
  }

  .wfa-dark-pill--red {
      background: rgba(229, 57, 53, .15);
      color: #ff6b6b;
      border: 1px solid rgba(229, 57, 53, .2)
  }

  .wfa-dark-pill--amber {
      background: rgba(245, 159, 0, .15);
      color: #ffc947;
      border: 1px solid rgba(245, 159, 0, .2)
  }

  .wfa-dark-pill--gray {
      background: rgba(255, 255, 255, .07);
      color: rgba(255, 255, 255, .6);
      border: 1px solid rgba(255, 255, 255, .1)
  }

  .wfa-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .wfa-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .wfa-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .wfa-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .wfa-example-row {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap
  }

  .wfa-ex-trigger,
  .wfa-ex-result {
      display: flex;
      align-items: center;
      gap: 8px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 12px;
      font-weight: 600;
      color: var(--dark-gray);
      flex: 1;
      min-width: 140px
  }

  .wfa-ex-trigger i,
  .wfa-ex-result i {
      color: var(--primary-orange);
      font-size: 13px;
      flex-shrink: 0
  }

  .wfa-ex-arrow {
      color: var(--primary-orange);
      font-size: 14px;
      flex-shrink: 0
  }

  .wfa-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .wfa-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .wfa-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .wfa-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .wfa-split-title span {
      color: var(--primary-orange)
  }

  .wfa-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .wfa-auto-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .wfa-auto-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .wfa-auto-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .wfa-auto-card h5 {
      font-size: 14px; 
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .wfa-auto-card p {
      font-size: 13px; 
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .wfa-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .wfa-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .wfa-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .wfa-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .wfa-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .wfa-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .wfa-out--orange .wfa-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .wfa-out--orange h5 {
      color: var(--white)
  }

  .wfa-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .wfa-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .wfa-out--dark .wfa-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .wfa-out--dark h5 {
      color: var(--white)
  }

  .wfa-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .wfa-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .wfa-out--light .wfa-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .wfa-out--light h5 {
      color: var(--dark)
  }

  .wfa-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .wfa-split-dark {
          min-height: auto
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:991px) {
      .wfa-example-row {
          flex-direction: column
      }

      .wfa-ex-arrow {
          transform: rotate(90deg)
      }
  }

  @media(max-width:600px) {
      .wfa-section {
          padding: 48px 0
      }
  }

  .cas-section {
      padding: 60px 0;
      background: var(--white)
  }

  .cas-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .cas-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .cas-title span {
      color: var(--primary-orange)
  }

  .cas-intro-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-top: 4px solid var(--primary-orange);
      border-radius: 16px;
      padding: 40px
  }

  .cas-kpi {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center
  }

  .cas-kpi i {
      display: block;
      font-size: 18px;
      color: var(--primary-orange);
      margin-bottom: 6px
  }

  .cas-kpi-val {
      font-size: 18px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      margin-bottom: 4px
  }

  .cas-kpi-lbl {
      font-size: 12px; 
      color: var(--medium-gray);
      line-height: 1.4
  }

  .cas-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .cas-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .cas-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .cas-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .cas-method-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .cas-method-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .cas-method-tile i {
      display: block;
      font-size: 22px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .cas-method-tile h6 {
      font-size: 12px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .cas-method-tile p {
      font-size: 12px; 
      color: var(--medium-gray);
      line-height: 1.4; 
      margin-bottom: 0;
  }

  .cas-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden;
  }

  .cas-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .cas-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .cas-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .cas-split-title span {
      color: var(--primary-orange)
  }

  .cas-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .cas-cfg-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .cas-cfg-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .cas-cfg-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .cas-cfg-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .cas-cfg-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  .cas-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .cas-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .cas-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .cas-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .cas-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .cas-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .cas-out--orange .cas-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .cas-out--orange h5 {
      color: var(--white)
  }

  .cas-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .cas-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .cas-out--dark .cas-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .cas-out--dark h5 {
      color: var(--white)
  }

  .cas-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .cas-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .cas-out--light .cas-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .cas-out--light h5 {
      color: var(--dark)
  }

  .cas-out--light p {
      color: var(--medium-gray)
  }

  @media(max-width:991px) {
      .cas-split-dark {
          min-height: auto
      }

      .cas-intro-strip {
          padding: 28px 20px
      }
  }

  @media(max-width:600px) {
      .cas-section {
          padding: 48px 0
      }
  }

  .ccrm-section {
      padding: 60px 0;
      background: var(--white)
  }

  .ccrm-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .ccrm-title {
      font-size: clamp(24px, 3vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .ccrm-title span {
      color: var(--primary-orange)
  }

  .ccrm-dark-card {
      background: var(--dark);
      border-radius: 16px;
      padding: 32px
  }

  .ccrm-dark-icon {
      width: 48px;
      height: 48px;
      background: rgba(241, 110, 0, .2);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 20px;
      margin-bottom: 16px
  }

  .ccrm-dark-card h4 {
      font-size: 17px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px
  }

  .ccrm-dark-card>p {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .ccrm-dark-stat {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 10px;
      padding: 14px;
      text-align: center
  }

  .ccrm-dark-stat i {
      font-size: 18px;
      color: var(--primary-orange);
      display: block;
      margin-bottom: 5px
  }

  .ccrm-dark-stat-lbl {
      font-size: 11px;
      font-weight: 600;
      color: rgba(255, 255, 255, .5)
  }

  .ccrm-feat-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-left: 4px solid var(--border-gray);
      border-radius: 12px;
      padding: 22px;
      transition: border-left-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .ccrm-feat-card:hover {
      border-left-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateX(3px)
  }

  .ccrm-feat-icon {
      width: 40px;
      height: 40px;
      background: var(--primary-orange-dim);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 16px;
      margin-bottom: 12px
  }

  .ccrm-feat-card h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px
  }

  .ccrm-feat-card p {
      font-size: 13px;
      color: var(--medium-gray);
      line-height: 1.65;
      margin-bottom: 0
  }

  .ccrm-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .ccrm-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .ccrm-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .ccrm-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .ccrm-chk {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
      padding: 10px 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px
  }

  .ccrm-chk i {
      color: var(--primary-orange);
      font-size: 14px;
      flex-shrink: 0
  }

  .ccrm-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .ccrm-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .ccrm-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .ccrm-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .ccrm-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .ccrm-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .ccrm-out--orange .ccrm-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .ccrm-out--orange h5 {
      color: var(--white)
  }

  .ccrm-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .ccrm-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .ccrm-out--dark .ccrm-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .ccrm-out--dark h5 {
      color: var(--white)
  }

  .ccrm-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .ccrm-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .ccrm-out--light .ccrm-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .ccrm-out--light h5 {
      color: var(--dark)
  }

  .ccrm-out--light p {
      color: var(--medium-gray)
  }

  .about-cta-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px 36px
  }

  .about-cta-title {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      margin-bottom: 8px;
      letter-spacing: -.01em
  }

  .contact-action-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      padding: 11px 24px;
      border-radius: 8px;
      text-decoration: none;
      box-shadow: var(--shadow-lg);
      transition: background var(--transition-normal), transform var(--transition-normal)
  }

  .contact-action-btn:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-2px)
  }

  .contact-action-outline {
      background: var(--white);
      color: var(--dark-gray);
      border: 1.5px solid var(--border-gray);
      box-shadow: none
  }

  .contact-action-outline i {
      color: var(--primary-orange)
  }

  .contact-action-outline:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--primary-orange-dim)
  }

  @media(max-width:991px) {
      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .ccrm-section {
          padding: 48px 0
      }

  }


  .cps-section {
      padding: 72px 0 96px;
      background: var(--white)
  }

  .cps-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
      margin-bottom: 0
  }

  .cps-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -.02em;
      margin-bottom: 16px
  }

  .cps-title span {
      color: var(--primary-orange)
  }

  .cps-alert-banner {
      background: var(--dark);
      border-radius: 16px;
      padding: 40px
  }

  .cps-ban-stat {
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center
  }

  .cps-ban-stat i {
      display: block;
      font-size: 20px;
      color: rgba(255, 255, 255, .4);
      margin-bottom: 8px
  }

  .cps-ban-stat-lbl {
      font-size: 11px;
      font-weight: 600;
      color: rgba(255, 255, 255, .45)
  }

  .cps-ban-stat--active {
      background: rgba(241, 110, 0, .2);
      border-color: rgba(241, 110, 0, .3)
  }

  .cps-ban-stat--active i {
      color: var(--primary-orange)
  }

  .cps-ban-stat--active .cps-ban-stat-lbl {
      color: rgba(255, 255, 255, .8)
  }

  .cps-topbar-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .cps-topbar-head {
      background: var(--primary-orange);
      padding: 18px 28px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px
  }

  .cps-topbar-icon {
      width: 36px;
      height: 36px;
      background: rgba(255, 255, 255, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 15px
  }

  .cps-topbar-title {
      font-size: 16px;
      font-weight: 700;
      color: var(--white)
  }

  .cps-pay-tile {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .cps-pay-tile:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .cps-pay-tile i {
      display: block;
      font-size: 22px;
      color: var(--primary-orange);
      margin-bottom: 8px
  }

  .cps-pay-tile span {
      font-size: 12px;
      font-weight: 700;
      color: var(--dark-gray)
  }

  /* Status rows */
  .cps-status-row {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      border-radius: 12px;
      padding: 20px;
      transition: box-shadow var(--transition-normal)
  }

  .cps-status-row:hover {
      box-shadow: var(--shadow-lg)
  }

  .cps-status-icon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .cps-status-row .cps-status-label {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 4px
  }

  .cps-status-row p {
      font-size: 13px;
      line-height: 1.6;
      margin-bottom: 0
  }

  .cps-status-badge {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 4px 10px;
      border-radius: 20px;
      flex-shrink: 0;
      align-self: flex-start;
      white-space: nowrap
  }

  .cps-status-row--green {
      background: #f0faf4;
      border: 1px solid #c3e6cb
  }

  .cps-status-row--green .cps-status-icon {
      background: #d4edda;
      color: #28a745
  }

  .cps-status-row--green .cps-status-label {
      color: #155724
  }

  .cps-status-row--green p {
      color: #155724;
      opacity: .75
  }

  .cps-status-badge--green {
      background: #d4edda;
      color: #155724;
      border: 1px solid #c3e6cb
  }

  .cps-status-row--amber {
      background: #fffbf0;
      border: 1px solid #ffe09c
  }

  .cps-status-row--amber .cps-status-icon {
      background: #fff3cd;
      color: #f59f00
  }

  .cps-status-row--amber .cps-status-label {
      color: #856404
  }

  .cps-status-row--amber p {
      color: #856404;
      opacity: .75
  }

  .cps-status-badge--amber {
      background: #fff3cd;
      color: #856404;
      border: 1px solid #ffe09c
  }

  .cps-status-row--red {
      background: #fff5f5;
      border: 1px solid #ffd0d0
  }

  .cps-status-row--red .cps-status-icon {
      background: #f8d7da;
      color: #e53935
  }

  .cps-status-row--red .cps-status-label {
      color: #721c24
  }

  .cps-status-row--red p {
      color: #721c24;
      opacity: .75
  }

  .cps-status-badge--red {
      background: #f8d7da;
      color: #721c24;
      border: 1px solid #ffd0d0
  }

  /* Split */
  .cps-split-block {
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      overflow: hidden
  }

  .cps-split-dark {
      background: var(--dark);
      min-height: 260px
  }

  .cps-split-icon {
      width: 52px;
      height: 52px;
      background: rgba(241, 110, 0, .2);
      border-radius: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 22px;
      margin-bottom: 20px
  }

  .cps-split-title {
      font-size: clamp(18px, 2.2vw, 22px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.3;
      margin-bottom: 14px
  }

  .cps-split-title span {
      color: var(--primary-orange)
  }

  .cps-split-text {
      font-size: 14px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.75;
      margin-bottom: 0
  }

  .cps-opt-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 16px;
      height: 100%;
      transition: border-color var(--transition-normal), box-shadow var(--transition-normal)
  }

  .cps-opt-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg)
  }

  .cps-opt-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange);
      border-radius: 9px;
      display: flex;
      align-items: center; 
      justify-content: center;
      color: var(--white);
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px
  }

  .cps-opt-card h5 { 
      font-size: 14px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 4px
  }

  .cps-opt-card p {
      font-size: 13px; 
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0
  }

  /* Outcomes */
  .cps-out {
      border-radius: 14px;
      padding: 26px;
      height: 100%;
      transition: box-shadow var(--transition-normal), transform var(--transition-normal)
  }

  .cps-out:hover {
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px)
  }

  .cps-out-icon {
      width: 44px;
      height: 44px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 14px
  }

  .cps-out h5 {
      font-size: 15px;
      font-weight: 700;
      margin-bottom: 8px
  }

  .cps-out p {
      font-size: 13px;
      line-height: 1.65;
      margin-bottom: 0
  }

  .cps-out--orange {
      background: var(--primary-orange);
      border: 1px solid var(--primary-orange)
  }

  .cps-out--orange .cps-out-icon {
      background: rgba(255, 255, 255, .2);
      color: var(--white)
  }

  .cps-out--orange h5 {
      color: var(--white)
  }

  .cps-out--orange p {
      color: rgba(255, 255, 255, .75)
  }

  .cps-out--dark {
      background: var(--dark);
      border: 1px solid var(--dark)
  }

  .cps-out--dark .cps-out-icon {
      background: rgba(241, 110, 0, .2);
      color: var(--primary-orange)
  }

  .cps-out--dark h5 {
      color: var(--white)
  }

  .cps-out--dark p {
      color: rgba(255, 255, 255, .5)
  }

  .cps-out--light {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray)
  }

  .cps-out--light .cps-out-icon {
      background: var(--primary-orange-dim);
      color: var(--primary-orange)
  }

  .cps-out--light h5 {
      color: var(--dark)
  }

  .cps-out--light p {
      color: var(--medium-gray)
  }

  .about-cta-strip {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 32px 36px
  }

  .about-cta-title {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      margin-bottom: 8px;
      letter-spacing: -.01em
  }

  .contact-action-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 14px;
      font-weight: 500;
      padding: 11px 24px;
      border-radius: 8px;
      text-decoration: none;
      box-shadow: var(--shadow-lg);
      transition: background var(--transition-normal), transform var(--transition-normal)
  }

  .contact-action-btn:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-2px)
  }

  .contact-action-outline {
      background: var(--white);
      color: var(--dark-gray);
      border: 1.5px solid var(--border-gray);
      box-shadow: none
  }

  .contact-action-outline i {
      color: var(--primary-orange)
  }

  .contact-action-outline:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      background: var(--primary-orange-dim)
  }

  @media(max-width:991px) {
      .cps-split-dark {
          min-height: auto
      }

      .cps-alert-banner {
          padding: 28px 20px
      }

      .about-cta-strip {
          padding: 24px 20px
      }
  }

  @media(max-width:600px) {
      .cps-section {
          padding: 48px 0
      }

  }

  /* ── Section ── */
  .faq-section {
      padding: 60px 0;
      background: var(--white);
  }

  .faq-cta-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.8;
  }

  /* ── Sidebar ── */
  .faq-sidebar {
      position: sticky;
      top: 24px;
  }

  .faq-sidebar-title {
      font-size: clamp(22px, 2.5vw, 30px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 14px;
  }

  .faq-sidebar-title span {
      color: var(--primary-orange);
  }

  .faq-sidebar-body {
      font-size: 14px;
      color: var(--medium-gray);
      line-height: 1.75;
      margin-bottom: 24px;
  }

  /* Sidebar contact card */
  .faq-contact-card {
      background: var(--dark);
      border-radius: 14px;
      padding: 24px;
      margin-bottom: 20px;
  }

  .faq-contact-icon {
      width: 44px;
      height: 44px;
      background: rgba(241, 110, 0, .2);
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 18px;
      margin-bottom: 14px;
  }

  .faq-contact-card h5 {
      font-size: 15px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 8px;
  }

  .faq-contact-card p {
      font-size: 13px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.65;
      margin-bottom: 16px;
  }

  .faq-contact-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 13px;
      font-weight: 600;
      padding: 10px 20px;
      border-radius: 8px;
      text-decoration: none;
      transition: background var(--transition-normal), transform var(--transition-normal);
  }

  .faq-contact-btn:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-1px);
  }

  /* Sidebar stats */
  .faq-stat-row {
      display: flex;
      gap: 12px;
  }

  .faq-stat {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 10px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 10px;
      padding: 14px 12px;
  }

  .faq-stat>i {
      font-size: 18px;
      color: var(--primary-orange);
      flex-shrink: 0;
  }

  .faq-stat-num {
      font-size: 16px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
  }

  .faq-stat-lbl {
      font-size: 10px;
      color: var(--medium-gray);
      line-height: 1.3;
  }

  /* ── Accordion ── */
  .faq-accordion {
      display: flex;
      flex-direction: column;
      gap: 0;
  }

  .faq-item {
      border: 1px solid var(--border-gray);
      border-radius: 0;
      background: var(--white);
      overflow: hidden;
      transition: border-color var(--transition-normal);
  }

  .faq-item:first-child {
      border-radius: 14px 14px 0 0;
  }

  .faq-item:last-child {
      border-radius: 0 0 14px 14px;
  }

  .faq-item+.faq-item {
      border-top: none;
  }

  .faq-item:hover {
      border-color: rgba(241, 110, 0, .3);
      z-index: 1;
      position: relative;
  }

  .faq-item.faq-item--open {
      border-color: var(--primary-orange);
      z-index: 2;
      position: relative;
  }

  /* Trigger button */
  .faq-trigger {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      background: transparent;
      border: none;
      padding: 20px 24px;
      cursor: pointer;
      text-align: left;
      transition: background var(--transition-normal);
  }

  .faq-trigger:hover {
      background: var(--bg-gray);
  }

  .faq-trigger--active {
      background: var(--primary-orange-dim);
  }

  .faq-trigger--active:hover {
      background: var(--primary-orange-dim);
  }

  .faq-trigger-inner {
      display: flex;
      align-items: center;
      gap: 14px;
      flex: 1;
      min-width: 0;
  }

  .faq-q-num {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.06em;
      color: var(--primary-orange);
      background: var(--primary-orange-dim);
      border: 1px solid rgba(241, 110, 0, .2);
      border-radius: 6px;
      padding: 4px 8px;
      flex-shrink: 0;
      line-height: 1;
  }

  .faq-trigger--active .faq-q-num {
      background: var(--primary-orange);
      color: var(--white);
      border-color: var(--primary-orange);
  }

  .faq-q-text {
      font-size: 15px;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.35;
  }

  .faq-trigger--active .faq-q-text {
      color: var(--orange-dark);
  }

  .faq-trigger-icon {
      width: 32px;
      height: 32px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--medium-gray);
      font-size: 12px;
      flex-shrink: 0;
      transition: background var(--transition-normal),
          color var(--transition-normal),
          transform var(--transition-normal);
  }

  .faq-trigger--active .faq-trigger-icon {
      background: var(--primary-orange);
      border-color: var(--primary-orange);
      color: var(--white);
      transform: rotate(180deg);
  }

  /* Body */
  .faq-body {
      padding: 0 24px 22px;
      border-top: 1px solid var(--border-gray);
      background: var(--primary-orange-dim);
  }

  .faq-body p {
      font-size: 14px;
      color: var(--dark-gray);
      line-height: 1.8;
      margin-bottom: 0;
      padding-top: 18px;
  }

  /* ── Responsive ── */
  @media (max-width: 991px) {
      .faq-sidebar {
          position: static;
          margin-bottom: 40px;
      }

      .about-cta-strip {
          padding: 24px 20px;
      }
  }

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

      .section-divider {
          margin: 40px 0;
      }

      .faq-trigger {
          padding: 16px 18px;
      }

      .faq-body {
          padding: 0 18px 18px;
      }

      .faq-q-text {
          font-size: 14px;
      }
  }


  /* ── Section ── */
  .pp-section {
      padding: 60px 0;
      background: var(--white);
  }

  /* ── Meta bar ── */
  .pp-meta-bar {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 10px;
      padding: 12px 18px;
      margin-bottom: 40px;
      font-size: 12px;
      font-weight: 600;
      color: var(--medium-gray);
  }

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

  .pp-meta-bar i {
      color: var(--primary-orange);
  }

  /* ── Sticky nav ── */
  .pp-nav {
      position: sticky;
      top: 24px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      padding: 20px;
  }

  .pp-nav-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--primary-orange);
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 14px;
  }

  .pp-nav-list {
      list-style: none;
      padding: 0;
      margin: 0 0 20px 0;
      display: flex;
      flex-direction: column;
      gap: 2px;
  }

  .pp-nav-link {
      display: block;
      font-size: 13px;
      font-weight: 500;
      color: var(--dark-gray);
      text-decoration: none;
      padding: 7px 10px;
      border-radius: 7px;
      transition: background var(--transition-normal), color var(--transition-normal);
  }

  .pp-nav-link:hover {
      background: var(--white);
      color: var(--primary-orange);
  }

  .pp-nav-contact {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 10px;
      padding: 12px 14px;
  }

  .pp-nav-contact>i {
      color: var(--primary-orange);
      font-size: 15px;
      margin-top: 2px;
      flex-shrink: 0;
  }

  .pp-nav-contact-label {
      font-size: 11px;
      color: var(--medium-gray);
      margin-bottom: 2px;
  }

  .pp-nav-contact-email {
      font-size: 12px;
      font-weight: 600;
      color: var(--primary-orange);
      text-decoration: none;
  }

  .pp-nav-contact-email:hover {
      text-decoration: underline;
  }

  /* ── Content blocks ── */
  .pp-block {
      scroll-margin-top: 24px;
      margin-bottom: 0;
  }

  .pp-block-head {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 20px;
  }

  .pp-block-icon {
      width: 42px;
      height: 42px;
      background: var(--primary-orange);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 17px;
      flex-shrink: 0;
  }

  .pp-block-head h2 {
      font-size: 20px;
      font-weight: 800;
      color: var(--dark);
      letter-spacing: -0.01em;
      margin: 0;
  }

  .pp-block p {
      font-size: 14px;
      color: var(--medium-gray);
      line-height: 1.85;
      margin-bottom: 14px;
  }

  .pp-block p:last-child {
      margin-bottom: 0;
  }

  .pp-divider {
      border-color: var(--border-gray);
      margin: 40px 0;
      opacity: 1;
  }

  /* ── Link ── */
  .pp-link {
      color: var(--primary-orange);
      text-decoration: none;
      font-weight: 600;
  }

  .pp-link:hover {
      text-decoration: underline;
  }

  /* ── Lists ── */
  .pp-list {
      margin: 0 0 14px 0;
      padding: 0;
      list-style: none;
  }

  .pp-list--bullets {
      display: flex;
      flex-direction: column;
      gap: 6px;
  }

  .pp-list--bullets li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
      color: var(--medium-gray);
      line-height: 1.6;
  }

  .pp-list--bullets li::before {
      content: '';
      width: 6px;
      height: 6px;
      background: var(--primary-orange);
      border-radius: 50%;
      flex-shrink: 0;
      margin-top: 7px;
  }

  /* ── Highlight box ── */
  .pp-highlight-box {
      background: var(--primary-orange-dim);
      border: 1px solid rgba(241, 110, 0, .2);
      border-left: 4px solid var(--primary-orange);
      border-radius: 10px;
      padding: 18px 20px;
      margin-top: 18px;
  }

  .pp-highlight-title {
      font-size: 13px !important;
      font-weight: 700 !important;
      color: var(--orange-dark) !important;
      display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 10px !important;
  }

  .pp-highlight-box .pp-list--bullets li {
      color: var(--dark-gray);
  }

  /* ── Info cards ── */
  .pp-info-card {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 10px;
      padding: 18px;
      margin: 18px 0;
  }

  .pp-info-card-icon {
      width: 36px;
      height: 36px;
      background: var(--primary-orange-dim);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 15px;
      flex-shrink: 0;
      margin-top: 2px;
  }

  .pp-info-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .pp-info-card p {
      font-size: 13px !important;
      margin-bottom: 0 !important;
  }

  /* ── Note card ── */
  .pp-note-card {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 10px;
      padding: 16px 18px;
      margin-top: 14px;
  }

  .pp-note-card>i {
      font-size: 16px;
      color: var(--primary-orange);
      flex-shrink: 0;
      margin-top: 1px;
  }

  .pp-note-card p {
      font-size: 13px !important;
      margin-bottom: 0 !important;
  }

  .pp-note-card--amber {
      background: #fffbf0;
      border-color: #ffe09c;
  }

  .pp-note-card--amber>i {
      color: #f59f00;
  }

  /* ── Contact footer ── */
  .pp-contact-footer {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      background: var(--dark);
      border-radius: 14px;
      padding: 24px;
      margin-top: 40px;
  }

  .pp-contact-footer-icon {
      width: 44px;
      height: 44px;
      background: rgba(241, 110, 0, .2);
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 18px;
      flex-shrink: 0;
  }

  .pp-contact-footer h5 {
      font-size: 15px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 6px;
  }

  .pp-contact-footer p {
      font-size: 13px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.65;
      margin-bottom: 0;
  }

  .pp-contact-footer .pp-link {
      color: var(--primary-orange);
  }

  /* ── Responsive ── */
  @media (max-width: 991px) {
      .pp-section {
          padding: 48px 0 72px;
      }
  }

  @media (max-width: 600px) {
      .pp-meta-bar {
          flex-direction: column;
          gap: 8px;
      }
  }


  /* ── Refund blocks ── */
  .rp-refund-block {
      border-radius: 12px;
      padding: 22px 24px;
      margin-bottom: 16px;
  }

  .rp-refund-block-head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
  }

  .rp-refund-head-icon {
      width: 36px;
      height: 36px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      flex-shrink: 0;
  }

  .rp-refund-block-head h4 {
      font-size: 14px;
      font-weight: 700;
      margin: 0;
      line-height: 1.3;
  }

  /* No refund */
  .rp-refund-block--no {
      background: #fff5f5;
      border: 1px solid #ffd0d0;
  }

  .rp-refund-head-icon--no {
      background: #f8d7da;
      color: #e53935;
  }

  .rp-refund-block--no .rp-refund-block-head h4 {
      color: #721c24;
  }

  .rp-refund-block--no .pp-list--bullets li {
      color: #721c24;
      opacity: .85;
  }

  .rp-refund-block--no .pp-list--bullets li::before {
      background: #e53935;
  }

  /* Yes refund */
  .rp-refund-block--yes {
      background: #f0faf4;
      border: 1px solid #c3e6cb;
  }

  .rp-refund-head-icon--yes {
      background: #d4edda;
      color: #28a745;
  }

  .rp-refund-block--yes .rp-refund-block-head h4 {
      color: #155724;
  }

  .rp-refund-block--yes .pp-list--bullets li {
      color: #155724;
      opacity: .85;
  }

  .rp-refund-block--yes .pp-list--bullets li::before {
      background: #28a745;
  }

  @media (max-width:600px) {
      .rp-refund-block {
          padding: 18px;
      }
  }


  /* ── Section ── */
  .notfound-section {
      padding: 60px 0;
      background: var(--white);
      min-height: 70vh;
      display: flex;
      align-items: center;
  }

  .notfound-inner {
      text-align: center;
      max-width: 680px;
      margin: 0 auto;
  }

  /* ── 404 Graphic ── */
  .notfound-graphic {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 32px;
  }

  .notfound-404 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      position: relative;
      z-index: 2;
  }

  .notfound-4-left,
  .notfound-4-right {
      font-size: clamp(100px, 16vw, 160px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1;
      letter-spacing: -0.04em;
      opacity: .08;
      user-select: none;
  }

  /* Animated zero */
  .notfound-zero {
      width: clamp(80px, 13vw, 130px);
      height: clamp(80px, 13vw, 130px);
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
  }

  .notfound-zero-ring {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 6px solid transparent;
      border-top-color: var(--primary-orange);
      border-right-color: var(--primary-orange);
      animation: nf-spin 2.5s linear infinite;
  }

  .notfound-zero-ring::after {
      content: '';
      position: absolute;
      inset: 10px;
      border-radius: 50%;
      border: 3px solid var(--primary-orange-dim);
  }

  .notfound-zero-dot {
      width: 16px;
      height: 16px;
      background: var(--primary-orange);
      border-radius: 50%;
      animation: nf-pulse 1.8s ease-in-out infinite;
  }

  @keyframes nf-spin {
      0% {
          transform: rotate(0deg);
      }

      100% {
          transform: rotate(360deg);
      }
  }

  @keyframes nf-pulse {

      0%,
      100% {
          transform: scale(1);
          opacity: 1;
      }

      50% {
          transform: scale(1.4);
          opacity: .7;
      }
  }

  /* Decorative lines + dots */
  .notfound-deco-line {
      position: absolute;
      background: var(--border-gray);
      border-radius: 2px;
  }

  .notfound-deco-line--1 {
      width: 60px;
      height: 2px;
      top: 50%;
      left: -70px;
      transform: translateY(-50%);
  }

  .notfound-deco-line--2 {
      width: 60px;
      height: 2px;
      top: 50%;
      right: -70px;
      transform: translateY(-50%);
  }

  .notfound-deco-dot {
      position: absolute;
      background: var(--primary-orange);
      border-radius: 50%;
      opacity: .25;
  }

  .notfound-deco-dot--1 {
      width: 8px;
      height: 8px;
      top: 10px;
      left: 10px;
  }

  .notfound-deco-dot--2 {
      width: 12px;
      height: 12px;
      bottom: 8px;
      right: 12px;
      animation: nf-pulse 2.5s ease-in-out infinite;
  }

  .notfound-deco-dot--3 {
      width: 6px;
      height: 6px;
      bottom: 16px;
      left: 20px;
      animation: nf-pulse 3s ease-in-out infinite .5s;
  }

  /* ── Copy ── */
  .notfound-title {
      font-size: clamp(26px, 4vw, 40px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.15;
      letter-spacing: -0.02em;
      margin: 8px 0 16px;
  }

  .notfound-body {
      font-size: 16px;
      color: var(--medium-gray);
      line-height: 1.75;
      margin-bottom: 36px;
  }


  @media (max-width: 600px) {
      .notfound-section {
          padding: 60px 0 80px;
      }

      .notfound-deco-line {
          display: none;
      }

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

      .notfound-actions {
          flex-direction: column;
          align-items: stretch;
      }

      .contact-action-btn {
          justify-content: center;
      }
  }

  @media (max-width: 360px) {
      .notfound-quicknav-grid {
          grid-template-columns: 1fr;
      }
  }

  .hw-s1-section {
      padding: 60px 0;
      background: var(--white);
      position: relative;
      overflow: hidden;
  }

  .hw-s1-inner {
      text-align: center;
      max-width: 820px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
  }

  /* Badge */
  .hw-s1-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange-dim);
      border: 1px solid rgba(241, 110, 0, .2);
      color: var(--orange-dark);
      font-size: 12px;
      font-weight: 600;
      padding: 6px 16px;
      border-radius: 30px;
      margin-bottom: 24px;
      letter-spacing: 0.02em;
  }

  .hw-s1-badge-dot {
      width: 7px;
      height: 7px;
      background: var(--primary-orange);
      border-radius: 50%;
      animation: hw-pulse 1.8s ease-in-out infinite;
  }

  @keyframes hw-pulse {

      0%,
      100% {
          opacity: 1;
          transform: scale(1);
      }

      50% {
          opacity: .5;
          transform: scale(1.3);
      }
  }

  /* Headline */
  .hw-s1-headline {
      font-size: clamp(30px, 5vw, 52px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.1;
      letter-spacing: -0.03em;
      margin-bottom: 24px;
  }

  .hw-s1-headline span {
      color: var(--primary-orange);
  }

  /* Body */
  .hw-s1-body {
      font-size: 16px;
      color: var(--medium-gray);
      line-height: 1.85;
  }

  /* Stats */
  .hw-s1-stats {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0;
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 16px;
      padding: 24px 32px;
      box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
  }

  .hw-s1-stat {
      padding: 0 28px;
      text-align: center;
  }

  .hw-s1-stat-num {
      font-size: 28px;
      font-weight: 800;
      color: var(--primary-orange);
      line-height: 1;
      margin-bottom: 4px;
  }

  .hw-s1-stat-num span {
      font-size: 18px;
  }

  .hw-s1-stat-lbl {
      font-size: 11px;
      font-weight: 500;
      color: var(--medium-gray);
      letter-spacing: 0.04em;
      white-space: nowrap;
  }

  .hw-s1-stat-sep {
      width: 1px;
      height: 40px;
      background: var(--border-gray);
      flex-shrink: 0;
  }

  /* ─────────────────────────────────────────────
       SECTION 2 — Zigzag
    ───────────────────────────────────────────── */
  .hw-s2-section {
      padding: 60px 0;
      background: var(--bg-gray);
  }

  .hw-s2-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 18px;
  }

  .hw-s2-title span {
      color: var(--primary-orange);
  }

  .hw-s2-body {
      font-size: 15px;
      color: var(--medium-gray);
      line-height: 1.85;
      margin-bottom: 0;
  }

  /* Visual block */
  .hw-s2-visual {
      background: var(--white);
      border: 1px solid var(--border-gray);
      border-radius: 20px;
      overflow: hidden;
      aspect-ratio: 1 / 0.85;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
  }

  .hw-s2-visual-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      padding: 32px;
      width: 100%;
  }

  .hw-s2-icon-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      width: 100%;
      max-width: 280px;
  }

  .hw-s2-icon-cell {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 14px;
      aspect-ratio: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      color: var(--medium-gray);
      transition: transform .25s;
  }

  .hw-s2-icon-cell:hover {
      transform: scale(1.07);
  }

  .hw-s2-icon-cell--orange {
      background: var(--primary-orange);
      border-color: var(--primary-orange);
      color: var(--white);
  }

  .hw-s2-icon-cell--dark {
      background: var(--dark);
      border-color: var(--dark);
      color: var(--primary-orange);
  }

  .hw-s2-visual-label {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--medium-gray);
  }

  /* ─────────────────────────────────────────────
       SECTION 3 — Dark band
    ───────────────────────────────────────────── */
  .hw-s3-section {
      padding: 0;
  }

  .hw-s3-dark-band {
      background: var(--dark);
      padding: 60px 0 ;
      position: relative;
      overflow: hidden;
  }

  .hw-s3-dark-band::before {
      content: '';
      position: absolute;
      top: -115px;
      right: -115px;
      width: 400px;
      height: 400px;
      border: 60px solid rgba(241, 110, 0, .07);
      border-radius: 50%;
      pointer-events: none;
  }

  .hw-s3-dark-band::after {
      content: '';
      position: absolute;
      bottom: -60px;
      left: -60px;
      width: 280px;
      height: 280px;
      border: 40px solid rgba(241, 110, 0, .05);
      border-radius: 50%;
      pointer-events: none;
  }

  .hw-s3-title {
      font-size: clamp(24px, 3vw, 34px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.2;
      letter-spacing: -0.02em;
      margin-bottom: 18px;
  }

  .hw-s3-title span {
      color: var(--primary-orange);
  }

  .hw-s3-body {
      font-size: 15px;
      color: rgba(255, 255, 255, .55);
      line-height: 1.85;
      margin-bottom: 0;
  }

  /* Buttons */
  .hw-s3-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--primary-orange);
      color: var(--white);
      font-size: 14px;
      font-weight: 600;
      padding: 12px 26px;
      border-radius: 9px;
      text-decoration: none;
      transition: background .25s, transform .25s;
  }

  .hw-s3-btn-primary:hover {
      background: var(--orange-dark);
      color: var(--white);
      transform: translateY(-2px);
  }

  .hw-s3-btn-outline {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: transparent;
      color: rgba(255, 255, 255, .7);
      font-size: 14px;
      font-weight: 500;
      padding: 12px 26px;
      border-radius: 9px;
      border: 1.5px solid rgba(255, 255, 255, .2);
      text-decoration: none;
      transition: border-color .25s, color .25s, transform .25s;
  }

  .hw-s3-btn-outline:hover {
      border-color: var(--primary-orange);
      color: var(--primary-orange);
      transform: translateY(-2px);
  }

  /* Pillars */
  .hw-s3-pillars {
      display: flex;
      flex-direction: column;
      gap: 12px;
      position: relative;
      z-index: 1;
  }

  .hw-s3-pillar {
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 14px;
      padding: 20px 22px;
      transition: background .25s, border-color .25s, transform .25s;
  }

  .hw-s3-pillar:hover {
      background: rgba(255, 255, 255, .08);
      border-color: rgba(241, 110, 0, .3);
      transform: translateX(6px);
  }

  .hw-s3-pillar--highlight {
      background: var(--primary-orange);
      border-color: var(--primary-orange);
  }

  .hw-s3-pillar--highlight:hover {
      background: var(--orange-dark);
      border-color: var(--orange-dark);
      transform: translateX(6px);
  }

  .hw-s3-pillar-head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 8px;
  }

  .hw-s3-pillar-icon {
      width: 36px;
      height: 36px;
      background: rgba(241, 110, 0, .2);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-orange);
      font-size: 15px;
      flex-shrink: 0;
  }

  .hw-s3-pillar-icon--white {
      background: rgba(255, 255, 255, .2);
      color: var(--white);
  }

  .hw-s3-pillar h5 {
      font-size: 14px;
      font-weight: 700;
      color: var(--white);
      margin: 0;
  }

  .hw-s3-pillar p {
      font-size: 13px;
      color: rgba(255, 255, 255, .5);
      line-height: 1.65;
      margin: 0;
      padding-left: 48px;
  }

  .hw-s3-pillar--highlight p {
      color: rgba(255, 255, 255, .8);
  }

  /* ─── Responsive ─── */
  @media (max-width: 991px) {
      .hw-s1-stats {
          gap: 0;
      }

      .hw-s1-stat {
          padding: 8px 16px;
      }

      .hw-s1-stat-sep {
          height: 1px;
          width: 60px;
      }
  }

  @media (max-width: 767px) {
      .hw-s1-section {
          padding: 72px 0 60px;
      }

      .hw-s2-section {
          padding: 60px 0;
      }

      .hw-s3-dark-band {
          padding: 60px 0 72px;
      }

      .hw-s1-stats {
          flex-direction: column;
          padding: 20px;
      }

      .hw-s1-stat-sep {
          width: 60px;
          height: 1px;
      }

      .hw-s2-visual {
          aspect-ratio: auto;
          min-height: 220px;
      }
  }

  .aw-s2-card {
      background: var(--bg-gray);
      border: 1px solid var(--border-gray);
      border-radius: 12px;
      padding: 20px;
      height: 100%;
      text-align: center;
      transition: border-color var(--transition-normal),
          box-shadow var(--transition-normal),
          transform var(--transition-normal);
  }

  .aw-s2-card:hover {
      border-color: var(--primary-orange);
      box-shadow: var(--shadow-lg);
      transform: translateY(-2px);
  }

  .aw-s2-card-icon {
      width: 44px;
      height: 44px;
      background: var(--primary-orange);
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 18px;
      margin: 0 auto 12px;
  }

  .aw-s2-card h5 {
      font-size: 13px;
      font-weight: 700;
      color: var(--dark);
      margin-bottom: 6px;
  }

  .aw-s2-card p {
      font-size: 12px;
      color: var(--medium-gray);
      line-height: 1.6;
      margin-bottom: 0;
  }

  .footer-top {
    display: grid;
    grid-template-columns: 200px 140px 200px 220px 180px;
    gap: 36px;
    align-items: start;
}

@media (max-width: 1199px) {
    .footer-top {
        grid-template-columns: 180px 130px 190px 200px 160px;
        gap: 24px;
    }
}

@media (max-width: 991px) {
    .footer-top {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 28px;
    }
    .brand-col { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
    .footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}

@media (max-width: 420px) {
    .footer-top { grid-template-columns: 1fr; }
}


.site-footer {
    background: var(--dark, #1e1e1e);
    position: relative;
    font-family: var(--font-primary, 'Inter', sans-serif);
}

/* ── Accent bar ── */
.footer-accent-bar {
    height: 2px; 
    background: linear-gradient(90deg, #f16e00 0%, #e05d00 100%); 
}

/* ── Brand col ── */
.footer-logo img { 
    filter: brightness(0) invert(1); 
    opacity: .85; 
    max-width: 140px; 
}
.footer-tagline { 
    font-size: 12.5px; 
    color: rgba(255,255,255,.4);
    line-height: 1.7;
    margin-bottom: 10px;  
} 

/* Social */
.footer-social-btn {
    width: 32px; height: 32px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 7px;
    display: inline-flex; align-items: center; justify-content: center;
    text-decoration: none;
    transition: background .2s, border-color .2s, transform .2s;
    flex-shrink: 0;
}
.footer-social-btn:hover {
    background: #f16e00;
    border-color: #f16e00;
    transform: translateY(-2px);
}
.footer-social-btn svg {
    fill: none;
    stroke: rgba(255,255,255,.65);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.footer-social-btn:hover svg { stroke: #fff; }

/* App badge */
.footer-app-badge {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 9px;
    padding: 8px 12px;
    transition: background .2s, border-color .2s;
}
.footer-app-badge:hover {
    background: rgba(241,110,0,.15);
    border-color: rgba(241,110,0,.3);
}
.footer-app-badge svg {
    fill: none;
    stroke: #f16e00;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}
.footer-app-sub  { font-size: 9px;  color: rgba(255,255,255,.35); letter-spacing: .04em; }
.footer-app-name { font-size: 11px; color: rgba(255,255,255,.8); }

/* ── Column headings ── */
.footer-col-heading {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #f16e00;
    margin-bottom: 12px;
}
.footer-col-subheading {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

/* ── Link list ── */
.footer-link-list {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.footer-link-list a {
    font-size: 13px;
    color: rgba(255,255,255,.45);
    text-decoration: none;
    line-height: 1.4;
    display: block;
    transition: color .2s, padding-left .2s;
}
.footer-link-list a:hover {
    color: #f16e00;
    padding-left: 4px;
}
.footer-highlight-link {
    color: #f16e00 !important;
    font-weight: 600 !important;
}

/* ── Credentials ── */
.footer-cert-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 6px 8px;
}
.footer-creds-text {
    font-size: 11px;
    color: rgba(255,255,255,.3);
    line-height: 1.65;
    margin-bottom: 0;
}

/* Stats */
.footer-stats {
    display: flex;
    gap: 8px;
}
.footer-stat-item {
    flex: 1;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    padding: 8px 6px;
    text-align: center;
}
.footer-stat-num {
    font-size: 14px;
    font-weight: 800;
    color: #f16e00;
    line-height: 1;
    margin-bottom: 2px;
}
.footer-stat-num span { font-size: 10px; }
.footer-stat-lbl {
    font-size: 9px;
    color: rgba(255,255,255,.3);
    letter-spacing: .03em;
}

/* ── Divider ── */
.footer-divider hr {
    border: none;
    border-top: 1px solid rgba(255,255,255,.07);
    margin: 0;
}

/* ── Bottom bar ── */
.footer-copyright {
    font-size: 12px;
    color: rgba(255,255,255,.25);
}
.policy-links a {
    font-size: 12px;
    color: rgba(255,255,255,.25);
    text-decoration: none;
    transition: color .2s;
}
.policy-links a:hover { color: #f16e00; }
.sep {
    font-size: 11px;
    color: rgba(255,255,255,.12);
}

/* ── FAB ── */
.footer-fab {
    position: fixed;
    bottom: 24px; right: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f16e00;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 11px 20px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(241,110,0,.4);
    z-index: 999;
    transition: background .25s, transform .25s, box-shadow .25s;
}
.footer-fab:hover {
    background: #e05d00;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(241,110,0,.5);
}
.footer-fab i { font-size: 14px; }

/* ── Responsive tweaks ── */
@media (max-width: 991px) {
    .footer-main { padding: 40px 0 !important; }
}
@media (max-width: 575px) {
    .footer-fab-text { display: none; }
    .footer-fab { padding: 13px; border-radius: 50%; }
}



  /* ── Right Column — Cards ── */
  .sdc-why-cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .sdc-why-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 22px 24px;
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  }

  .sdc-why-card:hover {
    border-color: #f16e00;
    box-shadow: 0 6px 24px rgba(241, 110, 0, 0.10);
    transform: translateX(4px);
  }

  .sdc-why-card-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #fff4eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f16e00;
    font-size: 17px;
    margin-top: 2px;
  }

  .sdc-why-card-body h5 {
    font-size: 14.5px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 6px 0;
    line-height: 1.3;
  }

  .sdc-why-card-body p {
    font-size: 13.5px;
    color: #666;
    line-height: 1.65;
    margin: 0;
  }

  /* ── Number Badge ── */
  .sdc-why-card-num {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f16e00;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-top: 2px;
  }

  @media (max-width: 991px) {
    .sdc-why-left {
      position: static;
      margin-bottom: 36px;
    }
  }
/* Add to your existing CSS */
.client-logo-card {
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.client-logo-card:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: var(--primary-orange);
    box-shadow: 0 20px 35px -12px rgba(241, 110, 0, 0.2);
}

.client-logo-card img {
    transition: filter 0.3s ease;
}

.client-logo-card:hover img {
    filter: brightness(1.05);
}
/* Updated Case studies on 27/03/2026 */
/* Enhanced Case Study Styles */
.cs-card-enhanced {
    background: var(--white);
    border-radius: 28px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    margin-bottom: 48px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border-gray);
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cs-header {
    background: linear-gradient(135deg, #f16e00 0%, #e05d00 100%);
    padding: 32px 40px;
    position: relative;
    overflow: hidden;
}

.cs-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    pointer-events: none;
}

.cs-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
    padding: 8px 16px;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 600;
    color: white;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.cs-badge i {
    font-size: 14px;
}

.cs-header h2 {
    font-size: 32px;
    font-weight: 800;
    color: white;
    margin-bottom: 12px;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.cs-industry-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.15);
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 13px;
    color: white;
    margin-top: 8px;
}

.cs-industry-tag i {
    font-size: 12px;
}

/* Tab Navigation Styles */
.cs-tab-navigation {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.cs-tab-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--white);
    border: 2px solid var(--border-gray);
    border-radius: 60px;
    padding: 14px 28px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 16px;
    color: var(--dark-gray);
}

.cs-tab-btn i {
    font-size: 20px;
    color: var(--primary-orange);
    transition: all 0.3s ease;
}

.cs-tab-btn:hover {
    border-color: var(--primary-orange);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(241, 110, 0, 0.15);
}

.cs-tab-btn.active {
    background: var(--primary-orange);
    border-color: var(--primary-orange);
    color: white;
}

.cs-tab-btn.active i {
    color: white;
}

.cs-tab-number {
    font-size: 20px;
    font-weight: 800;
}

.cs-tab-content {
    display: none;
}

.cs-tab-content.active {
    display: block;
    animation: fadeIn 0.5s ease-in-out;
}

.cs-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}

.cs-stat-card {
    background: var(--bg-gray);
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid var(--border-gray);
}

.cs-stat-card:hover {
    transform: translateY(-4px);
    border-color: var(--primary-orange);
    background: white;
}

.cs-stat-number {
    font-size: 32px;
    font-weight: 800;
    color: var(--primary-orange);
    line-height: 1;
    margin-bottom: 8px;
}

.cs-stat-label {
    font-size: 12px;
    color: var(--medium-gray);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cs-section-block {
    margin-bottom: 32px;
}

.cs-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.cs-section-icon {
    width: 44px;
    height: 44px;
    background: var(--primary-orange-dim);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-orange);
    font-size: 20px;
}

.cs-section-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark);
    margin: 0;
}

.cs-section-title h3 span {
    color: var(--primary-orange);
}

.cs-text {
    font-size: 15px;
    color: var(--medium-gray);
    line-height: 1.8;
    margin-bottom: 16px;
}

.cs-highlight-box {
    background: linear-gradient(135deg, var(--orange-bg-light) 0%, #fff5eb 100%);
    border-left: 4px solid var(--primary-orange);
    border-radius: 16px;
    padding: 24px;
    margin: 24px 0;
}

.cs-highlight-box p {
    margin: 0;
    font-style: italic;
    color: var(--dark-gray);
}

.cs-metrics-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 24px 0;
}

.cs-metric-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--bg-gray);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.cs-metric-item:hover {
    background: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transform: translateX(4px);
}

.cs-metric-icon {
    width: 36px;
    height: 36px;
    background: var(--primary-orange);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    flex-shrink: 0;
}

.cs-metric-content {
    flex: 1;
}

.cs-metric-value {
    font-size: 18px;
    font-weight: 800;
    color: var(--dark);
    line-height: 1.2;
}

.cs-metric-label {
    font-size: 12px;
    color: var(--medium-gray);
}

.cs-quote {
    background: var(--dark);
    border-radius: 20px;
    padding: 32px;
    margin: 32px 0;
    position: relative;
}

.cs-quote::before {
    content: '"';
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 80px;
    color: rgba(241, 110, 0, 0.2);
    font-family: serif;
    line-height: 1;
}

.cs-quote p {
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255,255,255,0.85);
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
    font-style: italic;
}

.cs-quote-author {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-orange);
    position: relative;
    z-index: 1;
}

.cs-solution-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin: 24px 0;
}

.cs-solution-card {
    background: var(--white);
    border: 1px solid var(--border-gray);
    border-radius: 20px;
    padding: 24px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.cs-solution-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, #f16e00, #e05d00);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cs-solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(241, 110, 0, 0.1);
    border-color: rgba(241, 110, 0, 0.3);
}

.cs-solution-card:hover::before {
    opacity: 1;
}

.cs-solution-number {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-orange);
    margin-bottom: 12px;
    display: inline-block;
    background: var(--primary-orange-dim);
    padding: 4px 12px;
    border-radius: 20px;
}

.cs-solution-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 12px;
    line-height: 1.4;
}

.cs-solution-card p {
    font-size: 14px;
    color: var(--medium-gray);
    line-height: 1.7;
    margin-bottom: 0;
}

.cs-solution-icon {
    width: 48px;
    height: 48px;
    background: var(--primary-orange-dim);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.cs-solution-icon i {
    font-size: 24px;
    color: var(--primary-orange);
}

@media (max-width: 768px) {
    .cs-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .cs-metrics-list {
        grid-template-columns: 1fr;
    }
    
    .cs-header h2 {
        font-size: 24px;
    }
    
    .cs-header {
        padding: 24px 28px;
    }
    
    .cs-solution-grid {
        grid-template-columns: 1fr;
    }
    
    .cs-tab-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .cs-stats-grid {
        grid-template-columns: 1fr;
    }
}
.btn-primary {
    display: inline-flex;
    align-items: center;
    background: #F16E00;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 28px;
    border-radius: 8px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 24px rgba(241, 110, 0, 0.2);
    transition: background 0.2s, transform 0.18s, box-shadow 0.2s;
    /* Remove blue border fix */
    border: none;
    outline: none;
}

/* Also remove focus ring for accessibility but without blue border */
.btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(241, 110, 0, 0.4), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 24px rgba(241, 110, 0, 0.2);
}

/* If the button is an <a> tag with :focus-visible */
.btn-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(241, 110, 0, 0.5), 0 2px 0 rgba(0, 0, 0, 0.15), 0 8px 24px rgba(241, 110, 0, 0.2);
}

/* Remove any default border that might come from browser */
a.btn-primary {
    text-decoration: none;
}