/* Native product presentation. Hallmark review: P5 H5 E5 S5 R5 V5. */
:root {
    --nv-paper: #fbfdfb;
    --nv-surface: #f0f8f2;
    --nv-ink: #18231d;
    --nv-muted: #64756a;
    --nv-line: #d9e7dd;
    --nv-green: #159b61;
    --nv-green-deep: #087044;
    --nv-green-soft: #e7f6ec;
    --nv-green-faint: #f4faf6;
    --nv-shadow: rgba(26, 58, 39, .15);
    --nv-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
}

body { color: var(--nv-ink); background: var(--nv-paper); font-family: var(--nv-font); }
.cl-header { background: color-mix(in srgb, var(--nv-paper) 94%, transparent); border-color: var(--nv-line); }
.cl-nav { display: grid; grid-template-columns: auto minmax(0, 1fr); min-height: 82px; align-items: center; gap: clamp(28px, 4vw, 68px); }
.cl-nav nav { justify-self: end; min-width: 0; }
.cl-brand { gap: 11px; }
.cl-brand-mark { width: 36px; height: 36px; border: 0; background: var(--nv-ink); font-family: var(--nv-font); font-size: 16px; font-weight: 700; }
.cl-brand-word { font-family: var(--nv-font); font-size: 18px; font-weight: 650; letter-spacing: -.025em; }
.cl-brand-note { color: var(--nv-muted); }
.cl-nav-links { gap: 26px; align-items: center; }
.cl-nav-links li { display: flex; align-items: center; }
.cl-nav-links a { min-height: 42px; gap: 10px; color: var(--nv-muted); font-size: 15px; font-weight: 520; line-height: 1; }
.cl-nav-product-icon { width: 30px; height: 30px; flex: 0 0 30px; border: 0; border-radius: 9px; background: transparent; object-fit: cover; }
.cl-nav-home-icon { display: block; width: 30px; height: 30px; flex: 0 0 30px; background: var(--nv-green); color: transparent; font-size: 0; -webkit-mask: url("home-star.svg") center / 21px 21px no-repeat; mask: url("home-star.svg") center / 21px 21px no-repeat; }
.cl-nav-links a[aria-current="page"] { color: var(--nv-ink); }
.cl-nav-cta { border-color: var(--nv-line); color: var(--nv-ink) !important; background: var(--nv-paper); }
.cl-nav-cta:hover, .cl-nav-cta:focus-visible { border-color: var(--nv-green); background: var(--nv-green); }

.cl-overline, .cl-product-kicker { color: var(--nv-green-deep); font-family: var(--nv-font); font-size: 11px; font-weight: 700; letter-spacing: .06em; }
.cl-button { min-height: 48px; border: 0; color: var(--nv-green-deep); background: var(--nv-green-soft); box-shadow: none; font-family: var(--nv-font); font-size: 14px; font-weight: 620; transition: transform .22s ease, color .22s ease, background-color .22s ease, box-shadow .22s ease; }
.cl-button:hover, .cl-button:focus-visible { border: 0; color: var(--nv-green-deep); background: #d9f1e3; box-shadow: 0 8px 18px var(--nv-shadow); transform: translateY(-1px); }
.cl-button-solid { color: #fff; background: var(--nv-green); }
.cl-button-solid:hover, .cl-button-solid:focus-visible { color: #fff; background: var(--nv-green-deep); box-shadow: 0 10px 22px rgba(8, 112, 68, .22); }

.nv-home-hero { padding: clamp(88px, 10vw, 136px) 0 116px; border: 0; }
.nv-home-hero .cl-hero-grid { grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); gap: clamp(56px, 7vw, 104px); align-items: center; }
.nv-home-hero .cl-home-hero-copy h1 { max-width: 570px; font-family: var(--nv-font); font-size: clamp(45px, 4.45vw, 66px); font-weight: 650; line-height: 1.08; letter-spacing: -.045em; }
.nv-home-hero .cl-lede { max-width: 495px; margin-top: 25px; color: var(--nv-muted); font-size: 16px; line-height: 1.85; }
.nv-home-hero .cl-note { color: var(--nv-muted); }
.nv-home-hero .cl-actions { margin-top: 31px; }
.nv-home-hero .cl-download-actions { display: grid; max-width: 360px; gap: 9px; }
.nv-home-hero .cl-download-button { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; justify-content: stretch; min-height: 58px; padding: 8px 12px 8px 10px; border: 0; border-radius: 18px; background: var(--nv-green-soft); box-shadow: none; color: var(--nv-green-deep); overflow: hidden; transition: background-color .42s cubic-bezier(.16, 1, .3, 1), color .42s cubic-bezier(.16, 1, .3, 1), transform .42s cubic-bezier(.16, 1, .3, 1); }
.nv-home-hero .cl-download-button::after { content: ""; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .42) 46%, transparent 78%); opacity: 0; transform: translateX(-42%); transition: opacity .42s cubic-bezier(.16, 1, .3, 1), transform .64s cubic-bezier(.16, 1, .3, 1); pointer-events: none; }
.nv-home-hero .cl-download-button:hover, .nv-home-hero .cl-download-button:focus-visible { background: #d9f1e3; box-shadow: none; transform: translateX(5px); }
.nv-home-hero .cl-download-button:hover::after, .nv-home-hero .cl-download-button:focus-visible::after { opacity: 1; transform: translateX(42%); }
.nv-home-hero .cl-download-button.cl-button-solid { background: var(--nv-green); color: #fff; }
.nv-home-hero .cl-download-button.cl-button-solid:hover, .nv-home-hero .cl-download-button.cl-button-solid:focus-visible { background: var(--nv-green-deep); box-shadow: none; }
.nv-home-hero .cl-download-button img { position: relative; z-index: 1; width: 34px; height: 34px; border-radius: 10px; transition: transform .42s cubic-bezier(.16, 1, .3, 1); }
.nv-home-hero .cl-download-button:hover img, .nv-home-hero .cl-download-button:focus-visible img { transform: scale(1.04); }
.nv-home-hero .cl-download-button span { position: relative; z-index: 1; min-width: 0; white-space: nowrap; }
.nv-home-hero .cl-download-button small { padding: 0; border: 0; font-size: 11px; opacity: .72; }

.nv-home-showcase { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: clamp(14px, 2vw, 24px); min-height: clamp(520px, 48vw, 650px); margin: 0; padding: 28px 0 24px; }
.nv-home-showcase::before { content: ""; position: absolute; inset: 7% 2% 11% 6%; border-radius: 42px; background: linear-gradient(135deg, var(--nv-green-faint), rgba(231, 246, 236, .42)); box-shadow: inset 0 0 0 1px rgba(21, 155, 97, .08); transform: rotate(-1.4deg); }
.nv-show-card { position: relative; z-index: 1; display: grid; justify-items: center; min-width: 0; margin: 0; transition: transform .28s ease, filter .28s ease; filter: drop-shadow(0 18px 22px var(--nv-shadow)); }
.nv-show-card:hover { transform: translateY(-4px); }
.nv-show-card > img { width: auto; max-width: 100%; object-fit: contain; border-radius: 24px; }
.nv-show-card-health { align-self: end; transform: translateY(30px) rotate(-2.3deg); }
.nv-show-card-health:hover { transform: translateY(22px) rotate(-2.3deg); }
.nv-show-card-config { align-self: start; transform: translateY(-18px) rotate(1.3deg); }
.nv-show-card-config:hover { transform: translateY(-26px) rotate(1.3deg); }
.nv-show-card-monitor { align-self: center; transform: translateY(12px) rotate(-.6deg); }
.nv-show-card-monitor:hover { transform: translateY(4px) rotate(-.6deg); }
.nv-show-card-health > img, .nv-show-card-config > img { height: min(520px, 38vw); }
.nv-show-card-monitor > img { height: min(565px, 42vw); }
.nv-show-label { position: absolute; top: 14px; left: 50%; z-index: 2; display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 5px 10px 5px 6px; border-radius: 999px; background: color-mix(in srgb, var(--nv-paper) 86%, transparent); color: var(--nv-ink); font-size: 12px; font-weight: 650; line-height: 1; white-space: nowrap; box-shadow: 0 7px 14px rgba(24, 35, 29, .08); transform: translateX(-50%); backdrop-filter: blur(14px); }
.nv-show-label img { width: 20px; height: 20px; border-radius: 6px; }

.nv-home-products { padding: 112px 0 124px; border-top: 1px solid var(--nv-line); }
.nv-home-products .cl-section-head { grid-template-columns: minmax(160px, 1fr) minmax(520px, 660px); gap: 50px; margin-bottom: 30px; }
.cl-section-head > div { grid-column: 2; justify-self: stretch; width: 100%; }
.cl-section-head > div h2,
.cl-section-head > div p { width: 100%; max-width: none; }
.nv-home-products .cl-section-head h2 { font-family: var(--nv-font); font-size: clamp(34px, 3.8vw, 52px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
.nv-home-products .cl-section-head p { color: var(--nv-muted); font-size: 16px; }
.nv-home-products .cl-product-sheet { position: relative; grid-template-columns: minmax(0, .82fr) minmax(280px, .58fr); gap: clamp(52px, 8vw, 130px); min-height: 620px; padding: 84px 0; border-color: var(--nv-line); overflow: visible; }
.nv-home-products .cl-product-sheet::before { content: ""; position: absolute; inset: 50px 0 50px auto; width: min(47%, 560px); border-radius: 36px; background: linear-gradient(135deg, var(--nv-green-faint), rgba(231, 246, 236, .45)); transform: rotate(-1deg); }
.nv-home-products .cl-product-sheet-monitor::before { transform: rotate(1deg); }
.nv-home-products .cl-product-sheet-tool::before { background: linear-gradient(135deg, #f7fbf8, rgba(231, 246, 236, .34)); transform: rotate(-.7deg); }
.nv-home-products .cl-product-index { grid-column: 1; grid-row: 1; align-self: start; display: inline-flex; width: fit-content; align-items: center; gap: 10px; color: var(--nv-muted); font-size: 12px; font-weight: 600; }
.nv-home-products .cl-product-number { display: inline-grid; width: 30px; height: 30px; place-items: center; border-radius: 999px; background: var(--nv-green-soft); color: var(--nv-green-deep); font-family: var(--nv-font); font-size: 12px; font-weight: 750; }
.nv-home-products .cl-product-sheet-copy { position: relative; z-index: 1; grid-column: 1; grid-row: 1; align-self: center; max-width: 520px; padding-top: 46px; }
.nv-home-products .cl-product-title { gap: 18px; }
.nv-home-products .cl-product-row-icon { width: 52px; height: 52px; border: 0; border-radius: 15px; background: transparent; }
.nv-home-products .cl-product-title h3 { font-family: var(--nv-font); font-size: clamp(32px, 3.4vw, 48px); font-weight: 650; line-height: 1.08; letter-spacing: -.04em; }
.nv-home-products .cl-product-sheet-copy > p { max-width: 460px; margin-top: 24px; color: var(--nv-muted); font-size: 16px; line-height: 1.86; }
.nv-home-products .cl-text-link { position: relative; display: inline-flex; align-items: center; gap: 10px; margin-top: 30px; color: var(--nv-green-deep); font-weight: 680; text-decoration: none; }
.nv-home-products .cl-text-link::after { content: ""; width: 22px; height: 1px; background: currentColor; transform-origin: left center; transition: transform .32s cubic-bezier(.16, 1, .3, 1); }
.nv-home-products .cl-text-link:hover::after, .nv-home-products .cl-text-link:focus-visible::after { transform: scaleX(1.45); }
.nv-home-products .cl-product-sheet-screen { position: relative; z-index: 1; grid-column: 2; grid-row: 1; align-self: center; justify-items: center; margin: 0; filter: drop-shadow(0 18px 22px rgba(26, 58, 39, .12)); transition: transform .38s cubic-bezier(.16, 1, .3, 1), filter .38s cubic-bezier(.16, 1, .3, 1); }
.nv-home-products .cl-product-sheet-screen:hover { transform: translateY(-6px); filter: drop-shadow(0 24px 26px rgba(26, 58, 39, .16)); }
.nv-home-products .cl-product-sheet-screen img { width: auto; max-width: 100%; height: min(540px, 41vw); border: 0; border-radius: 26px; background: transparent; object-fit: contain; }
.nv-home-products .cl-product-sheet-monitor .cl-product-sheet-screen img { height: min(560px, 42vw); }
.nv-home-products .cl-product-sheet-tool .cl-product-sheet-screen img { height: min(520px, 40vw); }
.nv-home-products .cl-product-sheet-lite { grid-template-columns: 92px minmax(0, 1fr) minmax(270px, .56fr) 58px; gap: clamp(22px, 4vw, 58px); min-height: 0; padding: 58px 0; align-items: center; }
.nv-home-products .cl-product-sheet-lite::before { inset: 22px 0 22px auto; width: min(42%, 520px); border-radius: 0; background: linear-gradient(90deg, rgba(231, 246, 236, 0), rgba(231, 246, 236, .72)); transform: none; }
.nv-home-products .cl-product-sheet-lite .cl-product-index { grid-column: 1; }
.nv-home-products .cl-product-sheet-lite .cl-product-sheet-copy { grid-column: 2; padding-top: 0; }
.cl-product-lite-meta { position: relative; z-index: 1; grid-column: 3; grid-row: 1; align-self: center; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.cl-product-lite-meta span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid rgba(21, 155, 97, .16); border-radius: 999px; color: var(--nv-green-deep); font-size: 12px; font-weight: 650; line-height: 1; background: color-mix(in srgb, var(--nv-paper) 82%, transparent); backdrop-filter: blur(12px); }
.cl-product-lite-meta span:last-child { border-bottom: 1px solid rgba(21, 155, 97, .16); }
.cl-product-lite-meta span::after { content: none; }
.cl-product-row-action { position: relative; z-index: 1; grid-column: 4; grid-row: 1; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 999px; color: var(--nv-green-deep); background: transparent; text-decoration: none; transition: background-color .32s cubic-bezier(.16, 1, .3, 1), color .32s cubic-bezier(.16, 1, .3, 1), transform .32s cubic-bezier(.16, 1, .3, 1); }
.cl-product-row-action span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cl-product-row-action::before { content: ""; width: 18px; height: 18px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateX(-3px) rotate(45deg); transition: transform .32s cubic-bezier(.16, 1, .3, 1); }
.cl-product-row-action:hover, .cl-product-row-action:focus-visible { color: #fff; background: var(--nv-green); transform: translateX(4px); }
.cl-product-row-action:hover::before, .cl-product-row-action:focus-visible::before { transform: translateX(0) rotate(45deg); }

.cl-product-hero { padding: 96px 0 106px; }
.cl-product-hero-grid { grid-template-columns: minmax(0, .82fr) minmax(400px, 1.18fr); gap: clamp(54px, 7vw, 106px); }
.cl-product-icon { width: 54px; height: 54px; margin-bottom: 23px; border: 0; border-radius: 15px; }
.cl-product-hero h1 { max-width: 570px; font-family: var(--nv-font); font-size: clamp(40px, 4.55vw, 60px); font-weight: 650; line-height: 1.09; letter-spacing: -.04em; }
.cl-product-hero .cl-lede { max-width: 510px; margin-top: 22px; color: var(--nv-muted); font-size: 16px; line-height: 1.84; }
.cl-hero-paths { gap: 14px; margin-top: 22px; }
.cl-hero-paths a { color: var(--nv-green-deep); font-size: 12px; font-weight: 650; }
.cl-product-hero .cl-actions { margin-top: 30px; }
.nv-product-hero { border-bottom: 1px solid var(--nv-line); }
.nv-product-hero .cl-actions { gap: 10px; }
.nv-product-stage { position: relative; display: grid; align-items: center; gap: clamp(14px, 2vw, 24px); min-height: clamp(500px, 44vw, 620px); padding: 28px 0 24px; }
.nv-product-stage::before { content: ""; position: absolute; inset: 7% 1% 10% 5%; border-radius: 42px; background: linear-gradient(135deg, var(--nv-green-faint), rgba(231, 246, 236, .46)); box-shadow: inset 0 0 0 1px rgba(21, 155, 97, .08); transform: rotate(-1.2deg); }
.nv-product-card { position: relative; z-index: 1; display: grid; justify-items: center; min-width: 0; margin: 0; filter: drop-shadow(0 18px 22px var(--nv-shadow)); transition: transform .28s ease, filter .28s ease; }
.nv-product-card:hover { filter: drop-shadow(0 23px 26px rgba(26, 58, 39, .18)); }
.nv-product-card > img { width: auto; max-width: 100%; height: min(520px, 39vw); object-fit: contain; border: 0; border-radius: 24px; background: transparent; }
.nv-stage-battery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nv-stage-battery .nv-card-primary { transform: translateY(-14px) rotate(1.2deg); }
.nv-stage-battery .nv-card-secondary { transform: translateY(28px) rotate(-2deg); }
.nv-stage-battery .nv-card-primary:hover { transform: translateY(-22px) rotate(1.2deg); }
.nv-stage-battery .nv-card-secondary:hover { transform: translateY(20px) rotate(-2deg); }
.nv-stage-coolmonitor, .nv-stage-zhang3tool { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nv-stage-coolmonitor .nv-card-primary, .nv-stage-zhang3tool .nv-card-primary { transform: translateY(22px) rotate(-1.8deg); }
.nv-stage-coolmonitor .nv-card-secondary, .nv-stage-zhang3tool .nv-card-secondary { transform: translateY(-18px) rotate(1.1deg); }
.nv-stage-coolmonitor .nv-card-tertiary, .nv-stage-zhang3tool .nv-card-tertiary { transform: translateY(10px) rotate(-.5deg); }
.nv-stage-coolmonitor .nv-card-primary:hover, .nv-stage-zhang3tool .nv-card-primary:hover { transform: translateY(14px) rotate(-1.8deg); }
.nv-stage-coolmonitor .nv-card-secondary:hover, .nv-stage-zhang3tool .nv-card-secondary:hover { transform: translateY(-26px) rotate(1.1deg); }
.nv-stage-coolmonitor .nv-card-tertiary:hover, .nv-stage-zhang3tool .nv-card-tertiary:hover { transform: translateY(2px) rotate(-.5deg); }
.nv-stage-coolmonitor .nv-product-card > img, .nv-stage-zhang3tool .nv-product-card > img { height: min(535px, 40vw); }
.cl-battery-hero-screens { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: end; }
.cl-battery-hero-screens figure { margin: 0; }
.cl-battery-hero-screens img, .cl-battery-hero-screens figure:nth-child(2) img { width: auto; max-width: 100%; height: min(530px, 41vw); object-fit: contain; border-radius: 24px; }
.cl-monitor-hero-screen { justify-items: center; }
.cl-monitor-hero-screen img { width: auto; max-width: 100%; height: min(620px, 48vw); border-radius: 26px; }
.cl-product-sheet-screen figcaption, .cl-flow-screen figcaption, .cl-battery-hero-screens figcaption, .cl-monitor-hero-screen figcaption, .nv-product-card figcaption { display: none; }

.cl-workflow { padding: 110px 0; border-color: var(--nv-line); }
.cl-workflow .cl-section-head { grid-template-columns: minmax(160px, 1fr) minmax(520px, 660px); gap: 50px; margin-bottom: 28px; }
.cl-workflow .cl-section-head h2 { font-family: var(--nv-font); font-size: clamp(34px, 3.8vw, 52px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
.cl-workflow .cl-section-head p { color: var(--nv-muted); font-size: 16px; }
.cl-flow-step, .cl-flow-step-reverse { grid-template-columns: 54px minmax(0, .9fr) minmax(250px, .65fr); gap: clamp(38px, 6vw, 92px); padding: 82px 0; border-color: var(--nv-line); }
.cl-flow-step-reverse { grid-template-columns: 54px minmax(250px, .65fr) minmax(0, .9fr); }
.cl-flow-index { padding-top: 3px; color: var(--nv-green); font-family: var(--nv-font); font-size: 13px; font-weight: 700; }
.cl-flow-copy .cl-product-kicker { margin-bottom: 12px; }
.cl-flow-copy h3 { max-width: 470px; font-family: var(--nv-font); font-size: clamp(28px, 3.1vw, 43px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
.cl-flow-copy p { max-width: 460px; color: var(--nv-muted); font-size: 16px; line-height: 1.8; }
.cl-flow-proof { align-self: center; display: grid; gap: 12px; padding: 8px 0; color: var(--nv-green-deep); }
.cl-flow-proof span { position: relative; display: block; padding: 16px 18px 16px 32px; border-top: 1px solid rgba(21, 155, 97, .18); font-size: 14px; font-weight: 650; line-height: 1.35; background: linear-gradient(90deg, rgba(231, 246, 236, .58), rgba(251, 253, 251, 0)); }
.cl-flow-proof span:last-child { border-bottom: 1px solid rgba(21, 155, 97, .18); }
.cl-flow-proof span::before { content: ""; position: absolute; left: 12px; top: 50%; width: 6px; height: 6px; border-radius: 999px; background: var(--nv-green); transform: translateY(-50%); }
.cl-flow-screen img { height: min(570px, 43vw); border: 0; border-radius: 24px; filter: drop-shadow(0 16px 20px rgba(26, 58, 39, .12)); }
.cl-shot-grid img { border: 0; background: transparent; object-fit: contain; border-radius: 24px; filter: drop-shadow(0 16px 20px rgba(26, 58, 39, .12)); }
.cl-shot-grid figure:nth-child(2) { transform: translateY(42px); }
.cl-shot-grid figure:nth-child(3) { transform: translateY(84px); }
.cl-shot-grid figcaption { display: none; }
.page-zhang3tool .cl-shot-grid { gap: clamp(22px, 3vw, 42px); align-items: center; padding: 20px 0 84px; }
.page-zhang3tool .cl-shot-grid figure { position: relative; display: grid; justify-items: center; margin: 0; padding: clamp(18px, 2.3vw, 28px) 0; }
.page-zhang3tool .cl-shot-grid figure::before { content: ""; position: absolute; inset: 7% 0; border-radius: 30px; background: linear-gradient(135deg, var(--nv-green-faint), rgba(231, 246, 236, .34)); transform: rotate(-.8deg); }
.page-zhang3tool .cl-shot-grid figure:nth-child(2)::before { transform: rotate(.8deg); }
.page-zhang3tool .cl-shot-grid figure:nth-child(3)::before { transform: rotate(-.4deg); }
.cl-copy-grid { gap: 18px; }
.cl-copy-item h3 { font-family: var(--nv-font); font-size: 21px; font-weight: 650; letter-spacing: -.02em; }
.cl-copy-item p { color: var(--nv-muted); font-size: 15px; line-height: 1.78; }
.page-zhang3tool .cl-rule-title h2,
.page-zhang3tool .cl-section-head h2 { font-family: var(--nv-font); font-size: clamp(31px, 3.4vw, 46px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
.page-zhang3tool .cl-section-head p { color: var(--nv-muted); font-size: 15px; line-height: 1.78; }
.page-zhang3tool .cl-shot-grid img { position: relative; z-index: 1; height: min(540px, 40vw); border-radius: 26px; }
.page-zhang3tool .cl-rule-title { grid-template-columns: minmax(160px, 1fr) minmax(520px, 660px); gap: 50px; }
.page-zhang3tool .cl-rule-title h2 { justify-self: stretch; width: 100%; max-width: none; }
.cl-light-feature-section { padding-top: 34px; }
.cl-light-feature-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 0; align-items: stretch; border-top: 1px solid var(--nv-line); border-bottom: 1px solid var(--nv-line); }
.cl-light-feature-strip span, .cl-light-feature-strip a { display: grid; place-items: center; min-height: 74px; padding: 0 18px; color: var(--nv-muted); font-size: 13px; font-weight: 650; text-decoration: none; }
.cl-light-feature-strip span + span, .cl-light-feature-strip a { border-left: 1px solid var(--nv-line); }
.cl-light-feature-strip a { color: var(--nv-green-deep); transition: color .22s ease, background-color .22s ease; }
.cl-light-feature-strip a:hover, .cl-light-feature-strip a:focus-visible { color: #fff; background: var(--nv-green); }
.qa-contact-item .qa-body { padding-bottom: 28px; }
.qa-wechat { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 28px; align-items: center; }
.qa-wechat-card { display: grid; justify-items: center; margin: 0; padding: 16px; border-radius: 18px; background: var(--nv-green-faint); }
.qa-wechat-card img { width: 150px; height: 150px; border-radius: 14px; object-fit: cover; }
.qa-wechat-card figcaption { margin-top: 10px; color: var(--nv-muted); font-size: 12px; }
.cl-quiet-band { background: var(--nv-surface); }
.cl-quiet-band p { font-family: var(--nv-font); font-weight: 650; letter-spacing: -.04em; }

@media (max-width: 900px) {
    .cl-brand-note { display: none; }
    .cl-nav-links { gap: 14px; }
    .cl-nav-label-full { display: none; }
    .cl-nav-label-short { display: inline; }
    .cl-nav-cta { padding: 8px 11px; }
    .nv-home-hero .cl-hero-grid, .cl-product-hero-grid { grid-template-columns: 1fr; }
    .nv-home-hero .cl-home-hero-copy, .cl-product-hero-copy { max-width: 640px; }
    .nv-home-showcase { max-width: 720px; min-height: 500px; }
    .nv-home-products .cl-product-sheet { grid-template-columns: minmax(0, 1fr) minmax(230px, .55fr); gap: 52px; }
    .nv-home-products .cl-product-sheet::before { width: min(43%, 420px); }
    .nv-home-products .cl-product-sheet-lite { grid-template-columns: 64px minmax(0, 1fr) 46px; gap: 24px; }
    .nv-home-products .cl-product-sheet-lite::before { width: min(48%, 360px); }
    .nv-home-products .cl-product-sheet-lite .cl-product-sheet-copy { grid-column: 2; }
    .cl-product-lite-meta { grid-column: 2 / 4; grid-row: 2; justify-content: flex-start; margin-top: -14px; }
    .cl-product-row-action { grid-column: 3; }
    .cl-product-hero-grid { gap: 68px; }
    .cl-battery-hero-screens { max-width: 640px; }
    .nv-product-stage { max-width: 720px; min-height: 500px; }
    .nv-stage-coolmonitor, .nv-stage-zhang3tool { max-width: 760px; }
    .nv-home-products .cl-section-head, .cl-workflow .cl-section-head, .page-zhang3tool .cl-section-head, .page-zhang3tool .cl-rule-title { grid-template-columns: 1fr; gap: 18px; }
    .nv-home-products .cl-section-head > div, .cl-workflow .cl-section-head > div, .page-zhang3tool .cl-section-head > div { grid-column: 1; justify-self: start; width: 100%; }
    .page-zhang3tool .cl-rule-title h2 { justify-self: start; width: 100%; max-width: none; }
}

@media (max-width: 620px) {
    .cl-shell { width: min(var(--cl-max), calc(100% - 32px)); }
    .cl-nav { min-height: 68px; gap: 16px; }
    .cl-brand-word, .cl-brand-note, .cl-nav-home-label, .cl-nav-link-label { display: none; }
    .cl-nav-links { gap: 9px; }
    .cl-nav-product-icon, .cl-nav-home-icon { width: 23px; height: 23px; border-radius: 7px; }
    .cl-nav-home-icon { -webkit-mask-size: 18px 18px; mask-size: 18px 18px; }
    .cl-nav-links .cl-nav-cta { display: none; }
    .nv-home-hero { padding: 68px 0 78px; }
    .nv-home-hero .cl-home-hero-copy h1, .cl-product-hero h1 { font-size: clamp(39px, 11vw, 51px); line-height: 1.1; }
    .nv-home-hero .cl-lede, .cl-product-hero .cl-lede { font-size: 15px; }
    .nv-home-hero .cl-download-actions { max-width: none; }
    .nv-home-hero .cl-download-button { flex: 1 1 100%; border-radius: 16px; }
    .nv-home-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-height: 270px; margin-top: 46px; padding: 10px 0 8px; }
    .nv-home-showcase::before { inset: 4% -2% 10% 2%; border-radius: 24px; }
    .nv-show-card > img { border-radius: 15px; }
    .nv-show-card-health { transform: translateY(15px) rotate(-2deg); }
    .nv-show-card-health:hover { transform: translateY(11px) rotate(-2deg); }
    .nv-show-card-config { transform: translateY(-8px) rotate(1.2deg); }
    .nv-show-card-config:hover { transform: translateY(-12px) rotate(1.2deg); }
    .nv-show-card-monitor { transform: translateY(7px) rotate(-.5deg); }
    .nv-show-card-monitor:hover { transform: translateY(3px) rotate(-.5deg); }
    .nv-show-card-health > img, .nv-show-card-config > img { height: 225px; }
    .nv-show-card-monitor > img { height: 242px; }
    .nv-show-label { top: 7px; min-height: 22px; padding: 3px 6px 3px 4px; font-size: 9px; }
    .nv-show-label img { width: 14px; height: 14px; border-radius: 4px; }
    .nv-home-products, .cl-workflow { padding: 76px 0; }
    .nv-home-products .cl-section-head, .cl-workflow .cl-section-head { grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px; }
    .cl-section-head > div { grid-column: 1; justify-self: start; width: 100%; }
    .nv-home-products .cl-section-head h2, .cl-workflow .cl-section-head h2 { font-size: 34px; }
    .nv-home-products .cl-product-sheet { grid-template-columns: 1fr; min-height: 0; gap: 28px; padding: 60px 0; }
    .nv-home-products .cl-product-sheet::before { inset: auto 0 44px 0; width: 100%; height: 390px; border-radius: 28px; }
    .nv-home-products .cl-product-index, .nv-home-products .cl-product-sheet-copy, .nv-home-products .cl-product-sheet-screen { grid-column: 1; }
    .nv-home-products .cl-product-index { grid-row: 1; }
    .nv-home-products .cl-product-sheet-copy { grid-row: 1; padding-top: 36px; }
    .nv-home-products .cl-product-sheet-screen { grid-row: 2; justify-items: start; }
    .nv-home-products .cl-product-sheet-screen img { height: 465px; }
    .nv-home-products .cl-product-sheet-lite { grid-template-columns: 1fr 48px; gap: 18px 14px; padding: 48px 0; }
    .nv-home-products .cl-product-sheet-lite::before { inset: 62px 0 20px 0; height: auto; width: 100%; border-radius: 0; }
    .nv-home-products .cl-product-sheet-lite .cl-product-index,
    .nv-home-products .cl-product-sheet-lite .cl-product-sheet-copy,
    .cl-product-lite-meta { grid-column: 1 / -1; }
    .nv-home-products .cl-product-sheet-lite .cl-product-index { grid-row: 1; }
    .nv-home-products .cl-product-sheet-lite .cl-product-sheet-copy { grid-row: 2; }
    .cl-product-lite-meta { grid-row: 2; margin-top: 4px; }
    .cl-product-lite-meta { grid-row: 3; }
    .cl-product-lite-meta span { min-height: 32px; }
    .cl-product-row-action { grid-column: 2; grid-row: 1; width: 44px; height: 44px; justify-self: end; }
    .cl-product-hero { padding: 70px 0 78px; }
    .cl-product-icon { width: 48px; height: 48px; }
    .nv-product-stage { gap: 9px; min-height: 300px; padding: 12px 0 10px; }
    .nv-product-stage::before { inset: 4% -2% 10% 2%; border-radius: 24px; }
    .nv-product-card > img { height: 300px; border-radius: 17px; }
    .nv-stage-battery .nv-product-card > img { height: 320px; }
    .nv-stage-coolmonitor .nv-product-card > img, .nv-stage-zhang3tool .nv-product-card > img { height: 255px; border-radius: 16px; }
    .nv-stage-battery .nv-card-primary { transform: translateY(-8px) rotate(1deg); }
    .nv-stage-battery .nv-card-secondary { transform: translateY(12px) rotate(-1.5deg); }
    .nv-stage-coolmonitor .nv-card-primary, .nv-stage-zhang3tool .nv-card-primary { transform: translateY(12px) rotate(-1.4deg); }
    .nv-stage-coolmonitor .nv-card-secondary, .nv-stage-zhang3tool .nv-card-secondary { transform: translateY(-8px) rotate(1deg); }
    .nv-stage-coolmonitor .nv-card-tertiary, .nv-stage-zhang3tool .nv-card-tertiary { transform: translateY(6px) rotate(-.4deg); }
    .cl-battery-hero-screens { gap: 12px; }
    .cl-battery-hero-screens img, .cl-battery-hero-screens figure:nth-child(2) img { height: 340px; border-radius: 18px; }
    .cl-monitor-hero-screen { justify-items: start; }
    .cl-monitor-hero-screen img { height: 540px; border-radius: 20px; }
    .cl-flow-step, .cl-flow-step-reverse { grid-template-columns: 1fr; gap: 20px; padding: 58px 0; }
    .cl-flow-step-reverse .cl-flow-copy, .cl-flow-step-reverse .cl-flow-screen { grid-column: auto; grid-row: auto; }
    .cl-flow-copy h3 { font-size: 32px; }
    .cl-flow-copy p { font-size: 15px; }
    .cl-flow-screen { justify-items: start; }
    .cl-flow-screen img { height: 500px; border-radius: 20px; }
    .cl-flow-proof { width: 100%; }
    .page-zhang3tool .cl-rule-title { grid-template-columns: 1fr; gap: 16px; }
    .page-zhang3tool .cl-rule-title h2 { justify-self: start; width: 100%; }
    .page-zhang3tool .cl-shot-grid { gap: 24px; padding-bottom: 18px; }
    .page-zhang3tool .cl-shot-grid figure { padding: 14px 0; }
    .page-zhang3tool .cl-shot-grid img { height: 500px; border-radius: 22px; }
    .cl-shot-grid figure:nth-child(2), .cl-shot-grid figure:nth-child(3) { transform: none; }
    .cl-light-feature-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cl-light-feature-strip a { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--nv-line); }
    .qa-wechat { grid-template-columns: 1fr; }
    .qa-wechat-card { justify-self: start; width: min(100%, 220px); }
}