#sampark-ai-mega-menu {
    display: none;
}

#sampark-ai-mega-menu.is-open {
    display: block !important;
}

.sampark-ai-mega-menu {
    position: absolute;
    top: calc(100% + 0px);
    left: var(--sampark-ai-menu-left, 0px);
    transform: none;
    width: var(--sampark-ai-menu-width, 100vw);
    z-index: 999999;
    background:
        radial-gradient(circle at 12% 18%, rgba(180, 215, 113, 0.18), transparent 25%),
        radial-gradient(circle at 88% 22%, rgba(255, 233, 154, 0.22), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 252, 241, 0.98));
    border-top: 1px solid rgba(67, 103, 47, 0.14);
    border-bottom: 1px solid rgba(67, 103, 47, 0.14);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: 0 24px 60px rgba(20, 43, 23, 0.18);
    overflow: hidden;
}

.sampark-ai-mega-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        url("data:image/svg+xml,%3Csvg width='520' height='220' viewBox='0 0 520 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%234b7b36' stroke-opacity='.075' stroke-width='1.2'%3E%3Cpath d='M24 172L118 88L222 138L318 52L476 122'/%3E%3Ccircle cx='24' cy='172' r='5'/%3E%3Ccircle cx='118' cy='88' r='5'/%3E%3Ccircle cx='222' cy='138' r='5'/%3E%3Ccircle cx='318' cy='52' r='5'/%3E%3Ccircle cx='476' cy='122' r='5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 96% 94%;
    background-size: 470px auto;
    pointer-events: none;
}

.sampark-ai-menu-shell {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr) 270px;
    gap: 16px;
    padding: 16px 42px;
    max-width: 1440px;
    margin: 0 auto;
}

.sampark-ai-left {
    background: linear-gradient(180deg, rgba(33, 88, 45, 0.98), rgba(22, 68, 36, 0.98));
    border-radius: 0;
    padding: 15px 12px;
    overflow: hidden;
    position: relative;
}

.sampark-ai-left::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -88px;
    bottom: -76px;
    border: 1px solid rgba(180, 215, 113, 0.28);
    border-radius: 42% 58% 61% 39%;
    transform: rotate(25deg);
}

.sampark-ai-left-kicker {
    font-size: 11px;
    line-height: 1;
    color: #dfeeba;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-bottom: 7px;
}

.sampark-ai-left-title {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 13px;
}

.sampark-ai-group-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 8px;
}

.sampark-ai-group-btn {
    width: 100%;
    min-height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 10px;
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 9px;
    align-items: center;
    text-align: left;
    cursor: pointer;
    transition: all 0.22s ease;
}

.sampark-ai-group-btn strong {
    display: block;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 800;
    color: #ffffff;
}

.sampark-ai-group-btn small {
    display: none !important;
}

.sampark-ai-group-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b4d771;
    box-shadow: 0 0 0 4px rgba(180, 215, 113, 0.16);
}

.sampark-ai-group-btn:hover,
.sampark-ai-group-btn.is-active {
    background: #f8f5cf;
    border-color: rgba(248, 245, 207, 0.9);
    transform: translateX(3px);
}

.sampark-ai-group-btn:hover strong,
.sampark-ai-group-btn.is-active strong {
    color: #1b5631;
}

.sampark-ai-middle {
    min-width: 0;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(67, 103, 47, 0.11);
    border-radius: 0;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.sampark-ai-middle::before {
    content: "";
    position: absolute;
    right: 14px;
    bottom: -8px;
    width: 310px;
    height: 210px;
    opacity: 0.16;
    background-image: url("data:image/svg+xml,%3Csvg width='360' height='240' viewBox='0 0 360 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232d6b3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-opacity='.55' d='M150 34c-38 0-68 28-68 63 0 10 3 20 8 29-18 9-30 27-30 48 0 30 25 54 56 54h66c35 0 64-27 64-61 0-19-9-36-24-48 6-10 9-21 9-33 0-29-23-52-51-52-9 0-18 2-26 7-2-4-3-7-4-7z'/%3E%3Cpath stroke-opacity='.45' d='M126 64c-20 9-31 24-31 44M120 131c-16 4-27 17-27 33M159 66c-17 14-22 33-15 54M160 143c-8 13-8 28 1 42M196 74c15 12 21 27 17 45M199 142c13 9 20 22 18 39M135 102h44M121 158h51M168 120h48M151 188h58'/%3E%3Cpath stroke-opacity='.5' d='M205 52h35v28h26M218 104h42v31h34M214 158h46v-24M230 194h42v-32h26'/%3E%3Ccircle stroke-opacity='.6' cx='266' cy='80' r='5'/%3E%3Ccircle stroke-opacity='.6' cx='294' cy='135' r='5'/%3E%3Ccircle stroke-opacity='.6' cx='298' cy='162' r='5'/%3E%3Ccircle stroke-opacity='.6' cx='272' cy='194' r='5'/%3E%3C/g%3E%3Cg fill='%23b4d771' fill-opacity='.42'%3E%3Ccircle cx='96' cy='108' r='3'/%3E%3Ccircle cx='144' cy='120' r='3'/%3E%3Ccircle cx='172' cy='158' r='3'/%3E%3Ccircle cx='217' cy='119' r='3'/%3E%3Ccircle cx='260' cy='135' r='3'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

.sampark-ai-panel {
    display: none;
    position: relative;
    z-index: 2;
}

.sampark-ai-panel.is-active {
    display: block;
}

.sampark-ai-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 13px;
}

.sampark-ai-panel-kicker {
    color: #4b7b36;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 800;
    margin-bottom: 7px;
}

.sampark-ai-panel-head h3 {
    margin: 0;
    color: #173b25;
    font-size: 21px;
    line-height: 1.15;
    font-weight: 850;
}

.sampark-ai-panel-head p {
    margin: 7px 0 0;
    max-width: 650px;
    color: #5f6f5c;
    font-size: 13px;
    line-height: 1.45;
}

.sampark-ai-panel-badge {
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    color: #255b31;
    background: linear-gradient(135deg, #f8f5cf, #e9f4cc);
    border: 1px solid rgba(76, 123, 54, 0.16);
    border-radius: 999px;
    padding: 8px 10px;
    white-space: nowrap;
}

.sampark-ai-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.sampark-ai-link-card {
    position: relative;
    min-height: 64px;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 9px;
    align-items: center;
    text-decoration: none !important;
    padding: 10px 11px;
    border-radius: 13px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(250, 253, 244, 0.94));
    border: 1px solid rgba(67, 103, 47, 0.11);
    box-shadow: 0 8px 18px rgba(30, 70, 35, 0.055);
    overflow: hidden;
    transition: all 0.22s ease;
}

.sampark-ai-link-card::after {
    content: "";
    position: absolute;
    right: -34px;
    bottom: -34px;
    width: 92px;
    height: 92px;
    border-radius: 36% 64% 48% 52%;
    border: 1px solid rgba(76, 123, 54, 0.11);
    background: rgba(180, 215, 113, 0.055);
    transform: rotate(28deg);
}

.sampark-ai-link-card:hover {
    transform: translateY(-2px);
    border-color: rgba(76, 123, 54, 0.26);
    box-shadow: 0 13px 28px rgba(30, 70, 35, 0.11);
}

.sampark-ai-link-icon {
    width: 31px;
    height: 31px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(180, 215, 113, 0.32), rgba(248, 245, 207, 0.62));
    border: 1px solid rgba(76, 123, 54, 0.14);
    position: relative;
    z-index: 2;
}

.sampark-ai-link-icon svg {
    width: 17px;
    height: 17px;
    fill: #2f713d;
}

.sampark-ai-link-copy {
    position: relative;
    z-index: 2;
}

.sampark-ai-link-copy strong {
    display: block;
    color: #173b25;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 800;
}

.sampark-ai-link-copy small {
    display: block;
    margin-top: 4px;
    color: #6a7865;
    font-size: 11.5px;
    line-height: 1.25;
    font-weight: 500;
}

.sampark-ai-right {
    border-radius: 0;
    padding: 14px;
    background:
        linear-gradient(180deg, rgba(248, 245, 207, 0.95), rgba(239, 249, 220, 0.94));
    border: 1px solid rgba(67, 103, 47, 0.13);
    position: relative;
    overflow: hidden;
}

.sampark-ai-right::before {
    content: "";
    position: absolute;
    inset: auto -45px -55px auto;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(47, 113, 61, 0.12);
    border-radius: 50%;
}

.sampark-ai-usecase-head {
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
}

.sampark-ai-usecase-head span {
    display: block;
    color: #4b7b36;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 850;
    margin-bottom: 6px;
}

.sampark-ai-usecase-head strong {
    display: block;
    color: #173b25;
    font-size: 19px;
    line-height: 1.1;
    font-weight: 850;
}

.sampark-ai-usecase-set {
    position: relative;
    z-index: 2;
    display: none;
    gap: 9px;
}

.sampark-ai-usecase-set.is-active {
    display: grid;
}

.sampark-ai-usecase-card {
    display: block;
    position: relative;
    text-decoration: none !important;
    padding: 11px 34px 11px 12px;
    min-height: 86px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(67, 103, 47, 0.12);
    box-shadow: 0 8px 18px rgba(30, 70, 35, 0.045);
    transition: all 0.22s ease;
}

.sampark-ai-usecase-card:hover {
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 13px 26px rgba(30, 70, 35, 0.1);
}

.sampark-ai-usecase-card strong {
    display: block;
    color: #173b25;
    font-size: 13.5px;
    line-height: 1.2;
    font-weight: 850;
    margin-bottom: 5px;
}

.sampark-ai-usecase-card small {
    display: block;
    color: #677461;
    font-size: 11.5px;
    line-height: 1.34;
    font-weight: 500;
}

.sampark-ai-usecase-arrow {
    position: absolute;
    right: 11px;
    top: 10px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #255b31;
    background: rgba(180, 215, 113, 0.36);
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
}

.sampark-ai-right-cta {
    position: relative;
    z-index: 2;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-decoration: none !important;
    color: #ffffff;
    background: linear-gradient(135deg, #245d34, #173f27);
    border-radius: 13px;
    padding: 11px 12px;
    font-size: 13px;
    line-height: 1;
    font-weight: 850;
    box-shadow: 0 12px 24px rgba(25, 78, 40, 0.18);
}

.sampark-ai-right-cta span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.16);
}

.sampark-ai-bg-orbit {
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(47, 113, 61, 0.08);
    border-radius: 48% 52% 41% 59%;
}

.sampark-ai-bg-orbit-one {
    width: 240px;
    height: 150px;
    left: 280px;
    bottom: -74px;
    transform: rotate(-10deg);
}

.sampark-ai-bg-orbit-two {
    width: 190px;
    height: 120px;
    right: 230px;
    top: -62px;
    transform: rotate(18deg);
}

.sampark-ai-menu-anchor-host {
    position: relative !important;
}

@media (max-width: 1024px) {
    .sampark-ai-mega-menu {
        position: fixed;
        top: 82px;
        left: 0;
        right: 0;
        transform: none;
        width: 100vw;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
    }

    .sampark-ai-menu-shell {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .sampark-ai-link-grid {
        grid-template-columns: 1fr;
    }
}