/* ==========================================================
   SEA LICENSING — HOMEPAGE COMPLIANCE MARITIME TEXTURE
   Correct target:
   <section class="compliance-feature compliance-v2">
   ========================================================== */


/* ----------------------------------------------------------
   SECTION BASE
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    background:
      linear-gradient(
        180deg,
        #f3f9fc 0%,
        #edf6fa 100%
      ) !important;
}


/* ----------------------------------------------------------
   REAL MARITIME CHART ARTWORK
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    z-index:0 !important;

    pointer-events:none !important;

    background-image:
      url("/assets/images/textures/home-documentation-maritime-v3.svg?v=20260923-193548") !important;

    background-repeat:no-repeat !important;

    background-position:
      center center !important;

    background-size:
      cover !important;

    opacity:.72 !important;
}


/* ----------------------------------------------------------
   SOFT WHITE READABILITY WASH
   Still leaves chart / routes / compass visible
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.28) 0%,
        rgba(255,255,255,.46) 38%,
        rgba(255,255,255,.38) 66%,
        rgba(255,255,255,.20) 100%
      ) !important;
}


/* ----------------------------------------------------------
   KEEP ALL SECTION CONTENT ABOVE TEXTURE
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2
> *{
    position:relative !important;
    z-index:2 !important;
}


/* Main shell must stay transparent */
section.compliance-feature.compliance-v2
.compliance-v2-shell{
    position:relative !important;

    z-index:2 !important;

    background-color:transparent !important;
    background-image:none !important;
}


/* ----------------------------------------------------------
   PRESERVE IMAGE
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2
.compliance-v2-visual{
    position:relative !important;
    z-index:3 !important;
}


/* ----------------------------------------------------------
   PRESERVE CENTRE COPY
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2
.compliance-v2-copy{
    position:relative !important;
    z-index:3 !important;

    background:transparent !important;
}


/* ----------------------------------------------------------
   PRESERVE RIGHT WHITE SERVICES PANEL
   ---------------------------------------------------------- */

section.compliance-feature.compliance-v2
.compliance-v2-services{
    position:relative !important;
    z-index:3 !important;

    background:
      rgba(255,255,255,.94) !important;

    backdrop-filter:
      blur(3px) !important;
}


/* individual service rows remain clean */
section.compliance-feature.compliance-v2
.compliance-v2-service{
    background:
      rgba(255,255,255,.82) !important;
}


/* ----------------------------------------------------------
   EXTRA SUBTLE NAUTICAL DEPTH
   ---------------------------------------------------------- */

@media (min-width:1101px){

    section.compliance-feature.compliance-v2::before{
        opacity:.82 !important;
    }

    section.compliance-feature.compliance-v2{
        box-shadow:
          inset 0 1px 0 rgba(8,137,194,.08),
          inset 0 -1px 0 rgba(8,137,194,.08)
          !important;
    }

}


/* Tablet/mobile quieter */
@media (max-width:1100px){

    section.compliance-feature.compliance-v2::before{
        opacity:.42 !important;

        background-size:
          auto 100% !important;
    }

    section.compliance-feature.compliance-v2::after{
        background:
          rgba(255,255,255,.58) !important;
    }

}


/* ==========================================================
   HOMEPAGE — DIGITAL ECOSYSTEM MARITIME TEXTURE
   Target:
   <section class="digital-showcase digital-v3">
   ========================================================== */

section.digital-showcase.digital-v3{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    background:
      linear-gradient(
        180deg,
        #F3F9FC 0%,
        #EDF6FA 100%
      ) !important;
}


/* Nautical chart / shipping-route artwork */
section.digital-showcase.digital-v3::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    z-index:0 !important;

    pointer-events:none !important;

    background-image:
      url("/assets/images/textures/home-documentation-maritime-v3.svg?v=20260923-193642") !important;

    background-repeat:no-repeat !important;

    background-position:
      center center !important;

    background-size:
      cover !important;

    opacity:.72 !important;
}


/* Soft readability wash */
section.digital-showcase.digital-v3::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.32) 0%,
        rgba(255,255,255,.47) 30%,
        rgba(255,255,255,.30) 58%,
        rgba(255,255,255,.18) 100%
      ) !important;
}


/* Keep real content above texture */
section.digital-showcase.digital-v3
> *{
    position:relative !important;
    z-index:2 !important;
}


/* Main layout stays transparent */
section.digital-showcase.digital-v3
.digital-v3-layout{
    background-color:transparent !important;
    background-image:none !important;
}


/* Left introduction remains transparent */
section.digital-showcase.digital-v3
.digital-v3-intro{
    position:relative !important;
    z-index:3 !important;

    background:transparent !important;
}


/* Digital cards retain their clean white surfaces */
section.digital-showcase.digital-v3
.digital-v3-card{
    position:relative !important;
    z-index:3 !important;

    background:
      rgba(255,255,255,.95) !important;

    backdrop-filter:
      blur(2px) !important;
}


/* Slight depth at section edges */
section.digital-showcase.digital-v3{
    box-shadow:
      inset 0 1px 0 rgba(8,137,194,.08),
      inset 0 -1px 0 rgba(8,137,194,.08)
      !important;
}


@media (min-width:1101px){

    section.digital-showcase.digital-v3::before{
        opacity:.80 !important;
    }

}


@media (max-width:1100px){

    section.digital-showcase.digital-v3::before{
        opacity:.40 !important;

        background-size:
          auto 100% !important;
    }

    section.digital-showcase.digital-v3::after{
        background:
          rgba(255,255,255,.57) !important;
    }

}



/* ==========================================================
   HOMEPAGE — MARITIME INSIGHTS TEXTURE
   Knowledge for what's next
   ========================================================== */

section.sl-insights-maritime-section{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    background:
      linear-gradient(
        180deg,
        #F4FAFD 0%,
        #EDF6FA 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(8,137,194,.07),
      inset 0 -1px 0 rgba(8,137,194,.07)
      !important;
}


/* maritime chart artwork */
section.sl-insights-maritime-section::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    z-index:0 !important;

    pointer-events:none !important;

    background-image:
      url("/assets/images/textures/home-documentation-maritime-v3.svg?v=20260923-193808") !important;

    background-repeat:no-repeat !important;

    background-position:
      center center !important;

    background-size:
      cover !important;

    opacity:.80 !important;
}


/* soft readability wash */
section.sl-insights-maritime-section::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.27) 0%,
        rgba(255,255,255,.42) 27%,
        rgba(255,255,255,.28) 58%,
        rgba(255,255,255,.16) 100%
      ) !important;
}


/* all real section content above texture */
section.sl-insights-maritime-section > *{
    position:relative !important;
    z-index:2 !important;
}


/* make internal shell/layout transparent */
section.sl-insights-maritime-section .shell,
section.sl-insights-maritime-section .insights-v2-layout,
section.sl-insights-maritime-section .insights-layout{
    background-color:transparent !important;
    background-image:none !important;
}


/* preserve the three article cards as clean white surfaces */
section.sl-insights-maritime-section .insights-v2-card,
section.sl-insights-maritime-section .insight-card{
    position:relative !important;
    z-index:3 !important;

    background:
      rgba(255,255,255,.95) !important;

    backdrop-filter:
      blur(2px) !important;
}


/* preserve left text area */
section.sl-insights-maritime-section .insights-v2-intro{
    position:relative !important;
    z-index:3 !important;

    background:transparent !important;
}


@media (min-width:1101px){

    section.sl-insights-maritime-section::before{
        opacity:.84 !important;
    }

}


@media (max-width:1100px){

    section.sl-insights-maritime-section::before{
        opacity:.40 !important;
        background-size:auto 100% !important;
    }

    section.sl-insights-maritime-section::after{
        background:
          rgba(255,255,255,.58) !important;
    }

}