/* MizbanPack 2026 UI layer — shared by every public page */
:root {
    --mz-primary: #087f7c;
    --mz-primary-hover: #056864;
    --mz-primary-light: #e8f7f5;
    --mz-accent: #e7c36b;
    --mz-bg: #f5f5f7;
    --mz-surface: rgba(251, 253, 252, .92);
    --mz-text-dark: #163b43;
    --mz-text-main: #526664;
    --mz-text-light: #82908e;
    --mz-border: rgba(20, 67, 67, .12);
    --mz-radius-sm: 12px;
    --mz-radius-md: 18px;
    --mz-radius-lg: 28px;
    --mz-shadow-md: 0 12px 34px rgba(18, 63, 60, .09);
    --mz-shadow-lg: 0 26px 70px rgba(18, 63, 60, .14);
    --mz-transition: all .3s cubic-bezier(.2,.8,.2,1);
}

html { background:#e9f1ef; overflow-x:hidden; scrollbar-color:#77aca3 #e7efed; }
body {
    --mz-page-gap: clamp(8px, 1.7vw, 26px);
    width:100% !important;
    max-width:none !important;
    min-width:320px;
    min-height:100vh;
    margin:0 !important;
    padding:var(--mz-page-gap) !important;
    overflow-x: clip;
    background:
        radial-gradient(circle at 8% 4%,rgba(8,127,119,.11),transparent 25%),
        radial-gradient(circle at 92% 15%,rgba(216,170,69,.1),transparent 23%),
        linear-gradient(145deg,#e9f1ef 0%,#f5f6f1 48%,#e9f2f0 100%);
}

body::before, body::after {
    content: ''; position: fixed; width: 360px; height: 360px; border-radius: 50%;
    filter: blur(90px); pointer-events: none; z-index: 0; opacity: .16;
}
body::before { right:-135px; top:20%; background:transparent; border:1px solid rgba(8,127,119,.12); border-radius:42% 58% 52% 48%; filter:none; transform:rotate(24deg); }
body::after { left:-165px; bottom:8%; background:transparent; border:1px solid rgba(8,127,119,.12); border-radius:42% 58% 52% 48%; filter:none; transform:rotate(-18deg); }
.mz-app-shell { width:min(1480px,100%); min-height:calc(100vh - (var(--mz-page-gap) * 2)); margin:0 auto; overflow:hidden; border:1px solid rgba(255,255,255,.86); border-radius:clamp(18px,2.3vw,34px); background:rgba(251,253,252,.94); box-shadow:0 22px 70px rgba(20,55,65,.11); isolation:isolate; }
.mz-header, #mz-main-content, .mz-footer { position:relative; z-index:1; }
#mz-main-content { padding-top:clamp(38px,3.6vw,56px); }

.mz-container { width: min(100% - clamp(28px, 5vw, 80px), 1380px); padding: 0; }

/* Floating, translucent navigation */
.mz-header { padding-top: 10px; }
.mz-header-top { box-shadow: none; padding: 8px 0; }
.mz-header-top-wrapper { gap: 24px; }
.mz-header-links { gap: 18px; flex-wrap: wrap; }
.mz-header-links a { position: relative; font-size: 12px; }
.mz-header-links a::after { content:''; position:absolute; right:0; bottom:-3px; width:0; height:1px; background:var(--mz-primary); transition:.25s; }
.mz-header-links a:hover::after { width:100%; }
.mz-header-main { width:calc(100% - clamp(16px,2.4vw,34px)); margin:4px auto 0; padding:8px 0; border:1px solid rgba(20,67,67,.09); border-radius:18px; background:rgba(251,253,252,.84); backdrop-filter:blur(22px) saturate(150%); box-shadow:0 7px 20px rgba(24,61,70,.045); }
.mz-header-main-wrapper { min-height: 62px; }
.mz-header-logo img { height: 48px; }
.mz-header-nav { max-width: 660px; }
.mz-header-menu li a { border-radius: 12px; padding: 10px 14px; }
.mz-header-menu { padding:5px; border:1px solid rgba(20,67,67,.08); border-radius:14px; background:rgba(235,243,241,.72); }
.mz-header-menu li a:hover { background:rgba(255,255,255,.82); transform:translateY(-1px); }
.mz-header-stats-bar { padding: 10px 0 0; }
.mz-header-stats { display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; margin:auto; padding:8px 14px; border:1px solid rgba(20,67,67,.1); border-radius:12px; background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(237,247,244,.72)); box-shadow:0 7px 20px rgba(24,61,70,.045); font-size:11px; }
.mz-trust-live { flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:#2fb57f; box-shadow:0 0 0 4px rgba(47,181,127,.12); animation:mzPulse 2.2s infinite; }
.mz-trust-item { display:inline-flex; align-items:baseline; gap:4px; color:#70817f; white-space:nowrap; font-size:11px; line-height:1.5; }
.mz-trust-item strong { color:#174b48; font-family:var(--mz-font-bold); font-size:12px; }
.mz-trust-divider { width:1px; height:18px; background:rgba(20,67,67,.12); }

/* Type, content and actions */
h1 { font-size: clamp(2rem, 4.8vw, 4.2rem); letter-spacing:-.035em; }
h2 { font-size: clamp(1.55rem, 3vw, 2.7rem); letter-spacing:-.025em; }
h3 { font-size: clamp(1.05rem, 1.7vw, 1.35rem); }
.mz-section { padding: clamp(58px, 8vw, 112px) 0; }
.mz-section-title { font-size:clamp(1.7rem,3.2vw,2.8rem); margin-bottom:clamp(28px,4vw,52px); }
.mz-page-hero, .mz-page-header { padding:clamp(64px,9vw,120px) 0 84px; }
.mz-page-hero h1, .mz-page-header h1 { font-size:clamp(2rem,4vw,3.8rem); }
.mz-content-box, .mz-sidebar-card, .mz-card, .mz-service-card, .mz-feature-card {
    border:1px solid rgba(255,255,255,.92) !important; border-radius:var(--mz-radius-lg) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,250,249,.74)) !important;
    box-shadow:var(--mz-shadow-md) !important; backdrop-filter:blur(12px);
}
.mz-card, .mz-service-card, .mz-feature-card { transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s !important; }
.mz-card:hover, .mz-service-card:hover, .mz-feature-card:hover { transform:translateY(-8px) !important; box-shadow:var(--mz-shadow-lg) !important; }
.mz-btn { min-height:46px; border-radius:13px; padding:11px 20px; }
.mz-btn-primary { background:linear-gradient(135deg,#0a918b,#076965); box-shadow:0 10px 24px rgba(8,127,124,.25); }
.mz-btn-primary:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(8,127,124,.34); }
.mz-btn-group { border:1px solid rgba(14,83,79,.06); background:rgba(238,245,244,.8); border-radius:16px; }
input, select, textarea { border-radius:14px !important; transition:border-color .25s, box-shadow .25s !important; }
input:focus, select:focus, textarea:focus { outline:0; border-color:rgba(8,127,124,.55) !important; box-shadow:0 0 0 4px rgba(8,127,124,.1) !important; }
.mz-hardware-img { border-radius:var(--mz-radius-lg); box-shadow:var(--mz-shadow-lg); }
.mz-hardware-img img { transition:transform .7s cubic-bezier(.2,.8,.2,1) !important; }
.mz-hardware-img:hover img { transform:scale(1.035) !important; }

/* Footer as an inset closing panel */
.mz-footer { width:auto; margin:18px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:24px 24px 12px 24px; background:linear-gradient(135deg,#102f44,#123f4e 58%,#0a5a58); }
.mz-footer *, .mz-footer p, .mz-footer a, .mz-footer h4, .mz-footer svg { color:rgba(255,255,255,.76) !important; }
.mz-footer h4, .mz-footer-support-text { color:#fff !important; }
.mz-footer-top, .mz-footer-brand, .mz-footer-bottom { border-color:rgba(255,255,255,.1); }
.mz-footer-bottom { background:rgba(0,0,0,.12); }
.mz-footer-list a:hover { color:#82ded5 !important; }

/* Reveal movement added progressively by JS */
.mz-reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.mz-reveal.mz-visible { opacity:1; transform:none; }
@keyframes mzPulse { 0%,100%{box-shadow:0 0 0 4px rgba(47,181,127,.12)} 50%{box-shadow:0 0 0 9px rgba(47,181,127,0)} }

@media (max-width:1024px) {
    .mz-header { position:relative; box-shadow:none; background:transparent; }
    .mz-header-main { position:sticky; top:8px; width:calc(100% - 16px); z-index:1000; }
    .mz-header-main .mz-container { width:calc(100% - 28px); }
    .mz-header-stats-bar { background:transparent; border:0; }
    .mz-header-mobile { right:auto; left:-330px; width:min(330px,calc(100vw - 32px)); border:1px solid rgba(255,255,255,.9); border-radius:24px; margin:16px; height:calc(100vh - 32px); padding:72px 18px 24px; background:rgba(255,255,255,.92); backdrop-filter:blur(22px); transition:left .4s cubic-bezier(.2,.8,.2,1); box-shadow:var(--mz-shadow-lg); }
    .mz-header-mobile.mz-active { right:auto; left:0; }
}
@media (max-width:768px) {
    body { --mz-page-gap:10px; }
    .mz-container { width:calc(100% - 28px); }
    .mz-services-grid { grid-template-columns:1fr !important; }
    .mz-features-grid { display:grid; grid-template-columns:1fr !important; }
    .mz-feature-card { width:100%; flex-basis:100%; }
    .mz-content-box { padding:24px 18px; }
    .mz-footer { margin:10px; }
    .mz-footer-grid { grid-template-columns:1fr 1fr; }
}

/* Unified thin-line icon language, inspired by the Lucide set used in tajrobehost. */
:is(
    .mz-header,
    .mz-footer,
    #mz-main-content .mz-btn,
    #mz-main-content [class*="icon"],
    #mz-main-content [class*="float"],
    #mz-main-content [class*="spec"],
    #mz-main-content [class*="faq-q"],
    #mz-main-content [class*="feature-item"],
    #mz-main-content [class*="compare-item"],
    #mz-main-content [class*="support-banner"]
) svg {
    stroke-width:1.65 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    shape-rendering:geometricPrecision;
    vector-effect:non-scaling-stroke;
}
:is(
    .mz-header,
    .mz-footer,
    #mz-main-content .mz-btn,
    #mz-main-content [class*="icon"],
    #mz-main-content [class*="float"],
    #mz-main-content [class*="spec"],
    #mz-main-content [class*="faq-q"]
) svg :is(path,line,polyline,polygon,rect,circle,ellipse) {
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
#mz-main-content :is(
    .mz-service-icon,.mz-feature-icon,.mz-seo-card-icon,
    [class*="spec-icon"],[class*="info-icon"],
    [class*="feature-icon"],[class*="compare-item-icon"]
) svg {
    width:20px;
    height:20px;
}
.mz-header svg,
.mz-footer svg,
#mz-main-content .mz-btn svg {
    flex:0 0 auto;
}
.mz-context-icon,
.lucide {
    display:block;
    width:20px;
    height:20px;
    flex:0 0 auto;
}
#mz-main-content :is(.mz-wp-hero-float-speed,.mz-hero-float-card) .lucide {
    width:24px;
    height:24px;
}
#mz-main-content :is(.mz-wp-support-banner-icon,[class*="support-icon"]) .lucide {
    width:32px;
    height:32px;
}

/* Platform-wide heading scale */
#mz-main-content h1,
#mz-main-content .mz-hero-title,
#mz-main-content .mz-page-hero h1,
#mz-main-content .mz-page-header h1 {
    font-size:clamp(1.75rem,2.5vw,2.35rem) !important;
    line-height:1.55 !important;
}
#mz-main-content h2,
#mz-main-content .mz-section-title,
#mz-main-content .mz-section-header h2 {
    font-size:clamp(1.35rem,1.9vw,1.8rem) !important;
    line-height:1.6 !important;
}
#mz-main-content h3 {
    font-size:clamp(1.05rem,1.35vw,1.28rem) !important;
    line-height:1.65 !important;
}
#mz-main-content h4 { font-size:1.05rem !important; line-height:1.65 !important; }
#mz-main-content h5 { font-size:.95rem !important; }
#mz-main-content h6 { font-size:.88rem !important; }

@media(max-width:768px) {
    #mz-main-content { padding-top:28px; }
    #mz-main-content h1,
    #mz-main-content .mz-hero-title,
    #mz-main-content .mz-page-hero h1,
    #mz-main-content .mz-page-header h1 { font-size:1.75rem !important; }
    #mz-main-content h2,
    #mz-main-content .mz-section-title,
    #mz-main-content .mz-section-header h2 { font-size:1.4rem !important; }
    #mz-main-content h3 { font-size:1.12rem !important; }
}

/* Compact, legible footer */
.mz-footer { overflow:hidden; }
.mz-footer-top { padding:17px 0 !important; background:rgba(255,255,255,.035); }
.mz-footer-support { gap:24px; }
.mz-footer-support-text { font-size:14px !important; line-height:1.8; }
.mz-footer-support .mz-btn-group { margin:0; padding:4px; background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.1); }
.mz-footer-support .mz-btn { min-height:38px; padding:7px 13px; font-size:11px; }
.mz-footer-support .mz-btn-main,
.mz-footer-support .mz-btn-main *,
.mz-footer-support .mz-btn-icon-only,
.mz-footer-support .mz-btn-icon-only * { color:#174b48 !important; }
.mz-footer-main { padding:18px 0 !important; }
.mz-footer-wrapper { gap:44px; align-items:stretch; }
.mz-footer-brand { width:260px; flex:0 0 260px; justify-content:center; padding:20px 0 20px 38px; }
.mz-footer-logo { display:flex; align-items:center; justify-content:center; padding:12px 18px; margin-bottom:14px; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(255,255,255,.94); }
.mz-footer-logo img { display:block; max-width:145px; margin:0; }
.mz-footer-slogan { max-width:220px; font-size:11px !important; line-height:1.9; color:rgba(255,255,255,.72) !important; }
.mz-footer-grid { margin:8px 0 !important; gap:24px 34px !important; }
.mz-footer-title { margin-bottom:12px !important; gap:7px; font-size:14px !important; line-height:1.6; }
.mz-footer-title-icon svg { width:17px; height:17px; }
.mz-footer-list { gap:6px !important; }
.mz-footer-list li, .mz-footer-list li a { font-size:11px !important; line-height:1.8; }
.mz-footer-bottom { padding:13px 0; }
.mz-footer-bottom-wrapper, .mz-footer-copyright, .mz-footer-brand-en { font-size:10px !important; }

@media(max-width:1150px) {
    .mz-footer-wrapper { gap:26px; }
    .mz-footer-brand { width:100%; flex-basis:auto; padding:18px 0 0; }
}
@media(max-width:768px) {
    .mz-footer-top { padding:16px 0 !important; }
    .mz-footer-support { gap:13px; }
    .mz-footer-support-text { font-size:12px !important; }
    .mz-footer-main { padding:14px 0 !important; }
    .mz-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px !important; }
    .mz-footer-brand { padding-top:16px; }
}
@media(max-width:480px) {
    .mz-footer-grid { grid-template-columns:1fr; gap:18px; }
    .mz-footer-title { margin-bottom:9px; }
    .mz-footer-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 12px; }
    .mz-footer-bottom-wrapper { gap:7px; }
}

/* Monochrome footer — one calm brand surface instead of multiple color blocks. */
.mz-footer {
    background:#f1f8f5 !important;
    color:#405d5b;
    border-top:1px solid rgba(20,67,67,.1);
}
.mz-footer-top,
.mz-footer-main,
.mz-footer-bottom {
    background:transparent !important;
    border-color:rgba(20,67,67,.09) !important;
}
.mz-footer-top { border-bottom:1px solid rgba(20,67,67,.09); }
.mz-footer-main { color:#405d5b; }
.mz-footer-support-text,
.mz-footer-title {
    color:#173f43 !important;
}
.mz-footer-title-icon {
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    padding:0 !important;
    color:#087f77 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:9px !important;
}
.mz-footer-title-icon svg,
.mz-footer-title-icon .lucide {
    width:15px;
    height:15px;
    color:inherit !important;
}
.mz-footer-list li,
.mz-footer-list li a,
.mz-footer-slogan,
.mz-footer-copyright,
.mz-footer-brand-en {
    color:#607774 !important;
}
.mz-footer-list li a:hover {
    color:#087f77 !important;
    padding-right:4px;
}
.mz-footer-brand {
    border-color:rgba(20,67,67,.09) !important;
}
.mz-footer-logo {
    background:transparent !important;
    border-color:transparent !important;
}
.mz-footer-support .mz-btn-group {
    background:rgba(255,255,255,.48) !important;
    border-color:rgba(20,67,67,.1) !important;
}
.mz-footer-support .mz-btn-main {
    background:#e4f2ed !important;
    border-color:#cfe4dc !important;
    color:#174b48 !important;
}
.mz-footer-support .mz-btn-icon-only {
    background:rgba(255,255,255,.68) !important;
    border-color:rgba(20,67,67,.1) !important;
    color:#087f77 !important;
}
.mz-footer-support .mz-btn-icon-only *,
.mz-footer-support .mz-btn-icon-only svg {
    color:inherit !important;
}
.mz-footer-bottom {
    background:transparent !important;
}
.mz-footer :is(h1,h2,h3,h4,h5,h6,p,span,li,a,small,strong),
.mz-footer .lucide,
.mz-footer svg {
    color:#315754 !important;
}
.mz-footer svg,
.mz-footer .lucide {
    stroke:currentColor !important;
}
.mz-footer .mz-footer-title,
.mz-footer .mz-footer-support-text {
    color:#173f43 !important;
}
.mz-footer .mz-footer-title-icon,
.mz-footer .mz-footer-title-icon svg,
.mz-footer .mz-footer-title-icon .lucide {
    color:#087f77 !important;
}
.mz-footer .mz-footer-title-icon svg *,
.mz-footer .mz-footer-title-icon .lucide * {
    stroke:#087f77 !important;
    color:#087f77 !important;
}

/* Unified corner system */
:root {
    --mz-radius-surface: 18px;
    --mz-radius-control: 12px;
}
.mz-app-shell,
.mz-header-main,
.mz-header-mobile,
.mz-footer,
.mz-content-box,
.mz-sidebar-card,
.mz-mobile-nav-box,
.mz-alert-box,
.mz-card,
.mz-service-card,
.mz-feature-card,
.mz-hardware-img,
.mz-footer-brand,
.mz-footer-links-box,
[class*="pricing-card"],
[class*="plan-card"],
[class*="post-card"],
[class*="blog-card"],
[class*="contact-card"],
[class*="info-card"],
[class*="feature-card"],
[class*="service-card"] {
    border-radius:var(--mz-radius-surface) !important;
}
.mz-btn,
.mz-btn-group,
.mz-header-menu,
.mz-header-menu li a,
.mz-header-mobile-list li a,
.mz-mobile-select,
input:not([type="radio"]):not([type="checkbox"]),
select,
textarea,
button:not(.mz-header-toggle) {
    border-radius:var(--mz-radius-control) !important;
}
.mz-footer { border-radius:var(--mz-radius-surface) !important; }

@media(max-width:480px) {
    .mz-app-shell,
    .mz-header-main,
    .mz-header-mobile,
    .mz-footer,
    .mz-content-box,
    .mz-card,
    .mz-service-card,
    .mz-feature-card { border-radius:var(--mz-radius-surface) !important; }
}

/* Sticky glass header */
.mz-app-shell { overflow:clip; }
.mz-header {
    position:sticky !important;
    top:var(--mz-page-gap);
    z-index:1100;
    overflow-anchor:none;
    transition:padding .3s ease;
}
.mz-header-top,
.mz-header-stats-bar {
    max-height:72px;
    overflow:hidden;
    opacity:1;
    transition:max-height .32s cubic-bezier(.2,.8,.2,1), opacity .22s ease, padding .32s ease;
}
.mz-header-main {
    transition:width .32s cubic-bezier(.2,.8,.2,1), margin .32s ease, background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.mz-header.mz-scrolled { padding-top:6px; }
.mz-header.mz-scrolled .mz-header-top,
.mz-header.mz-scrolled .mz-header-stats-bar {
    max-height:0;
    padding-top:0;
    padding-bottom:0;
    opacity:0;
    pointer-events:none;
}
.mz-header.mz-scrolled .mz-header-main {
    position:relative;
    width:calc(100% - clamp(16px,2.4vw,34px));
    margin-top:0;
    border-color:rgba(255,255,255,.72);
    background:rgba(247,251,250,.76);
    -webkit-backdrop-filter:blur(24px) saturate(165%);
    backdrop-filter:blur(24px) saturate(165%);
    box-shadow:0 14px 34px rgba(18,58,61,.14), inset 0 1px 0 rgba(255,255,255,.72);
    transform-origin:50% 0;
    animation:mzElasticDock .72s cubic-bezier(.22,1,.36,1) both;
}
.mz-header.mz-scrolled .mz-header-main::before {
    content:'';
    position:absolute;
    z-index:-1;
    top:-22px;
    left:50%;
    width:78px;
    height:30px;
    border-radius:44% 44% 52% 52%;
    background:linear-gradient(180deg,rgba(247,251,250,.2),rgba(247,251,250,.82));
    filter:blur(.15px);
    transform-origin:50% 100%;
    pointer-events:none;
    animation:mzLiquidThread .72s cubic-bezier(.4,0,.2,1) both;
}
@keyframes mzElasticDock {
    0% { transform:translateY(-13px) scaleX(.985) scaleY(1.055); }
    38% { transform:translateY(5px) scaleX(1.008) scaleY(.985); }
    64% { transform:translateY(-2px) scaleX(.997) scaleY(1.008); }
    82% { transform:translateY(1px) scaleX(1.001) scaleY(.998); }
    100% { transform:none; }
}
@keyframes mzLiquidThread {
    0% { opacity:.78; transform:translateX(-50%) scaleX(.72) scaleY(1.35); }
    34% { opacity:.62; transform:translateX(-50%) scaleX(.42) scaleY(1.05); }
    68% { opacity:.28; transform:translateX(-50%) scaleX(.18) scaleY(.55); }
    100% { opacity:0; transform:translateX(-50%) scaleX(.06) scaleY(0); }
}
.mz-header.mz-returning .mz-header-main {
    transform-origin:50% 0;
    animation:mzHeaderReturn .58s cubic-bezier(.22,1,.36,1) both;
}
@keyframes mzHeaderReturn {
    0% { transform:translateY(3px) scaleX(.997) scaleY(.985); }
    55% { transform:translateY(-1px) scaleX(1.001) scaleY(1.004); }
    100% { transform:none; }
}
@media(max-width:1024px) {
    .mz-header { top:var(--mz-page-gap); }
    .mz-header-stats-bar { max-height:54px; }
    .mz-header.mz-scrolled .mz-header-main { width:calc(100% - 16px); }
}
@media(max-width:480px) {
    .mz-header-stats { gap:7px; padding:7px 10px; }
    .mz-trust-item { font-size:9.5px; }
    .mz-trust-item strong { font-size:10.5px; }
    .mz-trust-divider { height:15px; }
}
@media(prefers-reduced-motion:reduce) {
    .mz-header.mz-scrolled .mz-header-main,
    .mz-header.mz-returning .mz-header-main,
    .mz-header.mz-returning .mz-header-main::before { animation:none !important; }
    .mz-header.mz-scrolled .mz-header-main::before { display:none; }
}
@media (max-width:480px) {
    body { --mz-page-gap:6px; }
    .mz-app-shell { border-radius:18px; }
    .mz-header-company-name { display:none; }
    .mz-header-stats { font-size:10px; padding:6px 11px; }
    .mz-footer { margin:7px; border-radius:18px 18px 8px 18px; }
    .mz-footer-grid { grid-template-columns:1fr; }
    .mz-footer-list { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
    .mz-reveal { opacity:1; transform:none; }
}

/* Compact rhythm: keep the interface calm and information-dense */
body { font-size:13px; }
p, span, li, div, a { font-size:13px; }
h1 { font-size:clamp(2rem,3.7vw,3.15rem); line-height:1.5; }
h2 { font-size:clamp(1.4rem,2.4vw,2.15rem); line-height:1.55; }
h3 { font-size:clamp(1rem,1.45vw,1.25rem); }
.mz-header-main-wrapper { min-height:54px; }
.mz-header-logo img { height:42px; }
.mz-header-main { padding:5px 0; }
.mz-header-menu li a { padding:7px 11px; font-size:12px; }
.mz-header-auth { gap:12px; }
.mz-header-auth .mz-btn-group { margin-top:6px; margin-bottom:6px; padding:5px; }
.mz-header-auth .mz-btn { min-height:38px; padding:7px 15px !important; font-size:12px; }
.mz-header-stats-bar { padding-top:7px; }
.mz-hero { padding-top:clamp(52px,6vw,76px) !important; padding-bottom:clamp(62px,7vw,88px) !important; }
.mz-hero-title { font-size:clamp(2rem,3.7vw,3.15rem) !important; line-height:1.5 !important; max-width:980px; margin-inline:auto; }
.mz-hero-subtitle { max-width:760px; margin-bottom:28px; line-height:2.15 !important; }
.mz-hero-actions { margin-top:26px; }
.mz-section { padding:clamp(48px,5.8vw,74px) 0; }
.mz-section-title { font-size:clamp(1.5rem,2.5vw,2.15rem); margin-bottom:clamp(24px,3vw,38px); }
.mz-section-header { margin-bottom:34px; }
.mz-section-header h2 { font-size:clamp(1.5rem,2.5vw,2.15rem); }
.mz-page-hero, .mz-page-header { padding:clamp(45px,6vw,76px) 0 58px; margin-bottom:-28px; }
.mz-page-hero h1, .mz-page-header h1 { font-size:clamp(1.9rem,3.2vw,2.8rem); margin-bottom:10px; }
.mz-page-hero p, .mz-page-header p { font-size:14px; line-height:1.9; }
.mz-content-box { padding:clamp(24px,3.4vw,40px); }
.mz-service-card { padding:28px 22px; }
.mz-service-icon { margin-bottom:14px; }
.mz-service-card h3 { margin-bottom:8px; }
.mz-service-card .en-name { margin-bottom:13px; }
.mz-feature-card { padding:24px; }
.mz-hardware-item { gap:clamp(28px,4vw,48px); }
.mz-hardware-content h2 { margin-bottom:12px; }
.mz-hardware-content p { line-height:2.15; margin-bottom:18px; }
.mz-footer { margin-top:12px; }
.mz-footer-top { padding:22px 0; }
.mz-footer-main { padding:12px 0; }
.mz-footer-grid { margin-top:22px; margin-bottom:22px; gap:28px 34px; }
.mz-footer-title { margin-bottom:16px; }
.mz-footer-list { gap:8px; }

@media (max-width:768px) {
    body, p, span, li, div, a { font-size:12.5px; }
    .mz-header-main-wrapper { min-height:48px; }
    .mz-header-logo img { height:36px; }
    .mz-hero { padding-top:38px !important; padding-bottom:50px !important; }
    .mz-hero-title { font-size:clamp(1.6rem,8vw,2.05rem) !important; line-height:1.55 !important; }
    .mz-hero-subtitle { line-height:2 !important; margin-bottom:22px; }
    .mz-section { padding:42px 0; }
    .mz-page-hero, .mz-page-header { padding:38px 0 48px; }
    .mz-service-card { padding:23px 18px; }
    .mz-footer-top { padding:19px 0; }
}