/* ===== Our Services / Shared Layout ===== */
      html{
        height: 100%;
        min-height: 100%;
      }
      
      body{
        margin: 0;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        background-color: #FFF4E5;
        overflow-x: clip;
      }
      
      main.inner-page{
        flex: 1 0 auto;
      }

      .ai-section-title,.ai-block-head,.ai-list,.ai-sub-note{
        font-size: 14px;
        line-height: 1.7;
        color: #3f4656
      }
      
      .site-footer{
        margin-top: auto;
        position: relative;
        z-index: 2;
        background: #111827;
      }
      
      .footer-inner{
        padding: 12px 0 12px;
        text-align: center;
      }

      .page-panel[hidden]{
        display: none !important;
      }

      #ourservices,
      #aboutai{
        padding: 52px 20px 64px;
      }

      .services-more-wrap{
        max-width: 1200px;
        margin: 0 auto;
      }

      .services-layout{
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 58px;
        min-height: 748px;
      }

      .side-nav{
        width: 190px;
        flex: 0 0 190px;
        transition: transform .32s ease, opacity .32s ease;
      }

      .side-nav-inner{
        width: 100%;
      }

      .side-nav-link{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 0 0 14px;
        border: 0;
        border-bottom: 1px solid #d8d0c5;
        background: transparent;
        color: #2f3545;
        text-align: left;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.35;
        cursor: pointer;
        transition: color .22s ease, border-color .22s ease;
      }

      .side-nav-link + .side-nav-link,
      .side-nav-group{
        margin-top: 12px;
      }

      .side-nav-link.is-active,
      .side-nav-group.is-open > .side-nav-link-parent{
        color: #2f3545;
        border-bottom-color: #c89c5f;
      }

      .side-nav-link-parent{
        padding-right: 2px;
      }

      @media (hover: hover) and (pointer: fine){
        .side-nav-link:hover,
        .side-subnav-link:hover{
          color: var(--gold-deep);
        }
      }
      
      @media (hover: none){
        .side-nav-link:hover,
        .side-subnav-link:hover{
          color: inherit;
        }
      }
      
      .side-nav-link:active,
      .side-subnav-link:active{
        color: inherit;
      }
      
      .side-nav-link,
      .side-subnav-link,
      .services-mobile-toggle{
        -webkit-tap-highlight-color: transparent;
      }

      .side-nav-arrow{
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .side-nav-arrow-svg{
        width: 12px;
        height: 7px;
        display: block;
        transition: transform .25s ease;
      }

      .side-nav-group.is-open .side-nav-arrow-svg{
        transform: rotate(180deg);
      }

      .side-subnav{
        padding-top: 14px;
        display: grid;
        gap: 16px;
      }

      .side-nav-group:not(.is-open) .side-subnav{
        display: none;
      }

      .side-subnav-link{
        border: 0;
        background: transparent;
        padding: 0 0 0 8px;
        color: #586277;
        text-align: left;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.35;
        cursor: pointer;
        transition: color .22s ease;
      }

      .side-subnav-link.is-active{
        color: #c89c5f;
      }

      .mobile-link{
        text-decoration: none;
      }

      .content-card{
        min-width: 0;
        flex: 1 1 auto;
        background: #ffffff;
        min-height: 748px;
        padding: 44px 38px 44px 38px;
      }

      .services-content-panel[hidden],
      .aboutai-content-panel[hidden]{
        display: none !important;
      }

      .content-title{
        position: relative;
        display: inline-flex;
        align-items: center;
        margin: 0 0 18px;
        color: #2f3545;
        font-family: "Poppins", sans-serif;
        font-size: clamp(24px, 2.2vw, 27px);
        font-weight: 600;
        line-height: 1.2;
        margin-left: 16px;
      }

      .content-title img{
        margin-left: -16px;
      }

      .content-title-brush{
        position: absolute;
        left: -14px;
        top: -9px;
        width: 66px;
        height: auto;
        pointer-events: none;
      }

      .content-title span{
        position: relative;
        z-index: 1;
      }

      .content-body{
        color: #3f4656;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.72;
      }

      .content-body p{
        margin: 0;
      }

      .content-body p + p{
        margin-top: 8px;
      }

      .services-mobile-toggle{
        display: none;
      }

      /* ===== About AI ===== */
      
      /*  accordion active set */
      .acc-item summary{
        -webkit-tap-highlight-color: transparent;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
      }
      
      .acc-item summary:focus,
      .acc-item summary:active,
      .acc-item summary:focus-visible{
        outline: none;
        box-shadow: none;
        background: transparent;
      }
      
      .acc-item{
        -webkit-tap-highlight-color: transparent;
      }

      .about-ai-layout{
        align-items: flex-start;
        gap: 56px;
      }
      
      .about-ai-side-nav{
        width: 185px;
        flex: 0 0 185px;
        padding-top: 8px;
      }
      
      .about-ai-side-nav .side-nav-link{
        padding-bottom: 12px;
      }
      
      .about-ai-side-nav .side-nav-link.is-active{
        border-bottom-color: #c89c5f;
      }
      
      #aboutai .content-title{
        margin-bottom: 14px;
      }
      
      #aboutai .content-title-brush{
        width: 64px;
        left: -12px;
        top: -8px;
      }
      
      .about-ai-intro{
        margin-bottom: 18px;
      }
      
      .about-ai-intro p{
        font-size: 15px;
        line-height: 1.48;
        color: #3f4656;
      }
      
      .about-ai-faq-list{
        margin-top: 8px;
      }
      
      .about-ai-faq-list .acc-item{
        border-bottom: 1px solid #d8d0c5;
      }
      
      .about-ai-faq-list .acc-item:first-child{
        border-top: 0;
      }
      
      .about-ai-faq-list .acc-item summary{
        min-height: 0;
        padding: 14px 0;
        color: #005bac;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
      }
      
      .about-ai-faq-list .acc-panel{
        padding: 0 0 16px;
      }
      
      .about-ai-faq-list .para-sm{
        font-size: 14px;
        line-height: 1.7;
        color: #3f4656;
      }
      
      .about-ai-note{
        margin: 10px 0 0;
        font-size: 15px;
        line-height: 1.45;
        color: #2d3443;
      }
      
      .about-ai-note a{
        color: #1d4ed8;
        text-decoration: underline;
      }
      
      #aboutai .faq-title{
        display: none;
      }
      
      @media (max-width: 1199px){
        .about-ai-layout{
          gap: 36px;
        }
      }

      /* ===== Tablet / Mobile ===== */
      @media (max-width: 991px){
        #ourservices,
        #aboutai{
          padding: 0;
        }

        .services-more-wrap{
          max-width: none;
        }

        .services-layout{
          gap: 0;
          min-height: auto;
          overflow: visible;
          padding-left: 0;
        }        

        .side-nav{
          position: fixed;
          left: 0;
          z-index: 5; 
          width: 210px;
          height: 100dvh; 
          padding: 58px 24px 28px;
          background: #f4ead8;
          transform: translateX(0);
          overflow-y: auto; 
        }

        .services-layout.is-collapsed .side-nav{
          transform: translateX(-100%);
          opacity: 0;
          pointer-events: none;
        }

        .content-card{
          width: 100%;
          min-height: 100vh;
          padding: 76px 32px 48px 60px;
          transition: transform .32s ease;
        }

        .services-layout.is-collapsed .content-card{
          transform: translateX(0);
        }

        .services-layout:not(.is-collapsed) .content-card{
          transform: translateX(210px);
        }

        .services-mobile-toggle{
          position: fixed;
          left: 210px;
          top: 240px;
          z-index: 4;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 34px;
          height: 80px;
          padding: 0;
          border: 0;
          border-radius: 0 14px 14px 0;
          background: #c89c5f;
          transform: translateY(-50%);
          cursor: pointer;
          transition: left .32s ease, background-color .22s ease;
        }
      
        .services-layout.is-collapsed .services-mobile-toggle{
          left: 0;
        }

        .services-mobile-toggle-icon{
          display: inline-flex;
          align-items: center;
          justify-content: center;
          line-height: 0;
        }

        .services-mobile-toggle-svg{
          width: 14px;
          height: 18px;
          display: block;
          transition: transform .24s ease;
          transform: scaleX(1);
        }

        .services-layout:not(.is-collapsed) .services-mobile-toggle-svg{
          transform: scaleX(-1);
        }

        .about-ai-side-nav{
          width: 210px;
          flex-basis: 210px;
          padding-top: 58px;
        }

      }

      @media (max-width: 767px){
        .side-nav{
          width: 185px;
          flex-basis: 185px;
          padding: 54px 18px 24px;
        }

        .services-layout:not(.is-collapsed) .content-card{
          transform: translateX(185px);
        }

        .services-mobile-toggle{
          left: 185px;
          width: 30px;
          height: 70px;
        }

        .content-card{
          min-height: calc(100vh - 80px);
          padding: 50px 22px 38px 50px;
        }

        .content-title{
          font-size: 24px;
          margin-bottom: 22px;
        }

        .content-title-brush{
          width: 60px;
          left: -10px;
          top: -10px;
        }

        .content-body{
          font-size: 14px;
          line-height: 1.72;
        }

        .side-nav-link{
          font-size: 16px;
        }

        .side-subnav-link{
          font-size: 14px;
        }

        .about-ai-note{
          font-size: 14px;
        }

        .about-ai-faq .acc-item summary{
          padding: 16px 0;
        }

        .about-ai-faq .acc-item summary span:first-child{
          font-size: 14px;
        }

        #aboutai .content-title{
          margin-bottom: 16px;
          margin-left: 14px;
          font-size: 24px;
          line-height: 1.2;
        }
      
        #aboutai .content-title-brush{
          width: 58px;
          left: -10px;
          top: -8px;
        }
      
        .about-ai-intro{
          margin-bottom: 14px;
        }
      
        .about-ai-intro p{
          font-size: 14px;
          line-height: 1.65;
        }
      
        .about-ai-faq-list .acc-item summary{
          padding: 13px 0;
          font-size: 14px;
        }
      
        .about-ai-note{
          font-size: 14px;
          line-height: 1.6;
        }

      }