/**
 * Links Pro Tools — public design (header, homepage, newsletter, footer).
 * Loaded last on public pages, so it also sets the shared colour tokens that the
 * older public styles (policies, pricing, contact) read through var(--zh-*).
 *
 * System: Moz DA is always indigo, Ahrefs DR is always orange, both drawn on the
 * same 0–100 track. Everything else stays quiet: white and mist sections, one
 * emerald brand colour, forest green for the closing band and footer.
 */

.zh {
	--lp-ink: #13202a;
	--lp-ink-2: #3e4c57;
	--lp-muted: #63707a;
	--lp-line: #dce4e0;
	--lp-mist: #f0f4f2;
	--lp-brand: #0b7a5c;
	--lp-brand-d: #075e46;
	--lp-brand-soft: #e2f1ea;
	--lp-da: #3654d9;
	--lp-dr: #e0702a;
	--lp-track: #e8eeeb;
	--lp-forest: #0d2a21;
	--lp-display: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

	/* Older public styles read these. */
	--zh-ink: #13202a;
	--zh-ink-2: #3e4c57;
	--zh-muted: #63707a;
	--zh-line: #dce4e0;
	--zh-soft: #f0f4f2;
	--zh-blue: #0b7a5c;
	--zh-blue-d: #075e46;
	--zh-blue-soft: #e2f1ea;
	--zh-navy: #0d2a21;
	color: var(--lp-ink);
}
.zh :focus-visible { outline: 2px solid var(--lp-brand); outline-offset: 3px; }
.zh .sto-honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Buttons ---------- */
.zh .lp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 0 18px; border: 1.5px solid transparent; border-radius: 10px;
	font: 600 15px/1 var(--zh-body, Inter, sans-serif); white-space: nowrap; cursor: pointer;
	text-decoration: none; transition: background-color .15s, border-color .15s, color .15s;
}
.zh .lp-btn svg { width: 18px; height: 18px; }
.zh .lp-btn--brand { background: var(--lp-brand); border-color: var(--lp-brand); color: #fff; }
.zh .lp-btn--brand:hover { background: var(--lp-brand-d); border-color: var(--lp-brand-d); color: #fff; }
.zh .lp-btn--line { background: #fff; border-color: var(--lp-line); color: var(--lp-ink); }
.zh .lp-btn--line:hover { border-color: var(--lp-ink); }
.zh .lp-btn--quiet { background: transparent; color: var(--lp-ink-2); }
.zh .lp-btn--quiet:hover { background: var(--lp-mist); color: var(--lp-ink); }
.zh .lp-btn--light { background: #fff; border-color: #fff; color: var(--lp-forest); }
.zh .lp-btn--light:hover { background: var(--lp-brand-soft); border-color: var(--lp-brand-soft); }

/* ---------- Header ---------- */
.zh .lp-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--lp-line); }
@supports (backdrop-filter: blur(8px)) { .zh .lp-header { background: rgba(255,255,255,.88); backdrop-filter: blur(10px); } }
.zh .lp-header__in { display: flex; align-items: center; gap: 32px; min-height: 72px; position: relative; }
.zh .lp-logo { display: inline-flex; align-items: center; flex: none; color: var(--lp-ink); }
.zh .lp-logo .sto-logo, .zh .lp-footer__logo .sto-logo { display: inline-flex; align-items: center; gap: 10px; }
.zh .lp-logo .sto-mark { width: 34px; height: 34px; }
.zh .lp-logo .sto-logo__name { font: 800 19px/1 var(--lp-display); letter-spacing: -.02em; color: var(--lp-ink); }
.zh .lp-logo .sto-logo__img { max-height: 40px; width: auto; }
.zh .lp-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.zh .lp-nav > a { font-size: 15px; font-weight: 600; color: var(--lp-ink-2); }
.zh .lp-nav > a:hover { color: var(--lp-ink); }
.zh .lp-nav__auth { display: none; }
.zh .lp-header__cta { display: flex; align-items: center; gap: 8px; }
.zh .lp-burger { display: none; width: 44px; height: 44px; margin-left: auto; padding: 12px 11px; border: 1.5px solid var(--lp-line); border-radius: 10px; background: #fff; cursor: pointer; flex-direction: column; justify-content: space-between; }
.zh .lp-burger i { display: block; height: 2px; border-radius: 2px; background: var(--lp-ink); }
.zh .lp-burger[aria-expanded="true"] { border-color: var(--lp-ink); }

.zh .lp-notice { background: var(--lp-brand-soft); color: var(--lp-brand-d); font-size: 14px; font-weight: 600; text-align: center; padding: 10px 0; }
.zh .lp-notice a { text-decoration: underline; text-underline-offset: 3px; margin-left: 6px; }

/* ---------- Type ---------- */
.zh .lp-h2 { font: 800 clamp(1.85rem, 1.3rem + 1.9vw, 2.6rem)/1.12 var(--lp-display); letter-spacing: -.03em; color: var(--lp-ink); }
.zh .lp-lede { margin-top: 14px; max-width: 58ch; font-size: 17px; line-height: 1.65; color: var(--lp-ink-2); }
.zh .lp-lede a { color: var(--lp-brand); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.zh .lp-head { margin-bottom: 44px; }
.zh .lp-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex: none; }
.zh .lp-dot--da { background: var(--lp-da); }
.zh .lp-dot--dr { background: var(--lp-dr); }

/* ---------- Hero ---------- */
.zh .lp-hero { padding: 76px 0 92px; border-bottom: 1px solid var(--lp-line); }
.zh .lp-hero__in { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 64px; align-items: center; }
.zh .lp-kicker { display: flex; align-items: center; gap: 6px; margin-bottom: 22px; font-size: 15px; font-weight: 600; color: var(--lp-ink-2); }
.zh .lp-kicker .lp-dot--dr { margin-left: -9px; margin-right: 6px; box-shadow: 0 0 0 2px #fff; }
.zh .lp-hero__title { font: 800 clamp(2.6rem, 1.5rem + 3.9vw, 4.15rem)/1.03 var(--lp-display); letter-spacing: -.04em; color: var(--lp-ink); max-width: 13em; }
.zh .lp-hero__lede { margin-top: 22px; max-width: 50ch; font-size: 18px; line-height: 1.6; color: var(--lp-ink-2); }

.zh .lp-check { display: flex; align-items: center; gap: 8px; margin-top: 34px; max-width: 580px; padding: 6px 6px 6px 14px; background: #fff; border: 1.5px solid #c9d5cf; border-radius: 14px; transition: border-color .15s, box-shadow .15s; }
.zh .lp-check:focus-within { border-color: var(--lp-brand); box-shadow: 0 0 0 4px var(--lp-brand-soft); }
.zh .lp-check__icon { display: inline-flex; color: var(--lp-muted); }
.zh .lp-check input { flex: 1; min-width: 0; height: 48px; border: 0; outline: 0; background: transparent; font: 500 17px var(--zh-body, Inter, sans-serif); color: var(--lp-ink); }
.zh .lp-check input::placeholder { color: #8a969e; }
.zh .lp-check .lp-btn { min-height: 48px; padding: 0 22px; font-size: 16px; }
.zh .lp-check__err { margin-top: 10px; font-size: 14px; font-weight: 600; color: #b42318; }
.zh .lp-hero__notes { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 20px; }
.zh .lp-hero__notes li { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: var(--lp-ink-2); }
.zh .lp-hero__notes svg { width: 16px; height: 16px; color: var(--lp-brand); }

/* The sample sheet: the one loud element on the page. */
.zh .lp-sheet { margin: 0; background: #fff; border: 1px solid var(--lp-line); border-radius: 18px; box-shadow: 0 1px 0 rgba(19,32,42,.04), 0 28px 60px -36px rgba(11,122,92,.45); overflow: hidden; }
.zh .lp-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 18px 22px; border-bottom: 1px solid var(--lp-line); font-size: 15px; font-weight: 700; color: var(--lp-ink); }
.zh .lp-sheet__legend { display: flex; gap: 14px; font-size: 13px; font-weight: 600; color: var(--lp-ink-2); }
.zh .lp-sheet__legend > span { display: inline-flex; align-items: center; gap: 6px; }
.zh .lp-sheet__legend .lp-dot { width: 8px; height: 8px; }
.zh .lp-sheet__table { width: 100%; border-collapse: collapse; }
.zh .lp-sheet__table thead th { padding: 12px 22px 8px; text-align: left; font-size: 12px; font-weight: 600; color: var(--lp-muted); }
.zh .lp-sheet__table tbody th { width: 46%; padding: 14px 12px 14px 22px; text-align: left; font-size: 15px; font-weight: 600; color: var(--lp-ink); overflow-wrap: anywhere; }
.zh .lp-sheet__table td { padding: 14px 22px 14px 0; }
.zh .lp-sheet__table tbody tr + tr > * { border-top: 1px solid #edf2ef; }
.zh .lp-bar { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: center; gap: 10px; }
.zh .lp-bar + .lp-bar { margin-top: 7px; }
.zh .lp-bar--da { color: var(--lp-da); }
.zh .lp-bar--dr { color: var(--lp-dr); }
.zh .lp-bar i { position: relative; display: block; height: 8px; border-radius: 99px; background: var(--lp-track); overflow: hidden; }
.zh .lp-bar i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 1%); border-radius: inherit; background: currentColor; transform-origin: left center; animation: lp-grow .9s cubic-bezier(.2,.7,.2,1) both; }
.zh .lp-bar b { font: 700 14px/1 var(--lp-display); font-variant-numeric: tabular-nums; color: var(--lp-ink); text-align: right; }
.zh .lp-sheet__table tbody tr:nth-child(2) .lp-bar i::after { animation-delay: .08s; }
.zh .lp-sheet__table tbody tr:nth-child(3) .lp-bar i::after { animation-delay: .16s; }
.zh .lp-sheet__table tbody tr:nth-child(4) .lp-bar i::after { animation-delay: .24s; }
@keyframes lp-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.zh .lp-sheet__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 22px; background: var(--lp-mist); border-top: 1px solid var(--lp-line); font-size: 13px; color: var(--lp-muted); }
.zh .lp-linkbtn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 4px; border: 0; background: none; font: 600 13px var(--zh-body, Inter, sans-serif); color: var(--lp-brand); cursor: pointer; }
.zh .lp-linkbtn svg { width: 16px; height: 16px; }
.zh .lp-linkbtn:hover { color: var(--lp-brand-d); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Sections ---------- */
.zh .lp-section { padding: 96px 0; scroll-margin-top: 72px; }
.zh .lp-section--mist { background: var(--lp-mist); }
.zh #seo-checker { position: relative; top: -72px; display: block; height: 0; }

/* DA / DR explainer */
.zh .lp-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.zh .lp-metric { padding-top: 26px; border-top: 4px solid; }
.zh .lp-metric--da { border-color: var(--lp-da); }
.zh .lp-metric--dr { border-color: var(--lp-dr); }
.zh .lp-metric__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.zh .lp-metric__logo .zsw2-met__logo { display: block; height: 22px; width: auto; }
.zh .lp-metric__tag { font: 800 64px/.8 var(--lp-display); letter-spacing: -.05em; }
.zh .lp-metric--da .lp-metric__tag { color: var(--lp-da); }
.zh .lp-metric--dr .lp-metric__tag { color: var(--lp-dr); }
.zh .lp-metric h3 { font: 700 24px/1.25 var(--lp-display); letter-spacing: -.02em; }
.zh .lp-metric p { margin-top: 10px; max-width: 48ch; font-size: 16px; line-height: 1.65; color: var(--lp-ink-2); }
.zh .lp-metric .lp-metric__use { margin-top: 14px; font-weight: 600; color: var(--lp-ink); }

.zh .lp-scale { margin-top: 72px; }
.zh .lp-scale__title { font: 700 18px/1.3 var(--lp-display); letter-spacing: -.01em; }
.zh .lp-scale__track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-top: 18px; }
.zh .lp-scale__track li { padding-top: 14px; border-top: 8px solid; }
.zh .lp-scale__track li:nth-child(1) { border-color: #cfe9df; }
.zh .lp-scale__track li:nth-child(2) { border-color: #9fd5c0; }
.zh .lp-scale__track li:nth-child(3) { border-color: #5fb898; }
.zh .lp-scale__track li:nth-child(4) { border-color: #23946f; }
.zh .lp-scale__track li:nth-child(5) { border-color: #0b6b50; }
.zh .lp-scale__track b { display: block; font: 700 16px/1.2 var(--lp-display); font-variant-numeric: tabular-nums; }
.zh .lp-scale__track span { display: block; margin-top: 3px; font-size: 14px; color: var(--lp-ink-2); }
.zh .lp-scale__note { margin-top: 22px; max-width: 72ch; font-size: 15px; line-height: 1.65; color: var(--lp-muted); }

/* Who it is for */
.zh .lp-who { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: start; }
.zh .lp-head--side { margin-bottom: 0; }
.zh .lp-who__list { margin: 0; border-top: 1px solid #cfdad4; }
.zh .lp-who__list > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px; padding: 22px 0; border-bottom: 1px solid #cfdad4; }
.zh .lp-who__list dt { font: 700 17px/1.4 var(--lp-display); color: var(--lp-ink); }
.zh .lp-who__list dd { margin: 0; font-size: 16px; line-height: 1.6; color: var(--lp-ink-2); }

/* Steps (a real sequence, so numbered) */
.zh .lp-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; counter-reset: none; }
.zh .lp-steps li { position: relative; }
.zh .lp-steps__n { display: inline-grid; place-items: center; width: 40px; height: 40px; margin-bottom: 18px; border: 1.5px solid var(--lp-brand); border-radius: 50%; font: 700 16px/1 var(--lp-display); color: var(--lp-brand); background: #fff; position: relative; z-index: 1; }
.zh .lp-steps li:not(:last-child)::before { content: ""; position: absolute; top: 20px; left: 52px; right: -28px; border-top: 1.5px dashed #b9cfc5; }
.zh .lp-steps h3 { font: 700 20px/1.3 var(--lp-display); letter-spacing: -.015em; }
.zh .lp-steps p { margin-top: 8px; max-width: 34ch; font-size: 16px; line-height: 1.6; color: var(--lp-ink-2); }

/* Packs */
.zh .lp-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; }
.zh .lp-pack { display: flex; flex-direction: column; padding: 26px 24px 24px; background: #fff; border: 1px solid var(--lp-line); border-radius: 14px; }
.zh .lp-pack.is-best { border: 2px solid var(--lp-brand); padding: 25px 23px 23px; }
.zh .lp-pack__name { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font: 700 17px/1.3 var(--lp-display); }
.zh .lp-pack__badge { padding: 3px 9px; border-radius: 99px; background: var(--lp-brand-soft); font: 700 12px/1.4 var(--zh-body, Inter, sans-serif); color: var(--lp-brand-d); letter-spacing: 0; }
.zh .lp-pack__price { margin-top: 16px; font: 800 38px/1 var(--lp-display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.zh .lp-pack__price small { font: 600 13px var(--zh-body, Inter, sans-serif); letter-spacing: 0; color: var(--lp-muted); }
.zh .lp-pack__credits { margin-top: 14px; font-size: 16px; font-weight: 600; }
.zh .lp-pack__credits span { display: block; margin-top: 2px; font-size: 14px; font-weight: 400; color: var(--lp-ink-2); }
.zh .lp-pack__per { margin-top: 6px; margin-bottom: 22px; font-size: 13px; color: var(--lp-muted); }
.zh .lp-pack .lp-btn { margin-top: auto; width: 100%; }
.zh .lp-paynote { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-top: 28px; font-size: 15px; color: var(--lp-ink-2); }
.zh .lp-paynote a { color: var(--lp-brand); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.zh .lp-paynote__gw { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: var(--lp-muted); }
.zh .lp-paynote__gw b { padding: 4px 10px; border: 1px solid #cfdad4; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 700; color: var(--lp-ink); }

/* FAQ */
.zh .lp-faq__in { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 64px; align-items: start; }
.zh .lp-faq__list { border-top: 1px solid var(--lp-line); }
.zh .lp-faq__list details { border-bottom: 1px solid var(--lp-line); }
.zh .lp-faq__list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; list-style: none; cursor: pointer; font: 700 18px/1.4 var(--lp-display); letter-spacing: -.01em; color: var(--lp-ink); }
.zh .lp-faq__list summary::-webkit-details-marker { display: none; }
.zh .lp-faq__list summary:hover { color: var(--lp-brand-d); }
.zh .lp-faq__sign { position: relative; width: 14px; height: 14px; flex: none; }
.zh .lp-faq__sign::before, .zh .lp-faq__sign::after { content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s; }
.zh .lp-faq__sign::after { transform: rotate(90deg); }
.zh .lp-faq__list details[open] .lp-faq__sign::after { transform: rotate(0deg); }
.zh .lp-faq__list details p { padding: 0 40px 24px 0; max-width: 66ch; font-size: 16px; line-height: 1.7; color: var(--lp-ink-2); }

/* Closing band */
.zh .lp-cta { padding: 72px 0; background: var(--lp-forest); color: #fff; }
.zh .lp-cta__in { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.zh .lp-cta h2 { font: 800 clamp(1.8rem, 1.3rem + 1.6vw, 2.4rem)/1.15 var(--lp-display); letter-spacing: -.03em; color: #fff; }
.zh .lp-cta p { margin-top: 10px; font-size: 17px; color: #b9d6c9; }
.zh .lp-cta .lp-btn { min-height: 52px; padding: 0 26px; font-size: 16px; }

/* ---------- Newsletter ---------- */
.zh .lp-news { padding: 56px 0; background: #fff; border-top: 1px solid var(--lp-line); }
.zh .lp-news__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.zh .lp-news h2 { font: 700 22px/1.3 var(--lp-display); letter-spacing: -.02em; }
.zh .lp-news__copy p { margin-top: 6px; font-size: 15px; color: var(--lp-ink-2); }
.zh .lp-news__row { display: flex; gap: 8px; padding: 5px; border: 1.5px solid #c9d5cf; border-radius: 12px; background: #fff; }
.zh .lp-news__row:focus-within { border-color: var(--lp-brand); box-shadow: 0 0 0 4px var(--lp-brand-soft); }
.zh .lp-news__row input { flex: 1; min-width: 0; padding: 0 10px; border: 0; outline: 0; background: transparent; font: 500 16px var(--zh-body, Inter, sans-serif); color: var(--lp-ink); }
.zh .lp-news__consent { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; font-size: 13px; line-height: 1.5; color: var(--lp-ink-2); }
.zh .lp-news__consent input { margin-top: 2px; accent-color: var(--lp-brand); }
.zh .lp-news__consent a { color: var(--lp-brand); text-decoration: underline; text-underline-offset: 2px; }
.zh .lp-news__notice { margin-top: 10px; font-size: 14px; font-weight: 600; color: var(--lp-brand-d); }
.zh .lp-news__notice.is-error { color: #b42318; }

/* ---------- Footer ---------- */
.zh .lp-footer { padding: 64px 0 28px; background: var(--lp-forest); color: #b9d6c9; }
.zh .lp-footer__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 40px; }
.zh .lp-footer__logo { display: inline-flex; color: #fff; }
.zh .lp-footer__logo .sto-mark { width: 32px; height: 32px; }
.zh .lp-footer__logo .sto-logo__name { font: 800 18px/1 var(--lp-display); letter-spacing: -.02em; color: #fff; }
.zh .lp-footer__logo .sto-logo__img { max-height: 40px; width: auto; }
.zh .lp-footer__brand p { margin-top: 16px; max-width: 36ch; font-size: 15px; line-height: 1.6; }
.zh .lp-footer__email { display: inline-block; margin-top: 14px; font-weight: 600; color: #fff; }
.zh .lp-footer__email:hover { text-decoration: underline; text-underline-offset: 3px; }
.zh .lp-footer__nav { display: flex; flex-direction: column; gap: 10px; }
.zh .lp-footer__nav h3 { margin-bottom: 4px; font: 700 14px/1.4 var(--lp-display); letter-spacing: 0; color: #fff; }
.zh .lp-footer__nav a { font-size: 15px; color: #cfe3da; }
.zh .lp-footer__nav a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.zh .lp-footer__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 52px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); font-size: 13px; line-height: 1.6; color: #9fc2b3; }
.zh .lp-footer :focus-visible { outline-color: #a7e8cf; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.zh .lp-hero__in { grid-template-columns: minmax(0, 1fr); gap: 48px; }
	.zh .lp-sheet { max-width: 620px; }
	.zh .lp-who, .zh .lp-faq__in { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.zh .lp-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.zh .lp-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
	.zh .lp-header__cta { display: none; }
	.zh .lp-burger { display: flex; }
	.zh .lp-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 8px 20px 20px; background: #fff; border-bottom: 1px solid var(--lp-line); box-shadow: 0 18px 30px -24px rgba(19,32,42,.4); }
	.zh .lp-nav.is-open { display: flex; }
	.zh .lp-nav > a { padding: 14px 0; border-bottom: 1px solid #edf2ef; font-size: 16px; }
	.zh .lp-nav__auth { display: flex; gap: 8px; padding-top: 16px; }
	.zh .lp-nav__auth .lp-btn { flex: 1; }
	.zh .lp-nav__auth .lp-btn--quiet { border-color: var(--lp-line); }
	.zh .lp-steps { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.zh .lp-steps li { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 18px; }
	.zh .lp-steps__n { grid-row: span 2; margin: 0; }
	.zh .lp-steps li:not(:last-child)::before { top: 48px; bottom: -24px; left: 20px; right: auto; border-top: 0; border-left: 1.5px dashed #b9cfc5; }
}
@media (max-width: 720px) {
	.zh .lp-hero { padding: 48px 0 64px; }
	.zh .lp-section { padding: 68px 0; }
	.zh .lp-metrics { grid-template-columns: minmax(0, 1fr); gap: 44px; }
	.zh .lp-metric__tag { font-size: 52px; }
	.zh .lp-scale { margin-top: 52px; }
	.zh .lp-scale__track { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.zh .lp-scale__track li { display: flex; align-items: baseline; gap: 12px; padding: 10px 0 10px 14px; border-top: 0; border-left: 8px solid; }
	.zh .lp-scale__track b { width: 64px; flex: none; }
	.zh .lp-scale__track span { margin: 0; }
	.zh .lp-who__list > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.zh .lp-news__in { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.zh .lp-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
}
@media (max-width: 520px) {
	.zh .lp-check { flex-wrap: wrap; padding: 6px; }
	.zh .lp-check__icon { padding-left: 8px; }
	.zh .lp-check .lp-btn { width: 100%; }
	.zh .lp-sheet__head, .zh .lp-sheet__foot { padding-inline: 16px; }
	.zh .lp-sheet__table thead { display: none; }
	.zh .lp-sheet__table tbody tr { display: block; padding: 14px 16px; }
	.zh .lp-sheet__table tbody tr + tr { border-top: 1px solid #edf2ef; }
	.zh .lp-sheet__table tbody tr + tr > * { border-top: 0; }
	.zh .lp-sheet__table tbody th, .zh .lp-sheet__table td { display: block; width: auto; padding: 0; }
	.zh .lp-sheet__table tbody th { margin-bottom: 8px; font-size: 14px; }
	.zh .lp-news__row { flex-wrap: wrap; }
	.zh .lp-news__row input { height: 44px; }
	.zh .lp-news__row .lp-btn { width: 100%; }
	.zh .lp-cta .lp-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.zh .lp-bar i::after { animation: none; }
	.zh .lp-btn, .zh .lp-check, .zh .lp-faq__sign::before, .zh .lp-faq__sign::after { transition: none; }
}