.ai-platform-hero {
       position: relative;
       background-image:
           linear-gradient(180deg, rgba(8, 20, 15, 0.82) 0%, rgba(6, 26, 18, 0.90) 55%, rgba(4, 18, 12, 0.96) 100%),
           url(../images/update/restaurant-ai-platform/ai-platform-bg.png);
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       overflow: hidden;
       height: 75vh;
   }

   .ai-platform-hero .container {
       position: relative;
       z-index: 2;
   }

   .ai-platform-eyebrow {
       display: inline-block;
       color: #04b261;
       font-size: 13px;
       font-weight: 600;
       letter-spacing: 4px;
       text-transform: uppercase;
       margin-bottom: 18px;
   }

   .ai-platform-title {
       color: #ffffff;
       font-size: 56px;
       line-height: 1.12;
       font-weight: 700;
       margin-bottom: 22px;
   }

   .ai-platform-title .text-green {
       color: #04b261;
   }

   .ai-platform-subtext {
       color: rgba(255, 255, 255, 0.78);
       font-size: 18px;
       line-height: 1.7;
       max-width: 680px;
       margin: 0 auto 36px;
   }

   .ai-platform-actions {
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       gap: 16px;
   }

   .ai-platform-actions .button {
       margin-top: 0 !important;
       padding: 14px 32px;
       font-size: 14px;
       letter-spacing: 1px;
   }

   .ai-platform-actions .button.is-outline {
       background: transparent;
       border: 1px solid rgba(255, 255, 255, 0.55);
       color: #ffffff;
   }

   .ai-platform-actions .button.is-outline:hover {
       background: rgba(255, 255, 255, 0.10);
       border-color: #ffffff;
   }

   /* Feature strip below hero */
   .ai-platform-features {
       background: #ffffff;
       border-top: 1px solid #eef2f0;
   }

   .ai-platform-features .feature-col {
       padding: 36px 30px;
       border-right: 1px solid #eef2f0;
   }

   .ai-platform-features .row>[class*="col-"]:last-child .feature-col {
       border-right: none;
   }

   .ai-platform-features h4 {
       color: #04b261;
       font-size: 20px;
       font-weight: 700;
       margin-bottom: 8px;
   }

   .ai-platform-features span {
       color: #8f99a2;
       font-size: 12px;
       font-weight: 600;
       letter-spacing: 1.5px;
       text-transform: uppercase;
   }

   @media (max-width: 991px) {
       .ai-platform-title {
           font-size: 38px;
       }

       .ai-platform-subtext {
           font-size: 16px;
       }

       .ai-platform-features .feature-col {
           border-right: none;
           border-bottom: 1px solid #eef2f0;
           text-align: center;
       }
   }

   /* ============================ AI Modules Section ============================ */
   .ai-modules {
       background: #ffffff;
   }

   .ai-modules-eyebrow {
       display: inline-block;
       color: #04b261;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 3px;
       text-transform: uppercase;
       margin-bottom: 16px;
   }

   .ai-modules-title {
       color: #111;
       font-size: 44px;
       line-height: 1.18;
       font-weight: 700;
       margin-bottom: 20px;
   }

   .ai-modules-intro {
       color: #6b7280;
       font-size: 18px;
       line-height: 1.7;
       max-width: 640px;
       margin: 0 auto;
   }

   .ai-module-row {
       margin-top: 70px;
   }

   .ai-module-index {
       display: block;
       color: #04b261;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 2px;
       text-transform: uppercase;
       margin-bottom: 18px;
   }

   .ai-module-name {
       color: #111;
       font-size: 32px;
       line-height: 1.2;
       font-weight: 700;
       margin-bottom: 16px;
   }

   .ai-module-desc {
       color: #6b7280;
       font-size: 17px;
       line-height: 1.6;
       margin-bottom: 28px;
   }

   .ai-module-label {
       display: block;
       color: #04b261;
       font-family: 'Courier New', monospace;
       font-size: 12px;
       font-weight: 700;
       letter-spacing: 2px;
       text-transform: uppercase;
       margin: 26px 0 14px;
   }

   .ai-module-features {
       list-style: none;
       margin: 0;
       padding: 0;
       column-count: 2;
       column-gap: 36px;
   }

   .ai-module-features li {
       position: relative;
       color: #374151;
       font-size: 15px;
       line-height: 1.5;
       padding-left: 20px;
       margin-bottom: 16px;
       break-inside: avoid;
   }

   .ai-module-features li::before {
       content: "";
       position: absolute;
       left: 0;
       top: 7px;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       background: #04b261;
   }

   .ai-module-benefits {
       display: flex;
       flex-wrap: wrap;
       gap: 12px;
   }

   .ai-module-benefits .benefit-tag {
       display: inline-block;
       color: #4b5563;
       background: #f8faf9;
       border: 1px solid #e5eae7;
       border-radius: 4px;
       font-family: 'Courier New', monospace;
       font-size: 12px;
       letter-spacing: 0.5px;
       padding: 10px 16px;
   }

   .ai-module-media {
       position: relative;
       border-radius: 14px;
       overflow: hidden;
       box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18);
   }

   .ai-module-media img {
       display: block;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .ai-module-media .media-badge {
       position: absolute;
       left: 18px;
       bottom: 18px;
       color: #ffffff;
       background: rgba(0, 0, 0, 0.55);
       font-family: 'Courier New', monospace;
       font-size: 12px;
       font-weight: 700;
       letter-spacing: 2px;
       text-transform: uppercase;
       padding: 7px 14px;
       border-radius: 4px;
   }

   .ai-modules-alt {
       background: #eef5ef;
   }

   @media (max-width: 991px) {
       .ai-modules-title {
           font-size: 32px;
       }

       .ai-module-name {
           font-size: 26px;
       }

       .ai-module-features {
           column-count: 1;
       }

       .ai-module-media {
           margin-top: 36px;
       }
   }

   /* ============================ Why Choose EatRes AI ============================ */
   .ai-why-inner {
       display: flex;
       flex-wrap: wrap;
   }

   .ai-why-text {
       flex: 0 0 50%;
       max-width: 50%;
       background: #0e3a25;
       padding: 90px 5.5%;
   }

   .ai-why-eyebrow {
       display: inline-block;
       color: #2fd17e;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 3px;
       text-transform: uppercase;
       margin-bottom: 18px;
   }

   .ai-why-title {
       color: #ffffff;
       font-size: 44px;
       line-height: 1.15;
       font-weight: 700;
       margin-bottom: 36px;
   }

   .ai-why-list {
       list-style: none;
       margin: 0;
       padding: 0;
   }

   .ai-why-list li {
       position: relative;
       color: #d7e6dd;
       font-size: 16px;
       line-height: 1.5;
       padding-left: 30px;
       margin-bottom: 22px;
   }

   .ai-why-list li::before {
       content: "\2713";
       position: absolute;
       left: 0;
       top: 0;
       color: #2fd17e;
       font-size: 15px;
       font-weight: 700;
   }

   .ai-why-media {
       flex: 0 0 50%;
       max-width: 50%;
   }

   .ai-why-media img {
       display: block;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   @media (max-width: 991px) {

       .ai-why-text,
       .ai-why-media {
           flex: 0 0 100%;
           max-width: 100%;
       }

       .ai-why-text {
           padding: 60px 30px;
       }

       .ai-why-title {
           font-size: 32px;
       }

       .ai-why-media img {
           min-height: 320px;
       }
   }

   /* ============================ AI Technology Stack ============================ */
   .ai-stack {
       background: #ffffff;
   }

   .ai-stack-card {
       background: #ffffff;
       border: 1px solid #e8eef0;
       border-radius: 10px;
       padding: 28px 26px;
       height: 100%;
       transition: box-shadow 0.25s ease, transform 0.25s ease;
   }

   .ai-stack-card:hover {
       box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
       transform: translateY(-4px);
   }

   .ai-stack-tag {
       display: inline-block;
       background: #eef7f1;
       border: 1px solid #d8e9df;
       color: #0e7a45;
       font-family: 'Courier New', monospace;
       font-size: 11px;
       font-weight: 700;
       letter-spacing: 1.5px;
       text-transform: uppercase;
       padding: 5px 11px;
       border-radius: 5px;
       margin-bottom: 18px;
   }

   .ai-stack-card h4 {
       color: #111;
       font-size: 19px;
       font-weight: 700;
       margin-bottom: 12px;
   }

   .ai-stack-card p {
       color: #6b7280;
       font-size: 14.5px;
       line-height: 1.6;
       margin: 0;
   }

   /* ============================ Engineering & Architecture ============================ */
   .ai-arch {
       background: #0e3a25;
   }

   .ai-arch-eyebrow {
       display: inline-block;
       color: #2fd17e;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 3px;
       text-transform: uppercase;
       margin-bottom: 18px;
   }

   .ai-arch-title {
       color: #ffffff;
       font-size: 44px;
       line-height: 1.15;
       font-weight: 700;
       margin-bottom: 20px;
   }

   .ai-arch-intro {
       color: #a7c3b4;
       font-size: 18px;
       line-height: 1.7;
       max-width: 640px;
       margin: 0 auto;
   }

   .ai-arch-card {
       background: #12422c;
       border: 1px solid rgba(255, 255, 255, 0.08);
       border-radius: 12px;
       padding: 28px 26px;
       height: 100%;
   }

   .ai-arch-card .card-label {
       display: block;
       color: #2fd17e;
       font-family: 'Courier New', monospace;
       font-size: 12px;
       font-weight: 700;
       letter-spacing: 2px;
       text-transform: uppercase;
       margin-bottom: 18px;
   }

   .ai-arch-tags {
       display: flex;
       flex-wrap: wrap;
       gap: 10px;
       margin-bottom: 22px;
   }

   .ai-arch-tag {
       display: inline-block;
       background: #0c2e1e;
       border: 1px solid rgba(255, 255, 255, 0.14);
       color: #e6f1ea;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       padding: 7px 14px;
       border-radius: 6px;
   }

   .ai-arch-card p {
       color: #9fbcac;
       font-size: 14.5px;
       line-height: 1.6;
       margin: 0;
   }

   .ai-arch-pills {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 14px;
       margin-top: 44px;
   }

   .ai-arch-pill {
       display: inline-block;
       background: transparent;
       border: 1px solid rgba(47, 209, 126, 0.4);
       color: #cfe3d8;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       padding: 10px 20px;
       border-radius: 50px;
   }

   .ai-arch-note {
       display: inline-block;
       border: 1px dashed rgba(47, 209, 126, 0.5);
       color: #7fae93;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       padding: 9px 18px;
       border-radius: 50px;
       margin-top: 18px;
   }

   @media (max-width: 991px) {
       .ai-arch-title {
           font-size: 32px;
       }

       .ai-arch-card {
           margin-bottom: 20px;
       }
   }

   /* ============================ FAQ Section ============================ */
   .ai-faq {
       background: #ffffff;
   }

   .ai-faq-eyebrow {
       display: inline-block;
       color: #04b261;
       font-family: 'Courier New', monospace;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 4px;
       text-transform: uppercase;
       margin-bottom: 14px;
   }

   .ai-faq-title {
       color: #111;
       font-size: 44px;
       font-weight: 700;
       margin-bottom: 10px;
   }

   .ai-faq-list {
       max-width: 880px;
       margin: 50px auto 0;
   }

   .faq-item {
       border-top: 1px solid #e7ecea;
   }

   .faq-item:last-child {
       border-bottom: 1px solid #e7ecea;
   }

   .faq-q {
       display: flex;
       align-items: center;
       justify-content: space-between;
       width: 100%;
       background: transparent !important;
       border: none;
       box-shadow: none;
       text-align: left;
       cursor: pointer;
       color: #1a2b22;
       font-size: 19px;
       font-weight: 700;
       padding: 26px 4px;
       transition: color 0.2s ease;
   }

   .faq-q:hover,
   .faq-q:focus,
   .faq-q:active,
   .faq-item.active .faq-q {
       background: transparent !important;
       color: #04b261;
       outline: none;
       box-shadow: none;
   }

   .faq-icon {
       flex: 0 0 auto;
       margin-left: 20px;
       color: #04b261;
       font-size: 16px;
       transition: transform 0.3s ease;
   }

   .faq-item.active .faq-icon {
       transform: rotate(180deg);
   }

   .faq-a {
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.35s ease;
   }

   .faq-item.active .faq-a {
       max-height: 500px;
   }

   .faq-a p {
       color: #6b7280;
       font-size: 16px;
       line-height: 1.7;
       margin: 0;
       padding: 0 4px 28px;
   }

   @media (max-width: 991px) {
       .ai-faq-title {
           font-size: 32px;
       }

       .faq-q {
           font-size: 17px;
       }
   }

   .dropdown-menu .dropdown-item {
       margin: 0 !important;
   }