@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;700&display=swap";:root{--paper: #f2eee4;--ink: #151515;--signal: #c94b31;--muted: #72716c;--rule: #c8c3b8;--surface: #fffdf8;--dark-surface: #1b1b1a;--container-width: min(1200px, 100% - 2rem);--container-gutter: 1rem;--radius: 4px;color-scheme:light}@media (min-width: 720px){:root{--container-gutter: 2rem}}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;overflow-x:hidden}a{color:inherit;min-height:44px;min-width:44px;display:inline-flex;align-items:center}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.skip-link{position:absolute;left:1rem;top:.5rem;background:var(--surface);color:var(--ink);border:1px solid var(--ink);padding:.55rem .75rem;border-radius:var(--radius);transform:translateY(-125%);transition:transform .12s ease;z-index:20}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}.site-shell{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-gutter)}main,.site-shell,.hero,.section,.card,.two-col,.status-badge,.origin-note,.evidence-strip{min-width:0}main{display:block}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (min-width: 960px){.grid{grid-template-columns:repeat(12,1fr)}}.section{padding:1.5rem 0;border-top:1px solid var(--rule);overflow-wrap:anywhere}.hero{padding:2rem 0 1rem}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}h1,h2,h3{margin:.35rem 0}.page-title{margin-top:.75rem}.copy{max-width:60ch}.actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-block;padding:.65rem .9rem;border:1px solid var(--ink);text-decoration:none;border-radius:var(--radius);min-height:44px;min-width:44px}.button--primary{background:var(--ink);color:var(--paper)}.stack,.principles{display:grid;gap:1rem}@media (min-width: 720px){.principles{grid-template-columns:repeat(3,minmax(0,1fr))}}.two-col{display:grid;gap:1rem}@media (min-width: 720px){.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid var(--rule);border-left:6px solid var(--ink);padding:1rem;background:var(--surface);border-radius:var(--radius)}.card--branded{border-left-color:var(--brand-accent, var(--ink));border-color:var(--brand-border, var(--rule));background:var(--brand-surface, var(--surface));color:var(--brand-ink, var(--ink))}.card--ci-complete{overflow:hidden;font-family:var(--brand-font, inherit)}.card--ci-complete[data-brand=cafe-recharge]{border-top:4px solid #126b45}.card--ci-complete[data-brand=cafe-recharge] .brand-card__panel{background:#fff;border-bottom-color:#b6453d}.card__addon,.product-addon{display:grid;gap:.35rem;padding:.9rem 1rem;border-left:3px solid #266346;background:#edf5f0;color:#1c1917}.card__addon strong,.product-addon strong{font-size:.75rem;letter-spacing:.04em}.brand-card__panel{margin:-1rem -1rem 1rem;padding:.75rem 1rem;border-bottom:1px solid var(--brand-border);background:var(--brand-surface);background:color-mix(in srgb,var(--brand-surface) 74%,var(--brand-accent))}.card--ci-complete .brand-identity{margin:0;border-left:0;background:transparent}.card--ci-complete .status-badge{color:var(--brand-ink)}.card--ci-complete .badge-dot{background:var(--brand-ink)}.card--ci-complete .meta-row dt{color:var(--brand-ink);opacity:.7}.card--ci-complete .meta-row dd{color:var(--brand-ink)}.card--ci-complete .button{border-color:var(--brand-cta-surface);background:var(--brand-cta-surface);color:var(--brand-cta-ink)}.card--ci-complete .button:hover,.card--ci-complete .button:focus-visible{background:var(--brand-ink);color:var(--brand-surface)}.card--foundational{grid-column:1 / -1;padding:1.5rem;border-left-width:10px}.card--foundational .brand-identity{min-height:5.5rem;padding:.75rem .9rem}.card--foundational .brand-card__panel{margin:-1.5rem -1.5rem 1.4rem;padding:1rem 1.5rem}.card--foundational .brand-identity__mark{max-width:min(24rem,72vw);max-height:4.5rem}.card--foundational h3{font-size:clamp(1.7rem,3vw,2.45rem)}.card--foundational>p{max-width:65ch}.header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid var(--rule)}.nav{width:100%}.nav__top{display:flex;align-items:center;justify-content:space-between;min-height:4rem}.nav summary{list-style:none;cursor:pointer}.nav summary::marker{display:none}.brand-link{display:inline-flex;align-items:center;font-weight:700;letter-spacing:.01em;text-decoration:none;min-height:44px;min-width:44px;background:#fff}.brand-mark{display:block;width:11rem;height:auto;object-fit:contain;object-position:left center}.brand-identity{display:flex;align-items:center;gap:.65rem;min-height:3rem;margin-bottom:.9rem;padding:.45rem .6rem;border-left:3px solid var(--brand-accent);background:var(--brand-surface);color:var(--brand-ink)}.brand-identity--compact{min-height:2.4rem;margin:-.25rem 0 .8rem;padding:.3rem .45rem}.brand-identity__swatch{flex:0 0 .55rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--brand-accent)}.brand-identity__mark{display:block;width:auto;max-width:min(12rem,58vw);max-height:2.3rem;object-fit:contain;object-position:left center}.brand-identity__name{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.brand-identity--compact .brand-identity__mark{max-width:8rem;max-height:1.8rem}.brand-identity__note{margin-left:auto;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);opacity:.72;text-align:right}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.nav li a{text-decoration:none;padding:.35rem 0}.nav__links{display:none;gap:.55rem;padding-top:.55rem}.nav ul.nav__links--desktop{display:none}.nav__menu{position:relative}.nav__menu summary{width:auto;text-align:left;min-height:44px}.nav details[open] .nav__links{display:flex;flex-direction:column;position:absolute;right:0;top:calc(100% - .25rem);min-width:12rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--rule);box-shadow:0 .5rem 1.25rem #15151514}@media (min-width: 820px){.brand-link{width:11rem}.nav__links{display:flex;flex-direction:row;padding:0;margin:0;width:auto;gap:1.5rem}.nav ul.nav__links--desktop{display:flex}.nav__menu summary{display:none}.nav details[open] .nav__links{position:static;min-width:0;padding:0;border:0;box-shadow:none;flex-direction:row}}@media (max-width: 540px){.brand-mark{width:9.25rem}.brand-identity__note{font-size:.62rem}.card--foundational{padding:1rem}.card--foundational .brand-identity{min-height:4.4rem}.card--foundational .brand-card__panel{margin:-1rem -1rem 1rem;padding:.75rem 1rem}}.footer{border-top:1px solid var(--rule);padding:1.5rem 0 2.5rem;color:var(--muted);font-size:.95rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.badge-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--signal)}.meta-row{display:grid;gap:.35rem;margin:0}.meta-row dt{color:var(--muted);font-size:.75rem}.origin-note{border-left:2px solid var(--rule);padding-left:.75rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumbs{margin:1rem 0 .35rem;font-size:.85rem}.breadcrumbs ol{list-style:none;display:flex;align-items:baseline;margin:0;padding:0;gap:.35rem;flex-wrap:wrap}.breadcrumbs__sep{color:var(--muted)}.breadcrumbs a{text-decoration:none;border-bottom:1px solid var(--muted)}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{border-bottom-color:var(--ink)}.external-link__meta{margin-left:.35rem;font-size:.75rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 360px){.site-shell{min-width:0}.hero,.section{max-width:100%;overflow-wrap:anywhere}.actions,.nav__top,.nav ul{flex-wrap:wrap;row-gap:.4rem}}