/* 1.4: the supplied split layout, shared with the existing dashboard theme. */
.zh { --zh-ink:#131f3b; --zh-ink-2:#45526c; --zh-muted:#5c677e; --zh-line:#e1e6ef; --zh-soft:#f6f8fc; --zh-blue:#3159ed; --zh-blue-d:#2446cd; --zh-blue-soft:#edf2ff; --zh-mono:Inter,system-ui,sans-serif; font-size:16px; }
.zh .zh-wrap { max-width:1208px; padding-inline:24px; }
.zh .zh-header { background:#fffffff2; backdrop-filter:blur(12px); border-bottom:1px solid var(--zh-line); box-shadow:none; }
.zh .zh-header__in { min-height:78px; }
.zh .zh-nav { gap:28px; }
.zh .zh-nav > a { font-size:14px; color:var(--zh-muted); font-weight:600; }
.zh .zh-logo .sto-logo { font-size:19px; color:var(--zh-ink); }
.zh .zh-logo .sto-mark { width:34px; height:34px; }
.zh .zh-btn { min-height:44px; font-size:14px; padding:11px 19px; border-radius:8px; box-shadow:none; }
.zh .zh-btn--primary { background:var(--zh-blue); border-color:var(--zh-blue); color:#fff; }
.zh .zh-btn--primary:hover { background:var(--zh-blue-d); border-color:var(--zh-blue-d); }
.zh .zh-btn--ghost { background:#fff; border-color:var(--zh-line); color:var(--zh-blue); }
.zh .sto-announcement { background:#f6f8fc; padding:9px 20px; color:#475569; font-size:12px; }
.zh .zh-strip { display:none; }
.zh .zh-hero { position:relative; padding:70px 0 34px; background:linear-gradient(125deg,#fff 38%,#f4f7ff 100%); }
.zh .zh-hero::before { display:none; }
.zh .zh-hero__in { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:64px; }
.zh .zh-hero__copy { display:block; text-align:left; min-width:0; max-width:530px; margin:0; }
.zh .zh-hero__copy > .zh-eyebrow { display:inline-flex; padding:6px 11px; margin-bottom:21px; border-radius:6px; background:#edf2ff; color:#2949b2; font-size:12px; font-weight:700; text-transform:none; letter-spacing:.01em; }
.zh .zh-hero__title { font-size:clamp(36px,4.2vw,50px); font-weight:800; letter-spacing:-2.1px; line-height:1.12; max-width:540px; text-wrap:balance; }
.zh .sto-home-highlight { display:block; color:var(--zh-blue); }
.zh .zh-hero__lede { font-size:16px; font-weight:400; line-height:1.8; max-width:440px; margin:22px 0 0; color:var(--zh-muted); }
.zh .zh-check-form { margin-top:28px; }
.zh .zh-domain-label { display:block; color:#334155; font-size:13px; font-weight:650; margin-bottom:8px; }
.zh .zh-search { display:flex; gap:10px; align-items:center; min-height:58px; margin:0; padding:6px 6px 6px 15px; background:#fff; border:1px solid #ccd5e7; border-radius:11px; box-shadow:0 5px 14px #19274706; }
.zh .zh-search > svg { width:19px; height:19px; color:#64748b; }
.zh .zh-search:focus-within { border-color:var(--zh-blue); box-shadow:0 0 0 3px #3159ed12; }
.zh .zh-search input { width:100%; min-width:0; flex:1; border:0; padding:10px 2px; font:400 16px/1.5 Inter,system-ui,sans-serif; background:transparent; color:var(--zh-ink); }
.zh .zh-search input::placeholder { color:#64748b; }
.zh .zh-search .zh-btn { font-size:14px; padding-inline:17px; flex-shrink:0; }
.zh .zh-hero__notes { justify-content:flex-start; margin-top:14px; gap:9px 17px; color:var(--zh-muted); font-size:12px; }
.zh .zh-hero__notes svg { color:#3159ed; width:13px; height:13px; }
.zh .zh-report { display:block; width:100%; max-width:560px; min-width:0; margin:0; padding:0; border:1px solid #dce3f1; border-radius:16px; box-shadow:0 18px 55px #26385f10; transform:none; background:#fff; }
.zh .zh-report__head { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:19px 22px; background:#f9faff; border-bottom:1px solid #e9edf5; }
.zh .zh-report__domain { font:700 14px/1.5 Inter,system-ui,sans-serif; color:var(--zh-ink); }
.zh .zh-report__head p { font-size:11px; line-height:1.7; color:var(--zh-muted); margin-top:2px; }
.zh .zh-chip { background:#edf0f7; color:#475569; font-size:11px; border-radius:5px; font-weight:600; padding:4px 8px; }
.zh .zh-provider-row { display:grid; grid-template-columns:106px 68px minmax(0,1fr); gap:16px; align-items:center; padding:19px 22px; }
.zh .zh-provider-row + .zh-provider-row { border-top:1px solid #eff1f6; }
.zh .zh-provider-identity { display:flex; flex-direction:column; gap:7px; min-width:0; }
.zh .zh-provider-logo { display:flex; align-items:center; }
.zh .zh-provider-logo svg, .zh .zh-provider-logo img { height:18px; max-width:86px; width:100%; }
.zh .zh-provider-identity > span:last-child { font-size:11px; line-height:1.5; color:var(--zh-muted); }
.zh .zh-ring { display:grid; place-items:center; position:relative; width:67px; height:67px; }
.zh .zh-ring::before { inset:5px; }
.zh .zh-ring b { font-size:21px; font-weight:800; letter-spacing:-.6px; color:var(--zh-ink); }
.zh .zh-provider-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; min-width:0; }
.zh .zh-provider-metrics dt { font-size:11px; line-height:1.55; color:var(--zh-muted); }
.zh .zh-provider-metrics dd { margin:4px 0 0; font-size:17px; line-height:1.4; color:var(--zh-ink); font-weight:750; font-variant-numeric:tabular-nums; }
.zh .zh-report-footer { display:flex; align-items:center; justify-content:space-between; gap:13px; padding:14px 22px; background:#fbfcfe; border-top:1px solid #e9edf5; }
.zh .zh-report-footer p { max-width:255px; color:var(--zh-muted); font-size:11px; line-height:1.6; }
.zh .zh-sample-export { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:7px 9px; border:1px solid var(--zh-line); background:#fff; border-radius:6px; color:#40516f; font-size:11px; font-weight:650; cursor:pointer; white-space:nowrap; }
.zh .zh-sample-export svg { width:13px; height:13px; }
.zh .zh-coverage { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:45px; padding-top:26px; border-top:1px solid #e6ebf5; color:var(--zh-muted); font-size:13px; }
.zh .zh-coverage span { display:flex; gap:9px; align-items:center; }
.zh .zh-coverage svg { color:#64748b; width:13px; height:13px; }
.zh .zh-section { padding-block:74px; }
.zh .zh-head { text-align:center; max-width:650px; margin:0 auto 37px; align-items:center; gap:11px; }
.zh .zh-eyebrow { font-size:11px; font-weight:750; letter-spacing:.12em; color:var(--zh-blue); font-family:Inter,system-ui,sans-serif; }
.zh .zh-h2 { font-size:clamp(27px,3vw,35px); font-weight:750; line-height:1.23; letter-spacing:-1px; }
.zh .zh-lede { color:var(--zh-muted); font-size:15px; line-height:1.8; }
.zh .zh-head--split { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; max-width:none; text-align:left; gap:40px; }
.zh .zh-head--split .zh-h2 { margin-top:10px; }
.zh .zh-head--split > .zh-lede { max-width:355px; }
.zh .zh-tools { gap:44px; }
.zh .zh-tool { padding:22px 0 0; border:0; border-top:1px solid var(--zh-line); border-radius:0; background:transparent; box-shadow:none; gap:15px; }
.zh .zh-tool > header { display:flex; align-items:center; gap:10px; }
.zh .zh-tool-mark { display:grid; place-items:center; width:31px; height:31px; border-radius:7px; font-size:14px; font-weight:750; }
.zh .zh-tool-mark--moz { background:#fbf2c5; color:#7c6409; }
.zh .zh-tool-mark--ahrefs { background:#e6f4fa; color:#197298; }
.zh .zh-tool-mark--semrush { background:#ffede5; color:#bb461b; }
.zh .zh-tool__name { font-size:17px; font-weight:700; }
.zh .zh-tool > p { color:var(--zh-muted); font-size:14px; line-height:1.8; }
.zh .zh-tool ul { gap:8px; }
.zh .zh-tool li { font-size:13px; color:#45526c; line-height:1.7; }
.zh .zh-tool li svg { color:#64748b; width:13px; height:13px; }
.zh .zh-data-note { margin-top:25px; color:var(--zh-muted); font-size:12px; line-height:1.8; }
.zh .zh-how { background:var(--zh-soft); border-block:1px solid #e9edf5; padding-block:47px; }
.zh .zh-how-grid { display:grid; grid-template-columns:.85fr 2fr; align-items:center; gap:56px; }
.zh .zh-how .zh-head { text-align:left; align-items:start; margin:0; max-width:260px; }
.zh .zh-how .zh-h2 { font-size:26px; line-height:1.25; letter-spacing:-.7px; }
.zh .zh-steps { gap:28px; }
.zh .zh-steps li { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; gap:7px; }
.zh .zh-steps__n { width:auto; height:auto; border:0; border-radius:0; padding:0; margin:0; background:transparent; color:#596e96; font-size:12px; font-weight:750; display:block; }
.zh .zh-steps h3 { font-size:14px; line-height:1.6; font-weight:700; margin-top:0; }
.zh .zh-steps p { font-size:13px; line-height:1.8; color:var(--zh-muted); }
.zh .zh-credit-explainer { color:#45526c; font-size:13px; font-weight:600; margin-top:7px; }
.zh .zh-packs { gap:18px; }
.zh .zh-pack { padding:25px 22px 22px; border:1px solid var(--zh-line); border-radius:12px; background:#fff; box-shadow:none; gap:0; }
.zh .zh-pack.is-best { padding:24px 21px 21px; border:2px solid var(--zh-blue); background:#fcfdff; box-shadow:0 8px 24px #3159ed08; }
.zh .zh-pack__badge { left:18px; right:auto; top:-13px; transform:none; font-size:11px; border-radius:5px; padding:4px 10px; background:var(--zh-blue); }
.zh .zh-pack__name { font-size:15px; font-weight:700; }
.zh .zh-pack__description { font-size:12px; color:var(--zh-muted); margin-top:4px; }
.zh .zh-pack__price { font-size:38px; letter-spacing:-1.5px; line-height:1.15; margin:24px 0 14px; font-weight:800; }
.zh .zh-pack__price small { margin-left:6px; color:var(--zh-muted); font:500 11px/1.5 Inter,system-ui,sans-serif; letter-spacing:0; }
.zh .zh-pack__credits { font-size:15px; line-height:1.7; color:var(--zh-ink); }
.zh .zh-pack__credits b { font-size:15px; font-weight:700; }
.zh .zh-pack__per { color:var(--zh-muted); font-size:12px; margin:4px 0 21px !important; min-height:20px; }
.zh .zh-pack .zh-btn { width:100%; border-top:1px solid var(--zh-line); font-size:13px; padding-inline:10px; }
.zh .zh-payment-methods { display:flex; gap:10px 16px; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:24px; color:var(--zh-muted); font-size:12px; }
.zh .zh-payment-methods small { font-size:11px; flex-basis:100%; text-align:center; }
.zh .zh-pay-brand { padding:4px 10px; border:1px solid var(--zh-line); border-radius:6px; background:#fff; font-size:13px; }
.zh .zh-pay-brand--stripe { color:#5844ce; }
.zh .zh-pay-brand--paddle { color:#6c4a00; background:#fff9e8; border-color:#eee0ba; }
.zh .zh-free-banner { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:29px 35px; margin-top:40px; border-radius:12px; background:#152347; color:#fff; }
.zh .zh-free-banner h3 { color:#fff; font-size:20px; line-height:1.5; letter-spacing:-.4px; }
.zh .zh-free-banner p { color:#cbd5e1; font-size:13px; line-height:1.8; margin-top:6px; }
.zh .zh-free-banner .zh-btn { flex-shrink:0; border:0; color:#1b2c54; background:#fff; }
.zh .zh-faq-section { background:#fff; border-top:1px solid var(--zh-line); }
.zh .zh-faq { display:grid; grid-template-columns:1fr 1.8fr; gap:84px; max-width:1208px; }
.zh .zh-faq .zh-head { text-align:left; align-items:start; margin:0; max-width:290px; gap:11px; }
.zh .zh-faq__list { border:0; border-top:1px solid var(--zh-line); }
.zh .zh-faq details { border:0; border-bottom:1px solid var(--zh-line); padding:0; background:transparent; border-radius:0; }
.zh .zh-faq summary { font-size:14px; font-weight:650; padding:18px 0; line-height:1.6; }
.zh .zh-faq details p { color:var(--zh-muted); font-size:13px; line-height:1.85; padding:0 30px 20px 0; margin:0; }
.zh .zh-footer { background:#f8f9fc; border-top:1px solid var(--zh-line); color:var(--zh-muted); padding:38px 0 0; }
.zh .sto-footer-top { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; padding-bottom:28px; }
.zh .zh-footer .sto-logo.is-light { color:var(--zh-ink); font-size:18px; }
.zh .zh-footer__brand p { max-width:300px; font-size:13px; line-height:1.8; color:var(--zh-muted); }
.zh .zh-footer .zh-footer__brand a.sto-footer-email { color:var(--zh-blue) !important; font-size:12px; margin-top:10px; }
.zh .sto-footer-news .sto-news-signup { padding:0; border:0; background:transparent; }
.zh .sto-footer-news .zh-wrap { padding:0; max-width:none; }
.zh .sto-footer-news .sto-news-signup__in { display:block; }
.zh .sto-footer-news .zh-eyebrow { display:none; }
.zh .sto-footer-news .sto-news-signup h2 { font-size:15px; line-height:1.6; margin:0 0 5px; letter-spacing:-.1px; }
.zh .sto-footer-news .sto-news-signup p { color:var(--zh-muted); font-size:12px; line-height:1.7; margin:0 0 12px; }
.zh .sto-footer-news .sto-subscribe-row { padding:4px; border-radius:8px; }
.zh .sto-footer-news .sto-subscribe-row input { padding:8px 10px; font-size:14px; }
.zh .sto-footer-news .sto-subscribe-row .zh-btn { font-size:12px; min-height:40px; padding:9px 12px; }
.zh .sto-footer-news .sto-public-consent { margin:10px 0 0; font-size:11px; }
.zh .sto-footer-news .sto-public-consent > span, .zh .sto-footer-news .sto-public-consent > span a { font-size:11px; }
.zh .sto-footer-links { display:flex; gap:24px 50px; flex-wrap:wrap; padding-block:22px; border-top:1px solid var(--zh-line); }
.zh .sto-footer-links > div { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.zh .sto-footer-links h3 { color:var(--zh-ink); font-size:12px; line-height:1.5; }
.zh .sto-footer-links a { color:var(--zh-muted); font-size:12px; }
.zh .zh-footer a:hover { color:var(--zh-blue); }
.zh .zh-footer__base { font-size:11px; color:var(--zh-muted); border-color:var(--zh-line); padding-block:19px; }
.zh .sto-public-paper p, .zh .sto-public-paper li { color:#475569; font-size:15px; line-height:1.9; }
.zh .sto-public-paper h2 { font-size:21px; }
.zh .sto-public-consent > span, .zh .sto-public-consent > span a { color:#475569; font-size:13px; }
.zh .sto-contact-card p, .zh .sto-contact-card small, .zh .sto-contact-help p { color:#475569; font-size:13px; }
.zh .sto-contact-card .sto-section-no, .zh .sto-section-no { color:#475569; font-size:11px; }
.zh .sto-legal-nav nav a { color:#475569; font-size:13px; }
.zh .sto-policy-meta > span { color:#64748b; font-size:11px; }
.zh .sto-contact-form label { color:#334155; font-size:14px; }
.zh .sto-contact-form input, .zh .sto-contact-form textarea, .zh .sto-contact-form select { font-size:16px; min-height:44px; }
@media(max-width:1100px) {
 .zh .zh-hero__in { gap:35px; }
 .zh .zh-provider-row { grid-template-columns:89px 61px minmax(0,1fr); gap:12px; padding-inline:19px; }
 .zh .zh-ring { width:60px; height:60px; }
 .zh .zh-how-grid { gap:35px; grid-template-columns:.8fr 2fr; }
}
@media(max-width:960px) {
 .zh .zh-hero { padding:52px 0 30px; }
 .zh .zh-hero__in { grid-template-columns:minmax(0,1fr); gap:35px; }
 .zh .zh-hero__copy { max-width:620px; }
 .zh .zh-report { max-width:620px; margin:0; }
 .zh .zh-provider-row { grid-template-columns:120px 68px minmax(0,1fr); gap:20px; padding:20px 24px; }
 .zh .zh-ring { width:67px; height:67px; }
 .zh .zh-coverage { gap:16px 28px; justify-content:flex-start; }
 .zh .zh-packs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .zh .zh-how-grid { grid-template-columns:minmax(0,1fr); gap:27px; }
 .zh .zh-how .zh-head { max-width:none; }
 .zh .zh-faq { gap:40px; grid-template-columns:1fr 1.6fr; }
}
@media(max-width:700px) {
 .zh .zh-wrap { padding-inline:20px; }
 .zh .zh-header__in { min-height:66px; }
 .zh .zh-logo .sto-logo { font-size:16px; }
 .zh .zh-hero { padding:39px 0 27px; }
 .zh .zh-hero__title { font-size:38px; letter-spacing:-1.6px; }
 .zh .zh-hero__lede { font-size:16px; max-width:100%; margin-top:20px; }
 .zh .zh-search { flex-wrap:wrap; }
 .zh .zh-search .zh-btn { flex-basis:100%; width:100%; min-height:44px; }
 .zh .zh-search .zh-btn svg { display:block; }
 .zh .zh-search input { width:0; font-size:16px; min-height:40px; }
 .zh .zh-hero__notes { gap:9px 15px; font-size:12px; }
 .zh .zh-provider-row { grid-template-columns:90px 60px minmax(0,1fr); gap:12px; padding:18px; }
 .zh .zh-ring { width:60px; height:60px; }
 .zh .zh-provider-identity > span:last-child, .zh .zh-provider-metrics dt { font-size:10px; }
 .zh .zh-provider-metrics dd { font-size:16px; }
 .zh .zh-provider-logo svg { max-width:77px; height:17px; }
 .zh .zh-report__head { padding:17px 18px; }
 .zh .zh-report-footer { padding:13px 18px; }
 .zh .zh-report-footer p { font-size:10px; }
 .zh .zh-coverage { margin-top:30px; gap:14px; font-size:12px; }
 .zh .zh-coverage span { flex-basis:calc(50% - 7px); gap:7px; }
 .zh .zh-section { padding-block:48px; }
 .zh .zh-head--split { flex-direction:column; align-items:start; gap:15px; }
 .zh .zh-head--split > .zh-lede { max-width:none; }
 .zh .zh-tools { grid-template-columns:minmax(0,1fr); gap:28px; }
 .zh .zh-tool { padding-top:20px; }
 .zh .zh-tool li, .zh .zh-tool > p { font-size:14px; }
 .zh .zh-how { padding-block:36px; }
 .zh .zh-steps { grid-template-columns:minmax(0,1fr); gap:22px; }
 .zh .zh-steps li { position:relative; padding-left:33px; }
 .zh .zh-steps__n { position:absolute; left:0; top:4px; }
 .zh .zh-steps h3 { font-size:15px; }
 .zh .zh-steps p { font-size:14px; }
 .zh .zh-packs { gap:23px 14px; }
 .zh .zh-pack { padding:24px 17px 19px; }
 .zh .zh-pack.is-best { padding:23px 16px 18px; }
 .zh .zh-pack__price { font-size:32px; margin-top:22px; }
 .zh .zh-pack__price small { margin-left:4px; }
 .zh .zh-pack .zh-btn { font-size:12px; padding-inline:7px; }
 .zh .zh-free-banner { padding:25px; flex-direction:column; align-items:start; gap:19px; margin-top:30px; }
 .zh .zh-free-banner h3 { font-size:20px; }
 .zh .zh-faq { grid-template-columns:minmax(0,1fr); gap:25px; }
 .zh .zh-faq .zh-head { max-width:none; }
 .zh .zh-faq summary { font-size:14px; }
 .zh .zh-faq details p { font-size:14px; }
 .zh .sto-footer-top { grid-template-columns:minmax(0,1fr); gap:28px; }
 .zh .sto-footer-links { gap:19px; }
 .zh .sto-footer-links > div { gap:11px 17px; }
 .zh .zh-footer__base { font-size:11px; gap:13px; }
}
@media(max-width:370px) {
 .zh .zh-wrap { padding-inline:16px; }
 .zh .zh-hero__title { font-size:33px; }
 .zh .zh-provider-row { grid-template-columns:72px 52px minmax(0,1fr); gap:9px; padding-inline:13px; }
 .zh .zh-ring { width:52px; height:52px; }
 .zh .zh-ring b { font-size:19px; }
 .zh .zh-provider-metrics { gap:8px; }
 .zh .zh-provider-logo svg { max-width:70px; height:15px; }
 .zh .zh-report-footer { padding-inline:13px; gap:10px; }
 .zh .zh-sample-export { font-size:10px; padding-inline:7px; }
 .zh .zh-packs { grid-template-columns:minmax(0,1fr); gap:23px; }
 .zh .zh-pack .zh-btn { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .zh *, .zh *::before, .zh *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}