/**
 * ACC Premium Animations — layout-safe prep styles only.
 * No color, spacing, typography, or layout changes.
 */

/* Featured service cards — GSAP layer targets */
.acc-anim-cards .acc-svc-grid {
    perspective: 1200px;
}
.acc-anim-cards .acc-svc-card {
    position: relative;
    transform-style: preserve-3d;
    transition: none !important;
}
body.acc-home-anim .acc-anim-cards .acc-svc-card:hover {
    transform: none;
    box-shadow: none;
    border-color: rgba(226, 232, 240, .6);
    background: rgba(255, 255, 255, .9);
}
.acc-svc-card-bg {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.6) 0%, rgba(237, 244, 255, 0.4) 100%);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    will-change: opacity;
}
.acc-anim-cards .acc-svc-card > :not(.acc-svc-card-bg) {
    position: relative;
    z-index: 1;
}
.acc-anim-cards .acc-svc-head--minimal {
    margin-bottom: 36px;
    text-align: center;
}
.acc-anim-cards .acc-svc-head--minimal .acc-svc-eyebrow {
    margin-bottom: 0;
}
.acc-anim-cards .acc-svc-head .acc-svc-eyebrow {
    will-change: transform, opacity;
}
body.acc-home-anim .acc-anim-cards .acc-svc-card .acc-svc-icon {
    transition: none;
}
body.acc-home-anim .acc-anim-cards .acc-svc-card:hover .acc-svc-icon {
    background: rgba(11, 61, 145, .05);
    color: var(--svc-primary);
    transform: none;
}

/* This stylesheet loads on homepage only. Kill CSS keyframe reveals immediately
   so redesign's opacity:0 rests until GSAP boots — never force opacity/transform
   with !important (that blocked GSAP and left child nodes invisible forever).
   Exceptions: .services-cards-section + .core-services-section own CSS entrances. */
.acc-services:not(.core-services-section) .acc-svc-head > *,
.acc-anim-cards:not(.services-cards-section) .acc-svc-card,
.acc-services:not(.services-cards-section):not(.core-services-section) .acc-svc-card {
    animation: none !important;
}

body.acc-home-anim .acc-services:not(.acc-anim-cards) .acc-svc-grid > .acc-svc-card {
    will-change: transform, opacity;
}

/* SplitType word/line/char wrappers */
.acc-scope .word,
.acc-scope .char {
    display: inline-block;
    will-change: transform, opacity;
}
.acc-scope .line,
.acc-scope .acc-line {
    display: block;
    overflow: hidden;
}

/* Mask reveal wrappers */
.acc-mask-wrap {
    overflow: hidden;
    display: block;
}

/* GPU acceleration hints */
.acc-hero-right,
.acc-svc-card,
.acc-project-card .img img,
.acc-uae-section [data-map],
.acc-about-img img {
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Hero — content visible by default; motion is JS-only */
.acc-hero-slide .acc-hero-sub,
.acc-hero-slide .acc-hero-title,
.acc-hero-slide .acc-hero-text,
.acc-hero-slide .acc-hero-actions .acc-btn,
.acc-hero-slide .acc-hero-right {
    opacity: 1;
    visibility: visible;
}

/* Header intro prep is GSAP-only (hero.js prepHeaderIntro).
   Do NOT set transform here — it races with clearProps and leaves a
   permanent white band between topbar and hero while covering the topbar. */
body.acc-home-anim:not(.acc-hero-intro-done) #acc-header .acc-brand img,
body.acc-home-anim:not(.acc-hero-intro-done) #acc-header .acc-nav > li > a {
    opacity: 0;
}
body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-sub,
body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-title,
body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-text,
body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-actions .acc-btn {
    opacity: 0;
    visibility: hidden;
}
body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-right {
    clip-path: inset(0 100% 0 0);
}

/* SplitText / SplitType hero text wrappers */
.acc-hero-sub .char,
.acc-hero-title .line,
.acc-hero-title .acc-line {
    will-change: transform, opacity;
}
.acc-hero-title .line,
.acc-hero-title .acc-line {
    display: block;
    overflow: hidden;
}

/* Real typewriter — legacy fallback (unused by premium hero) */
.acc-hero-slide.acc-hero-ready .acc-hero-sub,
.acc-hero-slide.acc-hero-ready .acc-hero-text,
.acc-hero-slide.acc-hero-ready .acc-hero-title,
.acc-hero-slide.acc-hero-ready .acc-hero-title .line,
.acc-hero-slide.acc-hero-ready .acc-hero-title .acc-hero-line {
    filter: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.acc-hero-slide.acc-hero-ready .acc-hero-title .line,
.acc-hero-slide.acc-hero-ready .acc-hero-title .acc-hero-line {
    will-change: auto;
}

/* Hero Owl slides — wrapper stays visible; GSAP animates children only */
.acc-hero .hero-area-slider {
    position: relative;
    z-index: 2;
}
.acc-hero .hero-area-slider .owl-nav,
.acc-hero .hero-area-slider.acc-hero-nav-hidden .owl-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}
.acc-hero .owl-item .acc-hero-slide {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}
.acc-hero .owl-item:not(.active) .acc-hero-slide,
.acc-hero .owl-item:not(.active) .acc-hero-right,
.acc-hero .owl-item:not(.active) .acc-hero-left,
.acc-hero .owl-item:not(.active) .acc-hero-sub,
.acc-hero .owl-item:not(.active) .acc-hero-title,
.acc-hero .owl-item:not(.active) .acc-hero-text,
.acc-hero .owl-item:not(.active) .acc-hero-actions .acc-btn {
    filter: none !important;
    opacity: 1;
}

/* Hero — ambient background layer (JS-injected) */
.acc-hero-ambient {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.acc-hero-ambient-gradient {
    position: absolute;
    inset: -20%;
    background: linear-gradient(
        125deg,
        rgba(11, 61, 145, 0.35) 0%,
        rgba(7, 43, 99, 0.2) 35%,
        rgba(212, 168, 67, 0.08) 65%,
        rgba(11, 61, 145, 0.25) 100%
    );
    background-size: 200% 200%;
    will-change: transform, background-position;
}
.acc-hero-blueprint {
    position: absolute;
    inset: 0;
    opacity: 0.06;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.5) 1px, transparent 1px);
    background-size: 48px 48px;
    will-change: transform;
}
.acc-hero-particles {
    position: absolute;
    inset: 0;
}
.acc-hero-particle {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    opacity: 0.25;
    will-change: transform, opacity;
}

/* Hero image — single panel slide-in */
.acc-hero-right {
    position: relative;
    overflow: hidden;
    transform-origin: center center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Keep panel locked in layout — motion must not translate this box */
    will-change: background-position;
}

/* Real typewriter — cursor + character-by-character write */
.acc-hero-typing {
    min-height: 1em;
}
.acc-hero-cursor {
    display: inline-block;
    color: var(--acc-gold, #d4a843);
    font-weight: 400;
    margin-left: 1px;
    animation: acc-hero-cursor-blink 0.75s step-end infinite;
}
@keyframes acc-hero-cursor-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
.acc-hero-slide.acc-hero-ready .acc-hero-cursor {
    display: none;
}

/* Per-slide cinematic overlay (image panel only) */
.acc-hero-right .acc-hero-slide-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: rgba(7, 43, 99, 0.72);
    opacity: 0;
}

.acc-hero-slide {
    position: relative;
    overflow: hidden;
}

/* Per-slide decorative shapes */
.acc-hero-slide-deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    overflow: hidden;
}
.acc-hero-shape {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    will-change: transform, opacity;
}
.acc-hero-shape-a {
    width: 120px;
    height: 120px;
    top: 18%;
    right: 12%;
}
.acc-hero-shape-b {
    width: 64px;
    height: 64px;
    bottom: 22%;
    left: 8%;
    border-radius: 4px;
    transform: rotate(12deg);
}
.acc-hero-shape-c {
    width: 40px;
    height: 40px;
    top: 55%;
    right: 28%;
    border-radius: 2px;
    transform: rotate(-8deg);
}

/* Hero decorative depth layer (JS-injected) */
.acc-hero-deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}
.acc-hero-deco-a,
.acc-hero-deco-b {
    position: absolute;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.12;
    pointer-events: none;
}
.acc-hero-deco-a {
    width: 280px;
    height: 280px;
    top: 10%;
    right: 8%;
    background: var(--acc-gold, #d4a843);
}
.acc-hero-deco-b {
    width: 220px;
    height: 220px;
    bottom: 15%;
    left: 5%;
    background: rgba(255, 255, 255, 0.4);
}

/* Hero CTA glow (JS-injected) */
.acc-hero-actions .acc-btn {
    position: relative;
    overflow: hidden;
}
.acc-hero-btn-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    margin: -70% 0 0 -70%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 65%);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    will-change: transform, opacity;
}
.acc-hero-actions .acc-btn > * {
    position: relative;
    z-index: 1;
}

/* Typewriter chars removed — using real cursor typing */
.acc-hero-text .acc-line {
    overflow: hidden;
    display: block;
}

/* Buttons must never stay hidden after reveal systems settle.
   Use visibility only — opacity must remain animatable for mask reveals. */
.acc-scope .acc-btn,
.acc-scope .acc-btn-read,
.acc-statistic-intro .acc-btn,
.acc-cta .acc-cta-actions .acc-btn {
    visibility: visible;
}

/* ------------------------------------------------------------------
   HEADER — scroll morph + nav indicator
   ------------------------------------------------------------------ */
.acc-header {
    transition: none;
}
.acc-header.acc-header-scrolled {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.acc-header .acc-brand img {
    transition: none;
    letter-spacing: var(--acc-brand-tracking, 0px);
}
.acc-nav {
    position: relative;
}
/* Sliding indicator disabled — single CSS underline lives in acc-redesign.css */
.acc-nav-indicator {
    display: none !important;
}

/* Dropdown panels — GSAP controls visibility on desktop */
@media (min-width: 992px) {
    .acc-header .acc-has-dropdown > .acc-dropdown-menu,
    .acc-header .acc-has-mega > .acc-mega {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .acc-header .acc-has-dropdown:hover > .acc-dropdown-menu,
    .acc-header .acc-has-mega:hover > .acc-mega {
        visibility: visible;
    }
}

/* ------------------------------------------------------------------
   SERVICE CARDS — mouse-reactive lighting
   ------------------------------------------------------------------ */
.acc-svc-card-lit {
    position: relative;
    overflow: hidden;
}
.acc-svc-card-lit::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at var(--acc-mouse-x, 50%) var(--acc-mouse-y, 50%),
        rgba(11, 61, 145, 0.09) 0%,
        transparent 55%
    );
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 0;
}
.acc-svc-card-lit:hover::after {
    opacity: 1;
}
.acc-svc-card-lit > * {
    position: relative;
    z-index: 1;
}

/* ------------------------------------------------------------------
   ABOUT SECTION — collage + masked lines
   ------------------------------------------------------------------ */
.acc-about-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
    background-image: radial-gradient(circle, rgba(11, 61, 145, 0.1) 1px, transparent 1px);
    background-size: 22px 22px;
    will-change: transform;
}
.acc-about-img {
    position: relative;
    overflow: visible;
}
.acc-about-collage {
    will-change: transform;
    transform-style: preserve-3d;
    gap: 14px;
}
.acc-collage-tile {
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 10px;
}
.acc-collage-tile-inner {
    border-radius: inherit;
}
.acc-collage-tile-inner img {
    will-change: transform;
    backface-visibility: hidden;
}
.acc-about-body .acc-title .line,
.acc-about-body .acc-title .acc-line {
    display: block;
    overflow: hidden;
}
.acc-about-body .acc-title .line > *,
.acc-about-body .acc-title .acc-line > * {
    display: block;
}
.acc-about.acc-about-ready .acc-about-body,
.acc-about.acc-about-ready .acc-collage-tile,
.acc-about.acc-about-ready .acc-collage-tile-inner img {
    filter: none !important;
    -webkit-font-smoothing: antialiased;
}
.acc-about.acc-about-ready .acc-text,
.acc-about.acc-about-ready .acc-text p,
.acc-about.acc-about-ready .acc-text li {
    overflow: visible !important;
    opacity: 1 !important;
}

/* ------------------------------------------------------------------
   ABOUT SECTION (legacy single image fallback)
   ------------------------------------------------------------------ */
.acc-about-img img:not(.acc-collage-tile-inner img) {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ------------------------------------------------------------------
   STATISTIC PARTICLES (JS-injected)
   ------------------------------------------------------------------ */
.acc-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}
.acc-particle {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(244, 180, 0, 0.45);
    opacity: 0.2;
    will-change: transform, opacity;
}

/* ------------------------------------------------------------------
   UAE MAP SECTION — GSAP animation layer + CSS hovers
   ------------------------------------------------------------------ */
.acc-uae-section .uae-word-wrap {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    line-height: inherit;
    padding-bottom: 0.1em;
}
.acc-uae-section .uae-word-inner {
    display: inline-block;
    will-change: transform, opacity;
}
.acc-uae-section [data-heading] .hl {
    color: var(--acc-teal);
}
.acc-uae-section [data-subtext],
.acc-uae-section [data-card],
.acc-uae-section [data-map],
.acc-uae-section [data-badge],
.acc-uae-section [data-legend] {
    will-change: transform, opacity;
}
.acc-uae-section .uae-map-dots rect {
    transform-box: fill-box;
    transform-origin: center center;
}
.acc-uae-section [data-pin] {
    will-change: transform, opacity;
}

/* Card hovers — CSS only, wins over GSAP inline transforms */
.acc-uae-section [data-card] {
    transition: transform .42s cubic-bezier(.16, 1, .3, 1), box-shadow .42s cubic-bezier(.16, 1, .3, 1), border-color .42s cubic-bezier(.16, 1, .3, 1);
}
.acc-uae-section [data-card]:hover::before {
    transform: scaleY(1);
}
.acc-uae-section [data-card]:has(.dubai-icon):hover {
    transform: translateY(-8px) scale(1.015) !important;
    border-left-color: #1E63D6;
    box-shadow: 0 18px 42px rgba(30, 99, 214, .18);
}
.acc-uae-section [data-card]:has(.dubai-icon):hover .card-title {
    color: #1E63D6;
}
.acc-uae-section [data-card]:has(.dubai-icon):hover .dubai-icon {
    transform: scale(1.16) rotate(-4deg);
    box-shadow: 0 10px 24px rgba(30, 99, 214, .35);
}
.acc-uae-section [data-card]:has(.abudhabi-icon):hover {
    transform: translateY(-8px) scale(1.015) !important;
    border-left-color: #F4B400;
    box-shadow: 0 18px 42px rgba(244, 180, 0, .2);
}
.acc-uae-section [data-card]:has(.abudhabi-icon):hover .card-title {
    color: #F4B400;
}
.acc-uae-section [data-card]:has(.abudhabi-icon):hover .abudhabi-icon {
    transform: scale(1.16) rotate(4deg);
    box-shadow: 0 10px 24px rgba(244, 180, 0, .35);
}

/* Badge hover */
.acc-uae-section [data-badge]:hover {
    transform: translateY(-7px) scale(1.012) !important;
    box-shadow: 0 16px 38px rgba(34, 197, 94, .22);
}
.acc-uae-section [data-badge]:hover .badge-icon {
    background: var(--acc-success);
    color: #fff;
    transform: scale(1.08) rotate(-6deg);
    box-shadow: 0 10px 26px rgba(34, 197, 94, .35);
}

/* ------------------------------------------------------------------
   CTA SPOTLIGHT (JS-injected)
   ------------------------------------------------------------------ */
.acc-cta {
    position: relative;
    overflow: hidden;
    background-size: 200% 100%;
}
.acc-spotlight {
    position: absolute;
    width: 320px;
    height: 320px;
    margin: -160px 0 0 -160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212, 168, 67, 0.14) 0%, transparent 70%);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    will-change: transform, opacity;
}
.acc-cta .acc-container {
    position: relative;
    z-index: 2;
}

/* Footer newsletter */
.acc-footer-news {
    transition: box-shadow 0.35s ease;
}
.acc-footer-news #subemail {
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

/* Animated link underline */
.acc-scope a:not(.acc-btn):not(.acc-svc-card):not(.acc-blog-card) {
    position: relative;
}
.acc-footer-links a::after,
.acc-project-card .title a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.38s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0.5;
}
.acc-footer-links a:hover::after,
.acc-project-card .title a:hover::after {
    transform: scaleX(1);
}

/* Homepage animation loaded state */
body.acc-home-anim .acc-scope {
    -webkit-font-smoothing: antialiased;
}

/* ------------------------------------------------------------------
   REDUCED MOTION
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
    body.acc-home-anim:not(.acc-hero-intro-done) #acc-header .acc-brand img,
    body.acc-home-anim:not(.acc-hero-intro-done) #acc-header .acc-nav > li > a {
        opacity: 1 !important;
    }

    body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-sub,
    body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-title,
    body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-text,
    body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-actions .acc-btn,
    body.acc-home-anim:not(.acc-hero-intro-done) .acc-hero-slide:not(.acc-hero-ready) .acc-hero-right {
        opacity: 1 !important;
        visibility: visible !important;
        clip-path: none !important;
    }

    body.acc-home-anim .acc-anim-cards .acc-svc-card:hover {
        transform: none !important;
        box-shadow: none !important;
        background: rgba(255, 255, 255, .9) !important;
    }

    .acc-services .acc-svc-head > *,
    .acc-services .acc-svc-card,
    .acc-anim-cards .acc-svc-card {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }

    .acc-header .acc-nav > li > a::after,
    .acc-footer-news,
    .acc-footer-news #subemail {
        transition: none !important;
    }

    .acc-hero-right,
    .acc-svc-card,
    .acc-project-card .img img,
    .acc-uae-section [data-map],
    .acc-about-img img {
        will-change: auto;
    }

    .acc-hero-ambient,
    .acc-hero-deco,
    .acc-hero-slide-deco,
    .acc-hero-btn-glow,
    .acc-particles,
    .acc-spotlight,
    .acc-nav-indicator,
    .acc-about-dots,
    .acc-exp-door,
    .acc-exp-door-seam,
    .acc-exp-sea-wave,
    .acc-stat-sheen {
        display: none !important;
    }

    .acc-uae-section [data-heading],
    .acc-uae-section [data-subtext],
    .acc-uae-section [data-card],
    .acc-uae-section [data-map],
    .acc-uae-section [data-badge],
    .acc-uae-section [data-legend],
    .acc-uae-section .uae-map-dots rect,
    .acc-uae-section [data-pin] {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }

    .acc-uae-section [data-card]:hover,
    .acc-uae-section [data-badge]:hover {
        transform: none !important;
        box-shadow: 0 10px 30px rgba(13, 30, 55, .06) !important;
    }
}

/* ------------------------------------------------------------------
   EXPERIENCE / STATISTIC — GSAP animation layer
   ------------------------------------------------------------------ */
.acc-exp-door-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}
.acc-exp-door-wrap--btn {
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
}
.acc-exp-door {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50.5%;
    z-index: 2;
    pointer-events: none;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.acc-exp-door--left {
    left: 0;
    transform-origin: left center;
}
.acc-exp-door--right {
    right: 0;
    transform-origin: right center;
}
.acc-exp-door-wrap:not(.acc-exp-door-wrap--btn) .acc-exp-door {
    background: linear-gradient(120deg, #072b63 0%, #0b3d91 55%, #072b63 100%);
}
.acc-exp-door-wrap--btn .acc-exp-door {
    background: var(--acc-gold, #f4b400);
    border-radius: 4px;
}
.acc-exp-door-seam {
    position: absolute;
    top: 6%;
    bottom: 6%;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, transparent, rgba(244, 180, 0, 0.95), transparent);
    box-shadow: 0 0 6px rgba(244, 180, 0, 0.65), 0 0 14px rgba(244, 180, 0, 0.35);
    z-index: 3;
    pointer-events: none;
    will-change: transform, opacity;
}
.acc-exp-sea-wrap {
    position: relative;
}
.acc-exp-sea-wave {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(11, 61, 145, 0.96) 0%,
        rgba(7, 43, 99, 0.9) 50%,
        rgba(11, 61, 145, 0.94) 100%
    );
    clip-path: polygon(
        0% 18%, 4% 12%, 8% 16%, 12% 10%, 16% 15%, 20% 11%, 24% 16%, 28% 12%,
        32% 17%, 36% 11%, 40% 15%, 44% 10%, 48% 14%, 52% 9%, 56% 13%, 60% 10%,
        64% 15%, 68% 11%, 72% 16%, 76% 12%, 80% 17%, 84% 11%, 88% 15%, 92% 10%,
        96% 14%, 100% 12%, 100% 100%, 0% 100%
    );
    will-change: transform, opacity;
}
.acc-stat-sheen {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(
        115deg,
        transparent 15%,
        rgba(255, 255, 255, 0.1) 42%,
        rgba(244, 180, 0, 0.16) 52%,
        transparent 78%
    );
    background-size: 200% 200%;
    will-change: opacity, background-position;
}
.acc-stat-card > :not(.acc-stat-sheen) {
    position: relative;
    z-index: 1;
}
body.acc-home-anim .acc-statistic .acc-stat-card {
    transition: none !important;
    transform-style: preserve-3d;
    will-change: transform, opacity;
}
body.acc-home-anim .acc-statistic .acc-stat-card:hover {
    transform: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
}
body.acc-home-anim .acc-statistic .acc-stat-card:hover::before {
    transform: scaleX(0);
}
body.acc-home-anim .acc-statistic .acc-stat-card:hover .acc-stat-icon {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
    transform: none;
}
body.acc-home-anim .acc-statistic .acc-stat-icon,
body.acc-home-anim .acc-statistic .acc-stat-icon img {
    transition: none;
}
body.acc-home-anim .acc-statistic .acc-stat-card:hover .acc-stat-icon img {
    transform: none;
}
.acc-statistic .acc-title,
.acc-statistic .acc-text,
.acc-exp-door-wrap .acc-btn {
    will-change: transform, opacity;
}