/* * zs-ui.css - shared styles for the redesigned pages (
) on zappysys.com * Loaded from Settings > Header and Footer Scripts (header box), after zs-site.css: * * Bump ?v= on every change, then Delete Cache in WP. * * Every rule only applies on pages that contain #zs-content, so blog/docs pages are untouched. * The :where(...) gate adds no specificity, so each rule keeps the specificity of the old * per-page copies (put it on the element the original selector names, e.g. body.x:where(...)). * The per-page head box is output after this file, so a page head rule with the same * selector keeps winning. * * Layers: * zs-site.css site-wide legacy/theme fixes (every page) * zs-ui.css this file: theme chrome for #zs-content pages * zs-landing-pages.css SSIS task/component pages (#zs-content.zs_lp), generated by * LandingPageCreation/05-ssis_convert_to_wp_snippet_v2.py * .htm.head page-only CSS/JS (home, products, PowerPack hubs, ...) */ /* Theme chrome (was LandingPageCreation/HeadCommonScript.txt, copied into every .htm.head). The dark NavXT breadcrumb is skipped on
(resellers), which styles a light breadcrumb in its own head. */ body.responsive.layout-full:where(:has(#zs-content)) #page-wrapper .full-container {max-width: 1200px;} body.responsive.layout-full:where(:has(#zs-content)) #main .full-container {max-width: 100%;} :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs, :where(body:has(#zs-content:not(.zs_crumb_light))) #yoast-breadcrumbs { position: absolute; top: 0; left: 0; z-index: 9; background: transparent; margin: 0; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs, :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs.breadcrumbs.bcnfull-container { display: flex; align-items: center; flex-wrap: wrap; padding: 18px 24px; font-size: 13px; line-height: 1.2; letter-spacing: .01em; background: transparent; color: rgba(215,232,246,.42); } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a { color: #c5ddf2; text-decoration: none; font-weight: 600; cursor: pointer; transition: color .15s ease; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a:hover, :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a:focus-visible { color: #fff; text-decoration: none; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a.home { display: inline-flex; align-items: center; gap: 6px; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a.home::before { content: ""; width: 14px; height: 14px; background-color: #c5ddf2; transition: background-color .15s ease; -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a.home:hover::before, :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs a.home:focus-visible::before { background-color: #fff; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs .bcn-sep { color: rgba(215,232,246,.38); margin: 0 10px; font-size: 12px; font-weight: 500; } :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs .bcn-current { background: rgba(255,255,255,.1); color: #fff; font-weight: 600; padding: 5px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; box-shadow: none; } :where(body:has(#zs-content)) #main.site-main {padding: 0;} .page-layout-no-footer-margin:where(:has(#zs-content)) #main {padding: 0;} :where(body:has(#zs-content)) .entry-content > p, main#zs-content > p, :where(body:has(#zs-content)) .zs_search_section p {margin: 0;} @keyframes scroll { 0% {transform: translateX(0%);} 100% {transform: translateX(-100%);} } @media (max-width: 780px) { :where(body:has(#zs-content:not(.zs_crumb_light))) #navxt-breadcrumbs, :where(body:has(#zs-content:not(.zs_crumb_light))) #yoast-breadcrumbs { display: none !important; } } /* Shared components. Opt in per page on
: class="zs_ui" core rules (home, ZappyShell, FAQ, SSIS/ODBC PowerPack) class="zs_ui zs_hub" + rules only the SSIS/ODBC PowerPack hubs use :where() adds no specificity, so a page head rule with the same selector still wins. */ #page-wrapper #zs-content:where(.zs_hub){--ink:#0c2e4e;--ink-2:#16395c;--muted:#5f7995;--muted-2:#7d93a9;--blue:#0f6bdc;--blue-dark:#0b54ae;--navy:#0a2c52;--navy-2:#0e3a66;--green:#1a9e4b;--green-dark:#15813d;--cyan:#23b7e6;--orange:#d98a17;--purple:#7c3aed;--ed-std:#1fb8d9;--ed-pro:#0f6bdc;--ed-ent:#58368c;--bg:#ffffff;--bg-soft:#f4f9fd;--bg-card:#ffffff;--border:#dce8f3;--border-strong:#c3d8ea;--font:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;--container:1200px;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(12,46,78,.07);--shadow-md:0 6px 24px rgba(12,46,78,.09);--shadow-lg:0 16px 48px rgba(12,46,78,.14);font-family:var(--font) !important;font-size:16px !important;line-height:1.6;color:var(--ink-2,var(--ink));background:var(--bg,var(--paper));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} #page-wrapper #zs-content:where(.zs_ui) *,#page-wrapper #zs-content:where(.zs_ui) *::before,#page-wrapper #zs-content:where(.zs_ui) *::after{font-family:var(--font) !important} #page-wrapper #zs-content:where(.zs_ui) *,#page-wrapper #zs-content:where(.zs_ui) *::before,#page-wrapper #zs-content:where(.zs_ui) *::after{box-sizing:border-box} #page-wrapper #zs-content:where(.zs_hub),#page-wrapper #zs-content:where(.zs_hub){color:var(--ink-2);font-family:var(--font);font-size:16px;line-height:1.6;} #page-wrapper #zs-content:where(.zs_hub),#page-wrapper #zs-content:where(.zs_hub) *,#page-wrapper #zs-content:where(.zs_hub) *::before,#page-wrapper #zs-content:where(.zs_hub) *::after,#page-wrapper #zs-content:where(.zs_hub),#page-wrapper #zs-content:where(.zs_hub) *,#page-wrapper #zs-content:where(.zs_hub) *::before,#page-wrapper #zs-content:where(.zs_hub) *::after{font-family:var(--font) !important;} #page-wrapper #zs-content:where(.zs_hub) a{color:var(--blue);text-decoration:none;cursor:pointer} #page-wrapper #zs-content:where(.zs_ui) a:hover{text-decoration:underline} #page-wrapper #zs-content:where(.zs_hub) img,#page-wrapper #zs-content:where(.zs_hub) svg{max-width:100%} #page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h4,#page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h4,#page-wrapper #zs-content:where(.zs_hub) h5,#page-wrapper #zs-content:where(.zs_hub) h6,#page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h4,#page-wrapper #zs-content:where(.zs_hub) h5,#page-wrapper #zs-content:where(.zs_hub) h6{color:var(--ink);line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em;font-family:var(--font);font-weight:700;} #page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2{font-weight:800} #page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h3{font-weight:700} #page-wrapper #zs-content:where(.zs_hub) ul{margin:0;padding:0} #page-wrapper #zs-content:where(.zs_hub) button,#page-wrapper #zs-content:where(.zs_hub) input,#page-wrapper #zs-content:where(.zs_hub) select,#page-wrapper #zs-content:where(.zs_hub) textarea{font:inherit;font-family:var(--font)} #page-wrapper #zs-content:where(.zs_hub) :focus-visible{outline:3px solid var(--cyan);outline-offset:3px} #page-wrapper #zs-content:where(.zs_hub) .zs_container{width:min(100% - 40px,var(--container));margin-inline:auto} #page-wrapper #zs-content:where(.zs_hub) .zs_btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border:1.5px solid transparent;border-radius:10px;color:inherit;font-family:var(--font);font-weight:600;font-size:.95em;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;} #page-wrapper #zs-content:where(.zs_ui) .zs_btn:hover{text-decoration:none;transform:translateY(-1px)} #page-wrapper #zs-content:where(.zs_ui) .zs_btn_primary{background:var(--green);color:#fff;box-shadow:0 4px 14px rgba(26,158,75,.3)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_primary:hover{background:var(--green-dark);color:#fff;box-shadow:0 7px 20px rgba(26,158,75,.34)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_secondary{background:linear-gradient(135deg,#0d80b7,#064c79);color:#fff;box-shadow:0 4px 20px rgba(10,127,194,.25)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_secondary:hover{background:linear-gradient(135deg,#0d80b7,#064c79);color:#fff;filter:brightness(1.05);box-shadow:0 8px 28px rgba(10,127,194,.35)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_outline{border-color:var(--border-strong);background:#fff;color:var(--blue-dark)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_outline:hover{border-color:var(--blue);background:#f3f8fe} #page-wrapper #zs-content:where(.zs_ui) .zs_btn_ghost{color:var(--ink-2)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_ghost:hover{background:var(--bg-soft)} #page-wrapper #zs-content:where(.zs_ui) .zs_btn_light{background:#fff;color:var(--navy)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_light:hover{background:#edf7ff;color:var(--navy)} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_outline_light{border-color:rgba(255,255,255,.48);color:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_outline_light:hover{background:rgba(255,255,255,.1);color:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_lg{min-height:52px;padding:14px 26px;font-size:1.02em;border-radius:12px} #page-wrapper #zs-content:where(.zs_hub) .zs_btn svg{width:19px;height:19px;flex:0 0 auto} #page-wrapper #zs-content:where(.zs_hub) .zs_link_arrow{display:inline-flex;align-items:center;gap:5px;font-weight:600} #page-wrapper #zs-content:where(.zs_hub) .zs_link_arrow::after{content:"\2192";transition:transform .15s ease} #page-wrapper #zs-content:where(.zs_ui) .zs_link_arrow:hover::after{transform:translateX(3px)} #page-wrapper #zs-content:where(.zs_hub) .zs_hero{position:relative;overflow:hidden;padding:44px 0 24px;background:linear-gradient(135deg,#f8fcff 0%,#eef8ff 52%,#eefaf3 100%);border-bottom:1px solid var(--border);} #page-wrapper #zs-content:where(.zs_hub) .zs_hero::before{content:"";position:absolute;right:-310px;top:-370px;width:720px;height:720px;border:120px solid rgba(22,139,224,.055);border-radius:50%;pointer-events:none;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_grid{position:relative;display:grid;gap:38px;align-items:center} #page-wrapper #zs-content:where(.zs_hub) .zs_eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 auto 8px;padding:6px 14px;border:1px solid #c9def8;border-radius:999px;background:#e8f2fd;color:var(--blue-dark);font-size:.78em;font-weight:600;letter-spacing:.04em;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_grid > .zs_eyebrow{grid-column:1/-1;justify-self:center} #page-wrapper #zs-content:where(.zs_hub) .zs_eyebrow_dot{width:7px;height:7px;border-radius:50%;background:var(--green)} #page-wrapper #zs-content:where(.zs_hub) .zs_eyebrow_logo{display:block;width:22px;height:22px;flex-shrink:0;margin:-2px 0 -2px -6px;border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,.18)} #page-wrapper #zs-content:where(.zs_hub) .zs_hero h1,#page-wrapper #zs-content:where(.zs_hub) .zs_hero h1,#page-wrapper #zs-content:where(.zs_hub) .zs_hero h1{max-width:680px;margin-bottom:18px;font-size:clamp(1.85em,4.4vw,2.85em);line-height:1.15;letter-spacing:-.02em;font-family:var(--font);font-weight:800;} #page-wrapper #zs-content:where(.zs_hub) .zs_accent{background:linear-gradient(100deg,var(--blue),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead{max-width:630px;color:var(--muted);font-size:1.06em;line-height:1.6} #page-wrapper #zs-content:where(.zs_hub) .zs_cta_row{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0 0} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_cta_row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_cta_row .zs_btn{width:100%;min-width:0;justify-content:center;padding-inline:12px;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust{display:flex;flex-wrap:wrap;gap:1.5em;align-items:center;padding-top:1.5em;margin-top:2em;border-top:1px solid var(--border);list-style:none;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust li{display:flex;align-items:center;gap:.5em;color:var(--muted);font-size:.8em;font-weight:600} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust svg{width:18px;height:18px;color:var(--green);flex-shrink:0} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_figure{margin:0;position:relative;isolation:isolate;padding:clamp(64px,9%,88px) clamp(14px,2.5%,22px) clamp(72px,10%,96px);border-radius:36px;background:radial-gradient(circle at 88% 12%,rgba(26,155,255,.11),transparent 42%),radial-gradient(circle at 12% 88%,rgba(36,184,106,.12),transparent 46%),linear-gradient(145deg,#edf8ff 0%,#f3fbff 48%,#eafbf2 100%);box-shadow:0 0px 48px 0px rgba(10,41,67,.08);} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_shot_wrap{position:relative;z-index:1;padding-top:10px;} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_shot{display:block;overflow:hidden;border-radius:18px;border:1px solid #caddea;background:#f0f0f0;box-shadow:0 18px 42px rgba(10,41,67,.13);} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;width:max-content;max-width:none;flex-shrink:0;padding:11px 14px 11px 11px;border:1px solid #cfe0eb;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(10,41,67,.18);} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_top{top:0;right:-2%;transform:translateY(-70%)} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_bottom{left:-2%;bottom:0;transform:translateY(70%)} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_icon{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:50%;overflow:hidden;} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_icon svg{position:absolute;top:50%;left:50%;width:15px;height:15px;transform:translate(-50%,-50%);display:block;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_badge_icon_green{background:#eaf9f0;color:#159653} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_badge_icon_blue{display:inline-flex !important;align-items:center;justify-content:center;background:linear-gradient(145deg,#1599df,#0864bb);color:#fff !important;font-size:.7em;font-weight:800;letter-spacing:.04em;line-height:1;margin:0 !important;text-align:center;} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p strong,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p span,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p strong,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p span,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p strong,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p span{display:block;line-height:1.3;white-space:nowrap;} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p,#page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p{margin:0;min-width:0;white-space:nowrap} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p strong{color:#173b55;font-size:.82em;font-weight:800} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p span{margin-top:2px;color:#6e8799;font-size:.72em} @media (max-width:480px){ #page-wrapper #zs-content:where(.zs_ui) .zs_hero_figure{padding:clamp(56px,12%,72px) 18px clamp(64px,13%,80px)} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge{max-width:none;padding:9px 11px 9px 9px;gap:8px} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_icon{width:30px;height:30px} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p strong{font-size:.72em} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge p span{font-size:.64em} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_top{right:0;transform:translateY(-55%)} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_bottom{left:0;transform:translateY(55%)} } #page-wrapper #zs-content:where(.zs_hub) .zs_logo_band{padding:40px 0 44px;border-block:1px solid var(--border);background:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_logo_band_title,#page-wrapper #zs-content:where(.zs_hub) .zs_logo_band_title,#page-wrapper #zs-content:where(.zs_hub) .zs_logo_band_title{text-align:center;font-size:.85em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 26px;} #page-wrapper #zs-content:where(.zs_ui) .zs_logo_grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 25px;} #page-wrapper #zs-content:where(.zs_ui) .zs_logo_grid img{height:30px;width:auto;opacity:.75;filter:grayscale(20%);transition:opacity .2s ease,filter .2s ease;} #page-wrapper #zs-content:where(.zs_ui) .zs_logo_grid img:hover{opacity:1;filter:none} #page-wrapper #zs-content:where(.zs_ui) .zs_logo_band_cue{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:.88em;color:var(--muted);margin:28px 0 0;} #page-wrapper #zs-content:where(.zs_ui) .zs_logo_band_cue img{height:20px;width:auto;vertical-align:middle} #page-wrapper #zs-content:where(.zs_ui) .zs_stars{color:#f6a623;letter-spacing:1px;font-size:.85em} #page-wrapper #zs-content:where(.zs_ui) .zs_grade{color:#1c4ea3;letter-spacing:.04em;font-weight:800} #page-wrapper #zs-content:where(.zs_hub) .zs_search_section{padding:18px 0;border-bottom:1px solid var(--border);background:rgba(255,255,255,.97);position:sticky;top:68px;z-index:50;backdrop-filter:blur(10px);} #page-wrapper #zs-content:where(.zs_hub) .zs_search_section.zs_is_fixed{position:fixed;z-index:50;box-shadow:var(--shadow-md);} #page-wrapper #zs-content:where(.zs_ui) .zs_search_row{display:flex;flex-wrap:wrap;align-items:center;gap:12px} #page-wrapper #zs-content:where(.zs_ui) .zs_search_wrap{position:relative;flex:1;min-width:240px;max-width:480px} #page-wrapper #zs-content:where(.zs_ui) .zs_search_wrap input{width:100%;min-height:44px;padding:10px 16px 10px 42px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;} #page-wrapper #zs-content:where(.zs_ui) .zs_search_wrap input:focus{border-color:#9ec4e8;box-shadow:0 0 0 3px rgba(15,107,220,.12)} #page-wrapper #zs-content:where(.zs_ui) .zs_search_wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none;} #page-wrapper #zs-content:where(.zs_ui) .zs_jump_links{display:flex;flex-wrap:wrap;gap:6px;align-items:center} #page-wrapper #zs-content:where(.zs_ui) .zs_jump_links > span{font-size:.68em;color:var(--muted);font-weight:600} #page-wrapper #zs-content:where(.zs_ui) .zs_jump_links a{font-size:.7em;font-weight:700;color:var(--blue);padding:4px 8px;border-radius:6px;background:var(--bg-soft);text-decoration:none;} #page-wrapper #zs-content:where(.zs_ui) .zs_jump_links a:hover{background:#dbeeff;text-decoration:none} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_layout{display:grid;gap:24px;padding:28px 0 0} #page-wrapper #zs-content:where(.zs_ui) .zs_section#zs_catalog{padding-bottom:74px} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_sidebar{display:none} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_sidebar_inner{position:sticky;top:152px;max-height:calc(100vh - 170px);overflow:auto;padding-right:4px} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_sidebar h3{font-size:.65em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8aa0b1;margin:0 0 10px;} #page-wrapper #zs-content:where(.zs_ui) .zs_cat_list{list-style:none;padding:0;margin:0} #page-wrapper #zs-content:where(.zs_ui) .zs_cat_list li{margin-bottom:2px} #page-wrapper #zs-content:where(.zs_ui) .zs_cat_list a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;font-size:.78em;font-weight:600;color:var(--ink-2);text-decoration:none;transition:background .15s;} #page-wrapper #zs-content:where(.zs_ui) .zs_cat_list a:hover{background:var(--bg-soft);text-decoration:none} #page-wrapper #zs-content:where(.zs_ui) .zs_cat_list a.zs_is_active{background:#e8f3fd;color:var(--blue)} #page-wrapper #zs-content:where(.zs_ui) .zs_cat_list .zs_cat_count{font-size:.65em;color:var(--muted);font-weight:700} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_header h3{font-size:1.08em;margin:0} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_meta{margin:4px 0 0;font-size:.75em;color:var(--muted)} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_meta strong{color:var(--ink)} #page-wrapper #zs-content:where(.zs_ui) .zs_type_filters{display:flex;gap:5px;flex-wrap:wrap} #page-wrapper #zs-content:where(.zs_ui) .zs_type_btn{min-height:30px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.66em;font-weight:700;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s;} #page-wrapper #zs-content:where(.zs_ui) .zs_type_btn:hover{border-color:#b5cde0} #page-wrapper #zs-content:where(.zs_ui) .zs_type_btn.zs_is_active{background:var(--ink);border-color:var(--ink);color:#fff} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(220,232,243,.88);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);color:inherit;text-decoration:none;box-shadow:0 1px 2px rgba(12,46,78,.04);transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:0;transition:opacity .18s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card:hover{background:#fff;border-color:rgba(15,107,220,.28);box-shadow:0 14px 34px rgba(12,46,78,.13);transform:translateY(-4px);text-decoration:none;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card:hover::before{opacity:1} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card:focus-visible{outline:3px solid rgba(15,107,220,.28);outline-offset:3px} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_media{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:64px;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_icon{width:54px;height:54px;border-radius:16px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(12,46,78,.08);transition:border-color .18s ease,background .18s ease,transform .18s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card:hover .zs_comp_icon{background:#fff;border-color:#c3d8ea;transform:scale(1.04);} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_icon img{width:34px;height:34px;object-fit:contain;display:block;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_body{min-width:0;flex:1} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card h3{font-size:.84em;margin:0 0 4px;font-weight:700} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card p{font-size:.72em;color:var(--muted);margin:0;line-height:1.35;height:2.7em;max-height:2.7em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tag{font-size:.58em;font-weight:700;padding:3px 6px;border-radius:5px;background:var(--bg-soft);color:var(--muted);text-transform:capitalize;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tag.zs_tag_source{background:#e8f8ee;color:#15964d} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tag.zs_tag_dest{background:#e8f3fd;color:var(--blue)} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tag.zs_tag_task{background:#fff2e7;color:var(--orange)} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tag.zs_tag_transform{background:#f0edff;color:var(--purple)} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);} #page-wrapper #zs-content:where(.zs_hub) .zs_section{padding:74px 0} #page-wrapper #zs-content:where(.zs_hub) .zs_section_soft{background:var(--bg-soft);border-block:1px solid var(--border)} #page-wrapper #zs-content:where(.zs_hub) .zs_section_dark{background:radial-gradient(700px 400px at 80% 0,rgba(35,183,230,.15),transparent 65%),linear-gradient(145deg,var(--navy),var(--navy-2));color:#d2e2f2;} #page-wrapper #zs-content:where(.zs_hub) .zs_section_head{max-width:760px;margin:0 auto 40px;text-align:center} #page-wrapper #zs-content:where(.zs_hub) .zs_section_head_left{margin-inline:0;text-align:left} #page-wrapper #zs-content:where(.zs_hub) .zs_label,#page-wrapper #zs-content:where(.zs_hub) .zs_label,#page-wrapper #zs-content:where(.zs_hub) .zs_label{margin:0 0 12px;color:var(--blue);font-size:.74em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font);} #page-wrapper #zs-content:where(.zs_hub) .zs_label_light{color:#82caff} #page-wrapper #zs-content:where(.zs_hub) .zs_section_head h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_head h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_head h2{font-size:clamp(1.55em,3.2vw,2.15em);font-weight:800;font-family:var(--font);} #page-wrapper #zs-content:where(.zs_hub) .zs_section_dark h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_dark h3,#page-wrapper #zs-content:where(.zs_hub) .zs_section_dark h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_dark h3,#page-wrapper #zs-content:where(.zs_hub) .zs_section_dark h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_dark h3{color:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_section_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_section_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_section_lead{max-width:680px;margin-inline:auto;color:var(--muted);font-size:1.02em} #page-wrapper #zs-content:where(.zs_hub) .zs_section_head_left .zs_section_lead{margin-inline:0} #page-wrapper #zs-content:where(.zs_hub) .zs_section_dark .zs_section_lead{color:#bdd2e7} #page-wrapper #zs-content:where(.zs_ui) .zs_capability_shell{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-md);} #page-wrapper #zs-content:where(.zs_hub) .zs_tabs{display:flex;gap:5px;padding:8px;overflow-x:auto;border-bottom:1px solid var(--border);background:#f8fbfe;scrollbar-width:thin;} #page-wrapper #zs-content:where(.zs_hub) .zs_tab{flex:1 0 auto;padding:11px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:.9em;font-weight:600;cursor:pointer;} #page-wrapper #zs-content:where(.zs_hub) .zs_tab:hover{background:#edf5fc;color:var(--ink)} #page-wrapper #zs-content:where(.zs_hub) .zs_tab[aria-selected="true"]{background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(15,107,220,.24)} #page-wrapper #zs-content:where(.zs_ui) .zs_panel{padding:28px} #page-wrapper #zs-content:where(.zs_ui) .zs_panel.zs_is_entering{animation:zs_panel_in .3s ease both} #page-wrapper #zs-content:where(.zs_hub) .zs_panel_grid{display:grid;gap:24px} #page-wrapper #zs-content:where(.zs_ui) .zs_panel_intro h3{font-size:1.15em;font-weight:800;font-family:var(--font)} #page-wrapper #zs-content:where(.zs_ui) .zs_panel_intro p{color:var(--muted);font-size:.94em;line-height:1.55} #page-wrapper #zs-content:where(.zs_ui) .zs_feature_list{display:grid;grid-template-columns:1fr;gap:9px;list-style:none} #page-wrapper #zs-content:where(.zs_ui) .zs_feature_list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--ink-2);font-size:.92em;font-weight:600;} #page-wrapper #zs-content:where(.zs_ui) .zs_feature_list .zs_feature_icon{width:26px;height:26px;flex:0 0 26px;object-fit:contain;display:block;border-radius:6px;overflow:hidden;} #page-wrapper #zs-content:where(.zs_ui) .zs_why_grid{display:grid;gap:18px;align-items:stretch} #page-wrapper #zs-content:where(.zs_hub) .zs_why_point{display:flex;flex-direction:column;height:100%;padding:22px 20px;border-left:3px solid var(--blue);background:#fff;} #page-wrapper #zs-content:where(.zs_hub) .zs_why_point h3{display:flex;align-items:center;gap:10px;font-size:1.08em;margin:0 0 .45em;} #page-wrapper #zs-content:where(.zs_hub) .zs_why_icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#e8f2fd;color:var(--blue);} #page-wrapper #zs-content:where(.zs_hub) .zs_why_point:nth-child(2) .zs_why_icon{background:#e9f9ef;color:var(--green)} #page-wrapper #zs-content:where(.zs_hub) .zs_why_point:nth-child(3) .zs_why_icon{background:#fff3e3;color:var(--orange)} #page-wrapper #zs-content:where(.zs_hub) .zs_why_point:nth-child(4) .zs_why_icon{background:#f3ebfd;color:var(--purple)} #page-wrapper #zs-content:where(.zs_hub) .zs_why_icon svg{width:18px;height:18px;display:block} #page-wrapper #zs-content:where(.zs_hub) .zs_why_point p{margin:0;color:var(--muted);font-size:.92em;line-height:1.55;min-height:calc(1.55em * 2);} #page-wrapper #zs-content:where(.zs_ui) .zs_why_foot{margin-top:22px;text-align:center;color:var(--muted);font-size:.92em} #page-wrapper #zs-content:where(.zs_ui) .zs_use_grid{display:grid;gap:18px} #page-wrapper #zs-content:where(.zs_ui) .zs_use{display:flex;min-height:270px;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;} #page-wrapper #zs-content:where(.zs_ui) .zs_use h3{font-size:1.05em;margin:0} #page-wrapper #zs-content:where(.zs_ui) .zs_use_flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;font-size:.72em;font-weight:750;color:var(--blue-dark);} #page-wrapper #zs-content:where(.zs_ui) .zs_use_flow img{width:22px;height:22px;object-fit:contain} #page-wrapper #zs-content:where(.zs_ui) .zs_use p{margin:0 0 16px;color:var(--muted);font-size:.9em;line-height:1.55} #page-wrapper #zs-content:where(.zs_ui) .zs_how_layout{display:flex;flex-direction:column;gap:28px;} #page-wrapper #zs-content:where(.zs_ui) .zs_how_media{order:-1;margin:0;min-width:0} #page-wrapper #zs-content:where(.zs_ui) .zs_video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg);background:#061221;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 22px 48px rgba(0,0,0,.32);} #page-wrapper #zs-content:where(.zs_ui) .zs_video iframe,#page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;} #page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger{position:absolute;inset:0;display:block;padding:0;border:0;background:#061221;cursor:pointer;color:inherit;text-decoration:none;} #page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger:hover{text-decoration:none} #page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger:hover img{transform:scale(1.03);filter:brightness(1.08)} #page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger img{transition:transform .35s ease,filter .35s ease} #page-wrapper #zs-content:where(.zs_hub) .zs_video_play{position:absolute;left:50%;top:50%;z-index:1;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 10px 28px rgba(26,158,75,.45);transform:translate(-50%,-50%);transition:transform .18s ease,background-color .15s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_video_play svg{width:26px;height:26px;margin-left:3px} #page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger:hover .zs_video_play{transform:translate(-50%,-50%) scale(1.06);background:var(--green-dark)} #page-wrapper #zs-content:where(.zs_ui) .zs_how_caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-top:12px;color:#bdd2e7;font-size:.86em;} #page-wrapper #zs-content:where(.zs_ui) .zs_how_caption strong{color:#fff;font-weight:700} #page-wrapper #zs-content:where(.zs_ui) .zs_how_caption a{color:#9bd8ff;font-weight:700} #page-wrapper #zs-content:where(.zs_ui) .zs_how_copy{min-width:0} #page-wrapper #zs-content:where(.zs_hub) .zs_steps{list-style:none;margin:0;padding:0;display:grid;counter-reset:zs_step;} #page-wrapper #zs-content:where(.zs_ui) .zs_step{position:relative;padding:0 0 26px 58px;} #page-wrapper #zs-content:where(.zs_ui) .zs_step:last-child{padding-bottom:0} #page-wrapper #zs-content:where(.zs_ui) .zs_step::before{counter-increment:zs_step;content:counter(zs_step,decimal-leading-zero);position:absolute;left:0;top:0;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(127,217,255,.38);border-radius:50%;background:rgba(8,39,68,.92);color:#7fd9ff;font-size:.78em;font-weight:800;letter-spacing:-.03em;} #page-wrapper #zs-content:where(.zs_ui) .zs_step::after{content:"";position:absolute;left:17px;top:36px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(127,217,255,.45),rgba(127,217,255,.08));} #page-wrapper #zs-content:where(.zs_ui) .zs_step:last-child::after{display:none} #page-wrapper #zs-content:where(.zs_ui) .zs_step h3{font-size:1.08em;margin:6px 0 6px} #page-wrapper #zs-content:where(.zs_ui) .zs_step p{margin:0;color:#bdd2e7;font-size:.92em;line-height:1.55} #page-wrapper #zs-content:where(.zs_ui) .zs_how_cta{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_grid{display:grid;gap:22px} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_head{padding:22px 24px 15px;border-bottom:1px solid var(--border)} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_head h3{font-size:1.08em;margin:0} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_body{padding:18px 24px 22px} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_body > p{margin:0;color:var(--muted);font-size:.94em;line-height:1.55} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_body .zs_compat_list{padding:16px 0} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_list{display:flex;flex-wrap:wrap;gap:8px;padding:22px;list-style:none} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_list li{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--ink-2);font-size:.79em;font-weight:700;} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_facts{display:grid;gap:10px;list-style:none;padding:18px 24px 22px} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_facts li{display:flex;align-items:flex-start;color:var(--ink-2);font-size:.92em;line-height:1.5;} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_facts li::before{content:"\2713";margin-right:8px;color:var(--green);font-weight:900} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_note{padding:17px 21px;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:#edf9f1;color:var(--ink-2);font-size:.9em;} #page-wrapper #zs-content:where(.zs_hub) .rv_section{--ink:#102a43;--text:#334e68;--muted:#627d98;--blue:#0f6bdc;--blue-dark:#084b9c;--blue-soft:#e9f3ff;--green:#16a36a;--gold:#f4b740;--line:#d9e5f0;position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,8vw,116px) 24px;background:radial-gradient(circle at 8% 5%,rgba(15,107,220,.11),transparent 29em),radial-gradient(circle at 94% 72%,rgba(22,163,106,.08),transparent 26em),linear-gradient(180deg,#fbfdff,#f2f7fc);color:var(--ink);} #page-wrapper #zs-content:where(.zs_hub) .rv_section::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.34;background-image:radial-gradient(#9eb7d0 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 45%);} #page-wrapper #zs-content:where(.zs_ui) .rv_section a:hover{text-decoration:none} #page-wrapper #zs-content:where(.zs_ui) .rv_section blockquote{margin:0} #page-wrapper #zs-content:where(.zs_ui) .rv_container{display:flex;flex-direction:column;width:min(1160px,100%);max-width:100%;margin:auto;min-width:0} #page-wrapper #zs-content:where(.zs_ui) .rv_header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:48px;align-items:end;margin-bottom:42px} #page-wrapper #zs-content:where(.zs_hub) .rv_kicker,#page-wrapper #zs-content:where(.zs_hub) .rv_kicker,#page-wrapper #zs-content:where(.zs_hub) .rv_kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--blue);font-size:.76em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font);} #page-wrapper #zs-content:where(.zs_ui) .rv_kicker::before{content:"";width:28px;height:2px;border-radius:99px;background:currentColor} #page-wrapper #zs-content:where(.zs_hub) .rv_header h2,#page-wrapper #zs-content:where(.zs_hub) .rv_header h2,#page-wrapper #zs-content:where(.zs_hub) .rv_header h2{max-width:740px;margin:0;font-size:clamp(2.25em,4.5vw,4em);line-height:1.04;letter-spacing:-.05em;font-family:var(--font);font-weight:800;} #page-wrapper #zs-content:where(.zs_ui) .rv_header h2 span{color:var(--blue)} #page-wrapper #zs-content:where(.zs_hub) .rv_intro,#page-wrapper #zs-content:where(.zs_hub) .rv_intro,#page-wrapper #zs-content:where(.zs_hub) .rv_intro{max-width:480px;margin:0 0 4px;color:var(--muted);font-size:1.04em;line-height:1.75} #page-wrapper #zs-content:where(.zs_ui) .rv_ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px} #page-wrapper #zs-content:where(.zs_hub) .rv_rating{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:104px;border:1px solid rgba(204,218,232,.92);border-radius:18px;padding:20px 22px;color:inherit;background:rgba(255,255,255,.86);box-shadow:0 9px 28px rgba(24,61,98,.07);text-decoration:none;backdrop-filter:blur(8px);transition:.2s ease;} #page-wrapper #zs-content:where(.zs_ui) .rv_rating:hover{transform:translateY(-3px);border-color:#a8c8e8;box-shadow:0 16px 34px rgba(24,61,98,.11)} #page-wrapper #zs-content:where(.zs_ui) .rv_rating img{display:block;width:auto;max-width:180px;height:40px} #page-wrapper #zs-content:where(.zs_ui) .rv_rating_score{text-align:right} #page-wrapper #zs-content:where(.zs_ui) .rv_rating_score strong{display:block;font-size:1.25em;line-height:1;letter-spacing:-.03em} #page-wrapper #zs-content:where(.zs_ui) .rv_rating_score small{display:block;margin-top:7px;color:var(--muted);font-size:.72em;font-weight:600} #page-wrapper #zs-content:where(.zs_ui) .rv_stars{color:var(--gold)!important;letter-spacing:1px} #page-wrapper #zs-content:where(.zs_ui) .rv_main{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:24px;align-items:stretch} #page-wrapper #zs-content:where(.zs_ui) .rv_slider{min-width:0;display:flex;flex-direction:column;gap:12px;outline:none} #page-wrapper #zs-content:where(.zs_ui) .rv_slider:focus-visible{outline:3px solid rgba(15,107,220,.35);outline-offset:3px;border-radius:24px} #page-wrapper #zs-content:where(.zs_hub) .rv_featured,#page-wrapper #zs-content:where(.zs_hub) .rv_awards,#page-wrapper #zs-content:where(.zs_hub) .rv_quote,#page-wrapper #zs-content:where(.zs_hub) .rv_footer{border:1px solid rgba(204,218,232,.92);background:rgba(255,255,255,.9)} #page-wrapper #zs-content:where(.zs_hub) .rv_featured{position:relative;height:510px;min-height:510px;overflow:hidden;border-radius:24px;box-shadow:0 24px 64px rgba(24,61,98,.12)} #page-wrapper #zs-content:where(.zs_hub) .rv_featured::before,#page-wrapper #zs-content:where(.zs_hub) .rv_featured::before,#page-wrapper #zs-content:where(.zs_hub) .rv_featured::before{content:"\201C";position:absolute;top:-58px;right:12px;z-index:0;color:rgba(15,107,220,.075);font-family:Georgia,serif !important;font-size:20em;line-height:1;pointer-events:none;} #page-wrapper #zs-content:where(.zs_ui) .rv_slide{display:none;flex-direction:column;padding:clamp(28px,4vw,46px) clamp(48px,6vw,58px) clamp(22px,3vw,36px);box-sizing:border-box} #page-wrapper #zs-content:where(.zs_ui) .rv_slide.is-active{display:flex} #page-wrapper #zs-content:where(.zs_ui) .rv_slide[hidden]{display:none} #page-wrapper #zs-content:where(.zs_hub) .rv_story_label{display:inline-flex;align-items:center;gap:9px;width:fit-content;margin-bottom:22px;color:var(--green);font-size:.76em;font-weight:800;letter-spacing:.11em;text-transform:uppercase;} #page-wrapper #zs-content:where(.zs_ui) .rv_story_label::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(22,163,106,.11)} #page-wrapper #zs-content:where(.zs_hub) .rv_slide blockquote{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto} #page-wrapper #zs-content:where(.zs_hub) .rv_slide blockquote>p{position:relative;z-index:1;margin:0 0 12px;color:var(--text);font-size:clamp(1.02em,1.7vw,1.22em);font-weight:500;line-height:1.58;letter-spacing:-.02em;} #page-wrapper #zs-content:where(.zs_ui) .rv_slide blockquote>p:first-of-type{font-size:clamp(1.12em,1.9vw,1.38em);font-weight:600} #page-wrapper #zs-content:where(.zs_ui) .rv_slide blockquote>p:last-of-type{margin-bottom:0} #page-wrapper #zs-content:where(.zs_hub) .rv_featured mark,#page-wrapper #zs-content:where(.zs_hub) .rv_quote mark{color:var(--ink);background:linear-gradient(transparent 67%,rgba(244,183,64,.38) 0)} #page-wrapper #zs-content:where(.zs_hub) .rv_author{width:auto;display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:28px;color:var(--muted);font-size:.86em;font-style:normal} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar{display:grid;flex:0 0 auto;width:48px;height:48px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),#24a7df);box-shadow:0 8px 20px rgba(15,107,220,.24);font-size:.82em;font-weight:800;} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar_teal{background:linear-gradient(135deg,var(--blue),#24a7df)} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar_green{background:linear-gradient(135deg,var(--green),#24a7df)} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar_blue{background:linear-gradient(135deg,var(--blue),#4f46e5)} #page-wrapper #zs-content:where(.zs_hub) .rv_nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(24,61,98,.12);transition:.15s ease;} #page-wrapper #zs-content:where(.zs_hub) .rv_nav:hover{border-color:var(--blue);color:var(--blue);background:#f7fbff} #page-wrapper #zs-content:where(.zs_ui) .rv_nav_prev{left:12px} #page-wrapper #zs-content:where(.zs_ui) .rv_nav_next{right:12px} #page-wrapper #zs-content:where(.zs_ui) .rv_pager{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0} #page-wrapper #zs-content:where(.zs_ui) .rv_pager_count{min-width:3.2em;color:var(--muted);font-size:.88em;font-weight:700;text-align:center} #page-wrapper #zs-content:where(.zs_hub) .rv_pager_btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:.15s ease;} #page-wrapper #zs-content:where(.zs_hub) .rv_pager_btn:hover{border-color:var(--blue);color:var(--blue);background:#f7fbff} #page-wrapper #zs-content:where(.zs_ui) .rv_awards{min-width:0;border-radius:24px;padding:28px;box-shadow:0 12px 38px rgba(24,61,98,.08)} #page-wrapper #zs-content:where(.zs_ui) .rv_awards_header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px} #page-wrapper #zs-content:where(.zs_ui) .rv_awards h3{margin:0 0 6px;font-size:1.3em;letter-spacing:-.025em} #page-wrapper #zs-content:where(.zs_ui) .rv_awards_header p{margin:0;color:var(--muted);font-size:.84em;line-height:1.5} #page-wrapper #zs-content:where(.zs_hub) .rv_award_icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--blue);background:var(--blue-soft)} #page-wrapper #zs-content:where(.zs_ui) .rv_tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:24px;border-radius:12px;padding:5px;background:#edf3f8} #page-wrapper #zs-content:where(.zs_ui) .rv_tab{min-height:38px;border:0;border-radius:9px;color:var(--muted);background:transparent;font:inherit;font-size:.82em;font-weight:800;cursor:pointer} #page-wrapper #zs-content:where(.zs_ui) .rv_tab[aria-selected=true]{color:var(--blue-dark);background:#fff;box-shadow:0 3px 12px rgba(24,61,98,.1)} #page-wrapper #zs-content:where(.zs_ui) .rv_panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #page-wrapper #zs-content:where(.zs_ui) .rv_panel[hidden]{display:none} #page-wrapper #zs-content:where(.zs_ui) .rv_panel[data-count="1"]{grid-template-columns:1fr} #page-wrapper #zs-content:where(.zs_hub) .rv_award{display:flex;min-width:0;min-height:232px;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px solid var(--line);border-radius:15px;padding:18px 10px;color:inherit;background:#fbfdff;text-align:center;text-decoration:none;transition:.2s ease;} #page-wrapper #zs-content:where(.zs_ui) .rv_award:hover{border-color:#a9c8e6;background:#f5faff} #page-wrapper #zs-content:where(.zs_ui) .rv_award img{display:block;width:auto;max-width:100%;height:112px;object-fit:contain} #page-wrapper #zs-content:where(.zs_hub) .rv_award span{color:var(--text);font-size:.72em;font-weight:700;line-height:1.4} #page-wrapper #zs-content:where(.zs_ui) .rv_panel[data-count="1"] .rv_award img{height:140px} #page-wrapper #zs-content:where(.zs_ui) .rv_note{margin:20px 0 0;color:var(--muted);font-size:.75em;line-height:1.5;text-align:center} #page-wrapper #zs-content:where(.zs_ui) .rv_bottom{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0} #page-wrapper #zs-content:where(.zs_ui) .rv_quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;width:100%} #page-wrapper #zs-content:where(.zs_hub) .rv_quote{display:flex;min-width:0;min-height:190px;flex-direction:column;justify-content:space-between;border-radius:18px;padding:24px;transition:transform .2s ease,box-shadow .2s ease;} #page-wrapper #zs-content:where(.zs_hub) .rv_quote:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(24,61,98,.1)} #page-wrapper #zs-content:where(.zs_hub) .rv_quote p{margin:0;color:var(--text);font-size:.96em;font-weight:500;line-height:1.65;overflow-wrap:break-word} #page-wrapper #zs-content:where(.zs_hub) .rv_quote cite{display:flex;align-items:center;gap:9px;margin-top:20px;color:var(--muted);font-size:.78em;font-style:normal;font-weight:700} #page-wrapper #zs-content:where(.zs_hub) .rv_quote cite::before{content:"";flex:0 0 auto;width:20px;height:2px;background:var(--green)} #page-wrapper #zs-content:where(.zs_hub) .rv_footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:24px;border-radius:18px;padding:24px 28px;} #page-wrapper #zs-content:where(.zs_hub) .rv_footer_text{flex:1 1 18em;min-width:0;margin:0;color:var(--muted);font-size:.92em;line-height:1.6} #page-wrapper #zs-content:where(.zs_hub) .rv_link{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-height:46px;border-radius:11px;padding:0 18px;color:#fff;background:var(--blue);box-shadow:0 8px 20px rgba(15,107,220,.22);font-size:.86em;font-weight:700;text-decoration:none;white-space:nowrap;transition:.2s ease;} #page-wrapper #zs-content:where(.zs_ui) .rv_link svg{flex:0 0 auto} #page-wrapper #zs-content:where(.zs_ui) .rv_link:hover{background:var(--blue-dark);transform:translateY(-1px);color:#fff} #page-wrapper #zs-content:where(.zs_hub) .rv_rating:focus-visible,#page-wrapper #zs-content:where(.zs_hub) .rv_award:focus-visible,#page-wrapper #zs-content:where(.zs_hub) .rv_tab:focus-visible,#page-wrapper #zs-content:where(.zs_hub) .rv_link:focus-visible,#page-wrapper #zs-content:where(.zs_hub) .rv_nav:focus-visible,#page-wrapper #zs-content:where(.zs_hub) .rv_pager_btn:focus-visible{outline:3px solid rgba(15,107,220,.35);outline-offset:3px} @media (max-width:980px){ #page-wrapper #zs-content:where(.zs_hub) .rv_header{grid-template-columns:1fr;gap:18px} #page-wrapper #zs-content:where(.zs_hub) .rv_ratings{grid-template-columns:1fr} #page-wrapper #zs-content:where(.zs_hub) .rv_rating{min-height:88px} #page-wrapper #zs-content:where(.zs_hub) .rv_main{grid-template-columns:1fr} #page-wrapper #zs-content:where(.zs_hub) .rv_featured{height:460px;min-height:460px} #page-wrapper #zs-content:where(.zs_hub) .rv_quotes{grid-template-columns:1fr} #page-wrapper #zs-content:where(.zs_hub) .rv_footer{flex-direction:column;align-items:stretch;flex-wrap:nowrap} #page-wrapper #zs-content:where(.zs_hub) .rv_link{width:100%;white-space:normal} } @media (max-width:720px){ #page-wrapper #zs-content:where(.zs_hub) .rv_section{padding:48px 16px} #page-wrapper #zs-content:where(.zs_hub) .rv_header h2,#page-wrapper #zs-content:where(.zs_hub) .rv_header h2,#page-wrapper #zs-content:where(.zs_hub) .rv_header h2{font-size:clamp(1.7em,8vw,2.4em)} #page-wrapper #zs-content:where(.zs_hub) .rv_quote{min-height:0;padding:18px} #page-wrapper #zs-content:where(.zs_hub) .rv_footer{padding:18px 16px;gap:14px} #page-wrapper #zs-content:where(.zs_hub) .rv_link{justify-content:center} #page-wrapper #zs-content:where(.zs_hub) .rv_panel{grid-template-columns:1fr} #page-wrapper #zs-content:where(.zs_hub) .rv_award{min-height:190px} #page-wrapper #zs-content:where(.zs_hub) .rv_featured{height:520px;min-height:520px} #page-wrapper #zs-content:where(.zs_hub) .rv_nav{display:none} #page-wrapper #zs-content:where(.zs_hub) .rv_slide{padding:24px 20px 20px} #page-wrapper #zs-content:where(.zs_hub) .rv_pager_btn{width:40px;height:40px} #page-wrapper #zs-content:where(.zs_hub) .rv_awards{padding:22px 16px} } @media (max-width:420px){ #page-wrapper #zs-content:where(.zs_hub) .rv_rating{padding:17px} #page-wrapper #zs-content:where(.zs_hub) .rv_rating img{max-width:148px;height:40px} #page-wrapper #zs-content:where(.zs_hub) .rv_awards{padding:22px 18px} } #page-wrapper #zs-content:where(.zs_ui) .zs_price_grid{display:grid;gap:18px;align-items:stretch} #page-wrapper #zs-content:where(.zs_ui) .zs_price_controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 0 26px} #page-wrapper #zs-content:where(.zs_ui) .zs_toggle_cluster{display:flex;align-items:center;gap:8px} #page-wrapper #zs-content:where(.zs_ui) .zs_toggle{display:flex;padding:4px;border:1px solid var(--border);border-radius:12px;background:#fff} #page-wrapper #zs-content:where(.zs_ui) .zs_toggle button{min-height:38px;padding:7px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font);font-size:.82em;font-weight:750;} #page-wrapper #zs-content:where(.zs_ui) .zs_toggle button.zs_is_active{background:var(--ink);color:#fff} #page-wrapper #zs-content:where(.zs_ui) .zs_tip_btn{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;flex-shrink:0;border:1px solid var(--border-strong);border-radius:50%;background:#fff;color:var(--muted);cursor:help;} #page-wrapper #zs-content:where(.zs_ui) .zs_tip_btn:hover,#page-wrapper #zs-content:where(.zs_ui) .zs_tip_btn[aria-expanded="true"]{border-color:var(--blue);color:var(--blue);background:#f3f8fe} #page-wrapper #zs-content:where(.zs_ui) .zs_license_guide[hidden]{display:none} #page-wrapper #zs-content:where(.zs_ui) .zs_license_guide{max-width:760px;margin:0 auto 22px;padding:16px 16px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-md);} #page-wrapper #zs-content:where(.zs_ui) .zs_license_guide_head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px;} #page-wrapper #zs-content:where(.zs_ui) .zs_license_guide_head p{margin:0;color:var(--muted);font-size:.8em;line-height:1.45} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_close{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:1.35em;line-height:1;flex-shrink:0;} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_close:hover{background:var(--bg-soft);color:var(--ink)} #page-wrapper #zs-content:where(.zs_ui) .zs_license_guide_grid{display:grid;gap:12px} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card{padding:16px;border:1.5px solid var(--border);border-radius:12px;background:var(--bg-soft);} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card.zs_is_current{border-color:var(--blue);background:#f3f8fe;box-shadow:0 0 0 3px rgba(15,107,220,.12);} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card h3{margin:0 0 6px;font-size:.98em} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card h3 small{font-size:inherit;font-weight:600;color:var(--muted)} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card p{margin:0 0 10px;font-size:.78em;color:var(--ink-2);line-height:1.45} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card li{position:relative;padding-left:16px} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--blue)} @media (min-width:700px){ #page-wrapper #zs-content:where(.zs_ui) .zs_license_guide_grid{grid-template-columns:1fr 1fr} } #page-wrapper #zs-content:where(.zs_hub) .zs_price_card{--ed-color:var(--border-strong);position:relative;display:flex;flex-direction:column;padding:28px 26px;border:2px solid var(--ed-color);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);} #page-wrapper #zs-content:where(.zs_ui) .zs_price_card_std{--ed-color:var(--ed-std)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_card_pro{--ed-color:var(--ed-pro)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_card_ent{--ed-color:var(--ed-ent)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_card_featured{box-shadow:0 16px 38px color-mix(in srgb,var(--ed-color) 28%,transparent)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);margin:0;padding:4px 12px;border-radius:999px;background:var(--ed-color);color:#fff;font-size:.6em;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;} #page-wrapper #zs-content:where(.zs_hub) .zs_price_card h3{margin:0;font-size:1.08em;color:var(--ed-color)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_scope{margin:4px 0 0;font-size:.76em;color:var(--muted)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_amount{margin:16px 0 16px;font-size:1.85em;font-weight:800;color:var(--ink);line-height:1.1} #page-wrapper #zs-content:where(.zs_ui) .zs_price_amount .zs_price_suffix{font-size:.76em;font-weight:600;color:var(--muted)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px;font-size:.8em;color:var(--ink-2)} #page-wrapper #zs-content:where(.zs_ui) .zs_price_list li{position:relative;padding-left:20px} #page-wrapper #zs-content:where(.zs_ui) .zs_price_list li::before{content:"\2713";position:absolute;left:0;top:0;color:#159653;font-weight:800} #page-wrapper #zs-content:where(.zs_hub) .zs_price_card .zs_btn{margin-top:auto;justify-content:center} #page-wrapper #zs-content:where(.zs_hub) .zs_price_card .zs_btn_outline{border-color:var(--ed-color);color:var(--ed-color);} #page-wrapper #zs-content:where(.zs_hub) .zs_price_card .zs_btn_outline:hover{border-color:var(--ed-color);background:color-mix(in srgb,var(--ed-color) 10%,#fff);color:var(--ed-color);} #page-wrapper #zs-content:where(.zs_hub) .zs_price_card .zs_btn_primary{background:var(--ed-color);border-color:var(--ed-color);} #page-wrapper #zs-content:where(.zs_hub) .zs_price_card .zs_btn_primary:hover{background:color-mix(in srgb,var(--ed-color) 85%,#000);border-color:color-mix(in srgb,var(--ed-color) 85%,#000);} #page-wrapper #zs-content:where(.zs_ui) .zs_price_foot{margin:24px 0 0;text-align:center;font-size:.78em;color:var(--muted);line-height:1.7} @media (min-width:900px){ #page-wrapper #zs-content:where(.zs_ui) .zs_price_grid{grid-template-columns:repeat(3,1fr)} } #page-wrapper #zs-content:where(.zs_ui) .zs_faq_wrap{max-width:840px;margin-inline:auto} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_groups{display:grid;gap:28px} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_group_title,#page-wrapper #zs-content:where(.zs_hub) .zs_faq_group_title,#page-wrapper #zs-content:where(.zs_hub) .zs_faq_group_title{font-size:.92em;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-dark);margin:0 0 10px;} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_list{display:grid;gap:12px} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_item[open]{border-color:var(--border-strong);box-shadow:var(--shadow-sm)} #page-wrapper #zs-content:where(.zs_ui) .zs_faq_item summary::-webkit-details-marker{display:none} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_item summary::after{content:"+";color:var(--blue);font-weight:800;font-size:1.2em;flex-shrink:0;margin-left:14px;line-height:1;} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_item[open] summary::after{content:"\2212"} #page-wrapper #zs-content:where(.zs_ui) .zs_faq_body{padding:0 20px 18px} #page-wrapper #zs-content:where(.zs_ui) .zs_faq_body p{margin:0;font-size:.93em;color:var(--muted)} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta{padding:72px 0;background:linear-gradient(145deg,#061f39,#0d446f);color:#dcebf7} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta_inner{display:grid;gap:32px;align-items:center} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2{color:#fff;max-width:none;margin:0;font-size:clamp(1.35em,2.1vw,1.55em);line-height:1.18;letter-spacing:-.02em;font-family:var(--font);font-weight:800} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta p,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta p,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta p{max-width:none;margin:12px 0 0;color:#bfd4e8;font-size:.98em} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta .zs_label,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta .zs_label,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta .zs_label{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:#9bd8ff;font-size:.76em;font-weight:700;letter-spacing:.08em;text-transform:uppercase} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta .zs_label::before,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta .zs_label::before,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta .zs_label::before{content:"";width:7px;height:7px;border-radius:50%;background:#6ee7a4} #page-wrapper #zs-content:where(.zs_hub) .zs_final_actions{display:flex;flex-direction:column;align-items:stretch;gap:11px} #page-wrapper #zs-content:where(.zs_hub) .zs_final_actions .zs_btn{width:100%} #page-wrapper #zs-content:where(.zs_ui) .zs_final_note{margin:12px 0 0;color:#9fbcd8;font-size:.84em;line-height:1.6} #page-wrapper #zs-content:where(.zs_ui) .zs_final_note a{color:#b9e5ff;text-decoration:underline} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_strip{padding:22px 0;background:#eef7fd;border-bottom:1px solid var(--border)} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_inner p{margin:0;color:var(--ink);font-weight:700} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_links{display:flex;flex-wrap:wrap;gap:15px;font-size:.9em;font-weight:700} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta{position:fixed;z-index:90;left:14px;right:auto;bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 28px);padding:10px 10px 10px 15px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(8,46,82,.97);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(140%);opacity:0;transition:transform .25s ease,opacity .25s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta.zs_is_visible{transform:none;opacity:1} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta .zs_btn{min-height:40px;padding:9px 13px;font-size:.82em;white-space:nowrap} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta button{width:28px;height:28px;flex:0 0 auto;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.13);font-size:1.1em;line-height:1;cursor:pointer;} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta button:hover{background:rgba(255,255,255,.22)} #page-wrapper #zs-content:where(.zs_hub).zs_js .zs_reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease} #page-wrapper #zs-content:where(.zs_hub).zs_js .zs_reveal.zs_is_visible{opacity:1;transform:none} #page-wrapper #zs-content:where(.zs_ui):not(.zs_js) .zs_reveal{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ #page-wrapper #zs-content:where(.zs_hub) .zs_video_trigger img,#page-wrapper #zs-content:where(.zs_hub) .zs_video_play{transition:none} #page-wrapper #zs-content:where(.zs_ui) .zs_video_trigger:hover img{transform:none} } @media (max-width:899px){ #page-wrapper #zs-content:where(.zs_ui) .zs_logo_band{padding:32px 0 36px} } @media (min-width:600px){ #page-wrapper #zs-content:where(.zs_ui) .zs_why_grid{grid-template-columns:repeat(2,1fr)} #page-wrapper #zs-content:where(.zs_ui) .zs_use_grid{grid-template-columns:repeat(2,1fr)} #page-wrapper #zs-content:where(.zs_ui) .zs_feature_list{grid-template-columns:repeat(2,1fr)} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_grid{grid-template-columns:repeat(2,1fr)} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_inner{flex-direction:row;align-items:center;justify-content:space-between} } @media (min-width:768px){ #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_layout{grid-template-columns:200px 1fr} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_sidebar{display:block} } @media (min-width:821px){ #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta_inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2{white-space:nowrap} #page-wrapper #zs-content:where(.zs_ui) .zs_final_note{text-align:right} } @media (min-width:900px){ #page-wrapper #zs-content:where(.zs_hub) .zs_hero{padding:44px 0 24px} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px} #page-wrapper #zs-content:where(.zs_hub) .zs_panel_grid{grid-template-columns:.8fr 1.2fr;align-items:start} #page-wrapper #zs-content:where(.zs_ui) .zs_how_layout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:52px;align-items:center} #page-wrapper #zs-content:where(.zs_ui) .zs_how_media{order:0} #page-wrapper #zs-content:where(.zs_ui) .zs_why_grid{grid-template-columns:repeat(2,1fr)} #page-wrapper #zs-content:where(.zs_ui) .zs_compat_grid{grid-template-columns:1.15fr .85fr} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_layout{grid-template-columns:220px 1fr} } @media (min-width:1100px){ #page-wrapper #zs-content:where(.zs_hub) .zs_hero_grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px} #page-wrapper #zs-content:where(.zs_ui) .zs_use_grid{grid-template-columns:repeat(4,1fr)} } @media (max-width:639px){ #page-wrapper #zs-content:where(.zs_hub) .zs_section_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_section_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_section_lead{font-size:.96em} #page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2,#page-wrapper #zs-content:where(.zs_hub) .zs_final_cta h2{font-size:clamp(1.3em,5vw,1.5em)} #page-wrapper #zs-content:where(.zs_ui) .zs_use{min-height:0} } @media (max-width:480px){ #page-wrapper #zs-content:where(.zs_hub) .zs_container{width:min(100% - 32px,var(--container))} #page-wrapper #zs-content:where(.zs_hub) .zs_hero{padding-top:42px} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_cta_row{grid-template-columns:1fr} #page-wrapper #zs-content:where(.zs_hub) .zs_cta_row .zs_btn{width:100%} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust{flex-direction:column;align-items:flex-start;gap:1em} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_figure{max-width:680px;margin-inline:auto} #page-wrapper #zs-content:where(.zs_hub) .zs_logo_grid{gap:20px 18px} #page-wrapper #zs-content:where(.zs_hub) .zs_logo_grid img{height:24px} #page-wrapper #zs-content:where(.zs_hub) .zs_logo_band_cue{flex-direction:column;gap:6px;font-size:.84em} #page-wrapper #zs-content:where(.zs_hub) .zs_logo_band_title{font-size:.78em;margin-bottom:20px} #page-wrapper #zs-content:where(.zs_hub) .zs_search_section{top:62px} #page-wrapper #zs-content:where(.zs_ui) .zs_catalog_sidebar_inner{top:140px} #page-wrapper #zs-content:where(.zs_hub) .zs_section{padding:58px 0} #page-wrapper #zs-content:where(.zs_ui) .zs_panel{padding:22px 18px} #page-wrapper #zs-content:where(.zs_hub) .zs_final_actions .zs_btn{width:100%} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta{left:12px;right:12px;bottom:12px;max-width:none} } @media (prefers-reduced-motion:reduce){ #page-wrapper #zs-content:where(.zs_hub) *,#page-wrapper #zs-content:where(.zs_hub) *::before,#page-wrapper #zs-content:where(.zs_hub) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} #page-wrapper #zs-content:where(.zs_hub).zs_js .zs_reveal{opacity:1;transform:none} } #page-wrapper #zs-content:where(.zs_hub) .zs_hero_grid{z-index:1;position:relative} #page-wrapper #zs-content:where(.zs_hub) .zs_eyebrow{color:#ffc46b;background:rgba(232,119,14,.14);border:1px solid rgba(232,119,14,.35);font-weight:700;letter-spacing:.16em;text-transform:uppercase;} #page-wrapper #zs-content:where(.zs_hub) .zs_eyebrow_dot{background:#ffc46b} #page-wrapper #zs-content:where(.zs_hub) .zs_hero h1,#page-wrapper #zs-content:where(.zs_hub) .zs_hero h1,#page-wrapper #zs-content:where(.zs_hub) .zs_hero h1{color:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_accent{background:linear-gradient(92deg,#5fb8ff 0%,#7ee2a8 55%,#ffc46b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead{color:#b9c9de} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_btn_outline{background:transparent;border-color:rgba(255,255,255,.48);color:#fff;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_btn_outline:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_btn_ghost{color:#c5d9ee} #page-wrapper #zs-content:where(.zs_hub) .zs_hero .zs_btn_ghost:hover{background:rgba(255,255,255,.1);color:#fff} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust{border-top-color:rgba(255,255,255,.12)} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust li{color:#9db8d0} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_trust svg{color:#7ee0a3} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_shot_wrap{padding-top:0} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_shot{border-color:rgba(157,184,212,.22);background:#07182e;box-shadow:0 18px 42px rgba(0,0,0,.35);} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_proof{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 0;padding:0;list-style:none;} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_figure .zs_hero_proof{position:relative;z-index:1;justify-content:center;margin:0 0 12px;padding:0 4px;} @media (min-width:900px){ #page-wrapper #zs-content:where(.zs_hub) .zs_hero{padding:78px 0 64px} } @media (max-width:480px){ #page-wrapper #zs-content:where(.zs_ui) .zs_hero_figure{padding:14px} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_proof{gap:7px} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_proof li{width:100%;justify-content:center} } #page-wrapper #zs-content:where(.zs_ui) .zs_comp_grid{gap:22px} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card{--card-accent:var(--blue);--card-glow:15,107,220;display:flex;flex-direction:column;align-items:stretch;gap:12px;overflow:visible;background:#fff;border:1px solid #c5d7e8;border-top:4px solid var(--card-accent);border-radius:14px;padding:16px 16px 12px;box-shadow:0 1px 2px rgba(12,46,78,.06),0 8px 22px rgba(12,46,78,.08),inset 0 14px 22px -8px rgba(var(--card-glow),.18),inset 0 0 0 1px rgba(var(--card-glow),.08);} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_top{display:flex;align-items:flex-start;gap:12px;min-width:0} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #e6eef5;} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_more{display:inline-flex;align-items:center;flex-shrink:0;font-size:.72em;font-weight:700;letter-spacing:.01em;color:var(--blue);white-space:nowrap;line-height:1;} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_more::after{content:"\2192";margin-left:5px;transition:transform .15s ease;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card:hover{background:#fff;border-color:var(--card-accent);border-top-color:var(--card-accent);text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 18px rgba(var(--card-glow),.16),0 22px 44px rgba(12,46,78,.14),inset 0 22px 34px -10px rgba(var(--card-glow),.30),inset 0 -12px 22px -12px rgba(var(--card-glow),.12),inset 0 0 0 1px rgba(var(--card-glow),.22);} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_card:hover .zs_comp_more{color:var(--blue-dark)} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_card:hover .zs_comp_more::after{transform:translateX(3px)} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_icon{background:#fff;border-color:#d2e3f0;box-shadow:0 4px 12px rgba(12,46,78,.08);} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card h3{color:var(--ink);font-size:.86em;font-weight:700;letter-spacing:-.01em} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card p{color:#5f7995;font-size:.73em} #page-wrapper #zs-content:where(.zs_hub),#page-wrapper #zs-content:where(.zs_hub){font-family:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.6;} #page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h4,#page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h4,#page-wrapper #zs-content:where(.zs_hub) h1,#page-wrapper #zs-content:where(.zs_hub) h2,#page-wrapper #zs-content:where(.zs_hub) h3,#page-wrapper #zs-content:where(.zs_hub) h4{font-family:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;line-height:1.2;letter-spacing:-.01em;font-weight:700;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero h1,#page-wrapper #zs-content:where(.zs_hub) .zs_hero h1,#page-wrapper #zs-content:where(.zs_hub) .zs_hero h1{font-size:clamp(1.85em,4.4vw,2.85em);font-weight:800;letter-spacing:-.02em;line-height:1.15;} #page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_hero_lead{font-size:1.06em;line-height:1.6} #page-wrapper #zs-content:where(.zs_hub) .zs_section_head h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_head h2,#page-wrapper #zs-content:where(.zs_hub) .zs_section_head h2{font-size:clamp(1.55em,3.2vw,2.15em);font-weight:800;} #page-wrapper #zs-content:where(.zs_hub) .zs_section_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_section_lead,#page-wrapper #zs-content:where(.zs_hub) .zs_section_lead{font-size:1.02em} #page-wrapper #zs-content:where(.zs_hub) .zs_label,#page-wrapper #zs-content:where(.zs_hub) .zs_label,#page-wrapper #zs-content:where(.zs_hub) .zs_label{font-size:.74em;font-weight:700;letter-spacing:.14em} #page-wrapper #zs-content:where(.zs_hub) .zs_btn{font-family:inherit;font-size:.95em;font-weight:600} #page-wrapper #zs-content:where(.zs_hub) .zs_btn_lg{font-size:1.02em} @media (max-width:639px){ #page-wrapper #zs-content:where(.zs_hub) .zs_section_lead{font-size:.96em} } #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card h3,#page-wrapper #zs-content:where(.zs_hub) .zs_comp_card h3,#page-wrapper #zs-content:where(.zs_hub) .zs_comp_card h3{font-size:.86em;font-weight:700;letter-spacing:-.01em;line-height:1.28;margin:0 0 4px;color:var(--ink);} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_tag{font-size:.58em} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_card_title{display:block;font-size:1.05em;margin:0 0 4px;color:var(--ink);line-height:1.2;font-weight:700} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_card_desc{display:block;font-size:.88em;color:var(--muted);margin:0 0 10px;line-height:1.6} #page-wrapper #zs-content:where(.zs_ui) .zs_tab{font-family:var(--font) !important;appearance:none;-webkit-appearance:none} #page-wrapper #zs-content:where(.zs_hub) .zs_quote_nav,#page-wrapper #zs-content:where(.zs_hub) .zs_quote_pager_btn{font-family:var(--font) !important;appearance:none;-webkit-appearance:none} #page-wrapper #zs-content:where(.zs_hub) .rv_nav,#page-wrapper #zs-content:where(.zs_hub) .rv_pager_btn{padding:0px} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_card .zs_comp_media{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:64px} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_card .zs_comp_body{min-width:0;flex:1} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card .zs_comp_title{display:block;font-size:.86em;font-weight:700;letter-spacing:-.01em;line-height:1.28;margin:0 0 4px;color:var(--ink);background:none !important} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card .zs_comp_desc{font-size:.73em;line-height:1.38;color:#5f7995;height:2.76em;max-height:2.76em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin:0;background:none !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_card .zs_comp_tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%} #page-wrapper #zs-content:where(.zs_hub) span,#page-wrapper #zs-content:where(.zs_hub) small,#page-wrapper #zs-content:where(.zs_hub) em,#page-wrapper #zs-content:where(.zs_hub) cite,#page-wrapper #zs-content:where(.zs_hub) ins,#page-wrapper #zs-content:where(.zs_hub) mark,#page-wrapper #zs-content:where(.zs_hub) strong,#page-wrapper #zs-content:where(.zs_hub) b{background-color:transparent !important;box-shadow:none} #page-wrapper #zs-content:where(.zs_hub) mark{background:transparent !important;color:inherit;padding:0} #page-wrapper #zs-content:where(.zs_hub) .rv_featured mark,#page-wrapper #zs-content:where(.zs_hub) .rv_quote mark{color:var(--ink) !important;background:linear-gradient(transparent 67%,rgba(244,183,64,.38) 0) !important;padding:0} #page-wrapper #zs-content:where(.zs_ui) .zs_price_card span,#page-wrapper #zs-content:where(.zs_ui) .zs_price_card mark,#page-wrapper #zs-content:where(.zs_ui) .zs_price_card strong{background:none !important;background-color:transparent !important} #page-wrapper #zs-content:where(.zs_ui) .zs_sticky_cta[hidden]{display:none !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_icon{background:#fff !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag{background:var(--bg-soft) !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_source{background:#e8f8ee !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_dest{background:#e8f3fd !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_task{background:#fff2e7 !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_transform{background:#f0edff !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_driver{background:#e8f3fd !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_service{background:#e8f8ee !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_connector{background:#f0edff !important} #page-wrapper #zs-content:where(.zs_ui) .zs_comp_tag.zs_tag_jdbc{background:#e8f8fb !important} #page-wrapper #zs-content:where(.zs_ui) .zs_why_icon{background:#e8f2fd !important} #page-wrapper #zs-content:where(.zs_ui) .zs_why_point:nth-child(2) .zs_why_icon{background:#e9f9ef !important} #page-wrapper #zs-content:where(.zs_ui) .zs_why_point:nth-child(3) .zs_why_icon{background:#fff3e3 !important} #page-wrapper #zs-content:where(.zs_ui) .zs_why_point:nth-child(4) .zs_why_icon{background:#f3ebfd !important} #page-wrapper #zs-content:where(.zs_ui) .zs_video_play{background:var(--green) !important} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar{background:linear-gradient(135deg,var(--blue),#24a7df) !important} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar_teal{background:linear-gradient(135deg,var(--blue),#24a7df) !important} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar_green{background:linear-gradient(135deg,var(--green),#24a7df) !important} #page-wrapper #zs-content:where(.zs_hub) .rv_avatar_blue{background:linear-gradient(135deg,var(--blue),#4f46e5) !important} #page-wrapper #zs-content:where(.zs_hub) .rv_award_icon{background:var(--blue-soft) !important} #page-wrapper #zs-content:where(.zs_hub) .zs_accent{background:linear-gradient(100deg,var(--blue),var(--green)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important} #page-wrapper #zs-content:where(.zs_ui) .zs_eyebrow_dot{background:var(--green) !important} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_icon_green{background:#eaf9f0 !important} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_badge_icon_blue{background:linear-gradient(145deg,#1599df,#0864bb) !important} #page-wrapper #zs-content:where(.zs_ui) .zs_pulse_dot{width:8px;height:8px;border-radius:50%;background:#7ee0a3;animation:zs_pulse 2s infinite} #page-wrapper #zs-content:where(.zs_ui) .zs_icon_blue{background:#e8f1fd;color:var(--blue)} #page-wrapper #zs-content:where(.zs_ui) .zs_icon_green{background:#e9f9ef;color:var(--green)} #page-wrapper #zs-content:where(.zs_ui) .zs_icon_orange{background:#fdf3e4;color:var(--orange)} #page-wrapper #zs-content:where(.zs_ui) .zs_icon_purple{background:#f4ecfd;color:var(--purple)} #page-wrapper #zs-content:where(.zs_ui) .zs_path_outcome strong{color:var(--ink)} #page-wrapper #zs-content:where(.zs_ui) .rv_author strong{display:block;margin-bottom:3px;color:var(--ink);font-size:.94em} #page-wrapper #zs-content:where(.zs_ui) .rv_footer strong{color:var(--ink)} @media (max-width:720px){ #page-wrapper #zs-content:where(.zs_hub) .rv_featured::before{display:none} } #page-wrapper #zs-content:where(.zs_ui) .zs_tip_btn svg{display:block} #page-wrapper #zs-content:where(.zs_ui) .zs_guide_card ul{list-style:none;display:grid;gap:6px;font-size:.78em;color:var(--ink-2)} #page-wrapper #zs-content:where(.zs_hub) .zs_faq_item summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;color:var(--ink);font-family:var(--font);font-size:.98em;line-height:1.4;display:flex;justify-content:space-between;align-items:center;} #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta strong{font-size:.83em;font-weight:700} @media (max-width:480px){ #page-wrapper #zs-content:where(.zs_hub) .zs_sticky_cta strong{display:none} } #page-wrapper #zs-content:where(.zs_ui) .zs_hero_figure::after{display:none;} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_proof li{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:#cfe0f2;font-size:.76em;font-weight:700;line-height:1.2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);} #page-wrapper #zs-content:where(.zs_ui) .zs_hero_proof strong{color:#fff;font-weight:850;} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card::before{display:none} #page-wrapper #zs-content:where(.zs_hub) .zs_comp_card p,#page-wrapper #zs-content:where(.zs_hub) .zs_comp_card p,#page-wrapper #zs-content:where(.zs_hub) .zs_comp_card p{font-size:.73em;line-height:1.38;color:#5f7995;height:2.76em;max-height:2.76em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;} #page-wrapper #zs-content:where(.zs_hub) .rv_featured::before{font-family:Georgia,serif !important} #page-wrapper #zs-content:where(.zs_ui) .zs_sticky_cta button{appearance:none;-webkit-appearance:none;font-family:var(--font) !important} #page-wrapper #zs-content:where(.zs_ui) .zs_cta_helper_light a{color:#8fd0ff} #page-wrapper #zs-content:where(.zs_ui) .zs_badge_stack li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:16px 18px;} #page-wrapper #zs-content:where(.zs_ui) .zs_badge_stack strong{display:block;color:#fff;font-size:.95em;margin-bottom:3px} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_card strong{display:block;color:var(--blue);font-size:.95em} #page-wrapper #zs-content:where(.zs_ui) .zs_sticky_cta strong{color:#fff !important;background:none !important} #page-wrapper #zs-content:where(.zs_ui) .zs_badge_stack span{font-size:.85em;color:#b9cfe5} #page-wrapper #zs-content:where(.zs_ui) .zs_contact_section{padding:64px 0 72px;background:var(--bg-soft);border-top:1px solid var(--border)} /* Hero product lockup: icon + product name + descriptor above the H1 (SSIS PowerPack, ODBC PowerPack, ZappyShell). Backgrounds use !important to beat the .zs_hub span reset (background-color:transparent !important). */ #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:0 0 20px;text-align:left} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,#38a3ff,#3fd07a)} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:#fff !important;border:1px solid rgba(155,216,255,.5);box-shadow:0 0 0 4px rgba(56,163,255,.16),0 10px 24px rgba(0,0,0,.3)} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_icon img{display:block;width:42px;height:42px;max-width:none;margin:0;border-radius:9px} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_text{min-width:0} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:0;color:#fff;font-size:1.55em;font-weight:800;line-height:1.1;letter-spacing:-.01em} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid rgba(63,208,122,.42);border-radius:999px;background:rgba(26,158,75,.18) !important;color:#86ecb0;font-size:.45em;font-weight:700;letter-spacing:.07em;line-height:1.3;text-transform:uppercase;white-space:nowrap} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_meta{margin:6px 0 0;padding:0;color:#a9bfd4;font-size:.88em;font-weight:500;line-height:1.45} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_sep{margin:0 6px;color:#56718c} @media (max-width:600px){ #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup{gap:12px;margin-bottom:18px;padding-bottom:16px} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_icon{width:46px;height:46px;border-radius:12px} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_icon img{width:35px;height:35px} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_name{font-size:1.3em} #page-wrapper #zs-content:where(.zs_ui) .zs_product_lockup_meta{font-size:.82em} }