/* Intro-only presentation; shared editor, public pages and navigation keep their styles. */
.zcp-home-intro{--intro-ink:#292b29;--intro-muted:#626760;--intro-paper:#f4f2ec;max-width:1320px;margin:auto;padding:20px 24px 40px;color:var(--intro-ink);font-family:inherit;line-height:1.75;-webkit-font-smoothing:antialiased}
.zcp-home-intro *{box-sizing:border-box}
.zcp-home-intro :is(h1,h2,h3){color:var(--intro-ink);font-family:inherit;line-height:1.3;text-wrap:balance}
.zcp-home-intro h1{font-size:clamp(38px,4.1vw,56px);letter-spacing:-.045em;font-weight:750;margin:18px 0 16px}
.zcp-home-intro h2{font-size:32px;letter-spacing:-.025em;font-weight:700;margin:8px 0 14px}
.zcp-home-intro h3{font-size:19px;font-weight:650;margin:0 0 8px}
.zcp-home-intro p{color:var(--intro-muted);margin:0;text-wrap:pretty}
.zcp-home-intro a{color:inherit;text-decoration:none}
.zcp-home-intro a:focus-visible{outline:3px solid var(--zcp-brand);outline-offset:5px;border-radius:8px}
.zcp-home-eyebrow{font-size:13px;font-weight:650;letter-spacing:.035em;color:#575e55!important}
.zcp-home-eyebrow>span{display:inline-flex;align-items:center;vertical-align:middle;background:#eee2d6;border:1px solid #d7c5ae;border-radius:6px;padding:3px 9px;margin-left:12px;color:#695038;font-size:11px;letter-spacing:0}
.zcp-home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:30px 32px;background:var(--intro-paper);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.075),0 2px 4px rgba(0,0,0,.025)}
.zcp-home-lead{font-size:21px;line-height:1.6;color:#3d463b!important;font-weight:500}
.zcp-home-description{font-size:15px;max-width:500px;margin-top:14px!important;line-height:1.8}
.zcp-home-feature-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px;font-size:12px;font-weight:600;color:#535d4d}.zcp-home-feature-links a{display:inline-flex;align-items:center;gap:6px;min-height:40px}.zcp-home-feature-links a:hover{color:var(--zcp-brand)}
.zcp-home-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0 8px}
.zcp-home-intro .zcp-primary{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:46px;padding:11px 18px;border-radius:8px;background:var(--zcp-brand);color:#fff;font-weight:650;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 3px rgba(0,0,0,.1);transition:background-color .18s,transform .18s}
.zcp-home-intro .zcp-primary:hover{background:var(--zcp-brand-hover)}
.zcp-home-intro .zcp-primary:active{transform:scale(.96)}
.zcp-home-secondary,.zcp-home-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:650}
.zcp-home-intro :is(.zcp-home-secondary,.zcp-home-text-link):hover{color:var(--zcp-brand)}
.zcp-home-membership{font-size:12px;color:#6d726a!important;line-height:1.8}
.zcp-home-membership>a{display:inline-flex;align-items:center;min-height:40px;margin-left:8px;color:var(--zcp-brand)}
.zcp-home-showcase{margin:0;min-width:0;width:100%;max-width:560px;justify-self:end}
.zcp-home-showcase-image{display:block;overflow:hidden;border-radius:12px;background:#1e2c3c;box-shadow:0 2px 5px rgba(0,0,0,.08),0 18px 32px -14px rgba(22,28,21,.22);outline:1px solid rgba(0,0,0,.1);transition:box-shadow .2s}
.zcp-home-showcase-image:hover{box-shadow:0 2px 5px rgba(0,0,0,.08),0 20px 36px -14px rgba(22,28,21,.3)}
.zcp-home-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#263444;color:#d4d9df;font-size:11px;letter-spacing:.02em}
.zcp-home-showcase-image>img{display:block;width:100%;height:auto;border-radius:0!important}
.zcp-home-showcase figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#71786e;margin-top:10px;line-height:1.6}
.zcp-home-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 12px;margin:0}
.zcp-home-overview>p{font-size:13px;line-height:1.8;flex-shrink:0}.zcp-home-overview strong{font-size:14px;color:#41493f;font-weight:600}
.zcp-home-overview ul{list-style:none;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0;color:#454c43;font-size:14px}
.zcp-home-overview li{display:flex;align-items:center;gap:8px}.zcp-home-overview li:before{content:'＋';font-size:14px;color:#858a7b}
.zcp-home-connect{padding:18px 0 8px}.zcp-home-connect-item h3{scroll-margin-top:110px}.zcp-home-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.zcp-home-connect-item{padding:18px 20px;min-width:0;background:#fafaf7;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.065)}.zcp-home-connect-label{display:block;color:#777d70;font-size:12px;margin-bottom:6px}.zcp-home-connect-item h3{font-size:20px;line-height:1.5;margin-bottom:8px}.zcp-home-connect-item>p{font-size:14px;line-height:1.8}.zcp-home-connect-item>a{margin-top:8px}
.zcp-home-examples{padding:26px 0 30px}
.zcp-home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.zcp-home-section-heading h2{margin-bottom:0}.zcp-home-section-heading>p{font-size:12px;line-height:1.8;text-align:right}
.zcp-home-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.zcp-home-example{min-width:0;display:block}
.zcp-home-example-image{height:236px;padding:14px 14px 0;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.085),0 2px 4px rgba(0,0,0,.025)}
.zcp-home-example-brand{background:#e8e4dc}.zcp-home-example-portfolio{background:#d9dfe5}.zcp-home-example-service{background:#e1e7df}
.zcp-home-example-image>img{display:block;width:100%;height:auto;border-radius:6px 6px 0 0!important;outline:1px solid rgba(0,0,0,.1);box-shadow:0 3px 12px rgba(0,0,0,.08);transition:transform .25s}
.zcp-home-example:hover img{transform:translateY(-5px)}
.zcp-home-example-copy{padding:12px 2px 0}.zcp-home-example-copy>span{font-size:11px;color:#646c60}.zcp-home-example h3{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:18px;margin:5px 0}.zcp-home-example h3>span{font-size:19px;color:#798271;font-weight:400}.zcp-home-example p{font-size:13px;line-height:1.8}
.zcp-home-design{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;padding:30px 32px;margin:0 0 24px;background:#f8f9f6;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.045)}
.zcp-home-design-copy>p:not(.zcp-home-eyebrow){font-size:14px;max-width:440px}.zcp-home-design-copy>a{margin-top:8px}
.zcp-home-design-details{display:grid;gap:20px;align-content:center}
.zcp-home-design-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start}.zcp-home-design-row p{font-size:14px}.zcp-home-design-row .zcp-home-text-link{font-size:13px;margin-top:5px}
.zcp-home-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:#eeeee8;border-radius:10px}.zcp-home-palette span{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.zcp-home-palette span:nth-child(1){background:#303d4d}.zcp-home-palette span:nth-child(2){background:#b53a3e}.zcp-home-palette span:nth-child(3){background:#c2b696}.zcp-home-palette span:nth-child(4){background:#80917c}
.zcp-home-layout{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:#eeeee8;border-radius:10px;height:76px}.zcp-home-layout span{border:1px solid #aaa99a;border-radius:4px;background:#f9faf5}.zcp-home-layout span:first-child{grid-column:1/-1;background:#dce1d5}
.zcp-home-insights{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 32px;background:#25302d;border-radius:16px;color:#f4f4e9}
.zcp-home-insights .zcp-home-eyebrow{color:#c2cebb!important}.zcp-home-insights h2{color:#f4f4e9}.zcp-home-insights-copy>p:not(.zcp-home-eyebrow){font-size:14px;color:#bec7bf;max-width:490px}.zcp-home-insights .zcp-home-text-link{color:#e0e6d9;margin-top:10px}.zcp-home-intro .zcp-home-insights a:hover{color:#fff}
.zcp-home-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-content:center}.zcp-home-metrics svg{display:block;width:24px;height:24px;color:#d5d3b3;margin-bottom:8px}.zcp-home-metrics h3{color:#f1f4ea;font-size:16px}.zcp-home-metrics p{color:#b4c1b6;font-size:12px}.zcp-home-metrics .zcp-home-metrics-note{grid-column:1/-1;color:#c7cebd;font-size:11px;margin-top:2px}
.zcp-home-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 12px 0;margin-top:0}.zcp-home-start h2{font-size:30px}.zcp-home-start p:not(.zcp-home-eyebrow){font-size:14px}.zcp-home-start-action{flex-shrink:0;text-align:center}.zcp-home-start-action>p{font-size:11px!important;margin-top:8px;color:#72796d}
@media(max-width:1050px){.zcp-home-intro{padding:18px 20px 36px}.zcp-home-hero{padding:26px;gap:24px}.zcp-home-intro h1{font-size:clamp(34px,4.2vw,44px)}.zcp-home-actions{gap:10px}.zcp-home-intro h2{font-size:28px}.zcp-home-overview ul{gap:10px 20px}.zcp-home-example-grid{gap:18px}.zcp-home-example-image{height:220px;padding:14px 14px 0}.zcp-home-example h3{font-size:16px}.zcp-home-design,.zcp-home-insights{gap:28px;padding:28px 26px}.zcp-home-design-row{grid-template-columns:68px minmax(0,1fr);gap:16px}}
@media(max-width:767px){.zcp-home-intro{padding:12px 12px 28px}.zcp-home-hero{grid-template-columns:1fr;padding:22px 20px;gap:20px;border-radius:14px}.zcp-home-intro h1{font-size:38px;margin:16px 0 12px}.zcp-home-lead{font-size:19px}.zcp-home-description{font-size:14px;max-width:none;margin-top:12px!important}.zcp-home-actions{margin-top:16px;gap:6px 14px}.zcp-home-intro .zcp-primary{gap:20px}.zcp-home-secondary{font-size:13px}.zcp-home-membership{font-size:11px}.zcp-home-membership>a{margin-left:0;display:flex;width:max-content}.zcp-home-showcase figcaption{font-size:10px;gap:8px}.zcp-home-showcase-image{border-radius:8px}.zcp-home-preview-bar{padding:9px 12px;font-size:10px}.zcp-home-overview{display:block;padding:16px 6px;margin-bottom:0}.zcp-home-overview>p br{display:none}.zcp-home-overview>p strong{margin-left:5px}.zcp-home-overview ul{justify-content:flex-start;gap:6px 16px;margin-top:10px;font-size:12px}.zcp-home-examples{padding:20px 0 24px}.zcp-home-section-heading{display:block;margin-bottom:16px}.zcp-home-intro h2{font-size:26px}.zcp-home-section-heading>p{text-align:left;margin-top:10px;font-size:11px}.zcp-home-example-grid{grid-template-columns:1fr;gap:20px}.zcp-home-example-image{height:220px;padding:14px 14px 0}.zcp-home-example-copy{padding-top:10px}.zcp-home-example h3{font-size:18px}.zcp-home-example p{font-size:13px}.zcp-home-design,.zcp-home-insights{grid-template-columns:1fr;gap:20px;padding:22px 20px;border-radius:12px;margin:0 0 20px}.zcp-home-design-copy>p:not(.zcp-home-eyebrow),.zcp-home-insights-copy>p:not(.zcp-home-eyebrow){max-width:none}.zcp-home-design-row{grid-template-columns:62px minmax(0,1fr);gap:16px}.zcp-home-palette,.zcp-home-layout{padding:9px;gap:4px;border-radius:9px}.zcp-home-layout{height:62px}.zcp-home-design-row h3{font-size:17px}.zcp-home-design-row p{font-size:13px}.zcp-home-metrics{gap:18px 14px}.zcp-home-metrics h3{font-size:15px}.zcp-home-metrics p{font-size:11px}.zcp-home-start{display:block;padding:6px 8px 0;margin-top:0}.zcp-home-start h2{font-size:26px}.zcp-home-start-action{text-align:left;margin-top:16px}.zcp-home-start-action>p{font-size:11px!important}}
@media(max-width:359px){.zcp-home-hero{padding:20px 16px}.zcp-home-intro h1{font-size:34px}.zcp-home-example-image{height:200px;padding:12px 12px 0}.zcp-home-design,.zcp-home-insights{padding:22px 18px}.zcp-home-showcase figcaption{display:block}.zcp-home-showcase figcaption>span{display:block}}
@media(prefers-reduced-motion:reduce){.zcp-home-intro *{transition:none!important}.zcp-home-example:hover img,.zcp-home-intro .zcp-primary:active{transform:none}}

.zcp-home-metrics svg,.zcp-home-metrics svg *{fill:none}
@media(max-width:1050px){.zcp-home-connect-grid{gap:12px}.zcp-home-connect-item{padding:16px}.zcp-home-connect-item h3{font-size:18px}.zcp-home-connect-item>p{font-size:14px}}
@media(max-width:767px){.zcp-home-connect{padding:16px 0 4px}.zcp-home-connect-grid{grid-template-columns:1fr;gap:8px}.zcp-home-connect-item{padding:16px}.zcp-home-connect-label{margin-bottom:8px}.zcp-home-connect-item h3{font-size:19px;margin-bottom:8px}.zcp-home-connect-item>p{font-size:14px}.zcp-home-connect-item>a{margin-top:8px}.zcp-home-feature-links{gap:4px 16px;margin-top:8px}}

/* Two separately presented tools; public business-card styles stay unchanged. */
.zcp-home-intro #zcp-home-title,.zcp-home-intro #zcp-home-card-title{scroll-margin-top:200px}
.zcp-home-card-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:30px 32px;margin:24px 0 0;border-radius:18px;background:var(--intro-paper);box-shadow:inset 0 0 0 1px rgba(0,0,0,.075),0 2px 4px rgba(0,0,0,.025)}.zcp-home-card-copy h2{font-size:34px;line-height:1.4}.zcp-home-card-copy>p:not(.zcp-home-eyebrow){font-size:14px;max-width:520px}.zcp-home-card-copy .zcp-home-card-lead{font-size:19px!important;font-weight:500;color:#3d463b;margin-bottom:12px}.zcp-home-card-copy ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px;font-size:14px;color:#485142}.zcp-home-card-copy li:before{content:'＋';margin-right:10px;color:#7e886f}.zcp-home-card-copy .zcp-home-card-note{font-size:12px!important;line-height:1.8;color:#727767;margin-top:12px}.zcp-home-card-showcase{margin:0;min-width:0;width:100%;max-width:480px;justify-self:center}.zcp-home-card-preview{display:block;overflow:hidden;background:#eef2f7;border-radius:12px;outline:1px solid rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.06),0 18px 32px -14px rgba(22,28,21,.17)}.zcp-home-card-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#536176;font-size:11px;background:#e4e9f0}.zcp-home-card-preview>img{display:block;width:100%;height:auto;border-radius:0!important}.zcp-home-card-showcase figcaption{font-size:11px;color:#71786e;margin-top:10px;text-align:center}.zcp-home-start-action>.zcp-home-text-link{display:flex;justify-content:center;margin-top:8px}
@media(max-width:1050px){.zcp-home-card-section{gap:24px;padding:26px}.zcp-home-card-copy h2{font-size:30px}.zcp-home-card-copy .zcp-home-actions{gap:8px 12px}}
@media(max-width:767px){.zcp-home-connect-grid{grid-template-columns:1fr}.zcp-home-card-section{grid-template-columns:1fr;padding:22px 20px;gap:20px;border-radius:14px;margin-top:20px}.zcp-home-card-copy h2{font-size:27px}.zcp-home-card-copy>p:not(.zcp-home-eyebrow){max-width:none}.zcp-home-card-copy .zcp-home-card-lead{font-size:18px!important}.zcp-home-card-preview{border-radius:8px}.zcp-home-card-preview-bar{padding:9px 12px;font-size:10px}.zcp-home-card-showcase figcaption{font-size:10px}.zcp-home-start{padding-top:22px}.zcp-home-start-action>.zcp-home-text-link{justify-content:flex-start}}
@media(max-width:359px){.zcp-home-card-section{padding:20px 16px}.zcp-home-card-copy h2{font-size:25px}.zcp-home-card-copy .zcp-home-actions{align-items:flex-start;flex-direction:column}}

/* Accurate device artwork with captured native screens; all switches stay local to each preview. */
.zcp-home-intro .zcp-device-preview{border:0;margin:0;padding:0;min-width:0;width:100%}
.zcp-device-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zcp-device-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;max-width:288px;margin:0 auto 10px;background:rgba(255,255,255,.6);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}
.zcp-device-controls label{position:relative;cursor:pointer;min-width:0;margin:0}
.zcp-home-intro .zcp-device-controls input[type="radio"]{position:absolute;left:0;top:0;width:1px;height:1px;min-width:0;min-height:0;padding:0;margin:0;opacity:0;clip:rect(0,0,0,0);pointer-events:none}
.zcp-device-controls label>span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;border-radius:8px;color:#687162;font-size:13px;font-weight:600;transition:background-color .18s,color .18s,transform .18s}
.zcp-device-controls input:checked+span{background:#fff;color:#303d2e;box-shadow:inset 0 0 0 1px rgba(0,0,0,.065),0 1px 3px rgba(0,0,0,.07)}
.zcp-device-controls label:hover>span{color:#303d2e;background:#f7f8f3}
.zcp-device-controls input:focus-visible+span{outline:3px solid var(--zcp-brand);outline-offset:2px}
.zcp-device-controls label:active>span{transform:scale(.96)}
.zcp-device-stage{position:relative;height:430px;padding:12px 18px 8px;background:#e8e9e3;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.065);overflow:hidden}
.zcp-device-pane{display:none;height:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.zcp-device-preview:has(input[value="phone"]:checked) .zcp-device-pane[data-device="phone"],.zcp-device-preview:has(input[value="tablet"]:checked) .zcp-device-pane[data-device="tablet"],.zcp-device-preview:has(input[value="computer"]:checked) .zcp-device-pane[data-device="computer"]{display:flex}
.zcp-home-intro .zcp-device-pane>img{display:block;width:auto;height:auto;max-height:calc(100% - 34px);max-width:100%;border-radius:0;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.13));transform:none}
.zcp-device-caption{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#606958;line-height:1.7;max-width:100%;text-align:center}
.zcp-device-caption>span:last-child{color:#59694f;font-weight:600}
.zcp-home-example .zcp-device-stage{height:268px;padding:12px 12px 8px;border-radius:12px}
.zcp-home-example .zcp-device-controls{max-width:252px;margin-bottom:8px}
.zcp-home-example .zcp-device-controls label>span{font-size:12px}
.zcp-home-example .zcp-device-caption{font-size:9px;gap:5px}
.zcp-home-example .zcp-device-caption>span:last-child{display:none}
.zcp-home-example-copy{display:block;min-height:80px}
.zcp-device-brand .zcp-device-stage{background:#e8e4dc}.zcp-device-portfolio .zcp-device-stage{background:#dfe4e8}.zcp-device-service .zcp-device-stage{background:#e1e7df}.zcp-device-card .zcp-device-stage{background:#e1e6eb}
.zcp-home-card-showcase{max-width:560px}
@supports not selector(:has(*)){.zcp-device-controls{display:none}.zcp-device-pane[data-device="phone"]{display:flex}}
@media(max-width:767px){.zcp-device-stage{height:374px;padding:10px 12px 8px}.zcp-home-example .zcp-device-stage{height:296px}.zcp-device-caption{font-size:9px;gap:4px}.zcp-device-caption>span:last-child{display:none}.zcp-device-controls{max-width:260px;margin-bottom:8px}.zcp-home-example-copy{min-height:0}}
@media(max-width:359px){.zcp-device-stage{height:342px;padding:10px 10px 8px}.zcp-device-controls label>span{padding:6px 8px}.zcp-home-example .zcp-device-stage{height:280px}}
@media(prefers-reduced-motion:reduce){.zcp-device-controls label:active>span{transform:none}}

/* Independent tool pages: a visible current page and clear navigation affordance. */
.zcp-home-tool-nav{position:sticky;top:94px;z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px;margin-bottom:16px;background:#fdfcf9;border-radius:14px;box-shadow:0 2px 6px rgba(0,0,0,.07),inset 0 0 0 1px rgba(0,0,0,.08)}
.zcp-home-tool-nav>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:64px;padding:10px 18px;border-radius:8px;background:#f1f0eb;color:#333b32;transition:background-color .18s,box-shadow .18s,color .18s}
.zcp-home-tool-nav>a[aria-current="page"]{background:var(--zcp-brand);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 3px rgba(0,0,0,.09)}
.zcp-home-tool-nav .zcp-tool-icon{display:block;width:34px;height:34px;fill:none;flex-shrink:0}.zcp-home-tool-nav .zcp-tool-icon *{fill:none}
.zcp-tool-copy{display:grid;gap:2px}.zcp-tool-copy strong{font-size:18px;font-weight:700;line-height:1.4}.zcp-tool-copy small{font-size:12px;line-height:1.5;color:#677061}.zcp-home-tool-nav>a[aria-current] small{color:rgba(255,255,255,.86)}
.zcp-tool-action{font-size:12px;font-weight:650;white-space:nowrap}.zcp-tool-action>span{margin-left:8px}.zcp-home-tool-nav>a[aria-current] .zcp-tool-action>span{display:none}
.zcp-home-tool-nav>a:not([aria-current]):hover{background:#e5e6dc;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.zcp-home-tool-nav>a:focus-visible{outline:3px solid #263f33;outline-offset:3px}.zcp-card-step{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:#eeeee7;color:#55654b;font-size:20px;font-weight:650}
@media(max-width:1050px){.zcp-home-tool-nav>a{gap:10px;padding:10px 14px}.zcp-tool-action{font-size:11px}.zcp-tool-copy strong{font-size:17px}}
@media(max-width:767px){.zcp-home-tool-nav{top:82px;gap:6px;padding:6px;margin-bottom:12px;border-radius:12px}.zcp-home-tool-nav>a{grid-template-columns:24px minmax(0,1fr);gap:9px;min-height:52px;padding:10px;border-radius:6px}.zcp-home-tool-nav .zcp-tool-icon{width:24px;height:24px}.zcp-tool-copy strong{font-size:16px}.zcp-tool-copy small,.zcp-tool-action{display:none}.zcp-card-step{width:50px;height:50px;font-size:17px}.zcp-home-intro #zcp-home-title,.zcp-home-intro #zcp-home-card-title{scroll-margin-top:160px}}
@media(max-width:359px){.zcp-home-tool-nav>a{padding:9px 8px;gap:7px}.zcp-tool-copy strong{font-size:15px}}

@media(max-width:767px){.zcp-card-intro .zcp-home-hero h1{font-size:32px;line-height:1.3}}
@media(max-width:359px){.zcp-card-intro .zcp-home-hero h1{font-size:28px}}

/* Keep the two complete system names aligned on narrow screens. */
@media(max-width:767px){.zcp-home-tool-nav>a{grid-template-columns:20px minmax(0,1fr);gap:6px;padding:6px 8px;min-height:44px}.zcp-home-tool-nav .zcp-tool-icon{width:20px;height:20px}.zcp-home-tool-nav .zcp-tool-copy strong{line-height:1.35}.zcp-tool-name-main,.zcp-tool-name-suffix{display:block;white-space:nowrap}.zcp-tool-name-suffix{margin-top:2px;font-size:13px;font-weight:600;line-height:1.3;opacity:.88}}

@media(max-width:767px){.zcp-home-tool-nav{padding:5px;margin-bottom:10px}}