/* Explore AANYA platform walkthrough */

.platform-explore__hero {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem;
    align-items: start;
    padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(1rem, 2vw, 1.5rem);
}

.platform-explore__hero-icon {
    width: 3rem;
    height: 3rem;
    color: var(--aanya-green);
}

.platform-explore__intro {
    max-width: 42rem;
    color: var(--neutral-600);
    line-height: 1.65;
}

.platform-explore__journey {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    padding-bottom: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--brown-500) 10%, transparent);
}

.platform-explore__journey a {
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brown-500) 12%, transparent);
    color: var(--brown-700);
    font-size: var(--font-size-body-sm);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
}

.platform-explore__journey a:hover {
    border-color: color-mix(in srgb, var(--green-600) 35%, transparent);
    background: var(--green-50);
    color: var(--green-800);
}

.platform-explore__group {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
    scroll-margin-top: calc(var(--header-height-sticky) + 1rem);
}

.platform-explore__group-head h2 {
    margin: 0 0 1rem;
    color: var(--neutral-900);
}

.platform-module-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    gap: 1rem;
}

.platform-module-card {
    display: grid;
    gap: 0.65rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--brown-500) 10%, transparent);
    border-radius: var(--radius-card);
    background: var(--neutral-0);
    box-shadow: var(--elevation-1);
    transition: box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);
}

.platform-module-card:hover {
    box-shadow: var(--elevation-2);
    transform: translateY(-1px);
}

.platform-module-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.platform-module-card__icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--aanya-leaf);
}

.platform-module-card--planned {
    border-style: dashed;
    background: color-mix(in srgb, var(--neutral-100) 70%, var(--neutral-0));
}

.platform-module-card--intelligence .platform-module-card__icon { color: var(--aanya-blue); }
.platform-module-card--commerce .platform-module-card__icon { color: var(--aanya-orange); }
.platform-module-card--connect .platform-module-card__icon { color: var(--aanya-coral); }

.platform-module-card__status {
    font-size: var(--font-size-caption);
    font-weight: var(--font-weight-bold);
    color: var(--neutral-500);
    text-transform: uppercase;
}

.platform-module-card__status--active {
    color: var(--green-700);
}

.platform-module-card__static {
    font-size: var(--font-size-body-sm);
    color: var(--neutral-500);
}

.platform-module-page__shell {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.platform-module-page__hero {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border-radius: var(--radius-feature);
    background: color-mix(in srgb, var(--neutral-100) 55%, var(--neutral-0));
    margin-bottom: 1.5rem;
}

.platform-module-page__hero--planned {
    border: 1px dashed color-mix(in srgb, var(--brown-400) 35%, transparent);
}

.platform-module-page__icon {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--aanya-green);
}

.platform-module-page__summary {
    font-size: var(--font-size-body-lg);
    color: var(--neutral-600);
}

.platform-module-page__body section {
    margin-bottom: 1.5rem;
}

.platform-module-page__connections {
    display: grid;
    gap: 0.35rem;
    padding-left: 1.1rem;
}

.mega-link--planned {
    align-items: center;
}

.product-actions--pdp .provision-list-button--visible {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-color: color-mix(in srgb, var(--green-600) 40%, transparent);
    color: var(--green-800);
    font-weight: var(--font-weight-semibold);
}

.provision-list-button__icon {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}

.account-overview-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr));
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.account-overview-card {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--brown-500) 10%, transparent);
    border-radius: 12px;
    background: var(--neutral-0);
    color: var(--brown-700);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
}

.account-overview-card svg {
    width: 1rem;
    height: 1rem;
    color: var(--green-700);
}

.account-overview-card--planned {
    border-style: dashed;
    opacity: 0.92;
}

.account-main[data-account-single-view] .account-panel[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .platform-module-card:hover {
        transform: none;
    }
}