/* Website audit: preserve logos, prevent clipping, and keep focus visible. */
html{color-scheme:light dark}
.content-pane,.hero-copy,.cards article,.account-grid>*{min-width:0}
img{max-width:100%}
.content-pane{overflow-wrap:anywhere}
img[src$="zaimixplorer-smoothed-transparent-20261003.png"]{object-fit:contain!important;aspect-ratio:auto!important}
.brand-card img{height:auto;object-fit:contain}
.sidebar{overflow-y:auto}
.cloud-features{margin-top:24px}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0459d8;outline-offset:3px}
.guide-answer li{margin-bottom:10px;line-height:1.6}
@media(max-width:380px){.topbar{padding-inline:10px}.header-actions{gap:5px}.brand{max-width:125px}.guide-body .launch-pill{display:none}.guide-support{padding:9px}.content-pane h1{font-size:32px}.guide-search-row{flex-wrap:wrap}.guide-search-row input{flex-basis:100%}.guide-actions{flex-wrap:wrap}.button-row>*{max-width:100%}}
html[data-theme="dark"]{--ink:#edf4fc;--muted:#bacbdf;--line:#42566d;--white:#192b40;--soft:#21384f;--blue2:#87c1ff}html[data-theme="dark"] html,html[data-theme="dark"] body{background:#122135;color:var(--ink)}html[data-theme="dark"] .topbar,html[data-theme="dark"] .sidebar{background:#192b40}html[data-theme="dark"] .content-pane{background:#122135}html[data-theme="dark"] .nav-item,html[data-theme="dark"] .legal-links button,html[data-theme="dark"] .sidebar-title{color:#c6d7eb}html[data-theme="dark"] .nav-item:hover,html[data-theme="dark"] .nav-item.active{background:#294664;color:#b7dbff}html[data-theme="dark"] .secondary,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .cards article,html[data-theme="dark"] .price-card,html[data-theme="dark"] .policy-prose,html[data-theme="dark"] .download-card,html[data-theme="dark"] .quantity-card,html[data-theme="dark"] .checkout-card,html[data-theme="dark"] .verification-card,html[data-theme="dark"] .account-details,html[data-theme="dark"] .status-card,html[data-theme="dark"] .license-summary div,html[data-theme="dark"] .device-list article{background:#192b40;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .launch-pill,html[data-theme="dark"] .policy-notice,html[data-theme="dark"] .offer-box,html[data-theme="dark"] .trial-simulator{background:#213b55;color:#d3e5fc}html[data-theme="dark"] .policy-notice strong,html[data-theme="dark"] .price-card strong,html[data-theme="dark"] .checkout-card strong,html[data-theme="dark"] .checkout-card .total-row span,html[data-theme="dark"] #page-tools .tool-name{color:#b7dbff}html[data-theme="dark"] p,html[data-theme="dark"] .lead,html[data-theme="dark"] .prose,html[data-theme="dark"] .cards p,html[data-theme="dark"] .price-card p,html[data-theme="dark"] .form-note,html[data-theme="dark"] .fineprint{color:var(--muted)}html[data-theme="dark"] input,html[data-theme="dark"] .auth-card input[data-password-field],html[data-theme="dark"] .account-name-form input,html[data-theme="dark"] .guide-search-row input{background:#122135;color:var(--ink);border-color:#708aa7}html[data-theme="dark"] .guide-version,html[data-theme="dark"] .guide-answer,html[data-theme="dark"] .guide-answer p,html[data-theme="dark"] .guide-search-box p,html[data-theme="dark"] .guide-question summary,html[data-theme="dark"] .field-label{color:var(--ink)}html[data-theme="dark"] .guide-search-box,html[data-theme="dark"] .guide-question,html[data-theme="dark"] .guide-help{background:#192b40;border-color:var(--line)}html[data-theme="dark"] .guide-question[open] summary{background:#213b55;color:#d3e5fc}html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] summary:focus-visible{outline-color:#7dc3ff}html[data-theme="dark"] .primary,html[data-theme="dark"] .account-button{color:white}

html[data-theme="dark"] .content-pane,html[data-theme="dark"] .content-pane[data-page]{background:#122135!important}html[data-theme="dark"] .hero-copy h1 em{color:#7abaff}


.theme-choice{min-width:36px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);cursor:pointer}
html[data-theme="dark"] .trial-note,html[data-theme="dark"] .trial-card-message,html[data-theme="dark"] .eyebrow{color:#acd5ff}
@media(max-width:380px){.topbar .brand{flex-basis:112px;max-width:112px}.header-actions{gap:4px}.topbar{padding-inline:8px}}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
a{color:var(--blue2)}
.mobile-menu{color:var(--ink)}
html[data-theme="dark"] .callout,html[data-theme="dark"] .volume-note{background:#213b55;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .callout p{color:var(--muted)}
#page-tools h1{white-space:normal;font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.025em}
html[data-theme="dark"] .primary,html[data-theme="dark"] .account-button{background:linear-gradient(135deg,#0870ca,#0754aa);color:#fff}
html[data-theme="dark"] .guide-question summary:hover{background:#294664}
html[data-theme="dark"] .guide-body :is(a,button,input,summary):focus-visible{outline-color:#7dc3ff}
html[data-theme="dark"] #guideSearchHelp{color:#bacbdf}
/* A subtle edge halo helps the supplied dark lettering on dark surfaces;
   asset pixels, transparency and proportions remain unchanged. */
html[data-theme="dark"] .brand-card img,html[data-theme="dark"] .tools-wordmark,html[data-theme="dark"] .product-wordmark{filter:drop-shadow(0 0 2px #bad6ed)}
html[data-theme="dark"] .auth-card label,html[data-theme="dark"] .account-name-form label{color:#d6e4f4}
html[data-theme="dark"] .auth-card input[type="email"],html[data-theme="dark"] .auth-card input[type="text"]{background:#122135;color:#edf4fc;border-color:#708aa7}
html[data-theme="dark"] .text-button{color:#acd5ff}
.primary .inline-logo-product,.account-button .inline-logo-product{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
html[data-theme="dark"] input::placeholder{color:#a8b9cd;opacity:1}
/* Softer dark palette: lighter slate surfaces and brighter supporting text. */
html[data-theme="dark"]{--ink:#f4f7fc;--muted:#d4dfed;--line:#647b94;--white:#30465e;--soft:#3a536d;--blue2:#b9ddff;background:#263b52}
html[data-theme="dark"] body,html[data-theme="dark"] .content-pane,html[data-theme="dark"] .content-pane[data-page]{background:#263b52!important}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .secondary,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .cards article,html[data-theme="dark"] .price-card,html[data-theme="dark"] .policy-prose,html[data-theme="dark"] .download-card,html[data-theme="dark"] .quantity-card,html[data-theme="dark"] .checkout-card,html[data-theme="dark"] .verification-card,html[data-theme="dark"] .account-details,html[data-theme="dark"] .status-card,html[data-theme="dark"] .license-summary div,html[data-theme="dark"] .device-list article,html[data-theme="dark"] .guide-search-box,html[data-theme="dark"] .guide-question,html[data-theme="dark"] .guide-help{background:#30465e}
html[data-theme="dark"] .launch-pill,html[data-theme="dark"] .policy-notice,html[data-theme="dark"] .offer-box,html[data-theme="dark"] .trial-simulator,html[data-theme="dark"] .callout,html[data-theme="dark"] .volume-note,html[data-theme="dark"] .guide-question[open] summary{background:#3a536d}
html[data-theme="dark"] input,html[data-theme="dark"] .auth-card input[data-password-field],html[data-theme="dark"] .auth-card input[type="email"],html[data-theme="dark"] .auth-card input[type="text"],html[data-theme="dark"] .account-name-form input,html[data-theme="dark"] .guide-search-row input{background:#263b52;color:#f4f7fc;border-color:#8ea4bc}
html[data-theme="dark"] .auth-card label,html[data-theme="dark"] .account-name-form label,html[data-theme="dark"] .guide-version,html[data-theme="dark"] #guideSearchHelp,html[data-theme="dark"] .form-note,html[data-theme="dark"] .fineprint{color:#d4dfed}
html[data-theme="dark"] input::placeholder{color:#c2d0e0}
html[data-theme="dark"] .nav-item,html[data-theme="dark"] .sidebar-title,html[data-theme="dark"] .legal-links button{color:#dbe7f5}
/* Parent navigation highlight must follow the selected colour theme too. */
html[data-theme="dark"] .nav-item.ancestor-active{background:#3a536d;color:#dbe7f5}
html[data-theme="dark"] .nav-item.ancestor-active:hover{background:#294664}
.tools-brand-mark{display:inline-flex;align-items:flex-start;gap:2px;max-width:100%;vertical-align:middle}
.tools-trademark{font-size:12px;line-height:1;font-weight:600;color:var(--ink);margin-top:5px;flex-shrink:0}
.nav-item .tools-brand-mark{width:auto;text-align:left}
.nav-item .tools-trademark{font-size:9px;margin-top:3px}
.tools-brand-mark:has(.tools-wordmark) .tools-trademark{font-size:15px;margin-top:8px}
/* Trademark follows the lower-right tip of X, above the final s in Tools. */
.tools-brand-mark{position:relative;gap:0}
.tools-brand-mark .tools-trademark{position:absolute;right:2%;top:64%;margin:0;font-family:Arial,sans-serif;font-size:9px;line-height:1;font-weight:700}
.tools-brand-mark:has(.tools-wordmark) .tools-trademark{top:64%;right:2%;font-size:10px;margin:0}
.nav-item .tools-brand-mark .tools-trademark{font-size:6px;margin:0}

.tools-brand-mark:has(.tools-wordmark){width:min(320px,100%);display:inline-block}
.tools-brand-mark .tools-wordmark{display:block;width:100%;height:auto;margin:0}
.tools-brand-mark:has(.tools-wordmark) .tools-trademark{right:3%;top:67%}

/* Compensate for transparent margins in the approved TM asset. */
.tools-brand-mark:has(.tools-wordmark){padding-block:16px}
.tools-brand-mark .tools-wordmark{transform:scale(1.305);transform-origin:center}
.nav-item .tools-brand-mark img,.tools-brand-mark .inline-logo-tools{transform:scale(1.305);transform-origin:center}


/* Download steps follow the theme instead of retaining white surfaces. */
html[data-theme='dark'] .steps>div{background:#30465e;border-color:#647b94;color:#f4f7fc}
html[data-theme='dark'] .steps strong{color:#f4f7fc}
html[data-theme='dark'] .steps small{color:#d4dfed}
html[data-theme='dark'] .steps b{background:#3a536d;color:#b9ddff}

/* Product introduction: preserve the video's natural aspect ratio on all screens. */
.product-video { margin: 28px 0; }
.product-video video { display: block; width: 100%; max-width: 960px; height: auto; margin: 16px auto 0; border-radius: 14px; background: #172536; }
.product-video video:focus-visible { outline: 3px solid #1685ff; outline-offset: 4px; }
