/* Flat Premium page layer — deliberately excludes header and pricing plans */
:root {
    --flat-ink:#163b43;
    --flat-copy:#607471;
    --flat-teal:#087f77;
    --flat-navy:#143950;
    --flat-gold:#d8aa45;
    --flat-line:rgba(20,67,67,.12);
    --flat-line-strong:rgba(8,127,119,.25);
    --flat-soft:#f1f7f5;
    --flat-warm:#fbf8ef;
    --flat-white:#fff;
    --flat-radius:18px;
}

/* The page itself is intentionally shadow-free and keeps one outer radius on every route. */
.mz-app-shell {
    border-radius:clamp(18px,2.3vw,34px) !important;
    box-shadow:none !important;
}
#mz-main-content { color:var(--flat-copy); background:#fbfdfc; }
#mz-main-content > :first-child { border-top:0; }
#mz-main-content :is(.mz-hero,.mz-page-hero,.mz-page-header,[class$="-hero"],[class*="-hero "]) {
    border-top:0 !important;
}

/* Section rhythm and gentle color zoning. Pricing sections stay untouched. */
#mz-main-content section:not(#pricing):not([class*="pricing"]) {
    position:relative;
    border-top:1px solid rgba(20,67,67,.055);
    box-shadow:none !important;
}
#mz-main-content section:nth-of-type(even):not(#pricing):not([class*="pricing"]) {
    background:linear-gradient(180deg,rgba(241,247,245,.72),rgba(248,251,250,.55));
}
#mz-main-content section:nth-of-type(3n):not(#pricing):not([class*="pricing"]) {
    background:linear-gradient(180deg,rgba(251,248,239,.48),rgba(251,253,252,.7));
}

/* Titles receive a small brand marker instead of decorative shadows. */
#mz-main-content .mz-section-title,
#mz-main-content .mz-section-header h2 {
    color:var(--flat-ink) !important;
}
#mz-main-content .mz-section-title::after,
#mz-main-content .mz-section-header h2::after {
    content:'';
    display:block;
    width:38px;
    height:3px;
    margin:10px auto 0;
    border-radius:3px;
    background:linear-gradient(90deg,var(--flat-teal),var(--flat-gold));
}

/* Flat surfaces. Plan and pricing components are explicitly excluded. */
#mz-main-content :is(
    .mz-card,.mz-service-card,.mz-feature-card,.mz-blog-card,.mz-seo-card,
    .mz-seo-side-card,.mz-content-box,.mz-sidebar-card,.mz-contact-card,
    .mz-alert-box,.mz-ds-info-card,.mz-woo-info-card,.mz-wp-info-seo-card,
    .mz-commitment-item,.mz-faq-item,.faq-item
):not([class*="plan"]):not([class*="price"]) {
    border:1px solid var(--flat-line) !important;
    border-radius:var(--flat-radius) !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:none !important;
    transform:none !important;
    backdrop-filter:none !important;
}
#mz-main-content :is(
    .mz-card,.mz-service-card,.mz-feature-card,.mz-blog-card,.mz-seo-card,
    .mz-seo-side-card,.mz-content-box,.mz-contact-card,.mz-ds-info-card,
    .mz-woo-info-card,.mz-wp-info-seo-card,.mz-commitment-item
):not([class*="plan"]):not([class*="price"]):hover {
    border-color:var(--flat-line-strong) !important;
    background:#fff !important;
    box-shadow:none !important;
    transform:none !important;
}

/* Hero and editorial content */
#mz-main-content :is(.mz-hero,.mz-page-hero,.mz-page-header,[class*="-hero"]):not([class*="plan"]) {
    box-shadow:none !important;
}
#mz-main-content :is(.mz-hardware-img,[class*="feature-img-box"],[class*="hero-image"],[class*="hero-visual"]) {
    overflow:hidden;
    border:1px solid var(--flat-line) !important;
    border-radius:var(--flat-radius) !important;
    background:var(--flat-soft);
    box-shadow:none !important;
}
#mz-main-content :is(.mz-hardware-img,[class*="feature-img-box"],[class*="hero-image"]) img {
    box-shadow:none !important;
}
#mz-main-content .mz-hardware-img:hover img { transform:none !important; }

/* Icons sit on simple tinted tiles. */
#mz-main-content :is(.mz-service-icon,.mz-feature-icon,.mz-seo-card-icon,[class*="info-card"] > svg,[class*="feature-icon"]) {
    color:var(--flat-teal) !important;
}
#mz-main-content .mz-service-icon svg,
#mz-main-content .mz-feature-icon svg { stroke:currentColor; }

/* Content buttons: border and color carry hierarchy, not elevation. */
#mz-main-content .mz-btn:not([class*="plan"]):not([class*="price"]),
#mz-main-content button:not([class*="plan"]):not([class*="price"]) {
    box-shadow:none !important;
}
#mz-main-content .mz-btn-primary:not([class*="plan"]):not([class*="price"]) {
    background:var(--flat-teal);
    border:1px solid var(--flat-teal);
}
#mz-main-content .mz-btn-primary:not([class*="plan"]):not([class*="price"]):hover {
    background:#076c66;
    box-shadow:none !important;
}

/* Forms and information blocks */
#mz-main-content input:focus,
#mz-main-content select:focus,
#mz-main-content textarea:focus {
    border-color:var(--flat-teal) !important;
    box-shadow:none !important;
    outline:2px solid rgba(8,127,119,.12);
    outline-offset:1px;
}
#mz-main-content .mz-alert-box { border-right:4px solid var(--flat-teal) !important; }
#mz-main-content :is(table,.mz-table) { box-shadow:none !important; }

/* Blog and FAQ use clear separators. */
#mz-main-content .mz-blog-card img { box-shadow:none !important; }
#mz-main-content :is(.mz-faq-item,.faq-item) { overflow:hidden; }
#mz-main-content :is(.mz-faq-item,.faq-item) + :is(.mz-faq-item,.faq-item) { margin-top:9px; }

/* Preserve every known pricing/plan component exactly as authored. */
#mz-main-content :is(
    #pricing,[class*="pricing"],[class*="plans-list"],[class*="plan-card"],
    [class*="plan-top"],[class*="plan-bottom"],[class*="plan-spec"],
    [class*="plan-price"],[class*="price-item"],[class*="plan-action"]
) {
    /* Isolation marker only; no visual declarations by design. */
}

@media(max-width:768px) {
    #mz-main-content section:not(#pricing):not([class*="pricing"]) { border-top-color:rgba(20,67,67,.07); }
    #mz-main-content .mz-section-title::after,
    #mz-main-content .mz-section-header h2::after { width:30px; margin-top:8px; }
}

/* Generated feature artwork with hero-style floating telemetry */
#mz-main-content .mz-wp-feature-visual.mz-wp-feature-visual--image {
    min-height:0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:18px;
    background:transparent;
    isolation:isolate;
}
#mz-main-content .mz-wp-feature-visual--image > svg {
    display:none !important;
}
#mz-main-content .mz-wp-feature-picture {
    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    overflow:hidden;
    border:1px solid #dce8e6;
    border-radius:18px;
    background:#f3f9f7;
}
#mz-main-content .mz-wp-feature-picture img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
#mz-main-content .mz-wp-feature-float {
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:10px;
    min-width:142px;
    padding:11px 13px;
    border:1px solid rgba(210,225,222,.96);
    border-radius:18px;
    background:rgba(255,255,255,.9);
    color:#173f43;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    animation:mzFeatureFloat 4.8s ease-in-out infinite;
}
#mz-main-content .mz-wp-feature-float--top {
    top:-18px;
    right:-18px;
}
#mz-main-content .mz-wp-feature-float--side {
    bottom:28px;
    left:-24px;
    animation-delay:-2.15s;
}
#mz-main-content .mz-wp-feature-float svg {
    display:block;
    flex:0 0 22px;
    width:22px;
    height:22px;
    fill:none;
    stroke:#00898a;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#mz-main-content .mz-wp-feature-float span {
    display:grid;
    gap:1px;
    line-height:1.4;
}
#mz-main-content .mz-wp-feature-float small {
    color:#72817f;
    font-size:.67rem;
}
#mz-main-content .mz-wp-feature-float strong {
    color:#087f80;
    font-size:.78rem;
    white-space:nowrap;
}
#mz-main-content :is(.mz-wp-feature-pulse,.mz-wp-feature-shield-wave) {
    position:absolute;
    z-index:2;
    width:48px;
    height:48px;
    pointer-events:none;
    border:1px solid rgba(0,137,138,.65);
    border-radius:50%;
    animation:mzFeaturePulse 2.8s ease-out infinite;
}
#mz-main-content .mz-wp-feature-pulse {
    right:20%;
    bottom:18%;
}
#mz-main-content .mz-wp-feature-shield-wave {
    left:47%;
    top:43%;
}
#mz-main-content .mz-wp-feature-speed-line {
    position:absolute;
    z-index:2;
    top:18%;
    bottom:18%;
    left:8%;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,transparent,#26b9b4,transparent);
    opacity:.8;
    animation:mzFeatureScan 3.7s ease-in-out infinite;
}
#mz-main-content .mz-wp-feature-core-grid {
    position:absolute;
    z-index:2;
    top:43%;
    left:50%;
    display:grid;
    grid-template-columns:repeat(2,8px);
    gap:4px;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
#mz-main-content .mz-wp-feature-core-grid i {
    width:8px;
    height:8px;
    border-radius:3px;
    background:#8af0e5;
    animation:mzFeatureCore 1.8s ease-in-out infinite alternate;
}
#mz-main-content .mz-wp-feature-core-grid i:nth-child(2) { animation-delay:-.45s; }
#mz-main-content .mz-wp-feature-core-grid i:nth-child(3) { animation-delay:-.9s; }
#mz-main-content .mz-wp-feature-core-grid i:nth-child(4) { animation-delay:-1.35s; }
@keyframes mzFeatureFloat {
    0%,100% { transform:translate3d(0,0,0); }
    50% { transform:translate3d(0,-7px,0); }
}
@keyframes mzFeaturePulse {
    0% { opacity:.8; transform:scale(.45); }
    100% { opacity:0; transform:scale(1.7); }
}
@keyframes mzFeatureScan {
    0%,100% { left:8%; opacity:0; }
    20%,80% { opacity:.8; }
    50% { left:88%; opacity:.8; }
}
@keyframes mzFeatureCore {
    from { opacity:.35; transform:scale(.75); }
    to { opacity:1; transform:scale(1.15); }
}
@media(max-width:768px) {
    #mz-main-content .mz-wp-feature-visual.mz-wp-feature-visual--image {
        width:calc(100% - 18px);
        max-width:350px !important;
        margin-top:16px;
    }
    #mz-main-content .mz-wp-feature-float {
        min-width:124px;
        padding:9px 10px;
        border-radius:16px;
    }
    #mz-main-content .mz-wp-feature-float--top {
        top:-14px;
        right:-8px;
    }
    #mz-main-content .mz-wp-feature-float--side {
        bottom:14px;
        left:-10px;
    }
}
@media(prefers-reduced-motion:reduce) {
    #mz-main-content :is(.mz-wp-feature-float,.mz-wp-feature-pulse,.mz-wp-feature-shield-wave,.mz-wp-feature-speed-line,.mz-wp-feature-core-grid i) {
        animation:none !important;
    }
}

/* WordPress purchase-decision and migration content */
#mz-main-content .mz-wp-plan-finder-head {
    max-width:820px;
    margin:0 auto 28px;
    text-align:center;
}
#mz-main-content .mz-wp-plan-finder-head p {
    margin:10px 0 0;
    color:#647574;
}
#mz-main-content .mz-wp-plan-finder-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
#mz-main-content .mz-wp-plan-finder-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:20px;
    border:1px solid #dce8e6;
    border-radius:18px;
    background:#fff;
}
#mz-main-content .mz-wp-plan-finder-card--recommended {
    border-color:#93ccc5;
    background:#f5fbf9;
}
#mz-main-content .mz-wp-plan-finder-icon {
    display:grid;
    width:42px;
    height:42px;
    margin-bottom:15px;
    place-items:center;
    border-radius:14px;
    color:#00898a;
    background:#eaf6f3;
}
#mz-main-content .mz-wp-plan-finder-icon svg {
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#mz-main-content .mz-wp-plan-finder-label {
    margin-bottom:6px;
    color:#087f80;
    font-size:.7rem;
    font-weight:700;
}
#mz-main-content .mz-wp-plan-finder-card h3 {
    min-height:58px;
    margin:0 0 8px;
}
#mz-main-content .mz-wp-plan-finder-card > p {
    min-height:102px;
    margin:0 0 12px;
    color:#697a78;
}
#mz-main-content .mz-wp-plan-finder-card ul {
    display:grid;
    gap:6px;
    min-height:72px;
    margin:0 0 15px;
    padding:0;
    list-style:none;
}
#mz-main-content .mz-wp-plan-finder-card li {
    position:relative;
    padding-right:16px;
    color:#526765;
}
#mz-main-content .mz-wp-plan-finder-card li::before {
    position:absolute;
    top:.75em;
    right:1px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#2ba59f;
    content:"";
    transform:translateY(-50%);
}
#mz-main-content .mz-wp-plan-finder-choice {
    display:grid;
    gap:2px;
    margin-top:auto;
    padding:12px 13px;
    border-radius:14px;
    background:#f0f7f5;
}
#mz-main-content .mz-wp-plan-finder-choice span {
    color:#71817f;
    font-size:.68rem;
}
#mz-main-content .mz-wp-plan-finder-choice strong {
    color:#173f43;
    font-size:.78rem;
}
#mz-main-content .mz-wp-plan-finder-link {
    display:inline-flex;
    align-items:center;
    margin-top:13px;
    color:#087f80;
    font-size:.75rem;
    font-weight:700;
    text-decoration:none;
}
#mz-main-content .mz-wp-plan-finder-link::after {
    margin-right:6px;
    content:"←";
    transition:transform .2s ease;
}
#mz-main-content .mz-wp-plan-finder-link:hover::after {
    transform:translateX(-3px);
}
#mz-main-content .mz-wp-plan-finder-help {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:16px;
    padding:18px 20px;
    border:1px solid #dce8e6;
    border-radius:18px;
    background:#f3f9f7;
}
#mz-main-content .mz-wp-plan-finder-help h3,
#mz-main-content .mz-wp-plan-finder-help p {
    margin:0;
}
#mz-main-content .mz-wp-plan-finder-help p {
    margin-top:3px;
    color:#647574;
}
@media(max-width:1050px) {
    #mz-main-content .mz-wp-plan-finder-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    #mz-main-content .mz-wp-plan-finder-card h3,
    #mz-main-content .mz-wp-plan-finder-card > p,
    #mz-main-content .mz-wp-plan-finder-card ul {
        min-height:0;
    }
}
@media(max-width:620px) {
    #mz-main-content .mz-wp-plan-finder-grid {
        grid-template-columns:1fr;
    }
    #mz-main-content .mz-wp-plan-finder-help {
        align-items:stretch;
        flex-direction:column;
    }
    #mz-main-content .mz-wp-plan-finder-help .mz-btn {
        width:100%;
        justify-content:center;
    }
}
#mz-main-content .mz-wp-section-kicker {
    display:inline-flex;
    margin-bottom:8px;
    color:#00898a;
    font-size:.75rem;
    font-weight:700;
}
#mz-main-content .mz-wp-hosting-compare-head {
    max-width:780px;
    margin:0 auto 26px;
    text-align:center;
}
#mz-main-content .mz-wp-hosting-compare-head p {
    margin:10px 0 0;
    color:#647574;
}
#mz-main-content .mz-wp-hosting-compare-table {
    overflow-x:auto;
    border:1px solid #dce8e6;
    border-radius:18px;
    background:#fff;
}
#mz-main-content .mz-wp-hosting-compare-table table {
    width:100%;
    min-width:680px;
    border-collapse:collapse;
}
#mz-main-content .mz-wp-hosting-compare-table :is(th,td) {
    padding:16px 18px;
    border-bottom:1px solid #e6efed;
    text-align:right;
    vertical-align:middle;
}
#mz-main-content .mz-wp-hosting-compare-table thead th {
    color:#173f43;
    background:#f1f8f6;
    font-weight:750;
}
#mz-main-content .mz-wp-hosting-compare-table tbody th {
    width:22%;
    color:#173f43;
    font-weight:700;
}
#mz-main-content .mz-wp-hosting-compare-table tbody td {
    width:39%;
    color:#647574;
}
#mz-main-content .mz-wp-hosting-compare-table tbody tr:last-child :is(th,td) {
    border-bottom:0;
}
#mz-main-content .mz-wp-hosting-compare-note {
    margin:14px 0 0;
    color:#71807f;
    text-align:center;
}
#mz-main-content .mz-wp-migration-grid {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    align-items:center;
    gap:48px;
}
#mz-main-content .mz-wp-migration-content > p {
    margin:12px 0 22px;
    color:#647574;
}
#mz-main-content .mz-wp-migration-steps {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:0 0 22px;
    padding:0;
    list-style:none;
}
#mz-main-content .mz-wp-migration-steps li {
    display:flex;
    gap:12px;
    min-height:116px;
    padding:16px;
    border:1px solid #dce8e6;
    border-radius:18px;
    background:#fff;
}
#mz-main-content .mz-wp-migration-steps li > span {
    display:grid;
    flex:0 0 34px;
    width:34px;
    height:34px;
    place-items:center;
    border-radius:50%;
    color:#007c7d;
    background:#e8f5f2;
    font-weight:800;
}
#mz-main-content .mz-wp-migration-steps h3 {
    margin:1px 0 4px;
}
#mz-main-content .mz-wp-migration-steps p {
    margin:0;
    color:#6c7b7a;
}
#mz-main-content .mz-wp-migration-visual {
    margin:0;
    overflow:hidden;
    border:1px solid #dce8e6;
    border-radius:18px;
    background:#f4faf8;
}
#mz-main-content .mz-wp-migration-visual img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
}
#mz-main-content .mz-wp-migration-visual figcaption {
    padding:12px 16px;
    border-top:1px solid #dce8e6;
    color:#647574;
    text-align:center;
}
@media(max-width:900px) {
    #mz-main-content .mz-wp-migration-grid {
        grid-template-columns:1fr;
        gap:28px;
    }
    #mz-main-content .mz-wp-migration-visual {
        width:100%;
        max-width:620px;
        margin-inline:auto;
    }
}
@media(max-width:560px) {
    #mz-main-content .mz-wp-migration-steps {
        grid-template-columns:1fr;
    }
    #mz-main-content .mz-wp-migration-steps li {
        min-height:0;
    }
    #mz-main-content .mz-wp-hosting-compare-table :is(th,td) {
        padding:13px 14px;
    }
}

/* WordPress section navigator: click targets plus a draggable scroll rail. */
body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page)) .mz-app-shell {
    overflow:visible !important;
    border-radius:clamp(18px,2.3vw,34px) !important;
}

/* Keep the lower edge of the main white canvas visibly rounded while the
   floating section navigator remains allowed to sit outside the app shell. */
body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page)) #mz-main-content {
    border-radius:0 0 clamp(18px,2.3vw,34px) clamp(18px,2.3vw,34px);
    background-clip:padding-box;
}

body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page))
    #mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page),
body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page))
    #mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) > section:last-of-type {
    border-radius:0 0 clamp(18px,2.3vw,34px) clamp(18px,2.3vw,34px);
}

@media (max-width:620px) {
    body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page)) #mz-main-content {
        border-radius:0 0 18px 18px;
    }
    body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page))
        #mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page),
    body:has(#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page))
        #mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) > section:last-of-type {
        border-radius:0 0 18px 18px;
    }
}
#mz-main-content .mz-wp-page > section[id] {
    scroll-margin-top:150px;
}
#mz-main-content .mz-wp-quick-nav {
    --mz-wp-scroll-progress:0;
    position:fixed;
    z-index:90;
    top:50%;
    right:max(12px,calc((100vw - 1480px) / 2 - 162px));
    left:auto;
    display:grid;
    grid-template-columns:12px 108px;
    align-items:stretch;
    gap:8px;
    width:128px;
    max-height:min(620px,calc(100vh - 190px));
    padding:10px 8px;
    border:1px solid rgba(20,67,67,.12);
    border-radius:18px;
    background:rgba(248,252,250,.9);
    opacity:1;
    transform:translate3d(0,-50%,0);
    transition:opacity .25s ease,transform .25s ease;
    pointer-events:auto;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
#mz-main-content .mz-wp-quick-nav.is-visible,
#mz-main-content .mz-wp-quick-nav:focus-within,
#mz-main-content .mz-wp-quick-nav:hover {
    opacity:1;
    transform:translate3d(0,-50%,0);
    pointer-events:auto;
}
#mz-main-content .mz-wp-quick-nav-track {
    position:relative;
    width:12px;
    min-height:100%;
    cursor:grab;
    touch-action:none;
}
#mz-main-content .mz-wp-quick-nav-track::before {
    position:absolute;
    top:8px;
    bottom:8px;
    left:5px;
    width:2px;
    border-radius:999px;
    background:#d8e7e3;
    content:"";
}
#mz-main-content .mz-wp-quick-nav-thumb {
    position:absolute;
    z-index:2;
    top:clamp(8px,calc(var(--mz-wp-scroll-progress) * (100% - 28px)),calc(100% - 20px));
    left:1px;
    width:10px;
    height:20px;
    border:2px solid #f8fcfa;
    border-radius:999px;
    background:#00898a;
    transform:translateY(-50%);
    transition:top .08s linear;
}
#mz-main-content .mz-wp-quick-nav.is-dragging .mz-wp-quick-nav-track {
    cursor:grabbing;
}
#mz-main-content .mz-wp-quick-nav.is-dragging .mz-wp-quick-nav-thumb {
    transition:none;
}
#mz-main-content .mz-wp-quick-nav-items {
    display:grid;
    gap:5px;
    min-width:0;
}
#mz-main-content .mz-wp-quick-nav-item {
    display:flex;
    align-items:center;
    gap:7px;
    width:100%;
    min-height:42px;
    padding:7px 8px;
    border:1px solid transparent;
    border-radius:14px;
    background:transparent;
    color:#657875;
    font-family:inherit;
    text-align:right;
    cursor:pointer;
    transition:color .2s ease,border-color .2s ease,background .2s ease;
}
#mz-main-content .mz-wp-quick-nav-item:hover {
    color:#087f80;
    background:#eef7f4;
}
#mz-main-content .mz-wp-quick-nav-item.is-active {
    border-color:#b9dcd6;
    color:#086f70;
    background:#e8f5f2;
}
#mz-main-content .mz-wp-quick-nav-item svg {
    flex:0 0 18px;
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#mz-main-content .mz-wp-quick-nav-item span {
    overflow:hidden;
    font-size:.68rem;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Active B2B session notice */
.b2b-session-overlay {
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    place-items:center;
    padding:20px;
    direction:rtl;
    background:#edf6f3;
}
.b2b-session-card {
    width:min(100%,430px);
    padding:34px;
    border:1px solid #d4e4e0;
    border-radius:18px;
    background:#fff;
    color:#173f43;
    text-align:center;
}
.b2b-session-badge {
    display:inline-flex;
    padding:5px 10px;
    border-radius:999px;
    background:#e6f3ef;
    color:#087f80;
    font-size:.7rem;
    font-weight:700;
}
.b2b-session-icon {
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    margin:18px auto 14px;
    border:1px solid #c9e0db;
    border-radius:14px;
    background:#f1f8f6;
    color:#078f90;
}
.b2b-session-icon svg { width:27px;height:27px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.b2b-session-card h1 { margin:0 0 9px;font-size:1.1rem;line-height:1.8;color:#173f43; }
.b2b-session-card p { margin:0 auto 20px;max-width:330px;color:#718380;font-size:.8rem;line-height:2; }
.b2b-session-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 18px;
    border-radius:11px;
    background:#078f90;
    color:#fff;
    font-size:.78rem;
    font-weight:700;
    text-decoration:none;
}
.b2b-session-progress { display:block;overflow:hidden;width:120px;height:3px;margin:22px auto 0;border-radius:999px;background:#e2ece9; }
.b2b-session-progress i { display:block;width:100%;height:100%;border-radius:inherit;background:#078f90;transform-origin:right;animation:b2bSessionProgress 2s linear forwards; }
@keyframes b2bSessionProgress { to { transform:scaleX(0); } }
@media(max-width:520px) { .b2b-session-card{padding:26px 20px;} }
@media(max-width:1740px) {
    #mz-main-content .mz-wp-page {
        padding-bottom:76px;
    }
    #mz-main-content .mz-wp-quick-nav {
        top:auto;
        right:12px;
        bottom:12px;
        left:12px;
        display:block;
        width:auto;
        max-height:none;
        padding:7px;
        border-radius:18px;
        opacity:1;
        transform:none;
        pointer-events:auto;
    }
    #mz-main-content .mz-wp-quick-nav-track {
        display:none;
    }
    #mz-main-content .mz-wp-quick-nav-items {
        display:flex;
        gap:4px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    #mz-main-content .mz-wp-quick-nav-items::-webkit-scrollbar {
        display:none;
    }
    #mz-main-content .mz-wp-quick-nav-item {
        flex:1 0 88px;
        justify-content:center;
        min-height:48px;
        padding:7px 9px;
    }
}
@media(max-width:620px) {
    #mz-main-content .mz-wp-page > section[id] {
        scroll-margin-top:115px;
    }
    #mz-main-content .mz-wp-quick-nav {
        right:7px;
        bottom:7px;
        left:7px;
        padding:6px;
        border-radius:16px;
    }
    #mz-main-content .mz-wp-quick-nav-item {
        flex-basis:70px;
        min-height:45px;
        flex-direction:column;
        gap:2px;
        padding:5px 7px;
        border-radius:12px;
    }
    #mz-main-content .mz-wp-quick-nav-item svg {
        width:17px;
        height:17px;
    }
    #mz-main-content .mz-wp-quick-nav-item span {
        font-size:.6rem;
    }
}
@media(prefers-reduced-motion:reduce) {
    #mz-main-content .mz-wp-quick-nav,
    #mz-main-content .mz-wp-quick-nav-thumb,
    #mz-main-content .mz-wp-quick-nav-item {
        transition:none !important;
    }
}

/* Floating hero metrics for WooCommerce and Dedicated Server */
#mz-main-content :is(.mz-woo-hero-image,.mz-ds-hero-image) {
    position:relative;
    flex:1 1 460px;
    width:100%;
    max-width:460px !important;
    aspect-ratio:1 / 1;
    margin-inline:auto;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#mz-main-content :is(.mz-woo-hero-img,.mz-ds-hero-img) {
    display:block;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1 / 1;
    object-fit:cover;
    object-position:center;
    border:1px solid var(--flat-line);
    border-radius:var(--flat-radius) !important;
    box-shadow:none !important;
}
#mz-main-content .mz-hero-spec-stack {
    position:absolute;
    z-index:3;
    top:25%;
    left:-40px;
    display:grid;
    gap:8px;
}
#mz-main-content .mz-hero-spec-stack span {
    box-sizing:border-box;
    width:160px;
    min-width:160px;
    min-height:42px;
    padding:10px 14px;
    border:1px solid var(--flat-line);
    border-radius:12px;
    background:rgba(255,255,255,.9);
    color:var(--flat-ink);
    font-family:var(--mz-font-bold);
    font-size:11px;
    line-height:1.5;
    text-align:center;
    backdrop-filter:blur(7px);
    animation:mzHeroChipPulse 3.2s ease-in-out infinite;
}
#mz-main-content .mz-hero-spec-stack span:nth-child(2) { animation-delay:.35s; }
#mz-main-content .mz-hero-spec-stack span:nth-child(3) { animation-delay:.7s; }
#mz-main-content .mz-hero-float-card {
    position:absolute;
    z-index:4;
    display:grid;
    gap:3px;
    box-sizing:border-box;
    width:148px;
    min-width:148px;
    min-height:78px;
    padding:12px 16px;
    align-content:center;
    border:1px solid var(--flat-line);
    border-radius:14px;
    background:rgba(255,255,255,.94);
    color:var(--flat-ink);
    backdrop-filter:blur(8px);
    animation:mzHeroCardFloat 3.4s ease-in-out infinite;
}
#mz-main-content .mz-hero-float-card small { color:#7b8c89; font-size:10px; line-height:1.4; }
#mz-main-content .mz-hero-float-card strong { color:var(--flat-teal); font-family:var(--mz-font-bold); font-size:14px; }
#mz-main-content .mz-hero-float-card-top { top:-24px; right:-24px; }
#mz-main-content .mz-hero-float-card-bottom { bottom:-24px; left:-24px; animation-duration:4s; }
@keyframes mzHeroCardFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes mzHeroChipPulse { 0%,100%{transform:translateX(0)} 50%{transform:translateX(3px)} }

@media(max-width:768px) {
    #mz-main-content .mz-hero-spec-stack,
    #mz-main-content .mz-hero-float-card { display:none; }
}
@media(prefers-reduced-motion:reduce) {
    #mz-main-content .mz-hero-spec-stack span,
    #mz-main-content .mz-hero-float-card { animation:none; }
}

/* WordPress hero: clean image without floating metrics or wrapper frame */
#mz-main-content .mz-wp-hero-visual-bg,
#mz-main-content .mz-wp-hero-visual-ring {
    display:none !important;
}
#mz-main-content .mz-wp-hero-floating-tags,
#mz-main-content .mz-wp-hero-float-speed { display:flex !important; }
#mz-main-content .mz-wp-hero-floating-tags {
    left:-40px;
    top:25%;
}
#mz-main-content .mz-wp-hero-float-speed-top {
    top:-24px;
    right:-24px;
}
#mz-main-content .mz-wp-hero-float-speed-bottom {
    bottom:-24px;
    left:-24px;
}
#mz-main-content .mz-wp-hero-image,
#mz-main-content .mz-wp-hero-visual {
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#mz-main-content .mz-wp-hero-visual {
    max-width:460px;
}
#mz-main-content .mz-wp-hero-visual-main {
    border:1px solid var(--flat-line) !important;
    border-radius:var(--flat-radius) !important;
    background:#fff !important;
    box-shadow:none !important;
}
@media(max-width:768px) {
    #mz-main-content .mz-wp-hero-floating-tags,
    #mz-main-content .mz-wp-hero-float-speed { display:none !important; }
}

@media(prefers-reduced-motion:reduce) {
    #mz-main-content * { scroll-behavior:auto; }
}

/* Compact unified density — pricing plans and header remain outside scope */
#mz-main-content section:not(#pricing):not([class*="pricing"]) > .mz-container {
    max-width:1240px;
}
#mz-main-content section.mz-section:not(#pricing):not([class*="pricing"]),
#mz-main-content .mz-section:not(#pricing):not([class*="pricing"]) {
    padding-top:40px !important;
    padding-bottom:40px !important;
}
#mz-main-content .mz-hero:not([class*="pricing"]) {
    padding-top:48px !important;
    padding-bottom:52px !important;
}
#mz-main-content :is(.mz-page-hero,.mz-page-header) {
    padding-top:36px !important;
    padding-bottom:44px !important;
    margin-bottom:-22px !important;
}

#mz-main-content section:not(#pricing):not([class*="pricing"]) h1,
#mz-main-content > :is(.mz-page-hero,.mz-page-header) h1,
#mz-main-content .mz-hero-title {
    font-size:clamp(1.55rem,2vw,1.85rem) !important;
    line-height:1.55 !important;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) h2,
#mz-main-content > :is(.mz-page-hero,.mz-page-header) h2,
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-section-title {
    font-size:clamp(1.2rem,1.55vw,1.42rem) !important;
    line-height:1.65 !important;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) h3 {
    font-size:clamp(.98rem,1.15vw,1.08rem) !important;
    line-height:1.7 !important;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) h4 { font-size:.96rem !important; }
#mz-main-content section:not(#pricing):not([class*="pricing"]) :is(p,li) {
    font-size:12.5px;
    line-height:1.95;
}

#mz-main-content section:not(#pricing):not([class*="pricing"]) :is(
    .mz-card,.mz-service-card,.mz-feature-card,.mz-blog-card,.mz-seo-card,
    .mz-seo-side-card,.mz-contact-card,.mz-ds-info-card,.mz-woo-info-card,
    .mz-wp-info-seo-card,.mz-commitment-item
) { padding:20px !important; }
#mz-main-content .mz-content-box { padding:26px !important; }
#mz-main-content section:not(#pricing):not([class*="pricing"]) :is(
    .mz-services-grid,.mz-features-grid,.mz-blog-grid,.mz-seo-grid,
    .mz-contact-grid,.mz-commitment-grid,[class*="info-grid"]
) { gap:14px !important; }
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-section-title,
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-section-header {
    margin-bottom:24px !important;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) :is(.mz-service-icon,.mz-feature-icon) {
    margin-bottom:10px !important;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-btn {
    min-height:40px;
    padding:8px 15px;
    font-size:12px;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-btn-group {
    margin-top:10px;
    margin-bottom:10px;
    padding:5px;
}
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-hardware-item { gap:28px; }
#mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-hardware-content p {
    margin-bottom:13px;
    line-height:1.95;
}

@media(max-width:768px) {
    #mz-main-content section.mz-section:not(#pricing):not([class*="pricing"]),
    #mz-main-content .mz-section:not(#pricing):not([class*="pricing"]) {
        padding-top:30px !important;
        padding-bottom:30px !important;
    }
    #mz-main-content .mz-hero:not([class*="pricing"]) { padding:34px 0 38px !important; }
    #mz-main-content section:not(#pricing):not([class*="pricing"]) h1,
    #mz-main-content > :is(.mz-page-hero,.mz-page-header) h1,
    #mz-main-content .mz-hero-title { font-size:1.55rem !important; }
    #mz-main-content section:not(#pricing):not([class*="pricing"]) h2,
    #mz-main-content section:not(#pricing):not([class*="pricing"]) .mz-section-title { font-size:1.2rem !important; }
    #mz-main-content .mz-content-box { padding:19px !important; }
    #mz-main-content section:not(#pricing):not([class*="pricing"]) :is(
        .mz-card,.mz-service-card,.mz-feature-card,.mz-blog-card,.mz-seo-card,
        .mz-contact-card,.mz-ds-info-card,.mz-woo-info-card,.mz-wp-info-seo-card
    ) { padding:17px !important; }
}

/* Product-page parity — WordPress hosting is the sizing reference. */
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) {
    --product-hero-size:460px;
    --product-content-width:1240px;
    --product-section-space:40px;
    --product-block-gap:60px;
    padding-bottom:0;
}

#mz-main-content :is(.mz-wp-hero,.mz-woo-hero,.mz-ds-hero) {
    padding-top:40px !important;
    padding-bottom:40px !important;
    overflow:hidden;
}
#mz-main-content :is(.mz-wp-hero-wrapper,.mz-woo-hero-wrapper,.mz-ds-hero-wrapper) {
    min-height:var(--product-hero-size);
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    gap:var(--product-block-gap);
}
#mz-main-content :is(.mz-wp-hero-image,.mz-woo-hero-image,.mz-ds-hero-image) {
    flex:0 1 var(--product-hero-size);
    width:100%;
    max-width:var(--product-hero-size) !important;
}
#mz-main-content .mz-wp-hero-visual,
#mz-main-content .mz-wp-hero-visual-main,
#mz-main-content :is(.mz-woo-hero-img,.mz-ds-hero-img) {
    width:100%;
    height:var(--product-hero-size);
    max-width:var(--product-hero-size);
    aspect-ratio:1 / 1;
}
#mz-main-content .mz-wp-hero-visual-img,
#mz-main-content :is(.mz-woo-hero-img,.mz-ds-hero-img) {
    width:100%;
    height:100% !important;
    object-fit:cover;
    object-position:center;
}
#mz-main-content :is(.mz-wp-hero-content,.mz-woo-hero-content,.mz-ds-hero-content) {
    flex:1 1 0;
    min-width:0;
}
#mz-main-content :is(.mz-wp-hero-content,.mz-woo-hero-content,.mz-ds-hero-content) h1 {
    margin-bottom:15px !important;
}
#mz-main-content :is(.mz-wp-hero-sub,.mz-woo-hero-sub,.mz-ds-hero-sub) {
    margin-bottom:20px !important;
    font-size:1rem !important;
    line-height:1.8 !important;
}
#mz-main-content :is(.mz-wp-hero-content,.mz-woo-hero-content,.mz-ds-hero-content) > p {
    margin-bottom:30px !important;
    font-size:14px !important;
    line-height:1.8 !important;
}
#mz-main-content :is(.mz-wp-hero-btns,.mz-woo-hero-btns,.mz-ds-hero-btns) {
    min-height:50px;
    display:flex;
    align-items:center;
    gap:12px;
}

#mz-main-content :is(.mz-wp-pricing,.mz-woo-pricing,.mz-ds-pricing) {
    padding-top:var(--product-section-space) !important;
    padding-bottom:var(--product-section-space) !important;
}
#mz-main-content :is(.mz-wp-plans-list,.mz-woo-plans-list,.mz-ds-plans-list) {
    gap:20px;
}
#mz-main-content :is(.mz-wp-plan-card,.mz-woo-plan-card,.mz-ds-plan-card) {
    padding:20px;
    gap:15px;
}
#mz-main-content :is(.mz-wp-plan-top,.mz-woo-plan-top,.mz-ds-plan-top) {
    min-height:92px;
    padding-bottom:15px;
}
#mz-main-content :is(.mz-wp-plan-title,.mz-woo-plan-title,.mz-ds-plan-title) {
    flex:0 0 220px;
    width:220px;
}
#mz-main-content :is(.mz-wp-plan-specs,.mz-woo-plan-specs,.mz-ds-plan-specs) {
    min-height:55px;
    gap:20px;
}
#mz-main-content :is(.mz-wp-spec-item,.mz-woo-spec-item,.mz-ds-spec-item) {
    min-height:44px;
    gap:12px;
}
#mz-main-content :is(.mz-wp-spec-icon,.mz-woo-spec-icon,.mz-ds-spec-icon) {
    flex:0 0 40px;
    width:40px;
    height:40px;
}
#mz-main-content :is(.mz-wp-plan-bottom,.mz-woo-plan-bottom,.mz-ds-plan-bottom) {
    min-height:72px;
    gap:15px;
}
#mz-main-content :is(.mz-wp-plan-action,.mz-woo-plan-action,.mz-ds-plan-action) {
    flex:0 0 260px;
    width:260px;
}

#mz-main-content :is(.mz-wp-features-header,.mz-woo-features-header,.mz-ds-features-header) {
    width:100%;
    max-width:800px;
    margin:0 auto 36px !important;
}
#mz-main-content :is(.mz-wp-features-list,.mz-woo-features-list,.mz-ds-features-list) {
    display:grid;
    gap:56px !important;
}
#mz-main-content :is(.mz-wp-feature-item,.mz-woo-feature-item,.mz-ds-feature-item) {
    min-height:360px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:60px !important;
}
#mz-main-content :is(.mz-wp-feature-content,.mz-woo-feature-content,.mz-ds-feature-content) {
    width:100%;
    min-width:0;
}
#mz-main-content :is(.mz-wp-feature-img-box,.mz-woo-feature-img-box,.mz-ds-feature-img-box,.mz-wp-feature-visual) {
    width:100%;
    max-width:460px !important;
    min-height:320px;
    margin-inline:auto;
}
#mz-main-content :is(.mz-woo-feature-img,.mz-ds-feature-img) {
    width:100%;
    height:320px !important;
    object-fit:cover;
}

#mz-main-content :is(.mz-wp-info-grid,.mz-woo-info-grid,.mz-ds-info-grid) {
    display:grid;
    grid-auto-rows:1fr;
    gap:14px !important;
}
#mz-main-content :is(.mz-wp-info-card,.mz-woo-info-card,.mz-ds-info-card,.mz-wp-info-seo-card) {
    height:100%;
    min-height:180px;
    padding:20px !important;
}
#mz-main-content :is(.mz-wp-seo-grid,.mz-woo-seo-grid,.mz-wp-info-seo-grid) {
    align-items:stretch;
    gap:40px !important;
}
#mz-main-content :is(.mz-wp-faq-list,.mz-woo-faq-list,.mz-ds-faq-list) {
    width:100%;
    max-width:900px;
    margin-inline:auto;
    display:grid;
    gap:10px !important;
}
#mz-main-content :is(.mz-wp-faq-item,.mz-woo-faq-item,.mz-ds-faq-item) {
    margin-bottom:0 !important;
}
#mz-main-content :is(.mz-wp-faq-q,.mz-woo-faq-q,.mz-ds-faq-q) {
    min-height:60px;
    padding:18px 22px !important;
    font-size:14px !important;
    line-height:1.7;
}
#mz-main-content :is(.mz-wp-faq-a,.mz-woo-faq-a,.mz-ds-faq-a) {
    padding:0 22px 18px !important;
    font-size:12.5px !important;
    line-height:1.95 !important;
}

@media(max-width:768px) {
    #mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) {
        --product-hero-size:min(100%, 350px);
        --product-section-space:30px;
    }
    #mz-main-content :is(.mz-wp-hero,.mz-woo-hero,.mz-ds-hero) {
        padding-top:34px !important;
        padding-bottom:38px !important;
    }
    #mz-main-content :is(.mz-wp-hero-wrapper,.mz-woo-hero-wrapper,.mz-ds-hero-wrapper) {
        min-height:0;
        flex-direction:column;
        gap:40px !important;
    }
    #mz-main-content :is(.mz-wp-hero-image,.mz-woo-hero-image,.mz-ds-hero-image) {
        flex:0 1 auto;
        max-width:350px !important;
    }
    #mz-main-content .mz-wp-hero-visual,
    #mz-main-content .mz-wp-hero-visual-main,
    #mz-main-content :is(.mz-woo-hero-img,.mz-ds-hero-img) {
        width:100%;
        height:auto !important;
        max-width:350px;
        aspect-ratio:1 / 1;
    }
    #mz-main-content :is(.mz-wp-feature-item,.mz-woo-feature-item,.mz-ds-feature-item),
    #mz-main-content :is(.mz-wp-feature-item,.mz-woo-feature-item,.mz-ds-feature-item).mz-reverse {
        min-height:0;
        grid-template-columns:1fr;
        gap:28px !important;
    }
    #mz-main-content :is(.mz-wp-feature-img-box,.mz-woo-feature-img-box,.mz-ds-feature-img-box,.mz-wp-feature-visual) {
        min-height:0;
        max-width:350px !important;
    }
    #mz-main-content :is(.mz-woo-feature-img,.mz-ds-feature-img) {
        height:auto !important;
        aspect-ratio:4 / 3;
    }
    #mz-main-content :is(.mz-wp-plan-top,.mz-woo-plan-top,.mz-ds-plan-top),
    #mz-main-content :is(.mz-wp-plan-bottom,.mz-woo-plan-bottom,.mz-ds-plan-bottom) {
        min-height:0;
    }
    #mz-main-content :is(.mz-wp-plan-title,.mz-woo-plan-title,.mz-ds-plan-title),
    #mz-main-content :is(.mz-wp-plan-action,.mz-woo-plan-action,.mz-ds-plan-action) {
        flex-basis:auto;
        width:100%;
    }
}

/* One semantic type scale across every platform page. */
:root {
    --mz-type-h1:1.85rem;
    --mz-type-h2:1.42rem;
    --mz-type-h3:1.08rem;
    --mz-type-h4:.96rem;
    --mz-type-h5:.875rem;
    --mz-type-h6:.8125rem;
    --mz-type-body:.8125rem;
}
body .mz-app-shell #mz-main-content h1 {
    font-size:var(--mz-type-h1) !important;
    line-height:1.55 !important;
}
body .mz-app-shell #mz-main-content h2 {
    font-size:var(--mz-type-h2) !important;
    line-height:1.65 !important;
}
body .mz-app-shell #mz-main-content h3 {
    font-size:var(--mz-type-h3) !important;
    line-height:1.7 !important;
}
body .mz-app-shell #mz-main-content h4 {
    font-size:var(--mz-type-h4) !important;
    line-height:1.7 !important;
}
body .mz-app-shell #mz-main-content h5 {
    font-size:var(--mz-type-h5) !important;
    line-height:1.75 !important;
}
body .mz-app-shell #mz-main-content h6 {
    font-size:var(--mz-type-h6) !important;
    line-height:1.75 !important;
}
body .mz-app-shell #mz-main-content :is(
    p,li,dt,dd,blockquote,figcaption,td,th,label,input,textarea,select
) {
    font-size:var(--mz-type-body) !important;
    line-height:1.95 !important;
}

@media(max-width:768px) {
    :root {
        --mz-type-h1:1.55rem;
        --mz-type-h2:1.25rem;
        --mz-type-h3:1.02rem;
        --mz-type-h4:.92rem;
        --mz-type-h5:.84rem;
        --mz-type-h6:.78rem;
        --mz-type-body:.78rem;
    }
}

/* Balanced breathing room between WordPress page sections. */
#mz-main-content .mz-wp-page {
    --mz-wp-section-gap:64px;
}
#mz-main-content .mz-wp-page > section.mz-section + section.mz-section {
    margin-top:var(--mz-wp-section-gap) !important;
}
#mz-main-content .mz-wp-page > section.mz-section:not(.mz-wp-hero) {
    padding-top:52px !important;
    padding-bottom:52px !important;
}
#mz-main-content .mz-wp-page > section.mz-wp-hero {
    padding-bottom:52px !important;
}
@media(max-width:900px) {
    #mz-main-content .mz-wp-page {
        --mz-wp-section-gap:48px;
    }
    #mz-main-content .mz-wp-page > section.mz-section:not(.mz-wp-hero) {
        padding-top:42px !important;
        padding-bottom:42px !important;
    }
    #mz-main-content .mz-wp-page > section.mz-wp-hero {
        padding-bottom:42px !important;
    }
}
@media(max-width:560px) {
    #mz-main-content .mz-wp-page {
        --mz-wp-section-gap:36px;
    }
    #mz-main-content .mz-wp-page > section.mz-section:not(.mz-wp-hero) {
        padding-top:36px !important;
        padding-bottom:36px !important;
    }
    #mz-main-content .mz-wp-page > section.mz-wp-hero {
        padding-bottom:36px !important;
    }
}

/* WooCommerce SEO sections, generated artwork, spacing and parity with WordPress. */
#mz-main-content .mz-woo-page { --mz-woo-section-gap:64px; }
#mz-main-content .mz-woo-page > section.mz-section + section.mz-section { margin-top:var(--mz-woo-section-gap) !important; }
#mz-main-content .mz-woo-page > section.mz-section:not(.mz-woo-hero) { padding-top:52px !important; padding-bottom:52px !important; }
#mz-main-content .mz-woo-page > section[id] { scroll-margin-top:150px; }
#mz-main-content .mz-woo-guide-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:36px; align-items:start; }
#mz-main-content .mz-woo-guide-grid > div > p { color:#647574; }
#mz-main-content .mz-woo-guide-points { display:grid; gap:12px; margin-top:20px; }
#mz-main-content .mz-woo-guide-points article { display:flex; gap:13px; padding:16px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }
#mz-main-content .mz-woo-guide-points b { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border-radius:50%; color:#087f80; background:#e8f5f2; }
#mz-main-content .mz-woo-guide-points :is(h3,p) { margin:0; }
#mz-main-content .mz-woo-guide-points p { color:#697a78; }
#mz-main-content .mz-woo-guide-check { padding:20px; border:1px solid #dce8e6; border-radius:18px; background:#f3f9f7; }
#mz-main-content .mz-woo-guide-check ul { display:grid; gap:9px; margin:14px 0 18px; padding:0; list-style:none; }
#mz-main-content .mz-woo-guide-check li::before { margin-left:8px; color:#00898a; content:"✓"; }
#mz-main-content .mz-woo-section-head { max-width:820px; margin:0 auto 28px; text-align:center; }
#mz-main-content .mz-woo-section-head p { color:#647574; }
#mz-main-content .mz-woo-finder-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
#mz-main-content .mz-woo-finder-grid article { display:flex; flex-direction:column; min-height:230px; padding:20px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }
#mz-main-content .mz-woo-finder-grid article:nth-child(2) { border-color:#93ccc5; background:#f5fbf9; }
#mz-main-content .mz-woo-finder-grid span { color:#087f80; font-size:.7rem; font-weight:700; }
#mz-main-content .mz-woo-finder-grid h3 { margin:8px 0; }
#mz-main-content .mz-woo-finder-grid p { color:#697a78; }
#mz-main-content .mz-woo-finder-grid strong { margin-top:auto; padding:11px 12px; border-radius:14px; color:#173f43; background:#edf6f3; }
#mz-main-content .mz-woo-feature-img-box { position:relative; overflow:visible !important; aspect-ratio:4 / 3; min-height:0 !important; border:0 !important; background-size:cover; background-position:center; }
#mz-main-content .mz-woo-feature-img-box > :is(.mz-woo-svg-illustration,.mz-woo-feature-img) { display:none !important; }
#mz-main-content .mz-woo-feature-item:nth-child(1) .mz-woo-feature-img-box { background-image:url('../images/woocommerce-web-hosting/woo-feature-isolated-resources.webp'); }
#mz-main-content .mz-woo-feature-item:nth-child(2) .mz-woo-feature-img-box { background-image:url('../images/woocommerce-web-hosting/woo-feature-nvme-speed.webp'); }
#mz-main-content .mz-woo-feature-item:nth-child(3) .mz-woo-feature-img-box { background-image:url('../images/woocommerce-web-hosting/woo-feature-store-security.webp'); }
#mz-main-content .mz-woo-feature-item:nth-child(4) .mz-woo-feature-img-box { background-image:url('../images/woocommerce-web-hosting/woo-feature-concurrent-processing.webp'); }
#mz-main-content .mz-woo-feature-img-box::before { position:absolute; inset:0; border:1px solid #dce8e6; border-radius:18px; content:""; }
#mz-main-content .mz-woo-feature-img-box::after { position:absolute; z-index:2; top:-17px; right:-18px; min-width:138px; padding:12px 14px; border:1px solid #d5e5e1; border-radius:18px; color:#087f80; background:rgba(255,255,255,.9); font-size:.75rem; font-weight:700; text-align:center; backdrop-filter:blur(10px); animation:mzFeatureFloat 4.8s ease-in-out infinite; }
#mz-main-content .mz-woo-feature-item:nth-child(1) .mz-woo-feature-img-box::after { content:"CPU + RAM ایزوله"; }
#mz-main-content .mz-woo-feature-item:nth-child(2) .mz-woo-feature-img-box::after { content:"NVMe Gen4 + LiteSpeed"; }
#mz-main-content .mz-woo-feature-item:nth-child(3) .mz-woo-feature-img-box::after { content:"Imunify360 + WAF"; }
#mz-main-content .mz-woo-feature-item:nth-child(4) .mz-woo-feature-img-box::after { content:"پردازش هم‌زمان فروشگاه"; }
#mz-main-content .mz-woo-migration-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:48px; align-items:center; }
#mz-main-content .mz-woo-migration-grid > div > p { color:#647574; }
#mz-main-content .mz-woo-migration-grid ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 0; padding:0; list-style:none; }
#mz-main-content .mz-woo-migration-grid li { display:flex; gap:11px; padding:15px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }
#mz-main-content .mz-woo-migration-grid li > b { display:grid; flex:0 0 32px; width:32px; height:32px; place-items:center; border-radius:50%; color:#087f80; background:#e8f5f2; }
#mz-main-content .mz-woo-migration-grid li :is(h3,p) { margin:0; }
#mz-main-content .mz-woo-migration-grid li p { color:#697a78; }
#mz-main-content .mz-woo-migration-grid figure { margin:0; overflow:hidden; border:1px solid #dce8e6; border-radius:18px; background:#f3f9f7; }
#mz-main-content .mz-woo-migration-grid img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; }
#mz-main-content .mz-woo-migration-grid figcaption { padding:11px 15px; border-top:1px solid #dce8e6; color:#647574; text-align:center; }
@media(max-width:1050px) { #mz-main-content .mz-woo-finder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #mz-main-content .mz-woo-guide-grid,#mz-main-content .mz-woo-migration-grid { grid-template-columns:1fr; } }
@media(max-width:1740px) { #mz-main-content .mz-woo-page { padding-bottom:76px; } }
@media(max-width:900px) { #mz-main-content .mz-woo-page { --mz-woo-section-gap:48px; } #mz-main-content .mz-woo-page > section.mz-section:not(.mz-woo-hero) { padding-block:42px !important; } }
@media(max-width:620px) { #mz-main-content .mz-woo-page { --mz-woo-section-gap:36px; padding-bottom:76px; } #mz-main-content .mz-woo-page > section.mz-section:not(.mz-woo-hero) { padding-block:36px !important; } #mz-main-content .mz-woo-finder-grid,#mz-main-content .mz-woo-migration-grid ol { grid-template-columns:1fr; } #mz-main-content .mz-woo-feature-img-box::after { top:-12px; right:-8px; } }

/* Dedicated server parity: SEO sections, generated artwork and spacing. */
#mz-main-content .mz-ds-page { --mz-ds-section-gap:64px; }
#mz-main-content .mz-ds-page > section.mz-section + section.mz-section { margin-top:var(--mz-ds-section-gap) !important; }
#mz-main-content .mz-ds-page > section.mz-section:not(.mz-ds-hero) { padding-block:52px !important; }
#mz-main-content .mz-ds-page > section[id] { scroll-margin-top:150px; }
#mz-main-content .mz-ds-guide-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:36px; align-items:start; }
#mz-main-content .mz-ds-guide-grid > div > p { color:#647574; }
#mz-main-content .mz-ds-guide-points { display:grid; gap:12px; margin-top:20px; }
#mz-main-content .mz-ds-guide-points article { display:flex; gap:13px; padding:16px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }
#mz-main-content .mz-ds-guide-points b { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border-radius:50%; color:#087f80; background:#e8f5f2; }
#mz-main-content .mz-ds-guide-points :is(h3,p) { margin:0; }
#mz-main-content .mz-ds-guide-points p { color:#697a78; }
#mz-main-content .mz-ds-guide-check { padding:20px; border:1px solid #dce8e6; border-radius:18px; background:#f3f9f7; }
#mz-main-content .mz-ds-guide-check ul { display:grid; gap:9px; margin:14px 0 18px; padding:0; list-style:none; }
#mz-main-content .mz-ds-guide-check li::before { margin-left:8px; color:#00898a; content:"✓"; }
#mz-main-content .mz-ds-section-head { max-width:820px; margin:0 auto 28px; text-align:center; }
#mz-main-content .mz-ds-section-head p { color:#647574; }
#mz-main-content .mz-ds-finder-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
#mz-main-content .mz-ds-finder-grid article { display:flex; flex-direction:column; min-height:230px; padding:20px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }
#mz-main-content .mz-ds-finder-grid article:nth-child(2) { border-color:#93ccc5; background:#f5fbf9; }
#mz-main-content .mz-ds-finder-grid span { color:#087f80; font-size:.7rem; font-weight:700; }
#mz-main-content .mz-ds-finder-grid h3 { margin:8px 0; }
#mz-main-content .mz-ds-finder-grid p { color:#697a78; }
#mz-main-content .mz-ds-finder-grid strong { margin-top:auto; padding:11px 12px; border-radius:14px; color:#173f43; background:#edf6f3; }
#mz-main-content .mz-ds-feature-img-box { position:relative; overflow:visible !important; flex:1; max-width:550px; aspect-ratio:4/3; border:0 !important; border-radius:18px; background-size:cover; background-position:center; }
#mz-main-content .mz-ds-feature-img-box > :is(.mz-ds-svg-illustration,.mz-ds-feature-img) { display:none !important; }
#mz-main-content .mz-ds-feature-item:nth-child(1) .mz-ds-feature-img-box { background-image:url('../images/dedicated-server/ds-feature-dedicated-resources.webp'); }
#mz-main-content .mz-ds-feature-item:nth-child(2) .mz-ds-feature-img-box { background-image:url('../images/dedicated-server/ds-feature-root-control.webp'); }
#mz-main-content .mz-ds-feature-item:nth-child(3) .mz-ds-feature-img-box { background-image:url('../images/dedicated-server/ds-feature-network.webp'); }
#mz-main-content .mz-ds-feature-item:nth-child(4) .mz-ds-feature-img-box { background-image:url('../images/dedicated-server/ds-feature-security.webp'); }
#mz-main-content .mz-ds-feature-img-box::before { position:absolute; inset:0; border:1px solid #dce8e6; border-radius:18px; content:""; }
#mz-main-content .mz-ds-feature-img-box::after { position:absolute; z-index:2; top:-17px; right:-18px; min-width:138px; padding:12px 14px; border:1px solid #d5e5e1; border-radius:18px; color:#087f80; background:rgba(255,255,255,.9); font-size:.75rem; font-weight:700; text-align:center; backdrop-filter:blur(10px); animation:mzFeatureFloat 4.8s ease-in-out infinite; }
#mz-main-content .mz-ds-feature-item:nth-child(1) .mz-ds-feature-img-box::after { content:"منابع فیزیکی اختصاصی"; }
#mz-main-content .mz-ds-feature-item:nth-child(2) .mz-ds-feature-img-box::after { content:"Root + IPMI"; }
#mz-main-content .mz-ds-feature-item:nth-child(3) .mz-ds-feature-img-box::after { content:"شبکه تا 10Gbps"; }
#mz-main-content .mz-ds-feature-item:nth-child(4) .mz-ds-feature-img-box::after { content:"Firewall + DDoS"; }
#mz-main-content .mz-ds-deployment-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:48px; align-items:center; }
#mz-main-content .mz-ds-deployment-grid > div > p { color:#647574; }
#mz-main-content .mz-ds-deployment-grid ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 0; padding:0; list-style:none; }
#mz-main-content .mz-ds-deployment-grid li { display:flex; gap:11px; padding:15px; border:1px solid #dce8e6; border-radius:18px; background:#fff; }
#mz-main-content .mz-ds-deployment-grid li > b { display:grid; flex:0 0 32px; width:32px; height:32px; place-items:center; border-radius:50%; color:#087f80; background:#e8f5f2; }
#mz-main-content .mz-ds-deployment-grid li :is(h3,p) { margin:0; }
#mz-main-content .mz-ds-deployment-grid li p { color:#697a78; }
#mz-main-content .mz-ds-deployment-grid figure { margin:0; overflow:hidden; border:1px solid #dce8e6; border-radius:18px; background:#f3f9f7; }
#mz-main-content .mz-ds-deployment-grid img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
#mz-main-content .mz-ds-deployment-grid figcaption { padding:11px 15px; border-top:1px solid #dce8e6; color:#647574; text-align:center; }
@media(max-width:1740px) { #mz-main-content .mz-ds-page { padding-bottom:76px; } }
@media(max-width:1050px) { #mz-main-content .mz-ds-finder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #mz-main-content .mz-ds-guide-grid,#mz-main-content .mz-ds-deployment-grid { grid-template-columns:1fr; } }
@media(max-width:900px) { #mz-main-content .mz-ds-page { --mz-ds-section-gap:48px; } #mz-main-content .mz-ds-page > section.mz-section:not(.mz-ds-hero) { padding-block:42px !important; } }
@media(max-width:620px) { #mz-main-content .mz-ds-page { --mz-ds-section-gap:36px; } #mz-main-content .mz-ds-page > section.mz-section:not(.mz-ds-hero) { padding-block:36px !important; } #mz-main-content .mz-ds-finder-grid,#mz-main-content .mz-ds-deployment-grid ol { grid-template-columns:1fr; } #mz-main-content .mz-ds-feature-img-box::after { top:-12px; right:-8px; } }

/* Strict product parity: WooCommerce and Dedicated Server follow WordPress UI. */
#mz-main-content :is(.mz-woo-page,.mz-ds-page) {
    --product-ui-line:#dce8e6;
    --product-ui-soft:#edf6f3;
    --product-ui-surface:#fff;
    --product-ui-ink:#173f43;
    --product-ui-copy:#647574;
    --product-ui-accent:#087f80;
    --product-ui-radius:18px;
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) > .mz-section {
    color:var(--product-ui-ink);
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) > .mz-section:nth-of-type(even) {
    background:linear-gradient(180deg,rgba(241,247,245,.72),rgba(248,251,250,.55));
}
#mz-main-content :is(.mz-woo-hero-wrapper,.mz-ds-hero-wrapper) {
    gap:60px !important;
}
#mz-main-content :is(.mz-woo-hero-image,.mz-ds-hero-image) {
    max-width:460px !important;
    aspect-ratio:1;
}
#mz-main-content :is(.mz-woo-hero-img,.mz-ds-hero-img) {
    border:1px solid var(--product-ui-line) !important;
    border-radius:18px !important;
    background:#fff;
}
#mz-main-content :is(.mz-woo-hero-content,.mz-ds-hero-content) h1 {
    color:var(--product-ui-ink) !important;
}
#mz-main-content :is(.mz-woo-hero-sub,.mz-ds-hero-sub) {
    color:var(--product-ui-accent) !important;
}
#mz-main-content :is(.mz-woo-hero-content,.mz-ds-hero-content) > p {
    color:var(--product-ui-copy) !important;
    text-align:justify;
}
#mz-main-content :is(.mz-woo-hero-btns,.mz-ds-hero-btns) .mz-btn-group {
    margin:0 !important;
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-floating-tags {
    left:-40px !important;
    top:25% !important;
    gap:8px !important;
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-float-tag {
    width:160px;
    min-height:42px;
    padding:10px 14px !important;
    border:1px solid var(--product-ui-line) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.9) !important;
    box-shadow:none !important;
    backdrop-filter:blur(7px);
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-float-tag svg {
    flex:0 0 18px;
    width:18px;
    height:18px;
    color:var(--product-ui-accent);
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-float-speed {
    width:148px;
    min-height:78px;
    padding:12px 16px !important;
    border:1px solid var(--product-ui-line) !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:none !important;
    backdrop-filter:blur(8px);
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-features {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-top:30px;
    padding-top:30px;
    border-color:var(--product-ui-line);
}
#mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-feature-icon {
    width:40px;
    height:40px;
    border:1px solid var(--product-ui-line);
    border-radius:12px;
    color:var(--product-ui-accent);
    background:#fff;
}
#mz-main-content :is(.mz-woo-features-header,.mz-ds-features-header) {
    text-align:center;
}
#mz-main-content :is(.mz-woo-features-badge,.mz-ds-features-badge) {
    display:inline-flex;
    margin-bottom:12px;
    padding:7px 14px;
    border:1px solid var(--product-ui-line);
    border-radius:999px;
    color:var(--product-ui-accent);
    background:var(--product-ui-soft);
    font-size:.72rem;
    font-weight:700;
}
#mz-main-content :is(.mz-woo-features-sub,.mz-ds-features-sub) {
    margin:10px 0 8px !important;
    color:var(--product-ui-accent) !important;
}
#mz-main-content :is(.mz-woo-features-desc,.mz-ds-features-desc) {
    max-width:760px;
    margin-inline:auto;
    color:var(--product-ui-copy) !important;
}
#mz-main-content :is(.mz-woo-feature-item,.mz-ds-feature-item) {
    min-height:360px;
}
#mz-main-content :is(.mz-woo-feature-content,.mz-ds-feature-content) h3 {
    margin-bottom:12px !important;
    color:var(--product-ui-ink) !important;
}
#mz-main-content :is(.mz-woo-feature-content,.mz-ds-feature-content) > p {
    margin-bottom:16px !important;
    color:var(--product-ui-copy) !important;
}
#mz-main-content :is(.mz-woo-feature-content,.mz-ds-feature-content) ul {
    display:grid;
    gap:9px;
    margin:0 0 18px !important;
    padding:0 !important;
    list-style:none;
}
#mz-main-content :is(.mz-woo-feature-content,.mz-ds-feature-content) li {
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:8px 10px;
    border:1px solid var(--product-ui-line);
    border-radius:12px;
    color:var(--product-ui-ink);
    background:#fff;
}
#mz-main-content :is(.mz-woo-feature-content,.mz-ds-feature-content) li::before {
    display:none !important;
}
#mz-main-content .mz-product-list-icon {
    flex:0 0 18px;
    width:18px;
    height:18px;
    color:var(--product-ui-accent);
}
#mz-main-content :is(.mz-woo-feature-img-box,.mz-ds-feature-img-box) {
    position:relative;
    width:100%;
    max-width:460px !important;
    aspect-ratio:4 / 3 !important;
    min-height:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:18px !important;
    background-size:cover;
    background-position:center;
}
#mz-main-content :is(.mz-woo-feature-img-box,.mz-ds-feature-img-box)::before {
    border-radius:18px !important;
}
#mz-main-content :is(.mz-woo-feature-img-box,.mz-ds-feature-img-box)::after {
    display:none !important;
}
#mz-main-content .mz-product-feature-float {
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:10px;
    min-width:142px;
    min-height:66px;
    padding:11px 14px;
    border:1px solid var(--product-ui-line);
    border-radius:16px;
    color:var(--product-ui-accent);
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(9px);
    animation:mzFeatureFloat 4.8s ease-in-out infinite;
}
#mz-main-content .mz-product-feature-float--top { top:-18px; right:-18px; }
#mz-main-content .mz-product-feature-float--side { bottom:20px; left:-22px; animation-delay:.7s; }
#mz-main-content .mz-product-feature-float svg { flex:0 0 20px; width:20px; height:20px; }
#mz-main-content .mz-product-feature-float span { display:grid; gap:2px; }
#mz-main-content .mz-product-feature-float small { color:#7b8c89; font-size:.65rem; }
#mz-main-content .mz-product-feature-float strong { color:var(--product-ui-accent); font-size:.76rem; }
#mz-main-content :is(.mz-woo-guide-points,.mz-ds-guide-points) article,
#mz-main-content :is(.mz-woo-finder-grid,.mz-ds-finder-grid) article,
#mz-main-content :is(.mz-woo-info-card,.mz-ds-info-card) {
    border:1px solid var(--product-ui-line) !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:none !important;
}
#mz-main-content :is(.mz-woo-finder-grid,.mz-ds-finder-grid) article {
    position:relative;
    min-height:230px;
    padding:20px !important;
}
#mz-main-content .mz-product-finder-icon {
    display:grid;
    width:42px;
    height:42px;
    margin-bottom:12px;
    place-items:center;
    border:1px solid var(--product-ui-line);
    border-radius:12px;
    color:var(--product-ui-accent);
    background:var(--product-ui-soft);
}
#mz-main-content .mz-product-finder-icon svg { width:20px; height:20px; }
#mz-main-content :is(.mz-woo-guide-check,.mz-ds-guide-check) {
    border:1px solid var(--product-ui-line) !important;
    border-radius:18px !important;
    background:var(--product-ui-soft) !important;
}
#mz-main-content :is(.mz-woo-info-icon,.mz-ds-info-icon) {
    display:grid;
    width:44px;
    height:44px;
    margin-bottom:12px;
    place-items:center;
    border:1px solid var(--product-ui-line);
    border-radius:12px !important;
    color:var(--product-ui-accent) !important;
    background:var(--product-ui-soft) !important;
}
#mz-main-content :is(.mz-woo-info-icon,.mz-ds-info-icon) svg { width:21px; height:21px; }
#mz-main-content :is(.mz-woo-faq-item,.mz-ds-faq-item) {
    overflow:hidden;
    border:1px solid var(--product-ui-line) !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:none !important;
}
#mz-main-content :is(.mz-woo-faq-item,.mz-ds-faq-item).mz-active {
    border-color:#a9d4cd !important;
    background:#f7fbfa !important;
}
@media(max-width:900px) {
    #mz-main-content :is(.mz-woo-hero-wrapper,.mz-ds-hero-wrapper) { gap:40px !important; }
    #mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-features { gap:10px; }
    #mz-main-content .mz-product-feature-float--top { right:-8px; }
    #mz-main-content .mz-product-feature-float--side { left:-8px; }
}
@media(max-width:768px) {
    #mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-features { grid-template-columns:1fr; }
    #mz-main-content :is(.mz-woo-page,.mz-ds-page) .mz-wp-hero-feature-item { justify-content:flex-start; }
    #mz-main-content .mz-product-feature-float { display:none; }
}

/* One thin-line icon system across all three product pages. */
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) :is(.lucide,.mz-context-icon) {
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.65 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    vector-effect:non-scaling-stroke;
}
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) :is(
    .mz-wp-hero-feature-icon,
    .mz-woo-info-icon,.mz-ds-info-icon,
    .mz-wp-info-icon,.mz-wp-plan-finder-icon,
    .mz-product-finder-icon
) {
    display:grid !important;
    flex:0 0 40px;
    width:40px !important;
    height:40px !important;
    padding:0 !important;
    place-items:center;
    border:1px solid #dce8e6 !important;
    border-radius:12px !important;
    color:#087f80 !important;
    background:#edf6f3 !important;
    box-shadow:none !important;
}
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) :is(
    .mz-wp-hero-feature-icon,
    .mz-woo-info-icon,.mz-ds-info-icon,
    .mz-wp-info-icon,.mz-wp-plan-finder-icon,
    .mz-product-finder-icon
) :is(svg,.lucide) {
    width:19px !important;
    height:19px !important;
}
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) :is(
    .mz-wp-feature-bullet,.mz-woo-feature-content li,.mz-ds-feature-content li
) :is(svg,.lucide) {
    flex:0 0 18px;
    width:18px !important;
    height:18px !important;
    color:#087f80 !important;
}
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) .mz-btn :is(svg,.lucide) {
    width:19px !important;
    height:19px !important;
}
#mz-main-content :is(.mz-wp-page,.mz-woo-page,.mz-ds-page) :is(
    .mz-wp-faq-q,.mz-woo-faq-q,.mz-ds-faq-q
) :is(svg,.lucide) {
    flex:0 0 18px;
    width:18px !important;
    height:18px !important;
    color:#657875 !important;
}

/* Shared editorial layout for company and information pages. */
#mz-main-content .mz-info-hero { box-sizing:border-box; width:min(1240px,calc(100% - clamp(32px,8vw,120px))); margin:28px auto 0 !important; padding:22px 0 !important; background:#f5faf8 !important; border:1px solid #dce8e6 !important; border-radius:18px !important; }
#mz-main-content .mz-info-hero-inner { display:grid; width:100% !important; max-width:none !important; padding-inline:22px; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:42px; align-items:center; text-align:right; }
#mz-main-content .mz-info-hero--text-only .mz-info-hero-inner { grid-template-columns:1fr; min-height:180px; }
#mz-main-content .mz-info-hero--text-only .mz-info-hero-copy { max-width:840px; margin-inline:auto; text-align:center; }
#mz-main-content .mz-info-hero--text-only .mz-info-hero-copy p { margin-inline:auto !important; }
#mz-main-content .mz-info-hero-copy { min-width:0; }
#mz-main-content .mz-info-hero-copy h1 { margin:0 0 12px !important; color:#173f43 !important; font-size:clamp(1.45rem,2vw,1.8rem) !important; line-height:1.65 !important; }
#mz-main-content .mz-info-hero-copy p { max-width:720px; margin:0 !important; color:#647574 !important; font-size:.84rem !important; line-height:2 !important; }
#mz-main-content .mz-info-hero-media { position:relative; display:block; overflow:hidden; aspect-ratio:4/3; border:1px solid #d7e5e2; border-radius:18px; background:#edf6f3; }
#mz-main-content .mz-info-hero-media img { display:block; width:100%; height:100%; object-fit:cover; }
#mz-main-content .mz-info-hero-media::after { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg,transparent 65%,rgba(0,137,138,.08)); content:""; pointer-events:none; }
#mz-main-content :is(.mz-page-header,.mz-page-hero) + .mz-container,
#mz-main-content .mz-info-hero + .mz-container { padding-top:52px !important; padding-bottom:64px !important; }
#mz-main-content :is(.mz-content-box,.mz-sidebar-card,.mz-contact-card,.mz-channel-item,.mz-commitment-item,.mz-notice-card) { border-color:#dce8e6 !important; border-radius:18px !important; box-shadow:none !important; }
#mz-main-content :is(.mz-content-box,.mz-contact-card,.mz-channel-item,.mz-commitment-item):hover { transform:none !important; box-shadow:none !important; }
#mz-main-content .mz-content-box { margin-bottom:32px !important; padding:28px !important; }
#mz-main-content .mz-content-box :is(h2,h3)::after { max-width:42px !important; height:2px !important; }
#mz-main-content .mz-ceo-image { overflow:hidden; border:1px solid #dce8e6; border-radius:18px; background:#edf6f3; }
#mz-main-content .mz-quote-box { border:1px solid #dce8e6; border-right:3px solid #00898a; border-radius:18px; background:#f5faf8; }
#mz-main-content .mz-story-item { padding-bottom:38px; }
#mz-main-content .mz-contact-grid { gap:16px; margin-bottom:32px; }
#mz-main-content .mz-contact-card { padding:24px 20px; background:#fff; }
#mz-main-content .mz-contact-icon { border-radius:14px; background:#edf6f3; }
#mz-main-content .mz-notice-page { padding-top:28px !important; }
#mz-main-content .mz-notice-header { margin-bottom:52px; padding:22px; border:1px solid #dce8e6; border-radius:18px; background:#f5faf8; }
#mz-main-content .mz-notice-header .mz-info-hero-copy { text-align:right; }
#mz-main-content .mz-notice-list { gap:16px; padding-bottom:64px; }
#mz-main-content .mz-notice-card { padding:22px 24px; background:#fff; }
#mz-main-content .mz-notice-text { margin:0 !important; font-size:.8rem !important; }
@media(max-width:900px) { #mz-main-content .mz-info-hero-inner { grid-template-columns:1fr; gap:24px; } #mz-main-content .mz-info-hero-media { max-width:620px; width:100%; margin-inline:auto; } }
@media(max-width:620px) { #mz-main-content .mz-info-hero { width:calc(100% - 24px); margin-top:20px !important; padding:16px 0 !important; } #mz-main-content .mz-info-hero-inner { gap:18px; padding-inline:16px; } #mz-main-content .mz-info-hero--text-only .mz-info-hero-inner { min-height:150px; } #mz-main-content :is(.mz-page-header,.mz-page-hero) + .mz-container,#mz-main-content .mz-info-hero + .mz-container { padding-top:36px !important; padding-bottom:48px !important; } #mz-main-content .mz-content-box { margin-bottom:24px !important; padding:20px !important; } #mz-main-content .mz-notice-header { margin-bottom:36px; padding:16px; } }

/* Footer lives outside the app shell and uses a clean white surface. */
body > .mz-footer {
    position:relative;
    z-index:1;
    width:min(1480px,calc(100% - (var(--mz-page-gap) * 2)));
    margin:28px auto var(--mz-page-gap) !important;
    overflow:hidden;
    border:1px solid #dce8e6 !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:none !important;
}
body > .mz-footer :is(.mz-footer-top,.mz-footer-main,.mz-footer-bottom,.mz-footer-brand,.mz-footer-links-box) { background:#fff !important; }
body > .mz-footer :is(*,p,a,h4,svg) { color:#536966 !important; }
body > .mz-footer :is(.mz-footer-title,.mz-footer-support-text) { color:#173f43 !important; }
body > .mz-footer .mz-footer-list a:hover { color:#00898a !important; }
body > .mz-footer :is(.mz-footer-top,.mz-footer-brand,.mz-footer-bottom) { border-color:#e3ecea !important; }
body > .mz-footer .mz-footer-title-icon { border:1px solid #dce8e6; background:#edf6f3 !important; }
body > .mz-footer .mz-footer-title-icon svg { color:#087f80 !important; }
body > .mz-footer .mz-btn { border-color:#dce8e6 !important; background:#f3f9f7 !important; color:#173f43 !important; }
body > .mz-footer .mz-btn svg { color:#087f80 !important; }
body > .mz-footer .mz-footer-top { padding:20px 0 !important; }
body > .mz-footer .mz-footer-main { padding:12px 0 !important; }
body > .mz-footer .mz-footer-wrapper { gap:42px !important; align-items:center; }
body > .mz-footer .mz-footer-brand { padding-left:38px !important; }
body > .mz-footer .mz-footer-logo img { max-width:140px; margin-bottom:14px; }
body > .mz-footer .mz-footer-grid { margin:18px 0 !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body > .mz-footer .mz-footer-title { margin-bottom:14px; }
body > .mz-footer .mz-footer-list { gap:8px; }
body > .mz-footer .mz-footer-bottom { padding:14px 0 !important; }
@media(max-width:1150px) { body > .mz-footer .mz-footer-wrapper { flex-direction:row !important; } }
@media(max-width:820px) { body > .mz-footer .mz-footer-wrapper { flex-direction:column-reverse !important; gap:24px !important; } body > .mz-footer .mz-footer-brand { padding:24px 0 0 !important; border-left:0 !important; border-top:1px solid #e3ecea; } }
@media(max-width:620px) { body > .mz-footer { width:calc(100% - 20px); margin:20px auto 10px !important; border-radius:18px !important; } body > .mz-footer .mz-footer-grid { grid-template-columns:1fr !important; gap:22px; } body > .mz-footer .mz-footer-support { gap:14px; } body > .mz-footer .mz-footer-support-text { font-size:.82rem !important; } }
