/* assets/v4/chrome.css: the approved nav bar and footer (decisions 5691, 5695), copied from brand-review/site-chrome-v4/chrome.css with every class prefixed k- so it cannot collide with proof.css, pricing.css or a page. Rendered by chrome.js into header#site-header and footer#site-footer. */
.k-cap{padding-block:clamp(28px,4vw,44px)}
.k-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k-sp{display:block;height:0}
/* logo (decision 5691: the artwork is used as it is, never recolored or redrawn, no effects). The official files, each used as it is: light kaizn-lockup-light.svg (White head and White KAIZN on the Navy (#022448) chamfered badge, the approved navy lockup file lockup-horizontal-navy-v01.svg (Josh, decisions 5797, 5798)), dark kaizn-lockup-dark.svg (the same mark and letters, bare). Both are 1000 by 336 and the lockup sits at the same place in each (measured from the pixels: head left 74.4, top 64.0, 193 by 208; letters left 328.3, top 94.1, 584 by 147.5; the files differ by under 0.1 px), so one box with no offsets puts the head and the letters on the same screen pixels in both themes. Only which file shows changes. */
.k-lg{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.k-lgm{display:block}
.k-lg img{display:block;width:auto;height:var(--lg)}
.k-lg .k-dk,:root.dark .k-lg .k-lt{display:none}:root.dark .k-lg .k-dk{display:block}
.k-lg:focus-visible,.k-nl a:focus-visible,.k-login:focus-visible,.k-sl a:focus-visible,.k-ftl a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
/* the nav bar: glass, 14 px blur, hairline under it; firmer and smaller once the page scrolls. The spacer margin keeps the page from jumping. */
#site-header.k-sn{--nh:80px;--lg:60px;position:sticky;top:0;z-index:60;height:var(--nh);margin-bottom:calc(80px - var(--nh));background:color-mix(in srgb,var(--tint) var(--ta),transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gl);transition:height .2s,margin-bottom .2s,background-color .2s}
#site-header.k-sn[data-s]{--nh:64px;--lg:48px;--ta:86%}
@supports not (backdrop-filter:blur(1px)){.k-sn{background:color-mix(in srgb,var(--tint) 94%,transparent)}}
.k-sn-in{display:flex;align-items:center;gap:8px 20px;height:100%;width:min(1240px,100% - 32px);margin-inline:auto}
.k-nv{align-self:stretch;margin-inline:auto}
.k-nl{display:flex;height:100%;margin:0;padding:0;list-style:none}
.k-nl li{display:flex}
.k-nl a{display:inline-flex;align-items:center;padding:0 14px;font:800 .95rem var(--fd);color:var(--tx);text-decoration:none;white-space:nowrap}
.k-nl a:hover{color:var(--h)}
.k-nl a:focus-visible{outline-offset:-4px}
.k-nl a[aria-current],.k-sl a[aria-current]{color:var(--h);background:linear-gradient(var(--cta-b),var(--cta-b)) left bottom/100% 3px no-repeat}
.k-na{display:flex;align-items:center;gap:10px;flex:none}
/* Login (decision 5691): a plain nav link beside the main button, the same type as the page links; no fill, no box */
.k-login{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font:800 .95rem var(--fd);color:var(--tx);text-decoration:none;white-space:nowrap}
.k-login:hover{color:var(--h)}
/* buttons: main is filled Orange-red. Icon-only buttons (.k-ib, .k-mb) take the locked icon look (decision 5660, option C): the glyph alone in its color, no fill and no box; hover and press draw a 2 px cut-corner outline in that same color; the glyph never changes color; focus-visible keeps its ring. The band is 2 px at all times and transparent at rest, so nothing shifts on hover. */
.k-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;font:800 .95rem var(--fd);color:var(--white);text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,var(--cta-a),var(--cta-b));--cut:var(--bevel-ctl);--band-color:var(--cta-a)}
.k-cta:hover{--band-color:var(--cta-a)}
.k-cta:focus-visible{--band-color:var(--focus)}
.k-ib{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 10px;font:800 .9rem var(--fd);color:var(--h);text-decoration:none;background:transparent;--cut:var(--bevel-ctl);--band:2px;--band-color:transparent}
.k-ib:hover,.k-ib:active{--band-color:currentColor}
.k-ib:focus-visible{--band-color:var(--focus)}
.k-mb{display:none;padding:0 14px}
.k-ic-m{display:block}.k-ic-s{display:none}:root.dark .k-ic-m{display:none}:root.dark .k-ic-s{display:block}
/* the 390 menu: a full-height sheet on a solid overlay ground, sibling of the bar (a blurred parent would trap a fixed child) */
.k-sh{position:fixed;inset:0;z-index:80;display:none;flex-direction:column;padding:0 20px 24px;overflow-y:auto;color:var(--tx);background-color:var(--ov);background-image:linear-gradient(color-mix(in srgb,var(--h) var(--grid),transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--h) var(--grid),transparent) 1px,transparent 1px);background-size:48px 48px;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.k-sh[data-o]{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.k-sh .k-lg{--lg:52px}
.k-sh-top{display:flex;align-items:center;gap:10px;min-height:80px}
.k-sh-top .k-ib{margin-left:auto}.k-sh-top .k-mb{margin-left:0;display:inline-flex}
.k-sl{margin:12px 0 0;padding:0;list-style:none}
.k-sl a{display:flex;align-items:center;min-height:60px;font:800 1.35rem var(--fd);color:var(--h);text-decoration:none;border-bottom:1px solid var(--gl)}
.k-sh-cta{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:28px}
.k-sh-cta .k-cta{flex:1;min-height:52px}
.k-sh-cta .k-login{min-height:52px;padding:0 14px}
@media(max-width:900px){.k-nv,.k-na .k-cta,.k-na .k-login{display:none}.k-na{margin-left:auto}.k-mb{display:inline-flex}.k-sh{display:flex}}
@media(min-width:901px) and (max-width:960px){.k-nl a{padding:0 10px}}
@media(max-width:560px){.k-sn{--lg:52px}#site-header.k-sn[data-s]{--lg:44px}}
@media(prefers-reduced-motion:reduce){.k-sn,.k-sh{transition:none}}
/* footers: the plain ground with the subtle grid (2 percent, 48 px cell), a hairline above */
.k-ft{position:relative;color:var(--tx);background-color:var(--ground);background-image:linear-gradient(color-mix(in srgb,var(--h) var(--grid),transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--h) var(--grid),transparent) 1px,transparent 1px);background-size:48px 48px;border-top:1px solid var(--gl)}
/* decision 5812: no grid in the footer (Josh, 2026-11-01: "I don't want to have the grid in the footer") */
.k-ft{background-image:none}
.k-ft-in{width:min(1240px,100% - 40px);margin-inline:auto;padding-block:clamp(36px,5vw,64px) 22px}
.k-ft .k-lg{--lg:60px}
.k-ft p{font:500 .95rem/1.5 var(--fd)}
.k-ft p.tl{margin-top:16px;color:var(--h);font-weight:800}
.k-eb{margin-bottom:8px;font:800 .72rem var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--h)}
.k-ftl{margin:0;padding:0;list-style:none}
.k-ftl.row{display:flex;flex-wrap:wrap;gap:0 22px}
.k-ftl a{display:inline-flex;align-items:center;min-height:40px;font:600 .95rem var(--fd);color:var(--tx);text-decoration:none}
.k-ftl a:hover{color:var(--h);text-decoration:underline;text-underline-offset:4px}
.k-fine{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;margin-top:26px;padding-top:14px;border-top:1px solid var(--gl)}
.k-fine p,.k-fine .k-ftl a{font-size:.82rem;color:var(--mu)}
.k-fa-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 36px}
.k-fa-top nav{margin-left:auto}
.k-fa-prod{display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;margin-top:14px}
.k-fa-prod .k-eb{margin:0}
.k-fb{display:grid;gap:36px 32px;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}
.k-fb .k-ib{margin-top:12px}
.k-nf{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;max-width:440px}
.k-fld{display:block;flex:1 1 200px;background:var(--wash);--cut:var(--bevel-ctl);--band-color:var(--line)}
:root.dark .k-fld{background:var(--tint)}
.k-fld input{display:block;width:100%;min-height:44px;padding:0 14px;border:0;outline:0;background:transparent;color:var(--h);font:500 1rem var(--fd)}
.k-fld input::placeholder{color:var(--mu);opacity:1}
@media(max-width:900px){.k-fb{grid-template-columns:repeat(2,minmax(0,1fr))}.k-fb-brand{grid-column:1/-1}.k-fa-top nav{margin-left:0}}
@media(max-width:560px){.k-fb{grid-template-columns:1fr}}