/* ==============================================================================
 * DENTIKA-NET Modern Design System & Visual Excellence Overhaul
 * Enhancing Aesthetics, Modern Glassmorphism, Micro-Animations, and Responsiveness
 * ============================================================================== */

:root {
    --dn-primary: #0867e8;
    --dn-primary-glow: rgba(8, 103, 232, 0.35);
    --dn-orange: #ff6b00;
    --dn-orange-hover: #ff8533;
    --dn-orange-glow: rgba(255, 107, 0, 0.4);
    --dn-cyan: #00d2ff;
    --dn-cyan-glow: rgba(0, 210, 255, 0.4);
    --dn-dark: #061522;
    --dn-dark-card: #0c2033;
    --dn-radius: 24px;
    --dn-radius-sm: 14px;
    --dn-radius-pill: 9999px;
    --dn-shadow-elevated: 0 20px 50px rgba(6, 21, 34, 0.12);
}

/* ------------------------------------------------------------------------------
 * 1. Global Page Polish
 * ------------------------------------------------------------------------------ */
html {
    scroll-behavior: smooth !important;
}

body.dentika-signature-ui {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ------------------------------------------------------------------------------
 * 2. Sticky Header Perfection (Fixing Glitch & Elevating Glassmorphism)
 * ------------------------------------------------------------------------------ */
body.dentika-signature-ui #header-27269,
body.dentika-signature-ui #header-wrapper {
    position: relative;
    z-index: 99999 !important;
}

/* Sticky Header active state */
body.dentika-signature-ui #header-27269 .apply-sticky-header.sticky,
body.dentika-signature-ui #header-27269 .sticky-wrapper.is-sticky .apply-sticky-header,
body.dentika-signature-ui #header-27269 .apply-sticky-header.dt-header-scroll,
body.home.page-id-22072.dentika-signature-ui.dentika-header-scrolled #header-27269 .elementor-element.elementor-element-dc3bc1e,
body.home.page-id-22072.dentika-signature-ui #header-27269 .apply-sticky-header.sticky .elementor-element.elementor-element-dc3bc1e {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    background: rgba(6, 21, 34, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
    z-index: 999999 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Remove jarring split bar at top of header */
body.dentika-signature-ui #header-27269 .elementor-element.elementor-element-dc3bc1e::before,
body.home.page-id-22072.dentika-signature-ui #header-27269 .elementor-element.elementor-element-dc3bc1e::before,
#header-27269 .elementor-element.elementor-element-dc3bc1e::before {
    display: none !important;
    content: none !important;
}

/* Remove awkward underline under logo */
body.dentika-signature-ui #header-27269 #dt-a11c97b > a::after,
body.home.page-id-22072.dentika-signature-ui #header-27269 #dt-a11c97b > a::after,
#header-27269 #dt-a11c97b > a::after {
    display: none !important;
    content: none !important;
}

/* Header container alignment on desktop */
@media (min-width: 768px) {
    body.dentika-signature-ui #header-27269 .apply-sticky-header > .elementor-container,
    body.dentika-signature-ui #header-27269 .apply-sticky-header.sticky > .elementor-container,
    body.dentika-signature-ui #header-27269 .elementor-element-dc3bc1e > .elementor-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 clamp(24px, 4vw, 64px) !important;
    }

    body.dentika-signature-ui #header-27269 .apply-sticky-header > .elementor-container > .elementor-column,
    body.dentika-signature-ui #header-27269 .elementor-element-dc3bc1e > .elementor-container > .elementor-column {
        width: auto !important;
        flex: 0 1 auto !important;
    }

    body.dentika-signature-ui #header-27269 .elementor-element.elementor-element-5313cb6.elementor-column > .elementor-widget-wrap {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: clamp(16px, 2.5vw, 36px) !important;
    }
}

/* Navigation menu items & clean active indicator */
body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav {
    display: flex !important;
    align-items: center !important;
    gap: clamp(10px, 1.6vw, 24px) !important;
}

body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li {
    margin: 0 !important;
    padding: 0 !important;
}

body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li > a {
    position: relative !important;
    padding: 10px 4px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li:hover > a,
body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li.current-menu-item > a {
    color: #ffffff !important;
}

/* Remove theme pink triangle / notch */
body.dentika-signature-ui #header-27269 .dt-header-menu ul.dt-primary-nav > li > a::before,
body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li > a::before,
body.home.page-id-22072 #header-27269 .dt-header-menu ul.dt-primary-nav > li > a::before,
#header-27269 .dt-header-menu ul.dt-primary-nav > li > a::before,
#header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li > a::before,
.dt-header-menu ul.dt-primary-nav > li > a::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Clean single orange pill indicator */
body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li > a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #ff6b00 !important;
    border-radius: 999px !important;
    opacity: 0 !important;
    transform: translateY(3px) !important;
    transition: opacity 0.25s ease, transform 0.25s ease !important;
}

body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li.current-menu-item > a::after,
body.dentika-signature-ui #header-27269 .dt-header-menu .menu-container ul.dt-primary-nav > li:hover > a::after {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Header "Daftar Sekarang" Button */
body.dentika-signature-ui #header-27269 .elementor-element.elementor-element-0604742 .elementor-button {
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c33 100%) !important;
    color: #ffffff !important;
    border-radius: var(--dn-radius-pill) !important;
    font-weight: 700 !important;
    padding: 12px 26px !important;
    border: none !important;
    box-shadow: 0 4px 18px var(--dn-orange-glow) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

body.dentika-signature-ui #header-27269 .elementor-element.elementor-element-0604742 .elementor-button:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 8px 25px rgba(255, 107, 0, 0.6) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------------------
 * 3. Hero Section Polish (.dn-home-hero)
 * ------------------------------------------------------------------------------ */
.dn-home-hero {
    position: relative !important;
    overflow: hidden !important;
}

/* Eyebrow badge */
.dn-home-hero__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 107, 0, 0.12) !important;
    border: 1px solid rgba(255, 107, 0, 0.35) !important;
    color: #ff9d42 !important;
    padding: 6px 16px !important;
    border-radius: var(--dn-radius-pill) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}

.dn-home-hero__eyebrow > span {
    width: 8px !important;
    height: 8px !important;
    background: #ff6b00 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px #ff6b00 !important;
    animation: dentikaPulse 1.8s infinite !important;
}

/* Radiant glow on hero title "Melihat Dunia" */
.dn-home-hero h1 span {
    background: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 35px rgba(0, 240, 255, 0.35) !important;
}

/* Hero Action Buttons */
.dn-home-hero__actions .dn-home-button--primary {
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c33 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: var(--dn-radius-pill) !important;
    padding: 14px 30px !important;
    box-shadow: 0 6px 22px var(--dn-orange-glow) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dn-home-hero__actions .dn-home-button--primary:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 10px 30px rgba(255, 107, 0, 0.65) !important;
}

.dn-home-hero__actions .dn-home-button--ghost {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: var(--dn-radius-pill) !important;
    padding: 14px 28px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.25s ease !important;
}

.dn-home-hero__actions .dn-home-button--ghost:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #ffffff !important;
    transform: translateY(-3px) !important;
}

/* Hero Proof Chips (01, 02, 03) */
.dn-home-hero__proof li {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: var(--dn-radius-sm) !important;
    padding: 10px 16px !important;
    backdrop-filter: blur(8px) !important;
    transition: all 0.25s ease !important;
}

.dn-home-hero__proof li:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(0, 210, 255, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Floating Speed Card & 24/7 Support Card */
.dn-home-hero__speed-card,
.dn-home-hero__live-card {
    background: rgba(6, 21, 34, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
    border-radius: var(--dn-radius-sm) !important;
}

.dn-home-hero__speed-card {
    animation: dentikaFloat 5s ease-in-out infinite !important;
}

@keyframes dentikaFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* ------------------------------------------------------------------------------
 * 4. Feature Boxes & Router Section (.elementor-element-bd1e267)
 * ------------------------------------------------------------------------------ */
.elementor-element-bd1e267 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* Equal height and clean card box */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .dt-iconbox-1 {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1.5px solid rgba(8, 103, 232, 0.12) !important;
    box-shadow: 0 10px 30px rgba(6, 21, 34, 0.05) !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 220px !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .dt-iconbox-1:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(8, 103, 232, 0.35) !important;
    box-shadow: 0 20px 45px rgba(8, 103, 232, 0.12) !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .dt-iconbox-1 > .elementor-widget-container {
    padding: 26px 24px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    gap: 10px !important;
}

/* Sleek Icon background badge */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .elementor-icon-box-icon {
    width: 52px !important;
    height: 52px !important;
    background: rgba(8, 103, 232, 0.08) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 6px !important;
    transition: background-color 0.25s ease, transform 0.25s ease !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .dt-iconbox-1:hover .elementor-icon-box-icon {
    background: rgba(8, 103, 232, 0.14) !important;
    transform: scale(1.05) !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .elementor-icon-box-icon svg {
    width: 30px !important;
    height: 30px !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .elementor-icon-box-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #061522 !important;
    margin: 0 !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .elementor-icon-box-description {
    color: #4b5d6e !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}

/* Link in Layanan Luas ("Cakupan area →") */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 a[href*="area"],
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 .elementor-icon-box-description a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 14px !important;
    color: #0867e8 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bd1e267 a[href*="area"]:hover {
    transform: translateX(4px) !important;
}

/* Device showcase photo */
.elementor-element-bd1e267 .elementor-widget-image img {
    border-radius: var(--dn-radius) !important;
    box-shadow: 0 20px 50px rgba(6, 21, 34, 0.14) !important;
    border: 4px solid #ffffff !important;
    transition: transform 0.4s ease !important;
}

.elementor-element-bd1e267 .elementor-widget-image img:hover {
    transform: scale(1.02) !important;
}

/* ------------------------------------------------------------------------------
 * 5. Pricing Cards Section (Paket Pas, Paket Lega, Paket Super)
 * ------------------------------------------------------------------------------ */
/* Remove harsh split gradient bars at the top of the pricing cards */
body.dentika-signature-ui #main .dt-subscription-plans::before,
body.dentika-modern-ui #main .dt-subscription-plans::before,
body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3)::before,
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-68d4899::before,
#main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3)::before {
    display: none !important;
    content: none !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-22072 > :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) {
    background: #ffffff !important;
    border-radius: var(--dn-radius) !important;
    border: 1px solid rgba(6, 21, 34, 0.1) !important;
    box-shadow: 0 14px 40px rgba(6, 21, 34, 0.06) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Card Hover Elevation */
body.home.page-id-22072.dentika-signature-ui #main .elementor-22072 > :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3):hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 24px 60px rgba(6, 21, 34, 0.12) !important;
}

/* Ensure equal height and vertical flex so CTA buttons and prices align at card bottom */
body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) > .elementor-container {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .dt-subscription-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 32px 30px !important;
}

body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .dt-subscription-content > .elementor-element-populated,
body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .dt-subscription-content > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 0 !important;
}

/* Align CTA button & price container at the bottom */
body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .dt-subscription-content .elementor-inner-section:last-of-type {
    margin-top: auto !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(6, 21, 34, 0.08) !important;
}

/* CENTER CARD: Paket Lega (Best Value / Paling Populer) */
body.home.page-id-22072.dentika-signature-ui #main .elementor-22072 > .elementor-element-68d4899 {
    border: 2.5px solid #ff6b00 !important;
    box-shadow: 0 22px 55px rgba(255, 107, 0, 0.22) !important;
    z-index: 5 !important;
}

@media (min-width: 1160px) {
    body.home.page-id-22072.dentika-signature-ui #main .elementor-22072 > .elementor-element-68d4899 {
        transform: scale(1.04) !important;
    }
    body.home.page-id-22072.dentika-signature-ui #main .elementor-22072 > .elementor-element-68d4899:hover {
        transform: scale(1.05) translateY(-8px) !important;
        box-shadow: 0 30px 70px rgba(255, 107, 0, 0.32) !important;
    }
}

/* "PALING DIMINATI" Badge: clean inline pill above title, never overlapping text */
.popular-ribbon-badge {
    display: inline-flex !important;
    position: static !important;
    align-items: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c33 100%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 15px rgba(255, 107, 0, 0.45) !important;
    margin-bottom: 12px !important;
    width: fit-content !important;
    animation: ribbonPulse 2s infinite !important;
    pointer-events: none !important;
}

.popular-ribbon-badge img.emoji {
    width: 13px !important;
    height: 13px !important;
    display: inline-block !important;
}

@keyframes ribbonPulse {
    0%, 100% { box-shadow: 0 4px 14px rgba(255, 107, 0, 0.4); transform: scale(1); }
    50% { box-shadow: 0 4px 22px rgba(255, 107, 0, 0.75); transform: scale(1.03); }
}

/* Card Titles */
body.home.page-id-22072.dentika-signature-ui #main .elementor-22072 > :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .elementor-heading-title {
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

/* Price Big Typography: "Cuma Rp. 200.000 tiap bulan" */
body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .elementor-inner-section:last-child .elementor-heading-title {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #ff6b00 !important;
    background: rgba(255, 107, 0, 0.08) !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    text-align: center !important;
}

/* CTA Buttons on Pricing Cards */
body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .elementor-button {
    background: linear-gradient(135deg, #ff6b00 0%, #ff8c33 100%) !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    border-radius: var(--dn-radius-pill) !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    padding: 14px 24px !important;
    width: 100% !important;
    box-shadow: 0 6px 20px var(--dn-orange-glow) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .elementor-button .elementor-button-text {
    color: #ffffff !important;
}

body.home.page-id-22072.dentika-signature-ui #main :where(.elementor-element-3bd4ede, .elementor-element-68d4899, .elementor-element-a7578e3) .elementor-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 28px rgba(255, 107, 0, 0.65) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------------------
 * 6. Community Callout Banner (.elementor-element-bbff87d)
 * ------------------------------------------------------------------------------ */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d {
    background: linear-gradient(115deg, rgba(8, 103, 232, 0.98), rgba(6, 77, 169, 0.96) 64%, #061522 64%) !important;
    border-radius: var(--dn-radius) !important;
    box-shadow: 0 20px 60px rgba(6, 21, 34, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Previous decorative ring in top-right corner */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d::after,
body.dentika-signature-ui.home #main .elementor-element.elementor-element-bbff87d::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -135px !important;
    right: 4% !important;
    width: 330px !important;
    height: 330px !important;
    border-radius: 50% !important;
    border: 42px solid rgba(255, 107, 0, 0.6) !important;
    opacity: 0.75 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Centered layout */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d > .elementor-container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: var(--dn-container) !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-42ae40a {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d .elementor-heading-title {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 780px !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d p {
    text-align: center !important;
    margin: 12px auto !important;
    max-width: 740px !important;
}

/* Phone number centered glow link */
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-6cdad4e,
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-6cdad4e .elementor-widget-container {
    text-align: center !important;
    margin: 14px auto 0 !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d .dn-community-phone-link,
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d [data-widget_type="heading.default"]:last-of-type h3,
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d [data-widget_type="heading.default"]:last-of-type a {
    color: #ff9d42 !important;
    font-size: clamp(34px, 4vw, 46px) !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 25px rgba(255, 107, 0, 0.6) !important;
    display: inline-block !important;
    text-decoration: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d .dn-community-phone-link:hover,
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d [data-widget_type="heading.default"]:last-of-type a:hover {
    color: #ffb866 !important;
    transform: scale(1.05) !important;
    text-shadow: 0 0 35px rgba(255, 140, 0, 0.9) !important;
}

/* ------------------------------------------------------------------------------
 * 9. Device Showcase Section ("Satukan semuanya!") (.elementor-element-40f6dd5)
 * ------------------------------------------------------------------------------ */
body.dentika-signature-ui.home #main .elementor-element.elementor-element-40f6dd5,
body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 {
    background: #061522 !important;
    padding: 60px 24px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 .elementor-image-carousel-wrapper {
    max-width: 900px !important;
    margin: 0 auto !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 .swiper-slide {
    text-align: center !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 .swiper-slide-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px 20px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    transition: all 0.3s ease !important;
    max-width: 220px !important;
    margin: 0 auto !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 .swiper-slide-inner:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 107, 0, 0.45) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 img {
    height: 64px !important;
    width: auto !important;
    margin: 0 auto 12px !important;
    filter: sepia(1) saturate(12) hue-rotate(350deg) brightness(1.08) !important;
}

body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-40f6dd5 .elementor-image-carousel-caption {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.3px !important;
    margin-top: 6px !important;
}

/* ------------------------------------------------------------------------------
 * 7. FAQ Accordion Enhancement
 * ------------------------------------------------------------------------------ */
.elementor-widget-accordion .elementor-accordion-item {
    border: 1px solid rgba(6, 21, 34, 0.1) !important;
    border-radius: var(--dn-radius-sm) !important;
    margin-bottom: 12px !important;
    background: #ffffff !important;
    transition: all 0.25s ease !important;
    overflow: hidden !important;
}

.elementor-widget-accordion .elementor-accordion-item:hover {
    border-color: rgba(8, 103, 232, 0.35) !important;
    box-shadow: 0 8px 24px rgba(8, 103, 232, 0.06) !important;
}

.elementor-widget-accordion .elementor-tab-title {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    position: relative !important;
    min-height: 0 !important;
    padding: 16px 20px !important;
    font-weight: 700 !important;
    color: #061522 !important;
    cursor: pointer !important;
}

.elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon {
    position: static !important;
    left: auto !important;
    top: auto !important;
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #eef4f9 !important;
    color: #0867e8 !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
}

.elementor-widget-accordion .elementor-tab-title .elementor-accordion-title {
    display: block !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #061522 !important;
    -webkit-text-fill-color: #061522 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-widget-accordion .elementor-tab-title:hover .elementor-accordion-title {
    color: #0867e8 !important;
    -webkit-text-fill-color: #0867e8 !important;
}

.elementor-widget-accordion .elementor-tab-title.elementor-active {
    background: rgba(8, 103, 232, 0.04) !important;
    border-bottom: 1px solid rgba(8, 103, 232, 0.1) !important;
}

.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
    background: #0867e8 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(8, 103, 232, 0.3) !important;
}

.elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-title {
    color: #0867e8 !important;
    -webkit-text-fill-color: #0867e8 !important;
    font-weight: 800 !important;
}

.elementor-widget-accordion .elementor-tab-content {
    padding: 18px 24px 22px 72px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    background: #ffffff !important;
}

/* ------------------------------------------------------------------------------
 * 8. Floating WhatsApp Helpdesk Widget
 * ------------------------------------------------------------------------------ */
.dentika-floating-wa {
    position: fixed !important;
    bottom: 85px !important;
    right: 28px !important;
    z-index: 9999999 !important;
    display: block !important;
}

.dentika-floating-wa .dentika-wa-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.dentika-floating-wa .wa-badge {
    background: #ffffff !important;
    color: #061522 !important;
    padding: 8px 16px !important;
    border-radius: var(--dn-radius-pill) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

.dentika-floating-wa .wa-badge .status-dot {
    width: 8px !important;
    height: 8px !important;
    background: #22c55e !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px #22c55e !important;
    animation: dentikaPulse 1.5s infinite !important;
}

.dentika-floating-wa .wa-button {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 30px !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
}

.dentika-floating-wa:hover .wa-button {
    transform: scale(1.1) rotate(6deg) !important;
    box-shadow: 0 12px 35px rgba(37, 211, 102, 0.7) !important;
}

.dentika-floating-wa:hover .wa-badge {
    transform: translateX(-4px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2) !important;
}

.dentika-floating-wa .wa-button::after {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 2px solid #25D366 !important;
    animation: waRingPulse 2s infinite !important;
}

@keyframes waRingPulse {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.5); opacity: 0; }
}

@keyframes dentikaPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.25); opacity: 0.7; }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dentika-floating-wa .wa-badge {
        display: none !important;
    }
    .dentika-floating-wa {
        bottom: 75px !important;
        right: 18px !important;
    }
    body.home.page-id-22072.dentika-signature-ui #main .elementor-element.elementor-element-bbff87d h3:contains("08111") {
        font-size: 26px !important;
    }
}