.page-member-commerce {
    --mc-dark:#123e35;
    --mc-tint:#f0f5f1
}
.page-member-commerce h1,.page-member-commerce h2,.page-member-commerce h3 {
    letter-spacing:0
}
.page-member-commerce main section[id] {
    scroll-margin-top:calc(var(--site-header-height) - 32px)
}
.page-member-commerce main [hidden] {
    display:none!important
}
.mc-hero {
    background:radial-gradient(ellipse at 78% 42%,#49694c 0,transparent 52%),linear-gradient(115deg,#123d33,#153d31 68%,#293f30);
    color:#f6f4e9;
    overflow:hidden
}
.mc-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);
    align-items:center;
    gap:34px;
    min-height:650px;
    padding-block:56px
}
.mc-hero-copy {
    position:relative;
    z-index:1;
    padding-block:12px
}
.mc-edition {
    display:inline-flex;
    align-items:center;
    padding:6px 13px;
    border:1px solid #c6b48080;
    border-radius:4px;
    color:#e6d9ad;
    font-size:14px
}
.mc-hero h1 {
    font-size:30px;
    line-height:1.5;
    font-weight:500;
    margin:0
}
.mc-hero h1>span {
    display:block;
    font-size:21px;
    color:#e6d8b1;
    margin-top:3px
}
.mc-hero-description {
    font-size:18px;
    line-height:1.9;
    color:#d8e1d7;
    max-width:590px;
    margin:25px 0
}
.mc-hero-features {
    list-style:none;
    padding:0;
    margin:26px 0 32px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px 12px;
    font-size:15px
}
.mc-hero-features li {
    display:flex;
    gap:9px;
    align-items:center;
    white-space:nowrap
}
.mc-hero-features svg {
    width:21px;
    height:21px;
    color:#d8c593;
    flex-shrink:0
}
.mc-hero .button {
    background:#dfcb96;
    border-color:#dfcb96;
    color:#173d31
}
.mc-hero-link {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#eee7d4;
    font-size:15px
}
.mc-hero-visual {
    min-width:0
}
.mc-nav {
    position:sticky;
    top:var(--site-header-height);
    z-index:45;
    border-bottom:1px solid #e0e7df;
    background:#fffffff5;
    backdrop-filter:blur(14px)
}
.mc-nav>.container {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:8px;
    padding-block:11px
}
.mc-nav a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:8px 6px;
    font-size:15px;
    color:#5e7067;
    border-radius:5px;
    transition:background .18s,color .18s
}
.mc-nav a:hover,.mc-nav a.is-active {
    color:var(--green);
    background:#edf3ed
}
.mc-section {
    padding-block:82px;
    background:var(--cream)
}
.mc-white {
    background:#fff
}
.mc-heading {
    text-align:center;
    margin:0 auto 48px;
    max-width:960px
}
.mc-heading h2 {
    font-size:39px;
    font-weight:500;
    line-height:1.4;
    margin:0 0 18px;
    color:#203d32
}
.mc-heading p {
    font-size:18px;
    line-height:1.9;
    color:#647267;
    margin:0
}
.mc-diagram {
    margin:0
}
.mc-diagram>a {
    display:block;
    cursor:zoom-in
}
.mc-diagram img {
    display:block;
    width:100%;
    height:auto;
    border-radius:5px
}
.mc-tab-list a {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px
}
.mc-tab-list svg {
    width:25px;
    height:25px;
    flex-shrink:0
}
.mc-tab-panels,.mc-tab-panels>section {
    min-width:0
}
.mc-tab-panels>section+section {
    margin-top:35px
}
.mc-tabs-enhanced .mc-tab-panels>section {
    margin-top:0
}
.mc-live {
    background:radial-gradient(ellipse at 76% 40%,#2a5844,transparent 65%),#153e33;
    color:#e4e9dd
}
.mc-live .mc-heading h2 {
    color:#e5d7ac
}
.mc-live .mc-heading p {
    color:#bdcdbd
}
.mc-live-tabs .mc-tab-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-bottom:30px
}
.mc-live-tabs .mc-tab-list a {
    flex-direction:column;
    min-height:116px;
    padding:25px 12px;
    border:1px solid #73967b55;
    border-radius:8px;
    color:#d9dfcd;
    background:#19443680;
    transition:background .18s,border-color .18s,color .18s
}
.mc-live-tabs .mc-tab-list svg {
    width:33px;
    height:33px;
    color:#d4c699
}
.mc-live-tabs .mc-tab-list a[aria-selected=true] {
    background:#e4d4a5;
    color:#254434;
    border-color:#e4d4a5
}
.mc-live-tabs .mc-tab-list a[aria-selected=true] svg {
    color:#476040
}
.mc-live-visual {
    min-width:0;
    min-height:420px
}
.mc-live-description {
    padding:22px 25px;
    border:1px solid #b8c8a73b;
    border-radius:8px;
    background:#102e255c;
    min-height:145px
}
.mc-live-description h3 {
    margin:0 0 10px;
    color:#e5d5a6;
    font-size:22px;
    font-weight:500
}
.mc-live-description p {
    margin:0;
    color:#c9d6c5;
    font-size:15px;
    line-height:1.9
}
.mc-live-tabs.mc-tabs-enhanced {
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    align-items:center;
    gap:38px
}
.mc-live-tabs.mc-tabs-enhanced>.mc-tab-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 20px;
    margin:0
}
.mc-live-tabs.mc-tabs-enhanced>.mc-tab-list a {
    min-height:156px;
    font-size:17px;
    gap:18px
}
.mc-live-tabs .mcui-stage {
    min-height:400px
}
.mc-live-tabs .mcui-live-engage .mcui-stage,.mc-live-tabs .mcui-live-commerce .mcui-stage {
    min-height:490px
}
.mc-solution-tabs {
    background:white;
    border:1px solid #e8ece5;
    border-radius:12px;
    overflow:hidden
}
.mc-solution-tabs>.mc-tab-list {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:22px;
    gap:12px
}
.mc-solution-tabs .mc-tab-list a {
    min-height:56px;
    padding:13px;
    color:#677c6e;
    background:#f5f7f1;
    border-radius:5px;
    font-size:16px;
    transition:background .18s,color .18s
}
.mc-solution-tabs .mc-tab-list a[aria-selected=true] {
    background:var(--green);
    color:#fff
}
.mc-solution-tabs [data-product-panel] {
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
    align-items:center;
    gap:30px;
    padding:32px
}
.mc-solution-visual {
    min-width:0
}
.mc-solution-copy {
    min-width:0
}
.mc-solution-copy h3 {
    font-size:29px;
    color:var(--green);
    font-weight:500;
    margin:0 0 18px
}
.mc-solution-copy p {
    color:#647267;
    font-size:16px;
    line-height:1.9;
    margin:0 0 23px
}
.mc-check-list {
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:14px;
    font-size:15px;
    color:#4c6253
}
.mc-check-list li {
    padding-left:24px;
    position:relative
}
.mc-check-list li:before {
    content:'✓';
    position:absolute;
    left:0;
    color:#559775
}
.mc-marketing-tabs .mc-tab-list {
    display:flex;
    justify-content:center;
    gap:100px;
    margin-bottom:40px
}
.mc-marketing-tabs .mc-tab-list a {
    color:#647267;
    font-size:23px;
    min-height:54px;
    padding:0 10px 15px;
    border-bottom:3px solid transparent
}
.mc-marketing-tabs .mc-tab-list a[aria-selected=true] {
    color:var(--green);
    border-color:var(--green)
}
.mc-feature-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    list-style:none;
    padding:0;
    margin:0;
    gap:18px
}
.mc-feature-grid li {
    display:flex;
    min-width:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:19px;
    min-height:145px;
    padding:23px 8px;
    background:white;
    border:1px solid #e8ede4;
    border-radius:7px;
    color:#536b58;
    font-size:16px
}
.mc-feature-grid svg {
    width:38px;
    height:38px;
    stroke-width:1.5;
    color:#548263
}
.mc-panel-label {
    font-weight:500;
    color:var(--green)
}
.mc-tabs-enhanced .mc-panel-label {
    display:none
}
.mc-community-layout {
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);
    gap:60px;
    align-items:center
}
.mc-community-cards {
    display:grid;
    gap:20px
}
.mc-community-cards article {
    padding:24px 27px;
    background:#f1f5ee;
    border:1px solid #e4ebdf;
    border-radius:7px
}
.mc-community-cards svg {
    width:27px;
    height:27px;
    color:#5d896a
}
.mc-community-cards h3 {
    font-size:20px;
    font-weight:500;
    color:#325c43;
    margin:11px 0
}
.mc-community-cards p {
    font-size:15px;
    line-height:1.85;
    color:#647267;
    margin:0
}
.mc-community-visual {
    min-width:0
}
.mc-ai-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px
}
.mc-ai-cards article {
    padding:0 28px 30px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e3e9df;
    border-radius:9px
}
.mc-ai-cards h3 {
    font-size:22px;
    line-height:1.6;
    font-weight:500;
    color:#315b42;
    margin:26px 0 13px
}
.mc-ai-cards p {
    font-size:16px;
    line-height:1.85;
    color:#647267;
    margin:0
}
.mc-ai-art {
    height:200px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin:0 -28px;
    background:radial-gradient(ellipse at center,#e7efd9,transparent 75%),#f6f8ef
}
.mc-ai-art svg {
    width:76px;
    height:76px;
    stroke-width:1.1;
    color:#6b8e58;
    filter:drop-shadow(3px 8px 0 #dfe7c9)
}
.mc-ai-art span {
    font-size:13px;
    color:#8b9b76;
    letter-spacing:2px
}
.mc-ai-art-copy {
    background:radial-gradient(ellipse at center,#f4eacb,transparent 80%),#f9f7ef
}
.mc-ai-art-copy svg {
    color:#a58d53;
    filter:drop-shadow(3px 8px 0 #e9dec0)
}
.mc-ai-art-content {
    background:radial-gradient(ellipse at center,#dceae1,transparent 80%),#f1f7f2
}
.mc-data {
    background:linear-gradient(135deg,#1a463a,#12382f);
    color:#d5e1d4
}
.mc-data .mc-heading h2 {
    color:#f0ecda
}
.mc-data .mc-heading p {
    color:#b2c5b4
}
.mc-data-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 60px;
    margin-top:64px
}
.mc-data-grid article {
    display:flex;
    align-items:center;
    gap:28px;
    padding:16px 0
}
.mc-data-symbol {
    display:grid;
    place-items:center;
    width:108px;
    height:108px;
    border:1px solid #9fbe9c5e;
    border-radius:50%;
    flex-shrink:0;
    background:#6e916b18;
    box-shadow:0 0 0 12px #7b9c6910
}
.mc-data-symbol svg {
    width:44px;
    height:44px;
    stroke-width:1.4;
    color:#c9d7ad
}
.mc-data-grid h3 {
    font-size:25px;
    font-weight:500;
    margin:0 0 12px;
    color:#e5ecd9
}
.mc-data-grid p {
    font-size:16px;
    line-height:1.85;
    margin:0;
    color:#b4c9b5
}
.mc-tech-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:50px
}
.mc-tech-grid article {
    border:1px solid #e3e9dd;
    border-radius:10px;
    overflow:hidden
}
.mc-tech-title {
    display:flex;
    align-items:center;
    gap:17px;
    padding:25px 32px;
    background:#edf3e8;
    color:#3a6645
}
.mc-tech-title svg {
    width:34px;
    height:34px
}
.mc-tech-title h3 {
    font-size:26px;
    font-weight:500;
    margin:0
}
.mc-tech-grid dl {
    margin:0;
    padding:8px 30px 14px
}
.mc-tech-grid dl>div {
    padding:21px 0;
    border-bottom:1px solid #e9ede5
}
.mc-tech-grid dl>div:last-child {
    border-bottom:0
}
.mc-tech-grid dt {
    font-size:19px;
    color:#3f624a;
    margin-bottom:7px
}
.mc-tech-grid dd {
    font-size:15px;
    line-height:1.8;
    color:#647267;
    margin:0
}
.mc-cluster {
    background:#f2f5ee
}
.mc-product-cta {
    padding:48px 0;
    background:#e7eee2
}
.mc-product-cta>.container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px
}
.mc-product-cta h2 {
    font-size:28px;
    color:#31563e;
    font-weight:500;
    margin:0 0 10px
}
.mc-product-cta p {
    color:#6e826e;
    margin:0;
    font-size:16px
}
.mc-diagram-dialog {
    width:96vw;
    max-width:1800px;
    max-height:94dvh;
    padding:0;
    border:1px solid #dce6d6;
    border-radius:10px;
    color:#285239;
    background:#f9fbf5;
    overflow:hidden
}
.mc-diagram-dialog::backdrop {
    background:#0a231de0;
    backdrop-filter:blur(5px)
}
.mc-dialog-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:15px 20px;
    border-bottom:1px solid #e1e8d9;
    background:#fff
}
.mc-dialog-toolbar h2 {
    font-size:18px;
    font-weight:500;
    margin:0
}
.mc-dialog-toolbar>div {
    display:flex;
    gap:10px;
    align-items:center
}
.mc-dialog-toolbar button {
    font:inherit;
    white-space:nowrap;
    cursor:pointer;
    color:#325f40;
    background:#eef4e8;
    border:1px solid #dce8d5;
    border-radius:5px;
    min-height:40px;
    padding:8px 13px;
    font-size:14px
}
.mc-dialog-toolbar button[data-diagram-close] {
    display:grid;
    place-items:center;
    padding:8px
}
.mc-dialog-toolbar svg {
    width:22px;
    height:22px
}
.mc-diagram-viewport {
    max-height:calc(94dvh - 80px);
    overflow:auto;
    overscroll-behavior:contain;
    padding:18px
}
.mc-diagram-viewport img {
    display:block;
    max-width:100%;
    width:100%;
    height:auto;
    max-height:calc(94dvh - 116px);
    object-fit:contain
}
.mc-diagram-dialog.is-zoomed img {
    width:2400px;
    max-width:none;
    max-height:none
}
.page-member-commerce main a:focus-visible,.page-member-commerce main button:focus-visible,.mc-diagram-viewport:focus-visible {
    outline:3px solid #bca15a;
    outline-offset:4px
}
@media(min-width:1101px) {
    .mc-solution-tabs.mc-tabs-enhanced {
        display:grid;
        grid-template-columns:minmax(0,1fr) 190px;
        padding:18px
    }
    .mc-solution-tabs.mc-tabs-enhanced>.mc-tab-list {
        grid-column:2;
        grid-row:1;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:20px;
        padding:20px 5px 20px 15px
    }
    .mc-solution-tabs.mc-tabs-enhanced>.mc-tab-panels {
        grid-column:1;
        grid-row:1
    }
    .mc-solution-tabs.mc-tabs-enhanced .mc-tab-list a {
        flex-direction:column;
        min-height:99px;
        gap:10px
    }
    .mc-solution-tabs.mc-tabs-enhanced [data-product-panel] {
        padding:22px 12px 22px 5px;
        gap:24px
    }
    .mc-solution-tabs .mcui-stage {
        min-height:420px;
        padding-inline:4px
    }
}
@media(max-width:1100px) {
    .mc-hero-grid {
        grid-template-columns:1fr;
        gap:0;
        min-height:0;
        padding-block:52px 35px
    }
    .mc-hero-copy {
        max-width:660px;
        margin-inline:auto;
        text-align:center
    }
    .mc-hero-features {
        max-width:530px;
        margin-inline:auto
    }
    .mc-hero-features li {
        justify-content:center
    }
    .mc-hero .button-row {
        justify-content:center
    }
    .mc-hero-visual {
        width:100%;
        max-width:640px;
        margin-inline:auto
    }
    .mc-section {
        padding-block:66px
    }
    .mc-heading h2 {
        font-size:34px
    }
    .mc-live-tabs.mc-tabs-enhanced {
        display:block
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
        margin-bottom:28px
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list a {
        min-height:112px;
        font-size:16px;
        gap:13px
    }
    .mc-live-tabs>.mc-tab-panels {
        max-width:760px;
        margin:auto
    }
    .mc-live-visual {
        max-width:680px;
        margin:auto
    }
    .mc-community-layout {
        grid-template-columns:1fr;
        gap:25px
    }
    .mc-community-cards {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:15px
    }
    .mc-community-cards article {
        padding:22px
    }
    .mc-community-visual {
        width:100%;
        max-width:730px;
        margin:auto
    }
    .mc-feature-grid {
        gap:13px
    }
    .mc-feature-grid li {
        font-size:14px
    }
    .mc-ai-cards {
        gap:18px
    }
    .mc-ai-cards article {
        padding-inline:22px
    }
    .mc-ai-art {
        margin-inline:-22px
    }
    .mc-ai-cards h3 {
        font-size:20px
    }
    .mc-data-grid {
        gap:30px
    }
    .mc-data-grid article {
        gap:23px
    }
    .mc-data-symbol {
        width:80px;
        height:80px
    }
    .mc-data-grid h3 {
        font-size:22px
    }
    .mc-tech-grid {
        gap:26px
    }
}
@media(max-width:700px) {
    .page-member-commerce main section[id] {
        scroll-margin-top:calc(var(--site-header-height) - 12px)
    }
    .mc-hero-grid {
        padding-block:34px 26px
    }
    .mc-hero h1 {
        font-size:27px
    }
    .mc-hero h1>span {
        font-size:19px
    }
    .mc-hero-description {
        font-size:16px;
        line-height:1.9;
        margin:22px 0
    }
    .mc-hero-features {
        font-size:13px;
        gap:18px 8px;
        margin:25px 0
    }
    .mc-hero-features li {
        gap:6px
    }
    .mc-hero-features svg {
        width:18px;
        height:18px
    }
    .mc-hero .button-row {
        gap:20px
    }
    .mc-hero-link {
        font-size:14px
    }
    .mc-nav>.container {
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:4px;
        padding-block:7px
    }
    .mc-nav a {
        min-height:34px;
        padding:6px 2px;
        font-size:12px
    }
    .mc-section {
        padding-block:48px
    }
    .mc-heading {
        margin-bottom:30px
    }
    .mc-heading h2 {
        font-size:27px;
        line-height:1.5;
        margin-bottom:14px
    }
    .mc-heading p {
        font-size:16px;
        line-height:1.8
    }
    .mc-heading br {
        display:none
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list,.mc-live-tabs>.mc-tab-list {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list a {
        min-height:99px;
        font-size:14px;
        gap:12px;
        padding:18px 7px
    }
    .mc-live-tabs .mc-tab-list svg {
        width:29px;
        height:29px
    }
    .mc-live-visual {
        min-height:340px
    }
    .mc-live-description {
        padding:21px;
        min-height:0
    }
    .mc-live-description h3 {
        font-size:20px
    }
    .mc-live-description p {
        font-size:14px
    }
    .mc-solution-tabs>.mc-tab-list {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        padding:14px
    }
    .mc-solution-tabs .mc-tab-list a {
        font-size:13px;
        gap:7px;
        min-height:49px;
        padding:10px 5px
    }
    .mc-solution-tabs .mc-tab-list svg {
        width:20px;
        height:20px
    }
    .mc-solution-tabs [data-product-panel] {
        grid-template-columns:1fr;
        gap:22px;
        padding:12px 20px 28px
    }
    .mc-solution-copy h3 {
        font-size:24px
    }
    .mc-solution-copy p {
        font-size:15px
    }
    .mc-check-list {
        font-size:14px;
        gap:12px
    }
    .mc-marketing-tabs .mc-tab-list {
        gap:50px;
        margin-bottom:25px
    }
    .mc-marketing-tabs .mc-tab-list a {
        font-size:21px;
        min-height:46px;
        padding-bottom:12px
    }
    .mc-feature-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px
    }
    .mc-feature-grid li {
        min-height:111px;
        padding:18px 5px;
        gap:13px;
        font-size:12px;
        text-align:center
    }
    .mc-feature-grid svg {
        width:29px;
        height:29px
    }
    .mc-community-cards {
        grid-template-columns:1fr;
        gap:13px
    }
    .mc-community-cards article {
        padding:21px
    }
    .mc-community-cards h3 {
        font-size:20px
    }
    .mc-community-cards p {
        font-size:14px
    }
    .mc-community-layout {
        gap:12px
    }
    .mc-ai-cards {
        grid-template-columns:1fr;
        gap:22px
    }
    .mc-ai-cards article {
        padding-bottom:26px
    }
    .mc-ai-art {
        height:180px
    }
    .mc-ai-cards h3 {
        font-size:22px;
        margin-top:22px
    }
    .mc-ai-cards p {
        font-size:15px
    }
    .mc-data-grid {
        grid-template-columns:1fr;
        gap:23px;
        margin-top:37px
    }
    .mc-data-grid article {
        gap:24px;
        padding:12px 8px
    }
    .mc-data-symbol {
        width:70px;
        height:70px;
        box-shadow:0 0 0 8px #7b9c6910
    }
    .mc-data-symbol svg {
        width:32px;
        height:32px
    }
    .mc-data-grid h3 {
        font-size:22px;
        margin-bottom:10px
    }
    .mc-data-grid p {
        font-size:14px
    }
    .mc-tech-grid {
        grid-template-columns:1fr;
        gap:24px
    }
    .mc-tech-title {
        padding:22px
    }
    .mc-tech-title h3 {
        font-size:24px
    }
    .mc-tech-grid dl {
        padding:2px 22px 8px
    }
    .mc-tech-grid dt {
        font-size:18px
    }
    .mc-tech-grid dd {
        font-size:14px
    }
    .mc-product-cta {
        padding:36px 0
    }
    .mc-product-cta>.container {
        flex-direction:column;
        align-items:flex-start
    }
    .mc-product-cta h2 {
        font-size:24px;
        line-height:1.5
    }
    .mc-product-cta p {
        font-size:15px
    }
    .mc-dialog-toolbar {
        padding:10px;
        gap:10px;
        align-items:flex-start
    }
    .mc-dialog-toolbar h2 {
        font-size:14px;
        line-height:1.5;
        padding-top:4px
    }
    .mc-dialog-toolbar>div {
        gap:5px
    }
    .mc-dialog-toolbar button {
        font-size:12px;
        padding:7px;
        min-height:35px
    }
    .mc-dialog-toolbar svg {
        width:20px;
        height:20px
    }
    .mc-diagram-viewport {
        padding:8px;
        max-height:calc(94dvh - 92px)
    }
}
@media(max-width:370px) {
    .mc-hero h1 {
        font-size:24px
    }
    .mc-hero-features {
        grid-template-columns:repeat(2,minmax(0,1fr));
        font-size:13px
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list a {
        font-size:12px
    }
    .mc-feature-grid li {
        font-size:11px
    }
    .mc-data-grid article {
        gap:20px
    }
    .mc-data-symbol {
        width:55px;
        height:55px
    }
    .mc-data-symbol svg {
        width:26px;
        height:26px
    }
}
@media(prefers-reduced-motion:reduce) {
    .mc-nav a,.mc-tab-list a {
        transition:none
    }
}
/* Desktop live panel follows the source: selectors and copy on the left, screen on the right. */
@media(min-width:1101px) {
    .mc-live-tabs.mc-tabs-enhanced {
        grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
        gap:20px 34px;
        align-items:center
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list {
        grid-column:1;
        grid-row:1;
        gap:17px 14px;
        align-self:end
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list a {
        min-height:91px;
        flex-direction:row;
        gap:12px;
        padding:18px 10px;
        font-size:15px
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-list svg {
        width:29px;
        height:29px
    }
    .mc-live-tabs.mc-tabs-enhanced>.mc-tab-panels,.mc-live-tabs.mc-tabs-enhanced [data-product-panel] {
        display:contents
    }
    .mc-live-tabs.mc-tabs-enhanced .mc-live-visual {
        grid-column:2;
        grid-row:1 / span 2;
        align-self:center
    }
    .mc-live-tabs.mc-tabs-enhanced .mc-live-description {
        grid-column:1;
        grid-row:2;
        align-self:start
    }
    .mc-live-tabs.mc-tabs-enhanced .mc-live-description h3 {
        font-size:20px
    }
    .mc-live-tabs.mc-tabs-enhanced .mc-live-description p {
        font-size:14px
    }
}
@media(max-width:370px) {
    .mc-nav a {
        font-size:11px;
        white-space:nowrap
    }
}

/* Keep every state in the layout so switching cannot move the section or scroll anchor. */
.mc-tabs-enhanced .mc-tab-panels {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
.mc-tabs-enhanced [data-product-panel] {
    grid-area: 1 / 1;
    min-width: 0;
}
.mc-tabs-enhanced [data-product-panel][aria-hidden="true"] {
    visibility: hidden;
    pointer-events: none;
}
.mc-tabs-enhanced .mc-tab-list a {
    cursor: pointer;
}
.mc-tabs-enhanced .mc-tab-list a:hover {
    box-shadow: inset 0 0 0 1px #91aa7d;
}
.mc-live-tabs.mc-tabs-enhanced [data-product-panel] {
    display: contents;
}
.mc-live-tabs.mc-tabs-enhanced .mc-live-visual {
    grid-area: 1 / 1;
    align-self: center;
}
.mc-live-tabs.mc-tabs-enhanced .mc-live-description {
    grid-area: 2 / 1;
    align-self: stretch;
}
.mc-solution-tabs.mc-tabs-enhanced [data-product-panel] {
    align-self: stretch;
}
.mc-solution-tabs .mc-solution-visual .mcui-stage {
    min-height: 490px;
}
@media (min-width: 1101px) {
    .mc-live-tabs.mc-tabs-enhanced > .mc-tab-panels {
        display: contents;
    }
    .mc-live-tabs.mc-tabs-enhanced .mc-live-visual {
        grid-area: 1 / 2 / span 2 / 3;
    }
    .mc-live-tabs.mc-tabs-enhanced .mc-live-description {
        grid-area: 2 / 1;
    }
}

/* Decorative background only; the public motion observer pauses it off screen. */
.mc-hero {
    position: relative;
    isolation: isolate;
}
.mc-hero-grid {
    position: relative;
    z-index: 1;
}
.mc-hero h1 {
    margin-top: 26px;
    font-size: clamp(32px, 3.7vw, 44px);
}
.mc-hero::before,
.mc-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    animation-play-state: paused;
}
.mc-hero::before {
    inset: -35%;
    background: radial-gradient(ellipse at 74% 40%, #d9c88b30, transparent 34%),
                radial-gradient(ellipse at 45% 80%, #759c5750, transparent 37%);
    animation: mc-hero-glow 13s ease-in-out infinite alternate paused;
}
.mc-hero::after {
    width: 130%;
    height: 130%;
    left: 22%;
    top: 3%;
    border: 1px solid #d5c59424;
    border-radius: 48% 52% 46% 54%;
    box-shadow: 0 0 0 34px #d5c59407, 0 0 0 76px #d5c59406, 0 0 0 126px #d5c59405;
    animation: mc-hero-orbit 20s ease-in-out infinite alternate paused;
}
.mc-hero.motion-running::before,
.mc-hero.motion-running::after {
    animation-play-state: running;
}
.motion-paused .mc-hero::before,
.motion-paused .mc-hero::after {
    animation-play-state: paused;
}
@keyframes mc-hero-glow {
    from { transform: translate(-5%, 3%) rotate(-7deg) scale(1); opacity: .45; }
    to { transform: translate(7%, -5%) rotate(9deg) scale(1.12); opacity: 1; }
}
@keyframes mc-hero-orbit {
    from { transform: translate(4%, 6%) rotate(-18deg); opacity: .4; }
    to { transform: translate(-7%, -9%) rotate(12deg); opacity: .9; }
}
@media (max-width: 700px) {
    .mc-hero h1 { font-size: 28px; }
    .mc-hero::after { left: -10%; width: 180%; }
}
@media (prefers-reduced-motion: reduce) {
    .mc-hero::before, .mc-hero::after { animation: none; }
}