/* Instrument Sans, self-hosted (B27, R5): no request ever goes to Google Fonts.
   Upright: the designer's own files and unicode-range values (design/reference/ style block #0).
   Italic: the files Google serves for the designer's @import, with Google's unicode-range values
   and declaration order (latin-ext first). Sources and hashes: public/fonts/README.md. */

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/instrument-sans-latin-wght-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/instrument-sans-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/instrument-sans-latin-ext-wght-italic.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/instrument-sans-latin-wght-italic.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Every custom property of the site (S6). Each property keeps the designer's order of declarations; groups: README.md */

/* ---------- Colour, light: the designer's palette, B08's two tokens, B02's --card, the home app banner's on-hero pair (before the dark block, as in the designer's order) ---------- */
:root {
  --page: #ffffff; --mist: #e3eeee; --mist-strong: #d6e5e4; --highlight: #cdeedc; --highlight-edge: #a3d9bf; --hairline: #d3e0df;
  --ink: #0a2c26; --ink-secondary: #4a5f5a; --ink-meta: #566964;
  --brand: #0c4f3d; --brand-hover: #093d30; --on-brand: #ffffff; --chart-neutral: #b8c9c6;
  --hero-deep: #0a2c26; --hero-mid: #0c4f3d; --hero-glow: #3e7f6c; --hero-mist: #e3eeee;
  --on-hero: #ffffff; --on-hero-muted: #d6e4e1;
  --hairline-strong: #c9d3cf; --c-text: #0a2c26;
  --card: #fff;
}
:where(:root:has([data-page="home"])) .a2b-app { --on-hero: #ffffff; --on-hero-muted: rgba(255,255,255,0.86); }

/* ---------- Colour, dark (the designer's dark-theme selector, R7; --card is B02, D68) ---------- */
:where(.a2b[data-theme="dark"]) {
  --page: #0b1613; --mist: #14231f; --mist-strong: #1a2c27; --highlight: #173b30; --highlight-edge: #2e6b55; --hairline: #24382f;
  --ink: #e6f0ec; --ink-secondary: #b2c3be; --ink-meta: #8ea29c;
  --brand: #6fd3a8; --brand-hover: #8ee0bd; --on-brand: #06231a; --chart-neutral: #3a4f48;
  --hero-deep: #071d18; --hero-mid: #0f3e31; --hero-glow: #2f6e5b; --hero-mist: #14231f;
  --on-hero: #ffffff; --on-hero-muted: #c9d9d5;
  --card: #13221e;
}

/* ---------- Colour, per block: the on-hero pair of the footer variants (the last two: design v2, S6; never match our Ripple footer) ---------- */
.a2b .a2b-foot.a2b-foot--mesh { --on-hero: #ffffff; --on-hero-muted: rgba(255,255,255,0.86); }
.a2b .a2b-foot.a2b-foot--plain { --on-hero: var(--ink); --on-hero-muted: var(--ink-meta); }
.a2b .a2b-foot.a2b-foot--ripple { --on-hero: var(--foot-ink); --on-hero-muted: var(--foot-ink-muted); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave { --on-hero: var(--ink); --on-hero-muted: var(--ink-meta); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave { --on-hero: var(--ink); --on-hero-muted: var(--ink-meta); }
.a2b-foot.a2b-foot--wave, .a2b-foot.a2b-foot--plain { --on-hero-muted: #3b524b; }
.a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave, .a2b[data-theme="dark"] .a2b-foot.a2b-foot--plain { --on-hero-muted: rgba(255,255,255,.82); }

/* ---------- Footer (B01, D02): what the Ripple footer reads. Light = the designer's Light ripple footer (.a2b-foot--wave rules: M17, dark ink, ink logos, pan, bird); dark = the Ripple footer as designed (v2: M10 Still Pond, R116; was M15 Deep Eddy) ---------- */
:root {
  --foot-bg: url(/images/mesh/wave-02-ripple.jpg) 20% 45% / 130% auto no-repeat; --foot-edge: inset 0 0 0 1px var(--hairline);
  --foot-ink: var(--ink); --foot-ink-muted: var(--ink-meta); --foot-logo-ink: block; --foot-logo-white: none;
  --foot-pan: a2b-wave-pan 70s ease-in-out infinite alternate; --foot-bird: a2b-foot-bird 46s linear infinite;
}
:where(.a2b[data-theme="dark"]) {
  --foot-bg: linear-gradient(rgba(6,32,24,.5), rgba(6,32,24,.68)) center / cover, url(/images/mesh/mesh-10-still-pond.jpg) center / cover; --foot-edge: none;
  --foot-ink: #ffffff; --foot-ink-muted: rgba(255,255,255,0.86); --foot-logo-ink: none; --foot-logo-white: block;
  --foot-pan: none; --foot-bird: none;
}

/* ---------- Type ---------- */
:root {
  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Space ---------- */
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 80px; --space-10: 128px;
}

/* ---------- Radius ---------- */
:root {
  --radius-sm: 12px; --radius-thumb: 18px; --radius-card: 24px; --radius-input: 28px; --radius-hero: 32px; --radius-pill: 999px;
}

/* ---------- Shadow (light, then dark) ---------- */
:root {
  --shadow-input: 0 1px 2px rgba(10,44,38,0.08), 0 12px 32px rgba(10,44,38,0.18);
}
:where(.a2b[data-theme="dark"]) {
  --shadow-input: 0 1px 2px rgba(0,0,0,0.5), 0 12px 32px rgba(0,0,0,0.45);
}

/* ---------- Grain opacity (light, then dark) ---------- */
:root {
  --grain-on-dark: 0.14; --grain-on-light: 0.05;
}
:where(.a2b[data-theme="dark"]) {
  --grain-on-light: 0.03;
}

/* ---------- Layout sizes of single blocks (home app banner, testimonial carousel, about team grid) ---------- */
:where(:root:has([data-page="home"])) .a2b-app { --al: max(24px, calc(50% - 490px)); }
:where(:root:has([data-page="home"])) .a2b-tm { --tm-vis: 3; --tm-gap: 24px; }
@media (max-width: 860px) {
  :where(:root:has([data-page="home"])) .a2b-tm { --tm-vis: 2; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="home"])) .a2b-tm { --tm-vis: 1; --tm-gap: 16px; }
}
:where(:root:has([data-page="about"])) .a2b-team__grid { --n: 6; --g: 20px; }
:where(:root:has([data-page="about"])) .a2b-team__grid.a2b-team__grid--lead { --n: 3; --g: 32px; }
@media (max-width: 1080px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid { --n: 4; }
}
@media (max-width: 720px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid { --n: 3; --g: 12px; }
}
@media (max-width: 640px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid.a2b-team__grid--lead { --n: 2; --g: 16px; }
}

/* ---------- Style variant (data-uni) tokens: images, card masks and CTA/parallax/edge shades per .a2b[data-uni="…"], in the designer's order ---------- */
.a2b { --uni-img: url(/images/mesh/mesh-04-fern-glade.jpg); --uni-shade: rgba(4,34,26,.26); --uni-ink: #ffffff; --uni-a: url(/images/mesh/mesh-04-fern-glade.jpg); --uni-b: url(/images/mesh/mesh-05-lichen.jpg); --uni-c: url(/images/mesh/mesh-06-sun-clearing.jpg); --uni-d: url(/images/mesh/mesh-13-tide-moss.jpg); }
.a2b[data-uni="ripple"] { --uni-img: url(/images/mesh/mesh-15-deep-eddy.jpg); --uni-shade: rgba(4,34,26,.3); --uni-a: url(/images/mesh/mesh-15-deep-eddy.jpg); --uni-b: url(/images/mesh/mesh-12-rain-pool.jpg); --uni-c: url(/images/mesh/mesh-10-still-pond.jpg); --uni-d: url(/images/mesh/mesh-14-mist-lake.jpg); }
.a2b[data-uni="wave"] { --uni-img: url(/images/mesh/wave-02-ripple.jpg); --uni-shade: transparent; --uni-ink: #0a2c26; --uni-a: url(/images/mesh/wave-01-ripple.jpg); --uni-b: url(/images/mesh/wave-02-ripple.jpg); --uni-c: url(/images/mesh/wave-03-ripple.jpg); --uni-d: url(/images/mesh/wave-01-ripple.jpg); }
.a2b[data-uni="plain"] { --uni-img: none; --uni-shade: color-mix(in srgb, var(--brand) 12%, transparent); --uni-ink: var(--ink); --uni-a: none; --uni-b: none; --uni-c: none; --uni-d: none; }
.a2b[data-theme="dark"][data-uni="wave"] { --uni-img: url(/images/mesh/wave-dark.jpg); --uni-ink: #e8f3ee; --uni-a: url(/images/mesh/wave-dark.jpg); --uni-b: url(/images/mesh/wave-dark.jpg); --uni-c: url(/images/mesh/wave-dark.jpg); --uni-d: url(/images/mesh/wave-dark.jpg); }
.a2b[data-uni="ripple"] { --uni-img: url(/images/mesh/mesh-12-rain-pool.jpg); --uni-shade: rgba(4,34,26,.38); --uni-a: url(/images/mesh/mesh-12-rain-pool.jpg); --uni-b: url(/images/mesh/mesh-12-rain-pool.jpg); --uni-c: url(/images/mesh/mesh-12-rain-pool.jpg); --uni-d: url(/images/mesh/mesh-12-rain-pool.jpg); }
.a2b[data-theme="dark"][data-uni="ripple"] { --uni-img: url(/images/mesh/mesh-10-still-pond.jpg); --uni-a: url(/images/mesh/mesh-10-still-pond.jpg); --uni-b: url(/images/mesh/mesh-10-still-pond.jpg); --uni-c: url(/images/mesh/mesh-10-still-pond.jpg); --uni-d: url(/images/mesh/mesh-10-still-pond.jpg); }
.a2b[data-uni="ripple"] .a2b-sw__g--import, .a2b[data-uni="wave"] .a2b-sw__g--import { --m: var(--uni-a); }
.a2b[data-uni="ripple"] .a2b-sw__g--search, .a2b[data-uni="wave"] .a2b-sw__g--search { --m: var(--uni-b); }
.a2b[data-uni="ripple"] .a2b-sw__g--docs, .a2b[data-uni="wave"] .a2b-sw__g--docs { --m: var(--uni-c); }
.a2b[data-uni="ripple"] .a2b-sw__g--code, .a2b[data-uni="wave"] .a2b-sw__g--code { --m: var(--uni-d); }
.a2b[data-uni="wave"] .a2b-sw__g--import, .a2b[data-uni="wave"] .a2b-sw__g--search, .a2b[data-uni="wave"] .a2b-sw__g--docs, .a2b[data-uni="wave"] .a2b-sw__g--code { --m: linear-gradient(#0c4f3d, #0c4f3d); }
.a2b[data-uni="plain"] .a2b-sw__g { --m: linear-gradient(var(--brand), var(--brand)) !important; }
.a2b { --cta-shade: rgba(5,40,30,.32); --cta-shade-h: rgba(5,40,30,.5); }
.a2b[data-uni="plain"] { --cta-shade: rgba(12,79,61,1); --cta-shade-h: rgba(7,56,42,1); }
.a2b[data-uni="ripple"] { --px-shade: rgba(3,26,18,.5); }
.a2b[data-uni="wave"] { --cta-shade: transparent; --cta-shade-h: rgba(255,255,255,.28); --px-shade: transparent; --wv-edge: rgba(10,44,38,.12); }
.a2b[data-theme="dark"][data-uni="wave"] { --cta-shade-h: rgba(255,255,255,.08); --wv-edge: rgba(255,255,255,.14); }
.a2b[data-uni="ripple"] { --cta-shade: rgba(4,34,26,.42); --cta-shade-h: rgba(4,34,26,.56); }

/* ---------- Block-local colours and masks (home value icons, plain-hero pills, home value glyphs) ---------- */
:where(:root:has([data-page="home"])) .a2b-sw__ic { --c: #2f8f9d; }
:where(:root:has([data-page="home"])) .a2b-sw__ic--b { --c: #1f7a5c; }
:where(:root:has([data-page="home"])) .a2b-sw__ic--c { --c: #b7791f; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-sw__ic { --c: #6cc3d1; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-sw__ic--b { --c: #6fd3a8; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-sw__ic--c { --c: #e3b361; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip { --cb: #d3d9d6; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-hero--plain .a2b-chip { --cb: transparent; }
:where(:root:has([data-page="home"])) .a2b-sw__g--import { --g: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2011.5a8.4%208.4%200%200%201-8.5%208.5%208.7%208.7%200%200%201-3.6-.8L3%2021l1.4-4.9A8.4%208.4%200%200%201%203.5%2011.5%208.5%208.5%200%200%201%2012%203a8.5%208.5%200%200%201%209%208.5Z'/%3E%3Cpath%20d='M12%208v6M9.5%2011.8l2.5%202.5%202.5-2.5'/%3E%3C/svg%3E"); --m: url(/images/mesh/mesh-04-fern-glade.jpg); }
:where(:root:has([data-page="home"])) .a2b-sw__g--search { --g: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7.5'/%3E%3Cpath%20d='M3.5%2011h15M11%203.5c2.2%202.2%203.3%204.7%203.3%207.5s-1.1%205.3-3.3%207.5C8.8%2016.3%207.7%2013.8%207.7%2011S8.8%205.7%2011%203.5Z'/%3E%3Cpath%20d='m20.5%2020.5-3.7-3.7'/%3E%3C/svg%3E"); --m: url(/images/mesh/mesh-05-lichen.jpg); }
:where(:root:has([data-page="home"])) .a2b-sw__g--docs { --g: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8Z'/%3E%3Cpath%20d='M14%203v5h5'/%3E%3Ccircle%20cx='10'%20cy='12.6'%20r='1.3'/%3E%3Cpath%20d='m7.5%2018.5%203-3%202%202%202-2%202%202'/%3E%3C/svg%3E"); --m: url(/images/mesh/mesh-06-sun-clearing.jpg); }
:where(:root:has([data-page="home"])) .a2b-sw__g--code { --g: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='16'%20rx='3'/%3E%3Cpath%20d='M3%209h18'/%3E%3Cpath%20d='m9.5%2012.8-2%202%202%202M14.5%2012.8l2%202-2%202'/%3E%3C/svg%3E"); --m: url(/images/mesh/mesh-13-tide-moss.jpg); }
/* aim2balance — component styles. Every colour, space and radius comes from tokens.css. */
.a2b, .a2b * { box-sizing: border-box; }
.a2b {
  font-family: var(--font-sans);
  font-feature-settings: "kern", "liga";
  color: var(--ink);
  background: var(--page);
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 26px;
}
.a2b :focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 6px; }
.a2b-hero :focus-visible { outline-color: var(--on-hero); }

/* ---------- Anchor offset (B05, R4): a jumped-to target sits --space-4 below the scrolled nav (bottom edge 14 px + 84 px, 14 px + 72 px at <= 720 px). :where() keeps it below the designer's own scroll-margin rules. ---------- */
:where(.a2b [id]) { scroll-margin-top: calc(98px + var(--space-4)); }
@media (max-width: 720px) {
  :where(.a2b [id]) { scroll-margin-top: calc(86px + var(--space-4)); }
}

/* ---------- Type helpers ---------- */
.a2b-display { font-size: 72px; line-height: 76px; font-weight: 600; letter-spacing: -0.035em; text-wrap: balance; margin: 0; }
.a2b-h1 { font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -0.03em; text-wrap: balance; margin: 0; }
.a2b-h2 { font-size: 40px; line-height: 46px; font-weight: 600; letter-spacing: -0.025em; text-wrap: balance; margin: 0; }
.a2b-h3 { font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.02em; text-wrap: balance; margin: 0; }
.a2b-h4 { font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; margin: 0; }
.a2b-body-l { font-size: 18px; line-height: 28px; color: var(--ink-secondary); margin: 0; }
.a2b-small { font-size: 14px; line-height: 20px; color: var(--ink-secondary); margin: 0; }
.a2b-meta { font-size: 13px; line-height: 18px; color: var(--ink-meta); font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  .a2b-display { font-size: 44px; line-height: 48px; }
  .a2b-h1 { font-size: 36px; line-height: 40px; }
  .a2b-h2 { font-size: 30px; line-height: 36px; }
}

/* ---------- Icons (Lucide, 1.5px) ---------- */
.a2b-icon { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Picture (post-5a): <Picture> writes width/height attributes, the reference's <img>s have none. Where designer CSS sets only the width, the height attribute would stretch the image; auto height restores the reference result. :where() keeps every designer height rule ahead. ---------- */
:where(img[width][height]) { height: auto; }
/* ---------- Buttons ---------- */
.a2b-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  height: 44px; padding: 0 22px; border-radius: var(--radius-pill);
  font: 500 15px/20px var(--font-sans); letter-spacing: -0.005em;
  border: 1px solid transparent; cursor: pointer; text-decoration: none; white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.a2b-btn--primary { background: var(--brand); color: var(--on-brand); }
.a2b-btn--primary:hover { background: var(--brand-hover); }
.a2b-btn--secondary { background: var(--page); color: var(--ink); border-color: var(--hairline); }
.a2b-btn--secondary:hover { background: var(--mist); border-color: var(--mist); }
.a2b-btn--sm { height: 36px; padding: 0 16px; font-size: 14px; }
.a2b-btn:disabled { opacity: .45; cursor: not-allowed; }
.a2b-link { display: inline-flex; align-items: center; gap: 2px; color: var(--brand); font-weight: 500; font-size: 15px; text-decoration: none; }
.a2b-link .a2b-icon { width: 16px; height: 16px; transition: transform .15s ease; }
.a2b-link:hover .a2b-icon { transform: translateX(2px); }
/* ---------- Chips ---------- */
.a2b-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.a2b-chip {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px;
  border-radius: var(--radius-pill); background: var(--mist); color: var(--ink);
  font: 500 14px/20px var(--font-sans); border: 0; cursor: pointer;
}
.a2b-chip:hover { background: var(--mist-strong); }
.a2b-chip .a2b-icon { width: 16px; height: 16px; color: var(--ink-secondary); }
/* ---------- Segmented tabs ---------- */
.a2b-tabs { display: inline-flex; padding: 4px; gap: 2px; border-radius: var(--radius-pill); background: var(--mist); max-width: 100%; overflow-x: auto; }
.a2b-tab { height: 36px; padding: 0 16px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink-secondary); font: 500 14px/20px var(--font-sans); cursor: pointer; white-space: nowrap; }
.a2b-tab:hover { color: var(--ink); }
.a2b-tab[aria-selected="true"] { background: var(--page); color: var(--ink); }
/* ---------- Grain ---------- */
.a2b-grain { position: relative; isolation: isolate; overflow: hidden; }
.a2b-grain::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size: 180px 180px;
}
.a2b-grain--dark::after { opacity: var(--grain-on-dark); mix-blend-mode: overlay; }
.a2b-grain > * { position: relative; z-index: 2; }
/* ---------- Hero card ---------- */
.a2b-hero {
  border-radius: var(--radius-hero); color: var(--on-hero);
  background:
    radial-gradient(55% 50% at 50% 62%, color-mix(in srgb, var(--hero-glow) 95%, transparent) 0%, color-mix(in srgb, var(--hero-glow) 0%, transparent) 72%),
    radial-gradient(38% 30% at 80% 8%, color-mix(in srgb, var(--hero-mist) 20%, transparent) 0%, transparent 70%),
    radial-gradient(130% 95% at 50% 100%, var(--hero-mid) 0%, var(--hero-deep) 78%);
  padding: 96px 24px 80px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.a2b-hero__ridge { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 42%; z-index: 0; pointer-events: none; }
.a2b-hero__ridge path { fill: none; stroke: var(--hero-mist); stroke-width: 1; }
.a2b-hero__title { max-width: 860px; }
.a2b-hero__stage { width: 100%; max-width: 1000px; display: grid; grid-template-columns: 1fr minmax(0, 680px) 1fr; gap: 24px; align-items: end; }
.a2b-hero__stage--solo { grid-template-columns: minmax(0, 680px); justify-content: center; }
.a2b-hero__stage--solo .a2b-hero__center { grid-column: 1; }
.a2b-hero__center { grid-column: 2; display: flex; flex-direction: column; align-items: center; gap: 20px; min-width: 0; }
@media (max-width: 960px) {
  .a2b-hero__stage { grid-template-columns: minmax(0, 1fr); }
  .a2b-hero__center { grid-column: 1; }
}
@media (max-width: 720px) {
  .a2b-hero { padding: 64px 16px 48px; }
}

/* ---------- Values row (hero) ---------- */
/* ---------- Chat input ---------- */
.a2b-chat {
  width: 100%; background: #ffffff; color: var(--hero-deep);
  border-radius: var(--radius-input); box-shadow: var(--shadow-input);
  padding: 18px 18px 14px 22px; text-align: left;
  display: flex; flex-direction: column; gap: 18px;
}
.a2b-chat__field { border: 0; outline: 0; resize: none; width: 100%; font: 400 17px/26px var(--font-sans); color: var(--hero-deep); background: transparent; padding: 0; min-height: 26px; }
.a2b-chat__field::placeholder { color: #566964; }
.a2b-chat__bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.a2b-chat__tools { display: flex; gap: 4px; }
.a2b-chat__tool { width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--radius-pill); border: 0; background: transparent; color: #4a5f5a; cursor: pointer; }
.a2b-chat__tool:hover { background: #e3eeee; color: var(--c-text); }
.a2b-chat__model { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px 0 14px; margin-right: auto; border: 1px solid #d3e0df; border-radius: var(--radius-pill); background: #ffffff; font: 400 14px/18px var(--font-sans); color: #566964; cursor: pointer; white-space: nowrap; }
.a2b-chat__model:hover { background: #e3eeee; }
.a2b-chat__model b { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #0c4f3d; }
.a2b-chat__model img { width: 16px; height: 16px; display: block; }
.a2b-chat__model .a2b-icon { width: 14px; height: 14px; color: var(--c-text); }
.a2b-chat__send { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--radius-pill); border: 0; background: #0c4f3d; color: #ffffff; cursor: pointer; }
.a2b-chat__send:hover { background: #093d30; }
.a2b-chat__send:disabled { background: #9fc3b7; cursor: default; }
.a2b-chat__send .a2b-icon { width: 18px; height: 18px; stroke-width: 2; }

/* ---------- Impact snippet ---------- */

/* Quiet by design: a faint translucent tint of the hero, so the chat input stays the focus. */
/* ---------- Nav ---------- */
.a2b-nav { display: flex; align-items: center; gap: 24px; height: 84px; }
.a2b-nav__logo { display: flex; align-items: center; height: 44px; flex: none; }
.a2b-nav__logo img { height: 42px; width: auto; display: block; }
.a2b-nav__links { display: flex; gap: 4px; margin: 0 auto; }
.a2b-nav__link { height: 36px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: var(--radius-pill); color: var(--ink-meta); text-decoration: none; font: 500 15px/20px var(--font-sans); }
.a2b-nav__link:hover { background: var(--mist); }
.a2b-nav__link[aria-current="page"] { color: var(--ink); font-weight: 600; }
.a2b-nav__right { display: flex; align-items: center; gap: 12px; }
.a2b-lang { display: inline-flex; padding: 3px; border-radius: var(--radius-pill); background: var(--mist); }
.a2b-lang button { height: 28px; padding: 0 10px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink-meta); font: 500 13px/18px var(--font-sans); cursor: pointer; }
.a2b-lang button[aria-pressed="true"] { background: var(--page); color: var(--ink); }
@media (max-width: 860px) {
  .a2b-nav__links, .a2b-lang { display: none; }
  .a2b-nav { justify-content: space-between; padding: 0 16px; }
}
@media (max-width: 720px) {
  .a2b-nav { height: 72px; }
  .a2b-nav__logo img { height: 34px; }
}
/* ---------- Section header ---------- */
.a2b-sechead { display: flex; flex-direction: column; gap: 16px; max-width: 720px; }
.a2b-sechead--center { align-items: center; text-align: center; margin: 0 auto; }

/* ---------- Mesh images ---------- */

/* ---------- Feature card ---------- */

/* ---------- Statement + text list ---------- */

/* ---------- Why grid (2x2) ---------- */
/* ---------- Benchmark chart ---------- */
.a2b-bench { display: flex; flex-direction: column; gap: 24px; }
.a2b-bench__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.a2b-bench__table { width: 100%; overflow-x: auto; }
.a2b-bench__grid { min-width: 720px; display: flex; flex-direction: column; }

/* Every row is one grid, so the A2B highlight is a single continuous band. */
.a2b-bench__head, .a2b-bench__row { display: grid; grid-template-columns: 200px minmax(0, 1fr) 72px 136px 136px; column-gap: 24px; align-items: center; padding-inline: 16px; }
.a2b-bench__head { padding-bottom: 12px; border-bottom: 1px solid var(--hairline); font: 500 13px/18px var(--font-sans); color: var(--ink-meta); }

/* Labels change per tab: keep them on one line so the table never shifts. */
.a2b-bench__head > div, .a2b-bench__row > div { white-space: nowrap; }
.a2b-bench__top > .a2b-meta { white-space: nowrap; }
@media (max-width: 720px) {
  .a2b-bench__top > .a2b-meta { white-space: normal; min-height: 36px; }
}
.a2b-bench__row { min-height: 56px; border-bottom: 1px solid var(--hairline); font-size: 15px; font-variant-numeric: tabular-nums; }
.a2b-bench__head > .r, .a2b-bench__row > .r { text-align: right; }
.a2b-bench__row--us { background: var(--highlight, #cdeedc); border-bottom-color: transparent; border-radius: 16px; font-weight: 600; margin-block: 6px; min-height: 64px; }
.a2b-bench__name { display: flex; align-items: center; gap: 10px; min-width: 0; white-space: nowrap; }
.a2b-bench__logo { width: 20px; height: 20px; flex: none; display: block; }
.a2b-bench__name small { font: 500 11px/14px var(--font-sans); color: var(--ink-meta); padding: 2px 8px; border-radius: 999px; background: var(--page); }

/* Track shows the full 0-max scale; the bar fills its share. */
.a2b-bench__track { width: 100%; height: 10px; border-radius: 999px; background: var(--mist); overflow: hidden; }
.a2b-bench__row--us .a2b-bench__track { background: var(--page); }
.a2b-bench__bar { height: 100%; border-radius: 999px; background: var(--chart-neutral); transition: width .7s cubic-bezier(.22, 1, .36, 1); }
.a2b-bench__row:nth-child(2) .a2b-bench__bar { transition-delay: 0ms; }
.a2b-bench__row:nth-child(3) .a2b-bench__bar { transition-delay: 40ms; }
.a2b-bench__row:nth-child(4) .a2b-bench__bar { transition-delay: 80ms; }
.a2b-bench__row:nth-child(5) .a2b-bench__bar { transition-delay: 120ms; }
.a2b-bench__row:nth-child(6) .a2b-bench__bar { transition-delay: 160ms; }
.a2b-bench__row:nth-child(7) .a2b-bench__bar { transition-delay: 200ms; }
.a2b-bench__row--us .a2b-bench__bar { background: var(--brand); }
.a2b-bench__row--us .a2b-bench__name small { background: var(--brand); color: var(--on-brand); }
.a2b-bench__dim { color: var(--ink-meta); font-weight: 400; }
.a2b-bench__row--us .a2b-bench__dim { color: var(--ink-secondary); font-weight: 500; }
.a2b-bench__foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
.a2b-bench__foot p { margin: 0; max-width: 620px; }
/* ---------- Model logo strip ---------- */
.a2b-models__item { display: inline-flex; align-items: center; gap: 10px; font: 600 18px/24px var(--font-sans); letter-spacing: -0.02em; color: var(--ink-meta); }
.a2b-models__item img { width: 24px; height: 24px; display: block; }

/* ---------- Pricing (two containers) ---------- */
/* ---------- Testimonial ---------- */
.a2b-quote { margin: 0; padding: 32px; border-radius: var(--radius-card); border: 1px solid var(--hairline); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; min-width: 0; }
.a2b-quote blockquote { margin: 0; font-size: 18px; line-height: 28px; letter-spacing: -0.005em; color: var(--ink); }
.a2b-quote figcaption { display: flex; align-items: center; gap: 12px; }
.a2b-quote__who { display: flex; flex-direction: column; font-size: 14px; line-height: 20px; }
.a2b-quote__who b { font-weight: 600; }
.a2b-quote__who span { color: var(--ink-meta); }
@media (max-width: 860px) {
  .a2b-quote { padding: 24px; }
}

/* ---------- News / blog ---------- */
/* ---------- News grid (blog, OpenAI layout) ---------- */
.a2b-newsgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; }
.a2b-newsgrid__item { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 28px; align-items: center; text-decoration: none; color: inherit; }
.a2b-newsgrid__img { display: block; width: 100%; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--radius-thumb); }
.a2b-newsgrid__body { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.a2b-newsgrid__item:hover .a2b-h4 { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
@media (max-width: 860px) {
  .a2b-newsgrid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .a2b-newsgrid__item { grid-template-columns: 120px minmax(0, 1fr); gap: 20px; }
}
/* ---------- About: timeline ---------- */
.a2b-timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.a2b-timeline::before { content: ""; position: absolute; left: 207px; top: 10px; bottom: 10px; width: 1px; background: var(--hairline); }
.a2b-timeline__item { position: relative; display: grid; grid-template-columns: 180px minmax(0, 1fr); column-gap: 64px; padding-bottom: 64px; }
.a2b-timeline__item:last-child { padding-bottom: 0; }
.a2b-timeline__item::before { content: ""; position: absolute; left: 203px; top: 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 4px var(--page); }
.a2b-timeline__item--next::before { background: var(--page); box-shadow: inset 0 0 0 2px var(--brand), 0 0 0 4px var(--page); }
.a2b-timeline__date { font: 500 14px/24px var(--font-sans); color: var(--ink-meta); text-align: right; font-variant-numeric: tabular-nums; }
.a2b-timeline__body { display: flex; flex-direction: column; gap: 12px; max-width: 680px; min-width: 0; }
.a2b-timeline__body .a2b-body-l { margin: 0; }
.a2b-timeline__img { display: block; width: 100%; max-width: 560px; border-radius: var(--radius-card); margin-top: 12px; }
@media (max-width: 720px) {
  .a2b-timeline::before { left: 4px; }
  .a2b-timeline__item { grid-template-columns: minmax(0, 1fr); row-gap: 6px; padding-left: 28px; padding-bottom: 40px; }
  .a2b-timeline__item::before { left: 0; top: 7px; }
  .a2b-timeline__date { text-align: left; }
}

/* ---------- About: principles ---------- */
/* ---------- About: statement card ---------- */
.a2b-statement-card { border-radius: var(--radius-hero); padding: 120px 32px; display: flex; justify-content: center; text-align: center; color: var(--on-hero);
  background: radial-gradient(60% 70% at 50% 40%, var(--hero-glow) 0%, color-mix(in srgb, var(--hero-glow) 0%, transparent) 70%), radial-gradient(130% 95% at 50% 100%, var(--hero-mid) 0%, var(--hero-deep) 78%); }
.a2b-statement-card__quote { margin: 0; max-width: 900px; font: 600 44px/52px var(--font-sans); letter-spacing: -0.03em; text-wrap: balance; }
@media (max-width: 720px) {
  .a2b-statement-card { padding: 72px 20px; }
  .a2b-statement-card__quote { font-size: 28px; line-height: 34px; }
}
/* ---------- About: team ---------- */
.a2b-team { display: flex; flex-direction: column; gap: 24px; }
.a2b-team__title { padding-bottom: 16px; border-bottom: 1px solid var(--hairline); }
.a2b-team__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
.a2b-person { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.a2b-person img { display: block; width: 100%; max-width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-thumb); background: var(--mist); }
.a2b-person > div { display: flex; flex-direction: column; gap: 2px; }
.a2b-person .a2b-meta { margin: 0; }
@media (max-width: 960px) {
  .a2b-team__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .a2b-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
}
/* ---------- Contact ---------- */
.a2b-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: end; padding: 48px 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
@media (max-width: 860px) {
  .a2b-contact { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
/* ---------- Footer ---------- */
.a2b-footer {
  border-radius: var(--radius-hero); color: var(--on-hero); padding: 48px 40px 28px;
  background: radial-gradient(90% 120% at 100% 0%, var(--hero-mid) 0%, var(--hero-deep) 70%);
  display: flex; flex-direction: column; gap: 48px;
}
.a2b-store { display: flex; gap: 12px; flex-wrap: wrap; }
.a2b-store a { display: inline-flex; align-items: center; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--on-hero) 28%, transparent); color: var(--on-hero); text-decoration: none; font: 500 14px/18px var(--font-sans); }
.a2b-store a:hover { background: color-mix(in srgb, var(--on-hero) 10%, transparent); }
.a2b-store a { height: 52px; padding: 0 18px 0 14px; gap: 10px; }
.a2b-store__logo { width: 24px; height: 24px; flex: none; display: block; }
.a2b-store__text { display: flex; flex-direction: column; font: 600 16px/18px var(--font-sans); letter-spacing: -0.01em; }
.a2b-store__text small { font: 400 11px/13px var(--font-sans); letter-spacing: 0; opacity: .85; }
.a2b-footer__bottom { padding-top: 20px; border-top: 1px solid color-mix(in srgb, var(--on-hero) 16%, transparent); font-size: 13px; line-height: 18px; color: var(--on-hero-muted); }
@media (max-width: 720px) {
  .a2b-footer { padding: 32px 20px 20px; }
}
/* ---------- Link colour guards ---------- */

/* Buttons and links styled as buttons keep their own text colour on hover, whatever the page's global a:hover says. */
a.a2b-btn--primary:hover, a.a2b-btn--primary:focus-visible { color: var(--on-brand); }
a.a2b-btn--secondary:hover { color: var(--ink); }
.a2b-footer a, .a2b-footer a:hover, .a2b-store a:hover { color: var(--on-hero); }
.a2b-nav__link:hover { color: var(--ink); }

/* ---------- No orphans ---------- */

/* Running text never leaves a single word alone on its last line; short centred lines balance. */
.a2b p, .a2b li, .a2b blockquote, .a2b figcaption { text-wrap: pretty; }
.a2b-sechead--center p, .a2b-small, .a2b-meta { text-wrap: balance; }
.a2b h1, .a2b h2, .a2b h3, .a2b h4 { text-wrap: balance; }
/* ---------- Chat bar on phones ---------- */
@media (max-width: 560px) {
  .a2b-chat { padding: 16px 14px 12px 18px; }
  .a2b-chat__tools { width: 100%; align-items: center; }
  .a2b-chat__send { margin-left: auto; }
  .a2b-chat__field { font-size: 16px; }
}
/* ---------- Mobile refinements ---------- */
@media (max-width: 720px) {
  .a2b-sechead { max-width: 100%; }
  .a2b-sechead > * { max-width: 100%; }
  .a2b-display, .a2b-h1, .a2b-h2 { overflow-wrap: break-word; }
}
@media (prefers-reduced-motion: reduce) {
  .a2b *, .a2b *::before, .a2b *::after { transition: none !important; animation: none !important; }
}
body { margin: 0; background: #ffffff; }
a { color: #0c4f3d; }
a:hover { color: #093d30; }
.wrap { width: 100%; max-width: 1288px; margin: 0 auto; padding-inline: 48px; box-sizing: border-box; }
.sec { padding-block: 112px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Centred, alternating timeline (About) */
:where(:root:has([data-page="about"])) .a2b-timeline--center::before { left: 50%; transform: translateX(-50%); top: 10px; bottom: 10px; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 112px; padding-bottom: 88px; align-items: start; row-gap: 14px; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:last-child { padding-bottom: 0; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item::before { left: 50%; transform: translateX(-50%); top: 9px; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__aside { display: contents; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__date, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__body, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__img, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__logo { grid-column: 1; min-width: 0; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__date, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__body, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__img, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__logo { grid-column: 2; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__date { grid-row: 1; font: 600 16px/24px var(--font-sans); color: var(--brand); letter-spacing: 0.01em; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__body { grid-row: 2; max-width: 560px; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__img, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__logo { grid-row: 3; margin-top: 6px; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(odd) { text-align: right; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(odd) .a2b-timeline__body, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(odd) .a2b-timeline__img, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(odd) .a2b-timeline__logo { justify-self: end; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) { text-align: left; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__body, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__img, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__logo { justify-self: start; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) .a2b-timeline__date { justify-self: start; text-align: left; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(odd) .a2b-timeline__date { justify-self: end; text-align: right; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__img { max-width: 440px; }
:where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__img--framed { box-sizing: border-box; padding: 16px; background: transparent; border: 1px solid var(--hairline); border-radius: 20px; max-width: 360px; }
:where(:root:has([data-page="about"])) .a2b-timeline__logo { display: block; height: 52px; width: auto; max-width: 100%; }
:where(:root:has([data-page="about"])) .a2b-timeline__logo--dark { display: none; }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"] .a2b-timeline__logo--light { display: none; }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"] .a2b-timeline__logo--dark { display: block; }
@media (max-width: 720px) {
  :where(:root:has([data-page="about"])) .a2b-timeline--center::before { left: 4px; transform: none; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) { display: flex; flex-direction: column; gap: 6px; padding-left: 28px; padding-bottom: 40px; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item::before { left: 0; transform: none; top: 7px; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__aside { display: contents; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__date { order: 0; text-align: left; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__body { order: 1; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__img, :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__logo { order: 2; margin-top: 12px; }
  :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(odd), :where(:root:has([data-page="about"])) .a2b-timeline--center .a2b-timeline__item:nth-child(even) { text-align: left; }
}
/* Plain hero (no card background) */
:where(:root:has([data-page="home"])) .a2b-hero--plain { background: none; color: var(--ink); border-radius: 0; padding: 88px 24px 72px; }
:where(:root:has([data-page="home"])) .a2b-hero--plain :focus-visible { outline-color: var(--brand); }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chat { box-shadow: 0 1px 2px rgba(10,44,38,0.06), 0 10px 28px rgba(10,44,38,0.10); border: 1px solid var(--hairline); }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip { text-decoration: none; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip:hover { color: var(--ink); background: transparent; border-color: #b5beba; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-hero__title { font-size: 42px; line-height: 46px; letter-spacing: -0.025em; max-width: 900px; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-hero__stage--solo { max-width: 800px; grid-template-columns: minmax(0, 800px); }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chat { padding: 24px 20px 16px 26px; gap: 28px; border-radius: 30px; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chat__field { font-size: 18px; line-height: 28px; min-height: 56px; }
:where(:root:has([data-page="home"])) .a2b-chat__field:focus, :where(:root:has([data-page="home"])) .a2b-chat__field:focus-visible { outline: none; box-shadow: none; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-hero--plain { padding: 56px 16px 48px; }
  :where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-hero__title { font-size: 32px; line-height: 36px; hyphens: none; }
  :where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chat { padding: 18px 14px 12px 18px; gap: 20px; }
  :where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chat__field { font-size: 17px; min-height: 52px; }
}

/* Value cards (merged NGO + features section) */
/* Video section */
:where(:root:has([data-page="home"])) .a2b-video { margin: 0; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
:where(:root:has([data-page="home"])) .a2b-video__frame { position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius-card); overflow: hidden; background: var(--mist-strong); box-shadow: 0 1px 2px rgba(10,44,38,0.06), 0 16px 40px rgba(10,44,38,0.12); }
:where(:root:has([data-page="home"])) .a2b-video__frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(:root:has([data-page="home"])) .a2b-video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; border: 0; background: var(--brand); color: #ffffff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 24px rgba(10,44,38,0.28); transition: transform .2s ease, background .2s ease; }
:where(:root:has([data-page="home"])) .a2b-video__play:hover { background: var(--brand-hover); transform: translate(-50%, -50%) scale(1.06); }
:where(:root:has([data-page="home"])) .a2b-video__play svg { width: 28px; height: 28px; margin-left: 4px; }
:where(:root:has([data-page="home"])) .a2b-video figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-inline: 4px; }
:where(:root:has([data-page="home"])) .a2b-video figcaption b { font: 600 18px/24px var(--font-sans); letter-spacing: -0.01em; color: var(--ink); }
:where(:root:has([data-page="home"])) .a2b-video figcaption span { font: 400 14px/20px var(--font-sans); color: var(--ink-meta); white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 860px) {
  :where(:root:has([data-page="home"])) .a2b-video__play { width: 64px; height: 64px; }
}
/* Model picker */
:where(:root:has([data-page="home"])) .a2b-mpick { position: relative; margin-right: auto; }
:where(:root:has([data-page="home"])) .a2b-mpick .a2b-chat__model { margin-right: 0; }
:where(:root:has([data-page="home"])) .a2b-mpick .a2b-chat__model[aria-expanded="true"] { background: var(--mist); }
:where(:root:has([data-page="home"])) .a2b-mmenu { position: absolute; left: 0; top: calc(100% + 8px); z-index: 30; width: 400px; max-width: calc(100vw - 48px); max-height: 440px; overflow-y: auto; background: #ffffff; border: 1px solid var(--hairline); border-radius: 20px; box-shadow: 0 2px 6px rgba(10,44,38,0.06), 0 24px 48px rgba(10,44,38,0.16); padding: 8px; box-sizing: border-box; text-align: left; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-mmenu { width: calc(100vw - 64px); }
}
/* Benchmark: layout toggle + views */
:where(:root:has([data-page="home"])) .a2b-bench__top { justify-content: flex-start; }
:where(:root:has([data-page="home"])) .a2b-viewtoggle { display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: var(--radius-pill); border: 1px dashed var(--chart-neutral); margin-left: auto; }
:where(:root:has([data-page="home"])) .a2b-viewtoggle__label { font: 500 12px/16px var(--font-sans); color: var(--ink-meta); padding: 0 8px 0 10px; letter-spacing: 0.04em; text-transform: uppercase; }
:where(:root:has([data-page="home"])) .a2b-viewtoggle button { height: 32px; padding: 0 14px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink-secondary); font: 500 13px/18px var(--font-sans); cursor: pointer; white-space: nowrap; }
:where(:root:has([data-page="home"])) .a2b-viewtoggle button:hover { color: var(--ink); background: var(--mist); }
:where(:root:has([data-page="home"])) .a2b-viewtoggle button[aria-checked="true"] { background: var(--ink); color: #ffffff; }
:where(:root:has([data-page="home"])) .a2b-btn .a2b-icon { width: 16px; height: 16px; }
:where(:root:has([data-page="home"])) .a2b-vbench { display: flex; flex-direction: column; gap: 12px; overflow-x: auto; }
:where(:root:has([data-page="home"])) .a2b-vbench__plot, :where(:root:has([data-page="home"])) .a2b-vbench__names { display: grid; }
:where(:root:has([data-page="home"])) .a2b-vbench__plot { align-items: end; border-bottom: 1px solid var(--chart-neutral); }
:where(:root:has([data-page="home"])) .a2b-vbench__col { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; }
:where(:root:has([data-page="home"])) .a2b-vbench__val { font: 600 15px/20px var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="home"])) .a2b-vbench__bar { display: block; width: 100%; max-width: 72px; border-radius: 10px 10px 0 0; background: var(--chart-neutral); transition: height .7s cubic-bezier(.22, 1, .36, 1); }
:where(:root:has([data-page="home"])) .a2b-vbench__col--us .a2b-vbench__bar { background: var(--brand); }
:where(:root:has([data-page="home"])) .a2b-vbench__col--us .a2b-vbench__val { color: var(--brand); }
:where(:root:has([data-page="home"])) .a2b-vbench__names > div { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font: 500 14px/18px var(--font-sans); color: var(--ink); border-radius: 14px; }
:where(:root:has([data-page="home"])) .a2b-vbench__names img { width: 22px; height: 22px; }
:where(:root:has([data-page="home"])) .a2b-vbench__names small { font: 500 11px/14px var(--font-sans); padding: 2px 8px; border-radius: 999px; background: var(--brand); color: #ffffff; }
:where(:root:has([data-page="home"])) .a2b-vbench__names em { font: 400 12px/16px var(--font-sans); color: var(--ink-meta); font-style: normal; }
:where(:root:has([data-page="home"])) .a2b-vbench__names .a2b-vbench__col--us { background: var(--highlight); }
:where(:root:has([data-page="home"])) .a2b-altbench { border: 1px solid #e4e7eb; border-radius: 16px; background: #ffffff; padding: 24px 24px 20px; box-shadow: 0 1px 3px rgba(16,24,40,0.06); display: flex; flex-direction: column; overflow-x: auto; }
:where(:root:has([data-page="home"])) .a2b-altbench > * { min-width: 640px; }
:where(:root:has([data-page="home"])) .a2b-altbench__title { margin: 0 0 18px; font: 400 14px/20px var(--font-sans); color: #6b7280; display: flex; gap: 10px; align-items: baseline; }
:where(:root:has([data-page="home"])) .a2b-altbench__title b { font-size: 17px; font-weight: 600; color: #111827; }
:where(:root:has([data-page="home"])) .a2b-altbench__title span { color: #d1d5db; }
:where(:root:has([data-page="home"])) .a2b-altbench__axis, :where(:root:has([data-page="home"])) .a2b-altbench__row { display: grid; grid-template-columns: 200px minmax(0, 1fr) 64px; column-gap: 16px; align-items: center; }
:where(:root:has([data-page="home"])) .a2b-altbench__ticks { position: relative; height: 18px; }
:where(:root:has([data-page="home"])) .a2b-altbench__ticks span { position: absolute; transform: translateX(-50%); font: 400 11px/16px var(--font-sans); color: #6b7280; font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="home"])) .a2b-altbench__row { padding: 10px 12px; margin-inline: -12px; border-radius: 8px; }
:where(:root:has([data-page="home"])) .a2b-altbench__row--us { background: #d9f7ec; }
:where(:root:has([data-page="home"])) .a2b-altbench__name { display: flex; align-items: center; gap: 8px; font: 400 14px/20px var(--font-sans); color: #374151; white-space: nowrap; }
:where(:root:has([data-page="home"])) .a2b-altbench__row--us .a2b-altbench__name { font-weight: 600; color: #111827; }
:where(:root:has([data-page="home"])) .a2b-altbench__name img { width: 18px; height: 18px; }
:where(:root:has([data-page="home"])) .a2b-altbench__name small { font: 500 10px/14px var(--font-sans); padding: 1px 6px; border-radius: 4px; background: #ffffff; border: 1px solid #d1d5db; color: #111827; }
:where(:root:has([data-page="home"])) .a2b-altbench__track { position: relative; height: 18px; }
:where(:root:has([data-page="home"])) .a2b-altbench__track::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(255,255,255,0.9) 0 2px, transparent 2px); background-size: inherit; background-repeat: repeat-x; pointer-events: none; }
:where(:root:has([data-page="home"])) .a2b-altbench__track span { display: block; height: 100%; background: #9aa1b2; border-radius: 2px; }
:where(:root:has([data-page="home"])) .a2b-altbench__row--us .a2b-altbench__track span { background: #3d8b77; }
:where(:root:has([data-page="home"])) .a2b-altbench__val { text-align: right; font: 400 14px/20px var(--font-sans); color: #374151; font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="home"])) .a2b-altbench__row--us .a2b-altbench__val { font-weight: 600; color: #111827; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-viewtoggle { margin-left: 0; }
  :where(:root:has([data-page="home"])) .a2b-vbench { gap: 8px; }
  :where(:root:has([data-page="home"])) .a2b-vbench__plot, :where(:root:has([data-page="home"])) .a2b-vbench__names { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  :where(:root:has([data-page="home"])) .a2b-vbench__plot { background: repeating-linear-gradient(to top, transparent 0 43px, var(--hairline) 43px 44px); }
  :where(:root:has([data-page="home"])) .a2b-vbench__col { gap: 4px; }
  :where(:root:has([data-page="home"])) .a2b-vbench__val { font-size: 12px; line-height: 16px; }
  :where(:root:has([data-page="home"])) .a2b-vbench__bar { max-width: none; border-radius: 6px 6px 0 0; }
  :where(:root:has([data-page="home"])) .a2b-vbench__names > div { gap: 4px; padding: 8px 2px; border-radius: 10px; overflow-wrap: anywhere; hyphens: auto; }
  :where(:root:has([data-page="home"])) .a2b-vbench__names img { width: 18px; height: 18px; }
  :where(:root:has([data-page="home"])) .a2b-vbench__names small { display: none; }
  :where(:root:has([data-page="home"])) .a2b-vbench__names em { font-size: 11px; line-height: 14px; }
}
:where(:root:has([data-page="home"])) .a2b-vbench__plot { position: relative; padding-top: 28px; height: 328px; box-sizing: border-box; background: none !important; }
:where(:root:has([data-page="home"])) .a2b-vbench__grid { position: absolute; left: 0; right: 0; top: 28px; bottom: 0; pointer-events: none; }
:where(:root:has([data-page="home"])) .a2b-vbench__grid span { position: absolute; left: 0; right: 0; height: 1px; background: var(--hairline); }
:where(:root:has([data-page="home"])) .a2b-vbench__col { position: relative; z-index: 1; }
:where(:root:has([data-page="home"])) .a2b-vbench__note { margin: 4px 0 0; font: 400 12px/16px var(--font-sans); color: var(--ink-meta); }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-vbench__plot { height: 248px; }
}
/* R24 (a), ours (Phase 5c): both benchmark views are in the HTML; the viewport picks one, as the reference's re-render at 720 px */
@media (width <= 720px) {
  :where(:root:has([data-page="home"])) .a2b-vbench, :where(:root:has([data-page="home"])) .a2b-bench__foot { display: none; }
}
@media (width > 720px) {
  :where(:root:has([data-page="home"])) .a2b-altbench { display: none; }
}
/* Pricing: prompt example, quiet note, alt layout */
:where(:root:has([data-page="home"])) .a2b-palt__body { background: #ffffff; border: 1px solid var(--palt-stroke); border-radius: 16px 16px var(--radius-card) var(--radius-card); padding: 32px 40px 40px; display: flex; flex-direction: column; gap: 24px; }
:where(:root:has([data-page="home"])) .a2b-palt__body.is-first { border-top-left-radius: 0; }
:where(:root:has([data-page="home"])) .a2b-palt__body.is-last { border-top-right-radius: 0; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-palt__body, :where(:root:has([data-page="home"])) .a2b-palt__body.is-first, :where(:root:has([data-page="home"])) .a2b-palt__body.is-last { border-radius: 16px 16px var(--radius-card) var(--radius-card); }
  :where(:root:has([data-page="home"])) .a2b-palt__body { padding: 24px 20px 28px; }
}

/* Gradient icon tiles */
@media (max-width: 720px) {
  :where(:root:has([data-page="about"],[data-page="home"])) .sec { padding-block: 72px; }
  :where(:root:has([data-page="about"],[data-page="home"])) .wrap { padding-inline: 20px; }
}
/* ---- Blog ---- */
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-eyebrow { margin: 0; font: 600 13px/16px var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-card:hover .a2b-h4 { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-card { display: flex; flex-direction: column; gap: 14px; text-decoration: none; color: inherit; min-width: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-card[hidden] { display: none; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--radius-thumb); display: block; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-author { display: flex; align-items: center; gap: 12px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-author__who { display: flex; flex-direction: column; font-size: 14px; line-height: 20px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-author__who b { font-weight: 600; color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-author__who span { color: var(--ink-meta); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters { display: flex; flex-wrap: wrap; gap: 8px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters .a2b-chip[aria-pressed="true"] { background: var(--brand); color: #ffffff; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters .a2b-chip[aria-pressed="true"]:hover { background: var(--brand-hover); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-soon { border: 1px dashed var(--hairline); border-radius: var(--radius-card); padding: 32px; display: flex; flex-direction: column; justify-content: center; gap: 8px; min-height: 160px; }
/* Article */
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-article { max-width: 720px; margin: 0 auto; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-back { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-secondary); font: 500 15px/20px var(--font-sans); text-decoration: none; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-back:hover { color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-back .a2b-icon { width: 16px; height: 16px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-title { font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -0.03em; margin: 0; text-wrap: balance; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-dek { font-size: 20px; line-height: 30px; color: var(--ink-secondary); margin: 0; text-wrap: pretty; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-metabar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; border-top: 1px solid var(--hairline); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-banner { max-width: 1120px; margin: 0 auto; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-banner img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--radius-card); display: block; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose { font-size: 18px; line-height: 30px; color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose > * { margin: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose > * + * { margin-top: 24px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose h2 { font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.02em; margin-top: 48px; text-wrap: balance; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose p { text-wrap: pretty; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose ul { padding-left: 22px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose li + li { margin-top: 8px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose li::marker { color: var(--brand); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose blockquote { border-left: 0; padding: 8px 0; font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: -0.02em; color: var(--brand); text-wrap: balance; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-callout { background: var(--mist); border-radius: var(--radius-sm); padding: 20px 24px; display: flex; flex-direction: column; gap: 4px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-callout b { font-size: 16px; line-height: 24px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-callout span { font-size: 16px; line-height: 26px; color: var(--ink-secondary); }

/* Vertical bar charts */
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-charts { max-width: 1120px; margin: 48px auto 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-chart { margin: 0; border: 1px solid var(--hairline); border-radius: var(--radius-card); padding: 24px 20px 20px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-chart h3 { margin: 0; font-size: 17px; line-height: 24px; font-weight: 600; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-chart > span { font-size: 13px; line-height: 18px; color: var(--ink-meta); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-chartnote { max-width: 1120px; margin: 16px auto 48px; font-size: 13px; line-height: 18px; color: var(--ink-meta); }
@media (max-width: 960px) {
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-charts { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-grid { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-title { font-size: 36px; line-height: 40px; }
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-dek { font-size: 18px; line-height: 28px; }
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose { font-size: 17px; line-height: 28px; }
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose h2 { font-size: 24px; line-height: 30px; }
  :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-prose blockquote { font-size: 22px; line-height: 30px; }
}

/* D87, R127: figures of the re-hosted old articles are wider than a phone; keep them inside the text column. */
:where(:root:has([data-page="post"])) .bl-prose img { max-width: 100%; height: auto; }
.a2b-foot { gap: 0; padding: 40px 48px 24px; }
.a2b-foot > :not(svg) { position: relative; }
.a2b-foot__main { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; padding: 0 0 40px; align-items: start; }
.a2b-foot__brand { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.a2b-foot__logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font: 600 20px/24px var(--font-sans); letter-spacing: -0.02em; }
.a2b-foot__logo img { width: 36px; height: 36px; }
.a2b-foot__brand p { margin: 0; font-size: 14px; line-height: 21px; color: var(--on-hero-muted); }
.a2b-foot__dbu { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--on-hero) 24%, transparent); border-radius: 14px; margin-top: 4px; }
.a2b-foot__dbu img { height: 28px; width: auto; flex: none; display: block; }
.a2b-foot__dbu { text-decoration: none; color: inherit; transition: background-color .2s ease, border-color .2s ease; }
.a2b-foot__dbu:hover { background: color-mix(in srgb, var(--on-hero) 8%, transparent); border-color: color-mix(in srgb, var(--on-hero) 40%, transparent); }
.a2b-foot__dbu:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.a2b-foot__dbu span { font-size: 11.5px; line-height: 16px; color: var(--on-hero-muted); text-wrap: balance; }
.a2b-foot__dbu img.a2b-foot__dbu-ink { display: none; }
.a2b .a2b-foot.a2b-foot--plain .a2b-foot__dbu img.a2b-foot__dbu-white { display: none; }
.a2b .a2b-foot.a2b-foot--plain .a2b-foot__dbu img.a2b-foot__dbu-ink { display: block; }
.a2b[data-theme="dark"] .a2b-foot.a2b-foot--plain .a2b-foot__dbu img.a2b-foot__dbu-white { display: block; }
.a2b[data-theme="dark"] .a2b-foot.a2b-foot--plain .a2b-foot__dbu img.a2b-foot__dbu-ink { display: none; }
.a2b-foot__social { display: flex; gap: 8px; margin-top: 4px; }
.a2b-foot__social a { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--on-hero) 22%, transparent); }
.a2b-foot__social a:hover { background: color-mix(in srgb, var(--on-hero) 10%, transparent); }
.a2b-foot__social svg { width: 18px; height: 18px; }
.a2b-foot__cols { display: grid; justify-self: end; width: 100%; }
@media (max-width: 1080px) {
  .a2b-foot__cols { justify-self: start; }
}
.a2b-foot__col h3 { margin: 0 0 14px; font: 600 13px/18px var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-hero-muted); }
.a2b-foot__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.a2b-foot__col a { font-size: 15px; line-height: 22px; text-decoration: none; opacity: .92; }
.a2b-foot__col a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.a2b-foot .a2b-footer__bottom { padding-top: 20px; align-items: center; }
.a2b-foot__logos { display: flex; align-items: center; gap: 20px; }
.a2b-foot__divider { width: 1px; align-self: stretch; min-height: 44px; background: color-mix(in srgb, var(--on-hero) 28%, transparent); }
.a2b-foot__bwp { display: inline-flex; }
.a2b-foot__bwp img { height: 64px; width: auto; display: block; }
@media (max-width: 1080px) {
  .a2b-foot__main { grid-template-columns: minmax(0, 1fr); }
  .a2b-foot__brand { max-width: 480px; }
}
@media (max-width: 720px) {
  .a2b-foot { padding: 36px 20px 20px; }
  .a2b-foot__main { padding: 0 0 28px; gap: 36px; }
  .a2b-foot__cols { gap: 28px 16px; }
}
:where(:root:has([data-page="home"])) .a2b-app-s { padding-block: 24px 112px; }
:where(:root:has([data-page="home"])) .a2b-app { position: relative; max-width: none; margin: 0 auto; box-sizing: border-box; min-height: 340px; display: block; margin-top: 72px; border-radius: 32px; color: #ffffff; background: linear-gradient(rgba(3,26,18,0.6), rgba(3,26,18,0.74)), url(/images/textures/value-sustainability.jpg); background-size: cover; background-position: center; }
:where(:root:has([data-page="home"])) .a2b-app__art { position: absolute; left: var(--al); bottom: 0; width: min(44%, 440px); line-height: 0; clip-path: inset(-300px 0 0 0 round 0 0 0 32px); pointer-events: none; }
:where(:root:has([data-page="home"])) .a2b-app__art img { display: block; width: 100%; height: auto; }
:where(:root:has([data-page="home"])) .a2b-app__body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 16px; min-height: 340px; box-sizing: border-box; max-width: 100%; margin-left: calc(var(--al) + min(44%, 440px) + 24px); padding: 56px 24px 56px 0; max-width: 560px; }
:where(:root:has([data-page="home"])) .a2b-app__body h2 { margin: 0; font: 600 36px/42px var(--font-sans); letter-spacing: -0.02em; color: #ffffff; text-wrap: balance; }
:where(:root:has([data-page="home"])) .a2b-app__body p { margin: 0; font-size: 16px; line-height: 24px; color: rgba(255,255,255,0.86); max-width: 460px; text-wrap: pretty; }
:where(:root:has([data-page="home"])) .a2b-app__body .a2b-store { margin-top: 8px; }
@media (max-width: 900px) {
  :where(:root:has([data-page="home"])) .a2b-app { display: flex; flex-direction: column; margin-top: 56px; }
  :where(:root:has([data-page="home"])) .a2b-app__body { margin-left: 0; min-height: 0; max-width: none; align-items: center; order: 1; align-items: center; text-align: center; padding: 40px 24px 28px; }
  :where(:root:has([data-page="home"])) .a2b-app__body h2 { font-size: 28px; line-height: 34px; }
  :where(:root:has([data-page="home"])) .a2b-app__art { order: 2; position: relative; left: auto; bottom: auto; width: 100%; height: 270px; margin: 0; overflow: hidden; clip-path: none; border-radius: 0 0 32px 32px; }
  :where(:root:has([data-page="home"])) .a2b-app__art img { position: absolute; top: 0; left: calc(50% - 122px); width: 372px; max-width: none; }
  :where(:root:has([data-page="home"])) .a2b-app-s { padding-bottom: 64px; }
}
.a2b-navchk, .a2b-burger, .a2b-navmenu { display: none; }
@media (max-width: 1080px) {
  .a2b-nav__right > .a2b-theme { display: none; }
  .a2b-nav__right { gap: 8px; }
  .a2b-burger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: -8px; border-radius: 50%; color: var(--ink); }
  .a2b-burger svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .a2b-burger__x { display: none; }
  .a2b-navchk { display: block; position: absolute; top: 14px; right: 8px; width: 44px; height: 44px; margin: 0; opacity: 0; z-index: 3; cursor: pointer; }
  .a2b-navchk:checked ~ nav .a2b-burger__bars { display: none; }
  .a2b-navchk:checked ~ nav .a2b-burger__x { display: block; }
  .a2b-navchk:focus-visible ~ nav .a2b-burger { outline: 2px solid var(--brand); outline-offset: 0; }
  .a2b-navchk:checked ~ .a2b-navmenu { display: flex; }
  .a2b-navmenu { position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; gap: 2px; padding: 8px 16px 20px; background: var(--page); border-bottom: 1px solid var(--hairline); box-shadow: 0 16px 32px rgba(10,44,38,0.08); }
  .a2b-navmenu__link { display: flex; align-items: center; height: 48px; padding: 0 8px; border-radius: 12px; color: var(--ink); text-decoration: none; font: 500 17px/24px var(--font-sans); }
  .a2b-navmenu__link:hover, .a2b-navmenu__link[aria-current="page"] { background: var(--mist); }
  .a2b-navmenu__link[aria-current="page"] { font-weight: 600; }
  .a2b-navmenu__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 8px 0; margin-top: 8px; border-top: 1px solid var(--hairline); font: 500 15px/20px var(--font-sans); color: var(--ink-meta); }
  .a2b-navmenu .a2b-lang { display: inline-flex; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="home"])) .a2b-app__body { padding-inline: 16px; }
  :where(:root:has([data-page="home"])) .a2b-app__body p { font-size: 14px; line-height: 21px; max-width: none; }
  :where(:root:has([data-page="home"])) .a2b-app__body .a2b-store { flex-wrap: nowrap; width: 100%; gap: 8px; }
  :where(:root:has([data-page="home"])) .a2b-app__body .a2b-store a { flex: 1 1 0; min-width: 0; height: 44px; padding: 0 8px; gap: 6px; justify-content: center; border-radius: 10px; }
  :where(:root:has([data-page="home"])) .a2b-app__body .a2b-store__logo { width: 20px; height: 20px; }
  :where(:root:has([data-page="home"])) .a2b-app__body .a2b-store__text { font-size: 13px; line-height: 15px; white-space: nowrap; }
  :where(:root:has([data-page="home"])) .a2b-app__body .a2b-store__text small { font-size: 9.5px; line-height: 11px; }
}
@media (max-width: 380px) {
  :where(:root:has([data-page="home"])) .a2b-app__body p { font-size: 13px; line-height: 20px; }
}
:where(:root:has([data-page="home"])) .a2b .a2b-contact { border: 1px solid var(--hairline); border-radius: var(--radius-card); }
/* a2b-dark:start */
:where(.a2b[data-theme="dark"]) {
  color-scheme: dark;
}
:where(.a2b[data-theme="dark"]) .a2b-chat { background: #111f1b; }
:where(.a2b[data-theme="dark"]) .a2b-chat__field::placeholder { color: var(--ink-meta); }
:where(.a2b[data-theme="dark"]) .a2b-chat__tool { color: var(--ink-secondary); }
:where(.a2b[data-theme="dark"]) .a2b-chat__tool:hover { background: var(--mist); color: var(--ink); }
:where(.a2b[data-theme="dark"]) .a2b-chat__model { border: 1px solid var(--hairline); background: #111f1b; color: var(--ink-meta); }
:where(.a2b[data-theme="dark"]) .a2b-chat__model:hover { background: var(--mist); }
:where(.a2b[data-theme="dark"]) .a2b-chat__model b { color: var(--brand); }
:where(.a2b[data-theme="dark"]) .a2b-chat__model .a2b-icon { color: var(--ink); }
:where(.a2b[data-theme="dark"]) .a2b-chat__send { background: var(--brand); color: #111f1b; }
:where(.a2b[data-theme="dark"]) .a2b-chat__send:hover { background: var(--brand-hover); }
:where(.a2b[data-theme="dark"]) .a2b-chat__send:disabled { background: #2d5a4a; }
:where(.a2b[data-theme="dark"]) .a2b-bench__row--us { background: var(--highlight, #1d3d31); }
:where(.a2b[data-theme="dark"]) a { color: var(--brand); }
:where(.a2b[data-theme="dark"]) a:hover { color: var(--brand-hover); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) :where(.a2b[data-theme="dark"]) .bl-filters .a2b-chip[aria-pressed="true"] { color: #111f1b; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-hero--plain .a2b-chat { box-shadow: 0 1px 2px rgba(0,0,0,0.132), 0 10px 28px rgba(0,0,0,0.22); }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-hero--plain .a2b-chip { background: #1a2420; border: 1px solid #2a3732; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-hero--plain .a2b-chip:hover { background: #202c27; border-color: #34443e; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-video__frame { box-shadow: 0 1px 2px rgba(0,0,0,0.132), 0 16px 40px rgba(0,0,0,0.264); }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-mmenu { background: #111f1b; box-shadow: 0 2px 6px rgba(0,0,0,0.132), 0 24px 48px rgba(0,0,0,0.352); }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-viewtoggle button[aria-checked="true"] { color: #111f1b; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-vbench__names small { color: #111f1b; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench { border: 1px solid #22252a; background: #111f1b; box-shadow: 0 1px 3px rgba(0,0,0,0.132); }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__title { color: #7f8592; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__title b { color: #c6d0e4; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__title span { color: #30343a; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__ticks span { color: #7f8592; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__row--us { background: #163a2d; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__name { color: #a6b0c0; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__row--us .a2b-altbench__name { color: #c6d0e4; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__name small { background: #111f1b; border: 1px solid #30343a; color: #c6d0e4; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__track::after { background-image: linear-gradient(to right, rgba(18,18,18,0.9) 0 2px, transparent 2px); }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__track span { background: #55606f; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__row--us .a2b-altbench__track span { background: #5cc49a; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__val { color: #a6b0c0; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-altbench__row--us .a2b-altbench__val { color: #c6d0e4; }
:where(:root:has([data-page="home"])) :where(.a2b[data-theme="dark"]) .a2b-palt__body { background: #111f1b; }
.a2b[data-theme="dark"] .a2b-chat { background: var(--card); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.35); border: 0; }
.a2b[data-theme="dark"] .a2b-chat__field { color: var(--ink); }
.a2b[data-theme="dark"] .a2b-chat__field::placeholder { color: var(--ink-meta); }
.a2b[data-theme="dark"] .a2b-hero--plain { background: var(--page); }
.a2b-nav__logo .a2b-logo-dark { display: none; }
.a2b[data-theme="dark"] .a2b-nav__logo .a2b-logo-light { display: none; }
.a2b[data-theme="dark"] .a2b-nav__logo .a2b-logo-dark { display: block; }
.a2b[data-theme="dark"] .a2b-bench__row:not(.a2b-bench__row--us) .a2b-bench__logo, .a2b[data-theme="dark"] .a2b-vbench__col:not(.a2b-vbench__col--us) img, .a2b[data-theme="dark"] .a2b-altbench__row:not(.a2b-altbench__row--us) .a2b-altbench__name img { filter: brightness(0) invert(0.88); }
body:has(.a2b[data-theme="dark"]) { background: #0b1613; }
html:has(.a2b[data-theme="dark"]) { background: #0b1613; }
.a2b-theme { width: 36px; height: 36px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--hairline); border-radius: var(--radius-pill); background: transparent; color: var(--ink); cursor: pointer; transition: background .15s, border-color .15s; }
.a2b-theme:hover { background: var(--mist); border-color: var(--mist-strong); }
.a2b-theme span { display: inline-flex; }
.a2b-theme svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.a2b-theme__moon { display: none !important; }
.a2b[data-theme="dark"] .a2b-theme { border-color: #3a5048; }
.a2b[data-theme="dark"] .a2b-hero--plain .a2b-chip, .a2b[data-theme="dark"] .a2b-hero--plain .a2b-chip:hover { border-color: transparent; }
.a2b[data-theme="dark"] .a2b-theme__sun { display: none; }
.a2b[data-theme="dark"] .a2b-theme__moon { display: inline-flex !important; }
.a2b[data-theme="dark"] .a2b-lang button[aria-pressed="true"] { background: #22362f; }

/* a2b-dark:end */
/* section titles sit below the hero title */
:where(:root:has([data-page="about"])) .a2b-h1 { font-size: 44px; line-height: 48px; }
@media (max-width: 720px) {
  :where(:root:has([data-page="about"])) .a2b-h1 { font-size: 28px; line-height: 32px; }
}
:where(:root:has([data-page="home"])) .a2b-h1 { font-size: 32px; line-height: 36px; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-h1 { font-size: 26px; line-height: 30px; }
}
/* testimonials carousel */
:where(:root:has([data-page="home"])) .a2b-tm { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; }
:where(:root:has([data-page="home"])) .a2b-tm__view { overflow: hidden; min-width: 0; }
:where(:root:has([data-page="home"])) .a2b-tm__track { display: flex; gap: var(--tm-gap); transition: transform .45s cubic-bezier(.4,0,.2,1); transform: translateX(calc(var(--tm-i) * -1 * (100% / var(--tm-vis) + var(--tm-gap) / var(--tm-vis)))); }
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote { flex: 0 0 calc((100% - (var(--tm-vis) - 1) * var(--tm-gap)) / var(--tm-vis)); }
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote { padding: 20px; }
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote blockquote { font-size: 14px; line-height: 21px; }
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote__who { font-size: 13px; line-height: 18px; }
@media (max-width: 560px) {
  :where(:root:has([data-page="home"])) .a2b-tm { gap: 8px; }
}
/* video in NGO section + switching layout */
:where(:root:has([data-page="home"])) .a2b-sw { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
:where(:root:has([data-page="home"])) .a2b-sw__main { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
:where(:root:has([data-page="home"])) .a2b-sw__main .a2b-body-l { margin: 0; }
:where(:root:has([data-page="home"])) .a2b-sw__list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 18px; }
:where(:root:has([data-page="home"])) .a2b-sw__row { display: flex; align-items: center; gap: 16px; }
:where(:root:has([data-page="home"])) .a2b-sw__ic { display: grid; place-items: center; color: var(--c); }
:where(:root:has([data-page="home"])) .a2b-sw__ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="home"])) .a2b-sw__txt { display: flex; flex-direction: column; font-size: 15px; line-height: 22px; color: var(--ink-meta); }
:where(:root:has([data-page="home"])) .a2b-sw__txt b { font: 600 17px/24px var(--font-sans); color: var(--ink); letter-spacing: -0.005em; }
@media (max-width: 960px) {
  :where(:root:has([data-page="home"])) .a2b-sw__main { display: flex; }
  :where(:root:has([data-page="home"])) .a2b-sw__list, :where(:root:has([data-page="home"])) .a2b-sw__video, :where(:root:has([data-page="home"])) .a2b-sw__main .a2b-btn { grid-column: auto; grid-row: auto; justify-self: auto; }
  :where(:root:has([data-page="home"])) .a2b-sw__video .a2b-video__frame { flex: none; aspect-ratio: 16 / 9; }
  :where(:root:has([data-page="home"])) .a2b-sw { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  :where(:root:has([data-page="home"])) .a2b-sw__video { order: -1; }
  :where(:root:has([data-page="home"])) .a2b-sw__main { align-items: stretch; }
  :where(:root:has([data-page="home"])) .a2b-sw__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; margin: 0 0 8px; }
  :where(:root:has([data-page="home"])) .a2b-sw__main .a2b-btn { align-self: center; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="home"])) .a2b-sw__list { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
.a2b-gut { padding-inline: 64px; box-sizing: border-box; }
@media (max-width: 720px) {
  .a2b-gut { padding-inline: 20px; }
}
/* primary buttons use the mesh gradient */
.a2b .a2b-btn--primary { background-color: #0c4f3d; background-image: linear-gradient(rgba(5,40,30,0.32), rgba(5,40,30,0.32)), url(/images/textures/value-sustainability.jpg); background-size: cover; background-position: center; color: #ffffff; border-color: transparent; transition: background-image .2s ease, transform .2s ease; }
.a2b .a2b-btn--primary:hover, .a2b a.a2b-btn--primary:focus-visible { background-image: linear-gradient(rgba(5,40,30,0.48), rgba(5,40,30,0.48)), url(/images/textures/value-sustainability.jpg); color: #ffffff; }
/* footer variants (design review) */
.a2b-foot__bwp img.a2b-foot__bwp-ink { display: none; height: 64px; width: auto; }
.a2b .a2b-foot.a2b-foot--mesh { background: linear-gradient(rgba(6,32,24,0.58), rgba(6,32,24,0.7)), url(/images/textures/value-sustainability.jpg); background-size: cover; background-position: center; color: #ffffff; }
.a2b .a2b-foot.a2b-foot--mesh::after, .a2b .a2b-foot.a2b-foot--plain::after { display: none; }
.a2b .a2b-foot.a2b-foot--mesh .a2b-hero__ridge, .a2b .a2b-foot.a2b-foot--plain .a2b-hero__ridge { display: none; }
.a2b .a2b-foot.a2b-foot--mesh .a2b-foot__col a, .a2b .a2b-foot.a2b-foot--mesh .a2b-foot__logo { opacity: 1; }
.a2b .a2b-foot.a2b-foot--plain { background: var(--page); color: var(--ink); border: 1px solid var(--hairline); }
.a2b .a2b-foot.a2b-foot--plain .a2b-foot__bwp-white { display: none; }
.a2b .a2b-foot.a2b-foot--plain .a2b-foot__bwp-ink { display: block; }
.a2b[data-theme="dark"] .a2b-foot.a2b-foot--plain .a2b-foot__bwp-white { display: block; }
.a2b[data-theme="dark"] .a2b-foot.a2b-foot--plain .a2b-foot__bwp-ink { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b-viewtoggle { display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: var(--radius-pill); border: 1px dashed var(--chart-neutral); margin-left: auto; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b-viewtoggle__label { font: 500 12px/16px var(--font-sans); color: var(--ink-meta); padding: 0 8px 0 10px; letter-spacing: 0.04em; text-transform: uppercase; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b-viewtoggle button { height: 32px; padding: 0 14px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink-secondary); font: 500 13px/18px var(--font-sans); cursor: pointer; white-space: nowrap; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b-viewtoggle button:hover { color: var(--ink); background: var(--mist); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b-viewtoggle button[aria-checked="true"] { background: var(--ink); color: #ffffff; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) :where(.a2b[data-theme="dark"]) .a2b-viewtoggle button[aria-checked="true"] { color: #111f1b; }
:where(:root:has([data-page="home"])) .a2b-bwp { height: 56px; width: auto; display: inline-block; }
:where(:root:has([data-page="home"])) .a2b-bwp--dark { display: none; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-bwp--light { display: none; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-bwp--dark { display: inline-block; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-bwp { height: 44px; }
}
/* models marquee */
:where(:root:has([data-page="home"])) .a2b-mq { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="home"])) .a2b-mq__label { margin: 0; font: 500 15px/22px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="home"])) .a2b-mq__view { overflow: hidden; min-width: 0; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); }
:where(:root:has([data-page="home"])) .a2b-mq__track { display: flex; align-items: center; gap: 48px; width: max-content; padding-right: 48px; animation: a2b-mq 36s linear infinite; }
:where(:root:has([data-page="home"])) .a2b-mq__view:hover .a2b-mq__track { animation-play-state: paused; }
:where(:root:has([data-page="home"])) .a2b-mq__track .a2b-models__item { flex: none; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="home"])) .a2b-mq__track { animation: none; }
}
@media (max-width: 860px) {
  :where(:root:has([data-page="home"])) .a2b-mq { grid-template-columns: minmax(0, 1fr); gap: 16px; text-align: center; }
}
/* mesh cards (4 x 1) */
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mcs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; min-height: 340px; padding: 24px; border-radius: var(--radius-card); overflow: hidden; text-decoration: none; color: #ffffff; background-size: cover; background-position: center; scroll-margin-top: 108px; isolation: isolate; transition: transform .3s ease; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(6,32,24,0.55) 0%, rgba(6,32,24,0.18) 45%, rgba(6,32,24,0) 70%); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc--b::before { background: linear-gradient(to top, rgba(6,40,30,0.62) 0%, rgba(6,40,30,0.3) 50%, rgba(6,40,30,0.08) 100%); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc, :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc:hover, :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc:focus-visible, :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc:visited { color: #ffffff; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc--sustainable { background-image: url(/images/textures/value-sustainability.jpg); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc--privacy { background-image: url(/images/textures/value-privacy.jpg); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc--transparency { background-image: url(/images/textures/value-transparency.jpg); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc--ethical { background-image: url(/images/textures/value-ethical.jpg); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc:hover { transform: translateY(-4px); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc:target { box-shadow: 0 0 0 3px var(--highlight); }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__icon span { display: grid; place-items: center; color: inherit; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__icon .a2b-icon { width: 36px; height: 36px; stroke-width: 1.5; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__bottom { display: flex; flex-direction: column; gap: 10px; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__title { margin: 0; font: 600 28px/32px var(--font-sans); letter-spacing: -0.025em; color: inherit; text-wrap: balance; }
:where(:root:has([data-page="about"],[data-page="home"])) .a2b[data-theme="dark"] .a2b-mc::before { background: linear-gradient(to top, rgba(4,16,12,0.7) 0%, rgba(4,16,12,0.35) 50%, rgba(4,16,12,0.2) 100%); }
@media (max-width: 1000px) {
  :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mcs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc { min-height: 280px; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mcs { gap: 10px; }
  :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc { min-height: 210px; padding: 16px; gap: 20px; }
  :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__title { font-size: 19px; line-height: 23px; }
  :where(:root:has([data-page="about"],[data-page="home"])) .a2b-mc__icon .a2b-icon { width: 28px; height: 28px; }
}
/* what we stand for: mesh cards */
:where(:root:has([data-page="about"])) .a2b-mcs--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(:root:has([data-page="about"])) .a2b-mc--static:hover { transform: none; }
:where(:root:has([data-page="about"])) .a2b-mc--static::before, :where(:root:has([data-page="about"])) .a2b-mc--static.a2b-mc--b::before { background: linear-gradient(to top, rgba(4,20,15,0.72) 0%, rgba(4,20,15,0.5) 30%, rgba(4,20,15,0.2) 60%, rgba(4,20,15,0) 85%); }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"] .a2b-mc--static::before { background: linear-gradient(to top, rgba(2,10,8,0.82) 0%, rgba(2,10,8,0.58) 30%, rgba(2,10,8,0.3) 65%, rgba(2,10,8,0.12) 100%); }
:where(:root:has([data-page="about"])) .a2b-mc__title { font-size: 24px; line-height: 28px; }
:where(:root:has([data-page="about"])) .a2b-mc__copy { margin: 0; font: 400 15px/22px var(--font-sans); color: inherit; opacity: .92; }
@media (max-width: 1000px) {
  :where(:root:has([data-page="about"])) .a2b-mcs--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  :where(:root:has([data-page="about"])) .a2b-mcs--3 { grid-template-columns: minmax(0, 1fr); }
}

/* statement: simple outlined */
:where(:root:has([data-page="about"])) .a2b .a2b-statement-card { background: none; color: var(--ink); border: 1px solid var(--hairline); }
:where(:root:has([data-page="about"])) .a2b .a2b-statement-card .a2b-statement-card__quote { color: var(--ink); }
:where(:root:has([data-page="about"])) .a2b .a2b-statement-card::after { display: none; }
/* pricing: prepaid top-up explainer */
:where(:root:has([data-page="home"])) .a2b-px { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; background: transparent; border: 1px solid var(--hairline); border-radius: var(--radius-card); padding: 32px; align-items: stretch; }
:where(:root:has([data-page="home"])) .a2b-px__left { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
:where(:root:has([data-page="home"])) .a2b-px__group { display: flex; flex-direction: column; gap: 12px; }
:where(:root:has([data-page="home"])) .a2b-px__label { margin: 0; font: 600 14px/20px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="home"])) .a2b-px__chips { display: flex; flex-wrap: wrap; gap: 10px; }
:where(:root:has([data-page="home"])) .a2b-px__chip { min-height: 52px; min-width: 84px; padding: 0 22px; border-radius: var(--radius-pill); border: 1px solid var(--hairline); background: var(--page); color: var(--ink); font: 600 17px/24px var(--font-sans); cursor: pointer; transition: background .2s ease, color .2s ease; }
:where(:root:has([data-page="home"])) .a2b-px__chip[aria-pressed="true"], :where(:root:has([data-page="home"])) .a2b-px__opt[aria-pressed="true"] { background: var(--brand); border-color: var(--brand); color: var(--on-brand); }
:where(:root:has([data-page="home"])) .a2b-px__seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; border-radius: var(--radius-pill); background: var(--page); border: 1px solid var(--hairline); }
:where(:root:has([data-page="home"])) .a2b-px__opt { min-height: 52px; padding: 6px 12px; border-radius: var(--radius-pill); border: 0; background: transparent; color: var(--ink); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; transition: background .2s ease, color .2s ease; }
:where(:root:has([data-page="home"])) .a2b-px__opt b { font: 600 15px/20px var(--font-sans); }
:where(:root:has([data-page="home"])) .a2b-px__opt small { font: 400 12px/16px var(--font-sans); opacity: .8; }
:where(:root:has([data-page="home"])) .a2b-px__chip:focus-visible, :where(:root:has([data-page="home"])) .a2b-px__opt:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
:where(:root:has([data-page="home"])) .a2b-px__result { display: flex; flex-direction: column; gap: 14px; color: #ffffff; background: linear-gradient(rgba(3,26,18,0.52), rgba(3,26,18,0.7)), url(/images/textures/value-sustainability.jpg); background-size: cover; background-position: center; border-radius: var(--radius-thumb); padding: 28px; }
:where(:root:has([data-page="home"])) .a2b-px__rtop { display: flex; align-items: center; gap: 24px; }
:where(:root:has([data-page="home"])) .a2b-px__figure { font: 600 56px/60px var(--font-sans); letter-spacing: -0.03em; color: #ffffff; font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="home"])) .a2b-px__resulttxt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
:where(:root:has([data-page="home"])) .a2b-px__resulttxt p { margin: 0; font-size: 16px; line-height: 24px; color: rgba(255,255,255,0.86); }
:where(:root:has([data-page="home"])) .a2b-px__resulttxt .a2b-h4 { color: #ffffff; }
:where(:root:has([data-page="home"])) .a2b-px__chip, :where(:root:has([data-page="home"])) .a2b-px__opt { transition: background .2s ease, color .2s ease, transform .15s ease, border-color .2s ease; }
:where(:root:has([data-page="home"])) .a2b-px__chip:not([aria-pressed="true"]):hover { border-color: var(--brand); transform: translateY(-1px); }
:where(:root:has([data-page="home"])) .a2b-px__chip:active, :where(:root:has([data-page="home"])) .a2b-px__opt:active { transform: scale(.97); }
:where(:root:has([data-page="home"])) .a2b-px__right { display: flex; flex-direction: column; gap: 20px; background: transparent; border-left: 1px solid var(--hairline); padding: 0 0 0 32px; }
:where(:root:has([data-page="home"])) .a2b-px__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
:where(:root:has([data-page="home"])) .a2b-px__list li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 22px; color: var(--ink); }
:where(:root:has([data-page="home"])) .a2b-px__list .a2b-icon { width: 20px; height: 20px; flex: none; margin-top: 1px; color: var(--brand); stroke-width: 2; }
:where(:root:has([data-page="home"])) .a2b-px__cta { width: 100%; min-height: 52px; justify-content: center; border-radius: var(--radius-pill); margin-top: auto; }
:where(:root:has([data-page="home"])) .a2b-px__right .a2b-meta { margin: 0; text-align: center; white-space: normal; }
:where(:root:has([data-page="home"])) .a2b-px__left > .a2b-meta { margin: 0; white-space: normal; }
@media (max-width: 960px) {
  :where(:root:has([data-page="home"])) .a2b-px { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="home"])) .a2b-px__right { border-left: 0; border-top: 1px solid var(--hairline); padding: 24px 0 0; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="home"])) .a2b-px { padding: 20px; }
  :where(:root:has([data-page="home"])) .a2b-px__right { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--hairline); }
  :where(:root:has([data-page="home"])) .a2b-px__result { padding: 22px; }
  :where(:root:has([data-page="home"])) .a2b-px__rtop { flex-direction: column; align-items: flex-start; gap: 8px; }
  :where(:root:has([data-page="home"])) .a2b-px__figure { font-size: 44px; line-height: 48px; }
  :where(:root:has([data-page="home"])) .a2b-px__chip { flex: 1 1 calc(50% - 10px); }
  :where(:root:has([data-page="home"])) .a2b-px__opt small { font-size: 11px; }
}
.a2b .a2b-foot.a2b-foot--ripple { color: var(--foot-ink); }
.a2b .a2b-foot.a2b-foot--ripple::after, .a2b .a2b-foot.a2b-foot--plain::after { display: none; }
.a2b .a2b-foot.a2b-foot--ripple .a2b-hero__ridge, .a2b .a2b-foot.a2b-foot--plain .a2b-hero__ridge { display: none; }
.a2b[data-theme="dark"] .a2b-foot.a2b-foot--ripple .a2b-foot__col a, .a2b[data-theme="dark"] .a2b-foot.a2b-foot--ripple .a2b-foot__logo { opacity: 1; }
.a2b .a2b-foot.a2b-foot--ripple { background: var(--foot-bg); box-shadow: var(--foot-edge); animation: var(--foot-pan); }
.a2b .a2b-foot.a2b-foot--ripple::before { content: ""; position: absolute; top: 10px; left: -40px; width: 28px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14'%3E%3Cpath d='M1 10Q7 0 14 8Q21 0 27 10' fill='none' stroke='%230c4f3d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; opacity: 0; animation: var(--foot-bird); pointer-events: none; }
@keyframes a2b-foot-bird { 0% { transform: translate(0, 0); opacity: 0; } 8% { opacity: .55; } 50% { transform: translate(55vw, -7px); } 92% { opacity: .5; } 100% { transform: translate(112vw, 3px); opacity: 0; } }
.a2b .a2b-foot.a2b-foot--ripple .a2b-foot__dbu img.a2b-foot__dbu-white, .a2b .a2b-foot.a2b-foot--ripple .a2b-foot__bwp-white { display: var(--foot-logo-white); }
.a2b .a2b-foot.a2b-foot--ripple .a2b-foot__dbu img.a2b-foot__dbu-ink, .a2b .a2b-foot.a2b-foot--ripple .a2b-foot__bwp-ink { display: var(--foot-logo-ink); }
.a2b-viewtoggle { flex-wrap: wrap; justify-content: center; max-width: 100%; }
/* footer bottom row with socials */
.a2b-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.a2b-footer__bottom .a2b-foot__social { margin: 0; }
.a2b-footer__bottom .a2b-foot__social a { width: 36px; height: 36px; }
/* nav hover options (neutral default, no mint) */
.a2b[data-navhv="neutral"] .a2b-nav__link:hover { background: rgba(10,34,28,.06); color: var(--ink); }
.a2b[data-navhv="neutral"] .a2b-lang { background: rgba(10,34,28,.06); }
.a2b[data-navhv="neutral"] .a2b-lang button[aria-pressed="true"] { background: #ffffff; box-shadow: 0 1px 2px rgba(10,34,28,.14); }
.a2b[data-navhv="neutral"][data-theme="dark"] .a2b-nav__link:hover { background: rgba(255,255,255,.08); }
.a2b[data-navhv="neutral"][data-theme="dark"] .a2b-lang { background: rgba(255,255,255,.08); }
.a2b[data-navhv="neutral"][data-theme="dark"] .a2b-lang button[aria-pressed="true"] { background: #22362f; box-shadow: none; }
/* ===== shared: nav breakpoint, footer columns, option toggles ===== */
@media (max-width: 1080px) {
  .a2b-nav__links, .a2b-nav__right > .a2b-lang { display: none; }
  .a2b-nav { justify-content: space-between; padding-inline: 16px !important; }
}
.a2b-foot__cols { gap: 24px 40px; }
@media (max-width: 560px) {
  .a2b-foot__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* ===== consistent title scale: page title 56/60, section title 32/36 ===== */
.a2b h1.a2b-display:not(.a2b-hero__title), .a2b h1.a2b-h1 { font-size: 56px !important; line-height: 60px !important; }
.a2b h2.a2b-h1, .a2b #app-h, .a2b h2.a2b-h3, .a2b .st-group__head h2 { font-size: 32px !important; line-height: 36px !important; letter-spacing: -0.02em; }
@media (max-width: 720px) {
  .a2b h1.a2b-display:not(.a2b-hero__title), .a2b h1.a2b-h1 { font-size: 36px !important; line-height: 40px !important; }
  .a2b h2.a2b-h1, .a2b #app-h, .a2b h2.a2b-h3, .a2b .st-group__head h2 { font-size: 28px !important; line-height: 32px !important; }
}

/* ===== universal style (footer picker) ===== */

/* icon backgrounds follow the universal style */
/* pills: outline by default, universal style on hover */
.a2b-hero--plain .a2b-chip, .a2b-px__chip, .a2b-px__opt, .ap-chip, .bl-filters .a2b-chip, .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"]) { position: relative; isolation: isolate; overflow: hidden; }
.a2b-hero--plain .a2b-chip { animation: none !important; background: transparent !important; border: 1px solid var(--hairline) !important; color: var(--ink) !important; transform: none !important; box-shadow: none !important; transition: color .25s ease, border-color .25s ease; }
.a2b-hero--plain .a2b-chip::before, .a2b-px__chip:not([aria-pressed="true"])::before, .a2b-px__opt:not([aria-pressed="true"])::before, .ap-chip::before, .bl-filters .a2b-chip::before, .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"])::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(var(--uni-shade), var(--uni-shade)), var(--uni-img) center / cover; opacity: 0; transition: opacity .3s ease; animation: none; transform: none; }
.a2b-hero--plain .a2b-chip:hover::before, .a2b-px__chip:not([aria-pressed="true"]):hover::before, .a2b-px__opt:not([aria-pressed="true"]):hover::before, .ap-chip:hover::before, .bl-filters .a2b-chip:hover::before, .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"]):hover::before, .a2b-hero--plain .a2b-chip:focus-visible::before { opacity: 1; }
.a2b-hero--plain .a2b-chip:hover, .a2b-hero--plain .a2b-chip:focus-visible, .ap-chip:hover, .a2b-px__chip:not([aria-pressed="true"]):hover, .a2b-px__opt:not([aria-pressed="true"]):hover, .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"]):hover { color: var(--uni-ink) !important; border-color: transparent !important; }
.a2b-hero--plain .a2b-chip .a2b-icon { color: currentColor; opacity: .8; }
.a2b-hero--plain .a2b-chip:hover .a2b-icon { opacity: 1; }
.ap-chip { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--hairline); font: 500 14px/20px var(--font-sans); color: var(--ink-secondary); text-decoration: none; transition: color .25s ease, border-color .25s ease; }
@media (prefers-reduced-motion: reduce) {
  .a2b-hero--plain .a2b-chip::before { transition: none; }
}

/* benchmark tabs as text (values-style, in a row) */

/* animated card text (hover) */
/* API sub navigation (Overview / Pricing / Documentation) */
.ap-sub { display: flex; justify-content: center; gap: 8px 32px; flex-wrap: wrap; padding: 16px 16px 0; }
.ap-sub a { font: 500 15px/20px var(--font-sans); color: var(--ink-meta); text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; transition: color .2s ease, border-color .2s ease; }
.ap-sub a:hover { color: var(--ink); }
.ap-sub a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--brand); }
/* filled pill state: always white text (light ripple gets a darker tint so it stays readable) */
.a2b[data-uni="wave"] .a2b-hero--plain .a2b-chip::before, .a2b[data-uni="wave"] .a2b-px__chip:not([aria-pressed="true"])::before, .a2b[data-uni="wave"] .a2b-px__opt:not([aria-pressed="true"])::before, .a2b[data-uni="wave"] .ap-chip::before, .a2b[data-uni="wave"] .bl-filters .a2b-chip::before, .a2b[data-uni="wave"] .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"])::before { background: linear-gradient(rgba(4,34,26,.52), rgba(4,34,26,.52)), var(--uni-img) center / cover; }
.a2b[data-uni="wave"] .a2b-hero--plain .a2b-chip:hover, .a2b[data-uni="wave"] .a2b-hero--plain .a2b-chip:focus-visible, .a2b[data-uni="wave"] .ap-chip:hover, .a2b[data-uni="wave"] .a2b-px__chip:not([aria-pressed="true"]):hover, .a2b[data-uni="wave"] .a2b-px__opt:not([aria-pressed="true"]):hover, .a2b[data-uni="wave"] .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"]):hover { color: #ffffff !important; }

/* universal style: sticky vertical bar on the right (desktop) */

/* hero pills: no self-running fill loop, fill only on hover/focus */
.a2b .a2b-hero--plain .a2b-chip::before { animation: none !important; opacity: 0 !important; }
.a2b .a2b-hero--plain .a2b-chip:hover::before, .a2b .a2b-hero--plain .a2b-chip:focus-visible::before { opacity: 1 !important; }

/* design-review toggle options: hover follows the universal style too */
.a2b .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"]) { position: relative; isolation: isolate; overflow: hidden; transition: color .25s ease; }
.a2b .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"])::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(var(--uni-shade), var(--uni-shade)), var(--uni-img) center / cover; opacity: 0; transition: opacity .3s ease; }
.a2b .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"]):hover::before { opacity: 1; }
.a2b .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"]):hover { color: var(--uni-ink); }
.a2b[data-uni="wave"] .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"]):hover { color: #ffffff; }

/* CTAs follow the universal style */
.a2b .a2b-btn--primary:not(.ap-cta *) { background-image: linear-gradient(var(--cta-shade), var(--cta-shade)), var(--uni-img) !important; background-size: cover !important; background-position: center !important; color: #ffffff !important; }
.a2b .a2b-btn--primary:not(.ap-cta *):hover, .a2b a.a2b-btn--primary:not(.ap-cta *):focus-visible { background-image: linear-gradient(var(--cta-shade-h), var(--cta-shade-h)), var(--uni-img) !important; }
/* ===== about: values spacing, quote, people ===== */
:where(:root:has([data-page="about"])) #values.sec { padding-bottom: 72px; }
:where(:root:has([data-page="about"])) .a2b-mc--static { min-height: 244px; gap: 28px; }
:where(:root:has([data-page="about"])) .a2b-mc--static .a2b-mc__title { font-size: 28px; line-height: 32px; }
@media (max-width: 640px) {
  :where(:root:has([data-page="about"])) .a2b-mc--static { min-height: 200px; }
  :where(:root:has([data-page="about"])) .a2b-mc--static .a2b-mc__title { font-size: 24px; line-height: 28px; }
}
:where(:root:has([data-page="about"])) .a2b .a2b-statement-card { flex-direction: column; align-items: center; gap: 36px; padding-block: 96px; }
:where(:root:has([data-page="about"])) .a2b-statement-card__by { display: flex; align-items: center; gap: 14px; text-align: left; }
:where(:root:has([data-page="about"])) .a2b-statement-card__by img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: none; }
:where(:root:has([data-page="about"])) .a2b-statement-card__who { display: flex; flex-direction: column; font: 400 15px/21px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="about"])) .a2b-statement-card__who b { font-weight: 600; color: var(--ink); font-size: 16px; }
@media (max-width: 720px) {
  :where(:root:has([data-page="about"])) .a2b .a2b-statement-card { padding-block: 56px; gap: 28px; }
}
:where(:root:has([data-page="about"])) .a2b-team__title { text-align: center; }
:where(:root:has([data-page="about"])) .a2b-team__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); max-width: 1080px; margin-inline: auto; width: 100%; }
:where(:root:has([data-page="about"])) .a2b-person { align-items: center; text-align: center; gap: 12px; }
:where(:root:has([data-page="about"])) .a2b-person img, :where(:root:has([data-page="about"])) .a2b-person__ph { width: 100%; max-width: 132px; filter: grayscale(1); }
:where(:root:has([data-page="about"])) .a2b-person .a2b-h4 { font-size: 16px; line-height: 22px; }
:where(:root:has([data-page="about"])) .a2b-person .a2b-meta { font-size: 13px; line-height: 18px; }
:where(:root:has([data-page="about"])) .a2b-team__grid--lead .a2b-person img, :where(:root:has([data-page="about"])) .a2b-team__grid--lead .a2b-person .a2b-person__ph { max-width: 168px; }
@media (max-width: 1080px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :where(:root:has([data-page="about"])) .a2b-person img, :where(:root:has([data-page="about"])) .a2b-person__ph { max-width: 110px; }
}
:where(:root:has([data-page="about"])) .a2b-team__grid.a2b-team__grid--lead { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 640px; margin-inline: auto; width: 100%; }
@media (max-width: 640px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid.a2b-team__grid--lead { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(:root:has([data-page="about"])) .a2b-team__grid--lead .a2b-person:nth-child(3) { grid-column: 1 / -1; justify-self: center; }
}
:where(:root:has([data-page="about"])) .a2b-team__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 36px var(--g); }
:where(:root:has([data-page="about"])) .a2b-team__grid > * { flex: 0 0 calc((100% - (var(--n) - 1) * var(--g)) / var(--n)); min-width: 0; }
:where(:root:has([data-page="about"])) .a2b-team__grid.a2b-team__grid--lead { gap: 32px var(--g); }
@media (max-width: 720px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid { gap: 28px var(--g); }
}
@media (max-width: 640px) {
  :where(:root:has([data-page="about"])) .a2b-team__grid.a2b-team__grid--lead { gap: 24px var(--g); }
  :where(:root:has([data-page="about"])) .a2b-team__grid--lead .a2b-person:nth-child(3) { width: auto; }
}
:where(:root:has([data-page="about"])) .a2b-person__ph { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 5; border-radius: var(--radius-thumb); background: linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.2)), url(/images/mesh/mesh-07-morning-dew.jpg); background-size: cover; color: var(--brand); }
:where(:root:has([data-page="about"])) .a2b-person__ph svg { width: 44%; height: auto; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; opacity: .7; }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"] .a2b-person__ph { background: linear-gradient(rgba(8,20,16,.55), rgba(8,20,16,.55)), url(/images/mesh/mesh-04-fern-glade.jpg); background-size: cover; }
/* ===== blog: compact top so the next posts peek, mesh filters ===== */
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filtrow { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px 28px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters { justify-content: center; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters--mesh .a2b-chip { background: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(/images/mesh/mesh-07-morning-dew.jpg); background-size: cover; background-position: center; border: 1px solid var(--hairline); color: var(--ink); transition: filter .2s ease, transform .15s ease; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters--mesh .a2b-chip:hover { filter: brightness(.96) saturate(1.1); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters--mesh .a2b-chip[aria-pressed="true"], :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .bl-filters--mesh .a2b-chip[aria-pressed="true"]:hover { background: linear-gradient(rgba(4,34,26,.16), rgba(4,34,26,.16)), url(/images/mesh/mesh-01-deep-canopy.jpg); background-size: cover; background-position: center; border-color: transparent; color: #ffffff; filter: none; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b[data-theme="dark"] .bl-filters--mesh .a2b-chip { background-image: linear-gradient(rgba(8,20,16,.78), rgba(8,20,16,.78)), url(/images/mesh/mesh-04-fern-glade.jpg); border-color: transparent; color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b[data-theme="dark"] .bl-filters--mesh .a2b-chip[aria-pressed="true"], :where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .a2b[data-theme="dark"] .bl-filters--mesh .a2b-chip[aria-pressed="true"]:hover { background-image: linear-gradient(rgba(4,34,26,.2), rgba(4,34,26,.2)), url(/images/mesh/mesh-04-fern-glade.jpg); color: #ffffff; }
:where(:root:has([data-page="styling"])) .st-hero { text-align: center; }
:where(:root:has([data-page="styling"])) .st-groups { display: flex; flex-direction: column; gap: 72px; }
:where(:root:has([data-page="styling"])) .st-group { display: flex; flex-direction: column; gap: 28px; }
:where(:root:has([data-page="styling"])) .st-group__head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
:where(:root:has([data-page="styling"])) .st-group__head h2 { margin: 0; }
:where(:root:has([data-page="styling"])) .st-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
:where(:root:has([data-page="styling"])) .st-card { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
:where(:root:has([data-page="styling"])) .st-prev { position: relative; aspect-ratio: 3 / 2; border-radius: var(--radius-card); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; overflow: hidden; }
:where(:root:has([data-page="styling"])) .st-prev--w { color: #ffffff; text-shadow: 0 1px 14px rgba(0,0,0,.28); }
:where(:root:has([data-page="styling"])) .st-prev--i { color: var(--c-text); }
:where(:root:has([data-page="styling"])) .st-num { align-self: flex-start; font: 600 13px/16px var(--font-sans); letter-spacing: .08em; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.2); backdrop-filter: blur(6px); }
:where(:root:has([data-page="styling"])) .st-prev--i .st-num { background: rgba(255,255,255,.55); }
:where(:root:has([data-page="styling"])) .st-sample { margin: 0; font: 600 24px/28px var(--font-sans); letter-spacing: -0.02em; max-width: 14em; text-wrap: balance; }
:where(:root:has([data-page="styling"])) .st-demo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
:where(:root:has([data-page="styling"])) .st-btn { display: inline-flex; align-items: center; height: 36px; padding: 0 18px; border-radius: 999px; font: 500 14px/18px var(--font-sans); background-size: cover; background-position: center; }
:where(:root:has([data-page="styling"])) .st-btn.st-t-w { color: #ffffff; background-blend-mode: normal; text-shadow: 0 1px 8px rgba(0,0,0,.3); }
:where(:root:has([data-page="styling"])) .st-btn.st-t-i { color: var(--c-text); border: 1px solid rgba(10,44,38,.12); }
:where(:root:has([data-page="styling"])) .st-pill { display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: 999px; font: 500 13px/18px var(--font-sans); background-size: cover; background-position: center; }
:where(:root:has([data-page="styling"])) .st-pill.st-t-w { color: #ffffff; text-shadow: 0 1px 8px rgba(0,0,0,.3); }
:where(:root:has([data-page="styling"])) .st-pill.st-t-i { color: var(--c-text); border: 1px solid rgba(10,44,38,.12); }
:where(:root:has([data-page="styling"])) .st-bar { flex: 1 1 80px; min-width: 80px; height: 14px; border-radius: 6px 6px 0 0; background-size: cover; background-position: center; }
:where(:root:has([data-page="styling"])) .st-meta { display: flex; flex-direction: column; gap: 6px; }
:where(:root:has([data-page="styling"])) .st-meta h3 { margin: 0; font: 600 18px/24px var(--font-sans); letter-spacing: -0.01em; }
:where(:root:has([data-page="styling"])) .st-meta h3 small { font: 500 12px/16px var(--font-sans); color: var(--ink-meta); letter-spacing: .06em; text-transform: uppercase; margin-left: 6px; }
:where(:root:has([data-page="styling"])) .st-meta p { margin: 0; font-size: 14px; line-height: 20px; color: var(--ink-secondary); }
:where(:root:has([data-page="styling"])) .st-dots { display: flex; gap: 6px; align-items: center; }
:where(:root:has([data-page="styling"])) .st-dots i { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(10,44,38,.14); display: block; }
:where(:root:has([data-page="styling"])) .st-card[hidden], :where(:root:has([data-page="styling"])) .st-group[hidden] { display: none; }
:where(:root:has([data-page="styling"])) .st-filter { display: flex; justify-content: center; }
:where(:root:has([data-page="styling"])) .st-filter .a2b-viewtoggle { margin-left: 0; flex-wrap: wrap; justify-content: center; }
:where(:root:has([data-page="styling"])) .st-how { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
:where(:root:has([data-page="styling"])) .st-how > div { padding: 20px 22px; border: 1px solid var(--hairline); border-radius: var(--radius-card); display: flex; flex-direction: column; gap: 6px; }
:where(:root:has([data-page="styling"])) .st-how b { font: 600 16px/22px var(--font-sans); }
:where(:root:has([data-page="styling"])) .st-how span { font-size: 14px; line-height: 20px; color: var(--ink-secondary); }
@media (max-width: 960px) {
  :where(:root:has([data-page="styling"])) .st-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(:root:has([data-page="styling"])) .st-how { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  :where(:root:has([data-page="styling"])) .st-grid { grid-template-columns: minmax(0, 1fr); }
}
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .cb { margin: 0; padding: 18px 20px; font: 500 13.5px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #d9efe6; overflow-x: auto; white-space: pre; tab-size: 2; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .cb code { font: inherit; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .t-k { color: #8EDDB7; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .t-s { color: #EAD98A; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .t-c { color: #7fa79b; font-style: italic; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .t-n { color: #9fe0f0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .t-f { color: #bfe6ea; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .ap-btnrow { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .ap-ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #ffffff; background: linear-gradient(rgba(4,34,26,.2), rgba(4,34,26,.2)), url(/images/mesh/mesh-04-fern-glade.jpg) center / cover; flex: none; box-shadow: 0 6px 16px rgba(12,79,61,.18); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .ap-ic svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .ap-ic--b { background-image: linear-gradient(rgba(4,34,26,.2), rgba(4,34,26,.2)), url(/images/mesh/mesh-05-lichen.jpg); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .ap-ic--c { background-image: linear-gradient(rgba(4,34,26,.2), rgba(4,34,26,.2)), url(/images/mesh/mesh-06-sun-clearing.jpg); }
:where(:root:has([data-page="api-pricing"],[data-page="api"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="styling"],[data-page="sustainability"])) .ap-ic--d { background-image: linear-gradient(rgba(4,34,26,.2), rgba(4,34,26,.2)), url(/images/mesh/mesh-13-tide-moss.jpg); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-hero { text-align: center; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-hero .a2b-display { font-size: 60px; line-height: 64px; max-width: 860px; }
@media (max-width: 720px) {
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-hero .a2b-display { font-size: 36px; line-height: 40px; }
}
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-code { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; padding: 28px; border-radius: 32px; color: #ffffff; background: linear-gradient(rgba(3,22,16,.32), rgba(3,22,16,.5)), url(/images/mesh/mesh-01-deep-canopy.jpg) center / cover; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-pane { min-width: 0; display: flex; flex-direction: column; background: rgba(3,20,15,.66); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; overflow: hidden; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-pane__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 16px; border-bottom: 1px solid rgba(255,255,255,.1); min-height: 52px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-pane__bar > span { font: 600 13px/18px var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.72); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-tabs { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.08); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-tabs button { height: 30px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; color: rgba(255,255,255,.78); font: 500 13px/18px var(--font-sans); cursor: pointer; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-tabs button[aria-selected="true"] { background: #ffffff; color: var(--c-text); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-copy { height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); background: transparent; color: #ffffff; font: 500 13px/18px var(--font-sans); cursor: pointer; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-copy:hover { background: rgba(255,255,255,.1); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-feat { display: flex; flex-direction: column; gap: 14px; padding: 28px; border: 1px solid var(--hairline); border-radius: var(--radius-card); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-feat h3 { margin: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-feat p { margin: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table { width: 100%; border-collapse: collapse; min-width: 640px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table th { text-align: left; font: 600 12px/16px var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-meta); padding: 14px 20px; border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table td { padding: 16px 20px; border-bottom: 1px solid var(--hairline); font: 400 15px/22px var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table tr:last-child td { border-bottom: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table td:first-child { font-weight: 600; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table tr.is-us td { background: color-mix(in srgb, var(--highlight) 55%, transparent); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-tablewrap { border: 1px solid var(--hairline); border-radius: var(--radius-card); overflow-x: auto; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: s; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-step { display: flex; flex-direction: column; gap: 12px; padding: 28px; border: 1px solid var(--hairline); border-radius: var(--radius-card); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-step__n { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #ffffff; font: 600 16px/1 var(--font-sans); background: linear-gradient(rgba(4,34,26,.2), rgba(4,34,26,.2)), url(/images/mesh/mesh-04-fern-glade.jpg) center / cover; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-step h3, :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-step p { margin: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; padding: 80px 32px; border-radius: 32px; color: #ffffff; background: linear-gradient(rgba(3,26,18,.5), rgba(3,26,18,.66)), url(/images/mesh/mesh-10-still-pond.jpg) center / cover; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta h2 { margin: 0; color: #ffffff; max-width: 720px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta p { margin: 0; color: rgba(255,255,255,.86); max-width: 560px; font-size: 18px; line-height: 28px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta .a2b-btn--secondary { background: transparent; color: #ffffff; border-color: rgba(255,255,255,.4); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta .a2b-btn--secondary:hover { background: rgba(255,255,255,.12); color: #ffffff; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta .a2b-btn--primary { background: #ffffff; background-image: none; color: var(--c-text); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta .a2b-btn--primary:hover { background: #e3eeee; background-image: none; color: var(--c-text); }
@media (max-width: 960px) {
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-code, :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-grid, :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-steps { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-code { padding: 16px; border-radius: 24px; }
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-cta { padding: 56px 20px; border-radius: 24px; }
}
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-hero { text-align: center; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-card { display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--hairline); border-radius: var(--radius-card); text-decoration: none; color: inherit; transition: transform .2s ease, border-color .2s ease; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-card:hover { transform: translateY(-3px); border-color: var(--brand); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-card[hidden] { display: none; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-card h3 { margin: 0; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-card p { margin: 0; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tile { width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), url(/images/mesh/mesh-04-fern-glade.jpg) center / cover; margin-bottom: 6px; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tile--b { background-image: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), url(/images/mesh/mesh-05-lichen.jpg); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tile--c { background-image: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), url(/images/mesh/mesh-06-sun-clearing.jpg); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tile--d { background-image: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), url(/images/mesh/mesh-13-tide-moss.jpg); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tile--e { background-image: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), url(/images/mesh/mesh-11-forest-stream.jpg); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tile--f { background-image: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), url(/images/mesh/mesh-02-night-spruce.jpg); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx { display: grid; grid-template-columns: 220px minmax(0, 1fr) 190px; gap: 56px; align-items: start; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side { position: sticky; top: 108px; display: flex; flex-direction: column; gap: 22px; font: 500 14px/20px var(--font-sans); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side h4 { margin: 0 0 8px; font: 600 12px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-meta); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side a { display: block; padding: 7px 12px; border-radius: 10px; color: var(--ink-secondary); text-decoration: none; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side a:hover { background: var(--mist); color: var(--ink); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side a.is-on { background: transparent; color: var(--ink); font-weight: 600; box-shadow: inset 2px 0 0 var(--brand); border-radius: 0 10px 10px 0; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-main { min-width: 0; display: flex; flex-direction: column; gap: 56px; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-sec { scroll-margin-top: 108px; display: flex; flex-direction: column; gap: 18px; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-sec h2 { margin: 0; font: 600 32px/38px var(--font-sans); letter-spacing: -0.025em; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-sec h3 { margin: 12px 0 0; font: 600 20px/28px var(--font-sans); letter-spacing: -0.01em; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-sec p { margin: 0; font-size: 17px; line-height: 28px; color: var(--ink-secondary); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-sec code.i, :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-table code { font: 500 .9em ui-monospace, SFMono-Regular, Menlo, monospace; padding: 2px 6px; border-radius: 6px; background: var(--mist); color: var(--ink); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-code { border-radius: 18px; overflow: hidden; background: linear-gradient(rgba(3,22,16,.55), rgba(3,22,16,.72)), url(/images/mesh/mesh-01-deep-canopy.jpg) center / cover; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-code__bar { padding: 10px 16px; font: 600 12px/16px var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.1); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-table { width: 100%; border-collapse: collapse; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-table th { text-align: left; font: 600 12px/16px var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-meta); padding: 10px 14px; border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-table td { padding: 12px 14px; border-bottom: 1px solid var(--hairline); font: 400 15px/22px var(--font-sans); color: var(--ink-secondary); vertical-align: top; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-table td:first-child { color: var(--ink); white-space: nowrap; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-tablewrap { border: 1px solid var(--hairline); border-radius: 16px; overflow-x: auto; }
@media (max-width: 1200px) {
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx { grid-template-columns: 210px minmax(0, 1fr); }
}
@media (max-width: 960px) {
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side { position: static; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side h4 { display: none; }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side > div, :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side ul { display: contents; }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side li { display: contents; }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-side a { padding: 7px 14px; border: 1px solid var(--hairline); border-radius: 999px; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-cards { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-sec h2 { font-size: 26px; line-height: 32px; }
}
/* 1x4 style cards (shared look with the home values section) */
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-codewide { width: min(1440px, calc(100vw - 32px)); position: relative; left: 50%; transform: translateX(-50%); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-codewide .ap-code { padding: 36px; gap: 24px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-codewide .cb { font-size: 14.5px; padding: 22px 26px; }
@media (max-width: 960px) {
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-codewide .ap-code { padding: 16px; }
}

/* api pills: own mini icons */
/* ===== blog: featured banner ===== */
:where(:root:has([data-page="blog"])) .bl-feat { display: flex; flex-direction: column; gap: 20px; text-decoration: none; color: inherit; }
:where(:root:has([data-page="blog"])) .bl-feat__banner { position: relative; margin: 0; border-radius: var(--radius-card); overflow: hidden; aspect-ratio: 3.6 / 1; min-height: 310px; background: #0a2c26; }
:where(:root:has([data-page="blog"])) .bl-feat__banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
:where(:root:has([data-page="blog"])) .bl-feat:hover .bl-feat__banner img { transform: scale(1.03); }
:where(:root:has([data-page="blog"])) .bl-feat__banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(4,26,19,.88) 0%, rgba(4,26,19,.55) 32%, rgba(4,26,19,0) 68%); pointer-events: none; }
:where(:root:has([data-page="blog"])) .bl-feat__cap { position: absolute; left: 0; bottom: 0; z-index: 1; padding: 28px 40px; max-width: 760px; color: #ffffff; display: flex; flex-direction: column; gap: 12px; }
:where(:root:has([data-page="blog"])) .bl-feat__cap h2 { margin: 0; font: 600 38px/42px var(--font-sans); letter-spacing: -0.025em; color: #ffffff; }
:where(:root:has([data-page="blog"])) .bl-feat__cap p { margin: 0; font: 400 18px/28px var(--font-sans); color: rgba(255,255,255,.9); }
:where(:root:has([data-page="blog"])) .bl-feat:hover .bl-feat__cap h2 { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
:where(:root:has([data-page="blog"])) .bl-feat__kicker { font: 600 12px/16px var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.78); }
:where(:root:has([data-page="blog"])) .bl-feat__by { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 4px; }
:where(:root:has([data-page="blog"])) .bl-feat__by .bl-author, :where(:root:has([data-page="blog"])) .bl-feat__by .bl-author * { color: #fff !important; }
:where(:root:has([data-page="blog"])) .bl-feat__by .bl-author img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; position: static; flex: none; }
:where(:root:has([data-page="blog"])) .bl-feat__date { font: 400 14px/20px var(--font-sans); color: rgba(255,255,255,.8); }
@media (max-width: 720px) {
  :where(:root:has([data-page="blog"])) .bl-feat__banner { aspect-ratio: auto; min-height: 420px; }
  :where(:root:has([data-page="blog"])) .bl-feat__cap { padding: 24px 20px; }
  :where(:root:has([data-page="blog"])) .bl-feat__cap h2 { font-size: 28px; line-height: 32px; }
  :where(:root:has([data-page="blog"])) .bl-feat__cap p { font-size: 16px; line-height: 24px; }
}
:where(:root:has([data-page="guide"])) .dx--guide { grid-template-columns: 240px minmax(0, 1fr); }
:where(:root:has([data-page="guide"])) .dx--guide .dx-main { max-width: 820px; }
:where(:root:has([data-page="guide"])) .dx--guide .dx-side { max-height: calc(100vh - 128px); overflow-y: auto; padding-right: 6px; scrollbar-width: thin; }
:where(:root:has([data-page="guide"])) .dx-sec h4 { margin: 10px 0 0; font: 600 16px/24px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="guide"])) .dx-sec .dx-list { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 17px; line-height: 27px; color: var(--ink-secondary); }
:where(:root:has([data-page="guide"])) .dx-sec .dx-list .dx-list { margin-top: 8px; font-size: 16px; line-height: 25px; }
:where(:root:has([data-page="guide"])) .dx-sec li::marker { color: var(--ink-meta); }
:where(:root:has([data-page="guide"])) .dx-sec b { color: var(--ink); font-weight: 600; }
:where(:root:has([data-page="guide"])) .dx-sec a { color: var(--brand); text-underline-offset: 3px; }
:where(:root:has([data-page="guide"])) .dx-sec h3 { scroll-margin-top: 108px; }
:where(:root:has([data-page="guide"])) .dx--guide .dx-table td:first-child { white-space: normal; }
:where(:root:has([data-page="guide"])) .dx--guide .dx-table td { min-width: 120px; }
:where(:root:has([data-page="guide"])) .dx-sec .dx-table code.i, :where(:root:has([data-page="guide"])) .dx-sec .dx-list code.i { white-space: normal; }
@media (max-width: 960px) {
  :where(:root:has([data-page="guide"])) .dx--guide { grid-template-columns: minmax(0, 1fr); }
}
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-white { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-ink { display: block; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-white { display: block; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-ink { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--mesh::after, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave::after { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--mesh .a2b-hero__ridge, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave .a2b-hero__ridge { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave { color: var(--ink); border: 1px solid var(--hairline); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__bwp-white { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__bwp-ink { display: block; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__bwp-white { display: block; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__bwp-ink { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--ripple::after, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave::after { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--ripple .a2b-hero__ridge, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave .a2b-hero__ridge { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-models__item img[src$="zai-glm.svg"] { filter: invert(1) brightness(1.1); }
/* ===== light ripple ("wave") style: pale water, thin wavy rings, dark text ===== */
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-hero--plain.a2b-hero--bg-wave::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -1; background: url(/images/mesh/wave-01-ripple.jpg) 20% 45% / 106% auto no-repeat; animation: a2b-wave-pan 60s ease-in-out infinite alternate; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 55%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0, #000 55%, transparent 100%); }

/* cards */
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc { color: var(--c-text); background-size: auto 150%; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--hairline); animation: a2b-wave-pan 70s ease-in-out infinite alternate; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--sustainable { background-image: url(/images/mesh/wave-01-ripple.jpg); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--privacy { background-image: url(/images/mesh/wave-02-ripple.jpg); animation-delay: -20s; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--transparency { background-image: url(/images/mesh/wave-03-ripple.jpg); animation-delay: -35s; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--ethical { background-image: url(/images/mesh/wave-01-ripple.jpg); animation-delay: -50s; background-position: 80% 60%; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc::before { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc:hover, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc:visited, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc__title { color: var(--c-text); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc { background-image: url(/images/mesh/wave-dark.jpg); color: #e8f3ee; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc:hover, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc__title { color: #e8f3ee; }

/* showcase panel */
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel { color: var(--c-text); background-image: url(/images/mesh/wave-02-ripple.jpg); background-size: auto 140%; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--hairline); animation: a2b-wave-pan 70s ease-in-out infinite alternate; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel::before, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel::after { display: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__in h3, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__in li, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__link { color: var(--c-text); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__in li svg { stroke: var(--brand); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__panel { background-image: url(/images/mesh/wave-dark.jpg); color: #e8f3ee; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__in h3, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__in li, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__link { color: #e8f3ee; }

/* app banner */
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave { position: relative; overflow: visible; clip-path: inset(-400px 0 0 0 round 0 0 32px 32px); background: url(/images/mesh/wave-03-ripple.jpg) 20% 45% / 130% auto; animation: a2b-wave-pan 70s ease-in-out infinite alternate; color: var(--c-text); box-shadow: inset 0 0 0 1px var(--hairline); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave .a2b-app__body h2 { color: var(--c-text); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave .a2b-app__body p { color: rgba(10,44,38,.84); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave .a2b-store a { background: #0a2c26; border-color: #0a2c26; color: #ffffff; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave::after { content: ""; position: absolute; top: 14%; left: -40px; width: 28px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14'%3E%3Cpath d='M1 10Q7 0 14 8Q21 0 27 10' fill='none' stroke='%230c4f3d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; opacity: 0; animation: a2b-bird 42s linear infinite; pointer-events: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-app.a2b-app--wave { background-image: url(/images/mesh/wave-dark.jpg); color: #ffffff; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-app.a2b-app--wave .a2b-app__body h2, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-app.a2b-app--wave .a2b-app__body p { color: #ffffff; }

/* testimonials */

/* blog filters */
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .bl-filters--wave .a2b-chip { background: url(/images/mesh/wave-02-ripple.jpg) center / cover; border: 1px solid var(--hairline); color: var(--ink); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .bl-filters--wave .a2b-chip:hover { filter: brightness(.97); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .bl-filters--wave .a2b-chip[aria-pressed="true"], :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .bl-filters--wave .a2b-chip[aria-pressed="true"]:hover { background: url(/images/mesh/wave-01-ripple.jpg) center / cover; border-color: var(--brand); color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .bl-filters--wave .a2b-chip { background-image: url(/images/mesh/wave-dark.jpg); }

/* footer */
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave { background: url(/images/mesh/wave-02-ripple.jpg) 20% 45% / 130% auto; animation: a2b-wave-pan 80s ease-in-out infinite alternate; overflow: hidden; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave::before { content: ""; position: absolute; top: 12%; left: -40px; width: 28px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14'%3E%3Cpath d='M1 10Q7 0 14 8Q21 0 27 10' fill='none' stroke='%230c4f3d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; opacity: 0; animation: a2b-bird 46s linear infinite; pointer-events: none; }
:where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave { background-image: url(/images/mesh/wave-dark.jpg); }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-hero--plain.a2b-hero--bg-wave::before, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave::after, :where(:root:has([data-page="about"],[data-page="api-pricing"],[data-page="api"],[data-page="blog"],[data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="guide"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave::before { animation: none; }
}
:where(:root:has([data-page="about"])) .a2b-mcs--8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  :where(:root:has([data-page="about"])) .a2b-mcs--8 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  :where(:root:has([data-page="about"])) .a2b-mcs--8 { grid-template-columns: minmax(0, 1fr); }
}
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-baseurl { margin: 6px 0 0; font: 400 14px/20px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-baseurl code, :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-m { font: 500 .9em ui-monospace, SFMono-Regular, Menlo, monospace; padding: 2px 7px; border-radius: 7px; background: var(--mist); color: var(--ink); overflow-wrap: anywhere; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-pane__note { margin: 0; padding: 4px 22px 18px; font: 400 13px/19px var(--font-sans); color: rgba(255,255,255,.72); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vids { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid { display: flex; flex-direction: column; gap: 14px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__box { position: relative; aspect-ratio: 16 / 9; border-radius: 20px; display: grid; place-items: center; border: 1px solid var(--hairline); background: repeating-linear-gradient(135deg, var(--mist) 0 12px, transparent 12px 24px); color: var(--ink-meta); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__play { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--page); border: 1px solid var(--hairline); color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__play svg { width: 22px; height: 22px; fill: currentColor; stroke: none; margin-left: 3px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__len { position: absolute; right: 12px; bottom: 12px; padding: 3px 10px; border-radius: 999px; background: var(--page); border: 1px solid var(--hairline); font: 500 12px/18px var(--font-sans); color: var(--ink-secondary); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__t { display: flex; flex-direction: column; gap: 2px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__t h3 { margin: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid__aud { font: 500 13px/18px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vid ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font: 400 14px/20px var(--font-sans); color: var(--ink-secondary); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px; align-items: center; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__txt { display: flex; flex-direction: column; gap: 18px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__txt h2, :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__txt p { margin: 0; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__shot { aspect-ratio: 4 / 3; border-radius: 24px; border: 1px solid var(--hairline); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 24px; background: repeating-linear-gradient(135deg, var(--mist) 0 12px, transparent 12px 24px); color: var(--ink-meta); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__shot span { font: 600 12px/16px var(--font-sans); letter-spacing: .08em; text-transform: uppercase; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__shot b { font: 600 22px/28px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team__shot em { font-style: normal; font: 400 14px/20px var(--font-sans); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-formula { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 12px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-fm { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 150px; padding: 18px 22px; border: 1px solid var(--hairline); border-radius: var(--radius-card); text-align: center; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-fm b { font: 600 28px/32px var(--font-sans); letter-spacing: -0.025em; color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-fm span { font: 400 13px/18px var(--font-sans); color: var(--ink-meta); max-width: 170px; margin: 0 auto; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-fm--opt { border-style: dashed; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-formula > i { align-self: center; font: 500 22px/1 var(--font-sans); color: var(--ink-meta); font-style: normal; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-fm__ex { margin: 0; text-align: center; color: var(--ink-meta); max-width: 760px; align-self: center; text-wrap: pretty; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-fm__ex a { color: var(--brand); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq { max-width: 760px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; border-top: 1px solid var(--hairline); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq__i { border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq__i summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 4px; font: 600 18px/26px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq__i summary::-webkit-details-marker { display: none; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq__i summary svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq__i[open] summary svg { transform: rotate(180deg); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-faq__i p { margin: 0 0 20px; padding: 0 4px; font: 400 16px/26px var(--font-sans); color: var(--ink-secondary); }
:where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table td:nth-child(n+4), :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-table th:nth-child(n+4) { white-space: nowrap; }
@media (max-width: 900px) {
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-vids, :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-two { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-team { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  :where(:root:has([data-page="api-pricing"],[data-page="api"])) .ap-grid { grid-template-columns: minmax(0, 1fr); }
}
:where(:root:has([data-page="api"])) .a2b-mq__view { overflow: hidden; min-width: 0; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); }
:where(:root:has([data-page="api"])) .a2b-mq__track { display: flex; align-items: center; gap: 56px; width: max-content; padding-right: 56px; animation: a2b-mq 40s linear infinite; }
:where(:root:has([data-page="api"])) .a2b-mq__view:hover .a2b-mq__track { animation-play-state: paused; }
@keyframes a2b-mq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
:where(:root:has([data-page="api"])) .tt-item { flex: none; display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink-secondary); font: 500 18px/24px var(--font-sans); white-space: nowrap; transition: color .2s ease; }
:where(:root:has([data-page="api"])) .tt-item:hover { color: var(--ink); }
:where(:root:has([data-page="api"])) .tt-sep { display: none; }
:where(:root:has([data-page="api"])) .tt-logo { width: 30px; height: 30px; display: grid; place-items: center; color: var(--ink); }
:where(:root:has([data-page="api"])) .tt-logo svg { width: 26px; height: 26px; fill: currentColor; display: block; }
:where(:root:has([data-page="api"])) .tt-logo--m { border-radius: 9px; border: 1.5px solid currentColor; }
:where(:root:has([data-page="api"])) .tt-logo--m b { font: 700 12px/1 var(--font-sans); letter-spacing: -0.02em; }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="api"])) .a2b-mq__track { animation: none; }
  :where(:root:has([data-page="api"])) .a2b-mq__view { overflow-x: auto; }
}
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx.dx--one { grid-template-columns: 240px minmax(0, 1fr); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-more { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; font: 600 14px/20px var(--font-sans); color: var(--brand); text-decoration: none; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-more:hover { text-decoration: underline; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-base { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 4px 0 0; font: 400 15px/22px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-base code { font: 500 .92em ui-monospace, SFMono-Regular, Menlo, monospace; padding: 4px 10px; border-radius: 8px; background: var(--mist); color: var(--ink); overflow-wrap: anywhere; }
:where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@media (max-width: 900px) {
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx.dx--one { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  :where(:root:has([data-page="cognitive-health"],[data-page="contact"],[data-page="docs"],[data-page="sovereignty"],[data-page="sustainability"])) .dx.dx--one .dx-side { position: static; }
}
/* Ours (Phase 5c, Task 14): legal text has long unbroken e-mail addresses and 1500 px wide images; neither may widen the column on a phone */
:where(:root:has([data-page="sustainability"])) .dx-main { overflow-wrap: anywhere; }
:where(:root:has([data-page="sustainability"])) .dx-main img { max-width: 100%; height: auto; }
/* ===== hero: background options + animated pills ===== */
:where(:root:has([data-page="home"])) .a2b-hero--plain { position: relative; isolation: isolate; }
:where(:root:has([data-page="home"])) .a2b { overflow-x: clip; }
:where(:root:has([data-page="home"])) .a2b-hero--plain.a2b-hero--bg-mesh::before, :where(:root:has([data-page="home"])) .a2b-hero--plain.a2b-hero--bg-ripple::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -1; border-radius: 0; background-size: cover; background-position: center; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 26%, #000 58%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 26%, #000 58%, transparent 100%); }
:where(:root:has([data-page="home"])) .a2b-hero--plain.a2b-hero--bg-mesh::before { background-image: url(/images/mesh/mesh-05-lichen.jpg); opacity: .22; }
:where(:root:has([data-page="home"])) .a2b-hero--plain.a2b-hero--bg-ripple::before { background-image: url(/images/mesh/mesh-12-rain-pool.jpg); opacity: .5; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-ripple::before { background-image: url(/images/mesh/mesh-15-deep-eddy.jpg); }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-mesh::before { background-image: url(/images/mesh/mesh-02-night-spruce.jpg); }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip { position: relative; isolation: isolate; overflow: hidden; animation: a2b-pill-txt 9s ease-in-out infinite; animation-delay: calc(.8s + var(--i, 0) * 1s); }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip .a2b-icon { color: currentColor; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(rgba(4,34,26,.26), rgba(4,34,26,.26)), url(/images/mesh/mesh-04-fern-glade.jpg) center / cover; opacity: 0; animation: a2b-pill-bg 9s ease-in-out infinite; animation-delay: calc(.8s + var(--i, 0) * 1s); }
@keyframes a2b-pill-bg { 0% { opacity: 0; transform: scale(.35); } 5% { opacity: 1; transform: scale(1.1); } 9% { opacity: 1; transform: scale(1); } 19% { opacity: 1; transform: scale(1); } 27%, 100% { opacity: 0; transform: scale(1); } }
@keyframes a2b-pill-txt { 0% { color: var(--ink); border-color: var(--cb); transform: none; box-shadow: none; } 5%, 19% { color: #ffffff; border-color: transparent; transform: translateY(-2px) scale(1.05); box-shadow: 0 10px 24px rgba(12,79,61,.3); } 27%, 100% { color: var(--ink); border-color: var(--cb); transform: none; box-shadow: none; } }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip, :where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-chip::before { animation: none; }
}
/* ===== NGO + cards ===== */
:where(:root:has([data-page="home"])) .a2b-ngo__cta { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }
:where(:root:has([data-page="home"])) .a2b-ngo__cta .a2b-bwp { height: 56px; }
:where(:root:has([data-page="home"])) .a2b-ngo__cta .a2b-bwp--dark { display: none; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-ngo__cta .a2b-bwp--light { display: none; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-ngo__cta .a2b-bwp--dark { display: inline-block; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--ripple .a2b-mc--sustainable { background-image: url(/images/mesh/mesh-10-still-pond.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--ripple .a2b-mc--privacy { background-image: url(/images/mesh/mesh-15-deep-eddy.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--ripple .a2b-mc--transparency { background-image: url(/images/mesh/mesh-11-forest-stream.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--ripple .a2b-mc--ethical { background-image: url(/images/mesh/mesh-13-tide-moss.jpg); }
/* ===== benchmark: centred + mesh bar for A2B ===== */
:where(:root:has([data-page="home"])) .a2b-bench__top { flex-direction: column; align-items: center; gap: 16px; }
:where(:root:has([data-page="home"])) .a2b-bench__top .a2b-viewtoggle { margin-left: 0; }
:where(:root:has([data-page="home"])) .a2b-bench__cap { text-align: center; margin: -8px auto 0; }
:where(:root:has([data-page="home"])) .a2b-vbench__col--us .a2b-vbench__bar, :where(:root:has([data-page="home"])) .a2b-bench__row--us .a2b-bench__bar, :where(:root:has([data-page="home"])) .a2b-altbench__row--us .a2b-altbench__track span { background-color: #0c4f3d; background-image: linear-gradient(rgba(4,34,26,.1), rgba(4,34,26,.1)), url(/images/textures/value-sustainability.jpg); background-size: cover; background-position: center; }
:where(:root:has([data-page="home"])) .a2b-vbench__col--us .a2b-vbench__bar { background-size: 260px 420px; background-position: center bottom; box-shadow: 0 10px 28px rgba(12,79,61,.22); }
/* ===== switch: icons ===== */
:where(:root:has([data-page="home"])) .a2b-sw__ic { background: none !important; width: auto; height: auto; border-radius: 0; flex: none; }
:where(:root:has([data-page="home"])) .a2b-sw__g { display: block; -webkit-mask: var(--g) center / contain no-repeat; mask: var(--g) center / contain no-repeat; }
:where(:root:has([data-page="home"])) .a2b-swic--outline .a2b-sw__g { width: 46px; height: 46px; background-image: linear-gradient(rgba(4,34,26,.18), rgba(4,34,26,.18)), var(--m); background-size: 100% 100%; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-swic--outline .a2b-sw__g { background-image: var(--m); filter: brightness(1.25) saturate(1.1); }

/* switch: bento (modern card layout) */
:where(:root:has([data-page="home"])) .a2b-sw__cta { display: flex; justify-content: center; }
:where(:root:has([data-page="home"])) .a2b-sw__list { margin: 8px 0 0; }
/* ===== ticker (centred) ===== */
:where(:root:has([data-page="home"])) .a2b-mq { display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; padding-block: 32px; }
:where(:root:has([data-page="home"])) .a2b-mq__view { width: 100%; }
/* ===== take A2B: light mesh ===== */
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--light { background: linear-gradient(rgba(255,255,255,.16), rgba(255,255,255,.16)), url(/images/mesh/mesh-05-lichen.jpg); background-size: cover; background-position: center; color: var(--c-text); }
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--light .a2b-app__body h2 { color: var(--c-text); }
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--light .a2b-app__body p { color: rgba(10,44,38,.84); }
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--light .a2b-store a { background: #0a2c26; border-color: #0a2c26; color: #ffffff; }
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--light .a2b-store a:hover { background: #0c4f3d; color: #ffffff; }
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--ripple .a2b-app__body h2 { color: var(--c-text); }
:where(:root:has([data-page="home"])) .a2b-app.a2b-app--ripple .a2b-app__body p { color: rgba(10,44,38,.84); }
/* ===== testimonials ===== */
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote { justify-content: flex-start; gap: 20px; }
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote figcaption { margin-top: auto; }
:where(:root:has([data-page="home"])) .a2b-tm__opt { margin-top: 28px; }
/* ===== contact (centred) ===== */
:where(:root:has([data-page="home"])) .a2b .a2b-contact { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; padding: 72px 32px; }
:where(:root:has([data-page="home"])) .a2b .a2b-contact .a2b-body-l { max-width: 560px; }
:where(:root:has([data-page="home"])) .a2b-bloglist__cta { display: flex; justify-content: center; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b .a2b-contact { padding: 44px 20px; }
  :where(:root:has([data-page="home"])) .a2b-ngo__cta { gap: 16px; }
}
/* ===== benchmark: 12 columns ===== */
:where(:root:has([data-page="home"])) .a2b-vbench__plot, :where(:root:has([data-page="home"])) .a2b-vbench__names { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(78px, 1fr); gap: 10px; min-width: 0; }
:where(:root:has([data-page="home"])) .a2b-vbench__names > div { font-size: 13px; line-height: 17px; padding: 10px 2px; }
:where(:root:has([data-page="home"])) .a2b-vbench__val { font-size: 13px; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-vbench { overflow-x: auto; }
  :where(:root:has([data-page="home"])) .a2b-vbench__plot, :where(:root:has([data-page="home"])) .a2b-vbench__names { grid-auto-columns: 72px; min-width: max-content; gap: 8px; }
  :where(:root:has([data-page="home"])) .a2b-vbench__names > div { font-size: 12px; line-height: 15px; }
}

/* ===== hero subtitle rotator ===== */

/* ===== hero: nature dots (very slow, abstract) ===== */
/* ===== NGO ===== */
:where(:root:has([data-page="home"])) .a2b-ngo { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; max-width: 720px; margin: 0 auto; }
:where(:root:has([data-page="home"])) .a2b-ngo__logo .a2b-bwp { height: 96px; width: auto; }
:where(:root:has([data-page="home"])) .a2b-ngo__logo .a2b-bwp--dark { display: none; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-ngo__logo .a2b-bwp--light { display: none; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-ngo__logo .a2b-bwp--dark { display: inline-block; }
:where(:root:has([data-page="home"])) .a2b-ngo__text { margin: 0; color: var(--ink-secondary); }
/* ===== values showcase (Melious-style) ===== */
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); grid-template-rows: repeat(4, auto); column-gap: 64px; align-items: center; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item { display: contents; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__t { grid-column: 1; appearance: none; border: 0; background: none; padding: 8px 0; text-align: left; cursor: pointer; position: relative; font: 600 56px/60px var(--font-sans); letter-spacing: -0.035em; color: #c4cac7; transition: color .35s ease; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__t span { display: block; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__t:focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; border-radius: 8px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vs__t { color: #3d4a45; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item.is-on .a2b-vs__t { color: var(--ink); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__bar { display: block; height: 2px; width: 100%; max-width: 220px; margin-top: 10px; border-radius: 2px; background: var(--brand); transform: scaleX(0); transform-origin: left; opacity: 0; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs--auto .a2b-vs__item.is-on .a2b-vs__bar { opacity: .85; animation: a2b-vs-fill 7s linear forwards; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs--manual .a2b-vs__item.is-on .a2b-vs__bar { opacity: .85; transform: scaleX(1); }
@keyframes a2b-vs-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__panel { grid-column: 2; grid-row: 1 / span 4; position: relative; isolation: isolate; overflow: hidden; border-radius: var(--radius-card); min-height: 460px; color: #ffffff; background-size: cover; background-position: center; opacity: 0; transform: translateY(10px) scale(.985); transition: opacity .5s ease, transform .7s cubic-bezier(.2,.7,.2,1); pointer-events: none; display: flex; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__panel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(6,32,24,.72) 0%, rgba(6,32,24,.3) 55%, rgba(6,32,24,.12) 100%); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__panel::after { content: ""; position: absolute; inset: -20%; z-index: -1; background: radial-gradient(40% 40% at 30% 30%, rgba(255,255,255,.16), transparent 70%); animation: a2b-vs-drift 22s ease-in-out infinite alternate; }
@keyframes a2b-vs-drift { from { transform: translate(-6%, -4%); } to { transform: translate(14%, 10%); } }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item.is-on .a2b-vs__panel { opacity: 1; transform: none; pointer-events: auto; z-index: 1; }
@media (hover: hover) and (min-width: 861px) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs:has(.a2b-vs__item:hover) .a2b-vs__item:not(:hover) .a2b-vs__t { color: #c4cac7; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs:has(.a2b-vs__item:hover) .a2b-vs__item:not(:hover) .a2b-vs__panel { opacity: 0; transform: translateY(10px) scale(.985); pointer-events: none; z-index: 0; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs:has(.a2b-vs__item:hover) .a2b-vs__item:not(:hover) .a2b-vs__bar { opacity: 0; animation: none; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:hover .a2b-vs__t { color: var(--ink); }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:hover .a2b-vs__panel { opacity: 1; transform: none; pointer-events: auto; z-index: 2; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:hover .a2b-vs__in li { animation: a2b-vs-in .6s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(.12s + var(--d) * .08s); }
}
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in { display: flex; flex-direction: column; justify-content: flex-end; gap: 18px; padding: 40px; width: 100%; box-sizing: border-box; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in h3 { margin: 0; font: 600 28px/32px var(--font-sans); letter-spacing: -0.025em; color: #ffffff; text-wrap: balance; max-width: 440px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in li { display: flex; align-items: flex-start; gap: 12px; font: 400 16px/24px var(--font-sans); color: rgba(255,255,255,.92); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in li svg { flex: none; width: 20px; height: 20px; margin-top: 2px; fill: none; stroke: #8EDDB7; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item.is-on .a2b-vs__in li { animation: a2b-vs-in .6s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(.15s + var(--d) * .09s); }
@keyframes a2b-vs-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font: 500 15px/20px var(--font-sans); color: #ffffff; text-decoration: none; opacity: .85; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__link:hover { opacity: 1; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__link:hover svg { transform: translateX(4px); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--ripple .a2b-mc--sustainable { background-image: url(/images/mesh/mesh-10-still-pond.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--ripple .a2b-mc--privacy { background-image: url(/images/mesh/mesh-15-deep-eddy.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--ripple .a2b-mc--transparency { background-image: url(/images/mesh/mesh-11-forest-stream.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--ripple .a2b-mc--ethical { background-image: url(/images/mesh/mesh-13-tide-moss.jpg); }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__panel::after, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in li, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__bar { animation: none !important; }
}
@media (max-width: 860px) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs { display: flex; flex-direction: column; gap: 0; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item { display: block; border-bottom: 1px solid var(--hairline); }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__t { width: 100%; padding: 18px 0; font-size: 30px; line-height: 34px; display: flex; flex-direction: column; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__bar { max-width: 120px; margin-top: 8px; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__panel { grid-column: auto; grid-row: auto; min-height: 0; max-height: 0; opacity: 0; transform: none; margin: 0; transition: max-height .6s cubic-bezier(.2,.7,.2,1), opacity .4s ease, margin .4s ease; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item.is-on .a2b-vs__panel { max-height: 560px; opacity: 1; margin-bottom: 18px; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in { padding: 24px; min-height: 360px; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in h3 { font-size: 22px; line-height: 27px; }
}
/* benchmark auto progress */
:where(:root:has([data-page="home"])) .a2b-tabs .a2b-tab { position: relative; overflow: hidden; }
:where(:root:has([data-page="home"])) .a2b-tabs .a2b-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: currentColor; opacity: 0; transform: scaleX(0); transform-origin: left; }
:where(:root:has([data-page="home"])) .a2b-tabs--auto .a2b-tab[aria-selected="true"]::after { opacity: .45; animation: a2b-tabfill 10s linear forwards; }
@keyframes a2b-tabfill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="home"])) .a2b-tabs--auto .a2b-tab[aria-selected="true"]::after { animation: none; transform: scaleX(1); }
}

/* switch: big icons in mesh tiles */
/* ticker: model vs company */
:where(:root:has([data-page="home"])) .a2b-mq--company .tk-mo { display: none; }
/* custom price */
:where(:root:has([data-page="home"])) .a2b-px__custom { display: flex; align-items: center; gap: 14px; margin-top: 14px; font: 500 15px/22px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="home"])) .a2b-px__cin { display: inline-flex; align-items: center; gap: 6px; height: 52px; padding: 0 18px; border-radius: var(--radius-pill); border: 1px solid var(--brand); background: var(--page); }
:where(:root:has([data-page="home"])) .a2b-px__cin b { font: 600 17px/24px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="home"])) .a2b-px__cin input { width: 96px; border: 0; outline: 0; background: transparent; font: 600 17px/24px var(--font-sans); color: var(--ink); -moz-appearance: textfield; }
:where(:root:has([data-page="home"])) .a2b-px__cin input:focus, :where(:root:has([data-page="home"])) .a2b-px__cin input:focus-visible { outline: 0; box-shadow: none; }
:where(:root:has([data-page="home"])) .a2b-px__cin input::-webkit-outer-spin-button, :where(:root:has([data-page="home"])) .a2b-px__cin input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* O37/O38 (D98): ring only after Tab; InputModality sets data-input. Look = base.css .a2b :focus-visible */
:where(:root[data-input="keyboard"]:has([data-page="home"])) .a2b-px__cin:focus-within { outline: 2px solid var(--brand); outline-offset: 3px; }
/* testimonials: duplicates, wall, mosaic */
:where(:root:has([data-page="home"])) .a2b-quote--dup { display: none; }
:where(:root:has([data-page="home"])) .a2b-tm .a2b-quote blockquote { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
:where(:root:has([data-page="home"])) .a2b-tm.is-more .a2b-quote blockquote { display: block; -webkit-line-clamp: unset; }
/* FAQ */
:where(:root:has([data-page="home"])) .a2b-faq { width: 100%; max-width: 820px; margin-inline: auto; }
:where(:root:has([data-page="home"])) .a2b-faq__head { position: static; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; width: 100%; margin-inline: auto; }
:where(:root:has([data-page="home"])) .a2b-faq__head h2, :where(:root:has([data-page="home"])) .a2b-faq__head p { text-align: center; margin-inline: auto; }
:where(:root:has([data-page="home"])) .a2b-faq__head a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
:where(:root:has([data-page="home"])) .a2b-faq__list { display: flex; flex-direction: column; border-top: 1px solid var(--hairline); }
:where(:root:has([data-page="home"])) .a2b-faq__item { border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="home"])) .a2b-faq__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; border: 0; background: transparent; cursor: pointer; text-align: left; font: 600 20px/28px var(--font-sans); letter-spacing: -0.01em; color: var(--ink); }
:where(:root:has([data-page="home"])) .a2b-faq__q i { flex: none; position: relative; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--hairline); transition: background .25s ease, border-color .25s ease; }
:where(:root:has([data-page="home"])) .a2b-faq__q i::before, :where(:root:has([data-page="home"])) .a2b-faq__q i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; background: currentColor; border-radius: 2px; transition: transform .3s ease; }
:where(:root:has([data-page="home"])) .a2b-faq__q i::after { transform: rotate(90deg); }
:where(:root:has([data-page="home"])) .a2b-faq__item.is-on .a2b-faq__q i { background: var(--brand); border-color: var(--brand); color: var(--on-brand); }
:where(:root:has([data-page="home"])) .a2b-faq__item.is-on .a2b-faq__q i::after { transform: rotate(0deg); }
:where(:root:has([data-page="home"])) .a2b-faq__q:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
:where(:root:has([data-page="home"])) .a2b-faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s cubic-bezier(.2,.7,.2,1); }
:where(:root:has([data-page="home"])) .a2b-faq__a > div { overflow: hidden; }
:where(:root:has([data-page="home"])) .a2b-faq__item.is-on .a2b-faq__a { grid-template-rows: 1fr; }
:where(:root:has([data-page="home"])) .a2b-faq__a p { margin: 0; padding: 0 56px 26px 0; font: 400 17px/27px var(--font-sans); color: var(--ink-secondary); }
@media (max-width: 860px) {
  :where(:root:has([data-page="home"])) .a2b-faq__q { font-size: 18px; line-height: 26px; }
  :where(:root:has([data-page="home"])) .a2b-faq__a p { padding-right: 0; }
}
:where(:root:has([data-page="home"])) .a2b-faq__a p a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
/* hero picker v2 */
:where(:root:has([data-page="home"])) .a2b-mmenu--v2 { width: 420px; display: flex; flex-direction: column; max-height: none; overflow: visible; }
:where(:root:has([data-page="home"])) .a2b-mm2 { width: 100%; box-sizing: border-box; display: grid; border: 0; background: transparent; cursor: pointer; text-align: left; font-family: var(--font-sans); color: var(--ink); text-decoration: none; }
:where(:root:has([data-page="home"])) .a2b-mm2:hover { background: var(--mist); }
:where(:root:has([data-page="home"])) .a2b-mm2[aria-selected="true"] { background: var(--highlight); }
:where(:root:has([data-page="home"])) .a2b-mm2__logo { border-radius: 50%; background: #f3f6f6; display: grid; place-items: center; }
:where(:root:has([data-page="home"])) .a2b-mm2__text { display: flex; flex-direction: column; min-width: 0; }
:where(:root:has([data-page="home"])) .a2b-mm2__name { font: 600 16px/22px var(--font-sans); }
:where(:root:has([data-page="home"])) .a2b-mm2__desc { font: 400 14px/20px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="home"])) .a2b-mm2__chain { font: 500 13px/18px var(--font-sans); color: var(--ink-secondary); }
:where(:root:has([data-page="home"])) .a2b-mm2__eco { display: flex; align-items: center; gap: 6px; font: 500 13px/18px var(--font-sans); color: var(--brand); }
:where(:root:has([data-page="home"])) .a2b-mm2__eco svg { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="home"])) .a2b-mm2__price { font: 600 15px/22px var(--font-sans); color: var(--ink-secondary); letter-spacing: .02em; }
:where(:root:has([data-page="home"])) .a2b-mm2--more { align-items: center; border-top: 1px solid var(--hairline); border-radius: 0 0 14px 14px; margin-top: 4px; grid-template-columns: auto minmax(0, 1fr) auto; }
:where(:root:has([data-page="home"])) .a2b-mm2__stack { display: inline-flex; align-items: center; }
:where(:root:has([data-page="home"])) .a2b-mm2__stack img { width: 28px; height: 28px; padding: 5px; box-sizing: border-box; border-radius: 50%; background: #f3f6f6; border: 2px solid #ffffff; margin-left: -8px; }
:where(:root:has([data-page="home"])) .a2b-mm2__stack img:first-child { margin-left: 0; }
:where(:root:has([data-page="home"])) .a2b-mm2__stack b { margin-left: 6px; font: 600 13px/18px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="home"])) .a2b-mm2__go { width: 18px; height: 18px; fill: none; stroke: var(--ink-meta); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="home"])) .a2b-mm2__foot { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 12px 8px 6px; font: 500 13px/18px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="home"])) .a2b-mm2__foot svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-mm2__logo, :where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-mm2__stack img { background: #1d2b26; border-color: #111f1b; }
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-mmenu--v2 { width: calc(100vw - 64px); }
}
/* ===== post header: classic or title-on-image ===== */
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-mode--classic .bl-only-overlay { display: none; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov { position: relative; margin: 0 auto; max-width: 1120px; border-radius: var(--radius-card); overflow: hidden; background: var(--mist); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov img { display: block; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(4,20,15,.9) 0%, rgba(4,20,15,.66) 30%, rgba(4,20,15,.16) 62%, rgba(4,20,15,0) 100%); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov__cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 48px 48px 40px; max-width: 900px; display: flex; flex-direction: column; gap: 14px; color: #ffffff; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov__cap .bl-eyebrow { color: rgba(255,255,255,.86); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov__title { margin: 0; font: 600 48px/52px var(--font-sans); letter-spacing: -0.03em; color: #ffffff; text-wrap: balance; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov__back { margin-bottom: 20px; }
@media (max-width: 720px) {
  :where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov img { aspect-ratio: 4 / 5; }
  :where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov__cap { padding: 28px 20px 24px; }
  :where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-ov__title { font-size: 28px; line-height: 32px; }
}
/* ===== benchmark post: ranked bars + tables ===== */
:where(:root:has([data-page="post-benchmarks"])) .bl-charts { display: flex; flex-direction: column; gap: 24px; max-width: 1180px; grid-template-columns: none; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb { margin: 0; padding: 28px 28px 24px; border: 1px solid var(--hairline); border-radius: var(--radius-card); display: flex; flex-direction: column; gap: 4px; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb h3 { margin: 0; font: 600 20px/28px var(--font-sans); letter-spacing: -0.01em; color: var(--ink); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb > span { font: 400 14px/20px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__scroll { overflow-x: auto; margin-top: 20px; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__plot { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; min-width: 940px; width: 100%; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__bar { position: relative; display: block; height: 220px; border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__bar i { position: absolute; left: 6px; right: 6px; bottom: 0; border-radius: 8px 8px 0 0; background: var(--chart-neutral); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__bar b { position: absolute; left: 0; right: 0; text-align: center; font: 600 13px/16px var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__col--us .bl-vb__bar i { background-color: #0c4f3d; background-image: linear-gradient(rgba(4,34,26,.12), rgba(4,34,26,.12)), url(/images/mesh/mesh-04-fern-glade.jpg); background-size: cover; background-position: center bottom; box-shadow: 0 8px 22px rgba(12,79,61,.2); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__col--us .bl-vb__bar b, :where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__col--us .bl-vb__name em { color: var(--brand); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__name { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 2px 0; text-align: center; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__name img { width: 20px; height: 20px; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__name em { font: 500 12.5px/16px var(--font-sans); font-style: normal; color: var(--ink); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb__name small { font: 400 12px/16px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-hb__note { margin: 12px 0 0; font: 400 12px/16px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-article--wide { max-width: 1000px; margin-inline: auto; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-tablewrap { overflow-x: auto; margin: 8px 0 8px; border: 1px solid var(--hairline); border-radius: var(--radius-card); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-table { width: 100%; border-collapse: collapse; font: 400 15px/22px var(--font-sans); font-variant-numeric: tabular-nums; min-width: 640px; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-table th { text-align: left; font: 600 12px/16px var(--font-sans); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-meta); padding: 14px 16px; border-bottom: 1px solid var(--hairline); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-table td { padding: 12px 16px; border-bottom: 1px solid var(--hairline); color: var(--ink); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-table tr:last-child td { border-bottom: 0; }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-table tr.us td { background: var(--highlight); font-weight: 600; color: var(--brand); }
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-table small { color: var(--ink-meta); font-size: 12px; }
/* A bar chart on its own in a post (content/blog-blocks from sheet-chart.mjs): the designer only shows charts in .bl-charts, which sets the spacing. */
:where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-article--wide > .bl-vb { margin: 32px 0; }
@media (max-width: 720px) {
  :where(:root:has([data-page="post-benchmarks"],[data-page="post"])) .bl-vb { padding: 20px 16px; }
}
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-white { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-ink { display: block; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-white { display: block; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__dbu img.a2b-foot__dbu-ink { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--mesh::after, :where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave::after { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--mesh .a2b-hero__ridge, :where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave .a2b-hero__ridge { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave { color: var(--ink); border: 1px solid var(--hairline); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__bwp-white { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave .a2b-foot__bwp-ink { display: block; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__bwp-white { display: block; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave .a2b-foot__bwp-ink { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--ripple::after, :where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave::after { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--ripple .a2b-hero__ridge, :where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave .a2b-hero__ridge { display: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-models__item img[src$="zai-glm.svg"] { filter: invert(1) brightness(1.1); }
:where(html[lang="de"]) .a2b-foot__col a { hyphens: auto; overflow-wrap: break-word; }
/* ===== light ripple ("wave") style: pale water, thin wavy rings, dark text ===== */
@keyframes a2b-wave-pan { from { background-position: 20% 45%; } to { background-position: 80% 55%; } }
@keyframes a2b-bird { 0% { transform: translate(0, 0); opacity: 0; } 8% { opacity: .55; } 50% { transform: translate(55vw, -14px); } 92% { opacity: .5; } 100% { transform: translate(112vw, 6px); opacity: 0; } }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-hero--plain.a2b-hero--bg-wave::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -1; background: url(/images/mesh/wave-01-ripple.jpg) 20% 45% / 106% auto no-repeat; animation: a2b-wave-pan 60s ease-in-out infinite alternate; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 55%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0, #000 55%, transparent 100%); }

/* cards */
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc { color: var(--c-text); background-size: auto 150%; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--hairline); animation: a2b-wave-pan 70s ease-in-out infinite alternate; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--sustainable { background-image: url(/images/mesh/wave-01-ripple.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--privacy { background-image: url(/images/mesh/wave-02-ripple.jpg); animation-delay: -20s; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--transparency { background-image: url(/images/mesh/wave-03-ripple.jpg); animation-delay: -35s; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc--ethical { background-image: url(/images/mesh/wave-01-ripple.jpg); animation-delay: -50s; background-position: 80% 60%; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc::before { display: none; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc:hover, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc:visited, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc__title { color: var(--c-text); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc { background-image: url(/images/mesh/wave-dark.jpg); color: #e8f3ee; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc:hover, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc__title { color: #e8f3ee; }

/* showcase panel */
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel { color: var(--c-text); background-image: url(/images/mesh/wave-02-ripple.jpg); background-size: auto 140%; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--hairline); animation: a2b-wave-pan 70s ease-in-out infinite alternate; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel::before, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel::after { display: none; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__in h3, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__in li, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__link { color: var(--c-text); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__in li svg { stroke: var(--brand); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__panel { background-image: url(/images/mesh/wave-dark.jpg); color: #e8f3ee; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__in h3, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__in li, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__link { color: #e8f3ee; }

/* app banner */
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave { position: relative; overflow: visible; clip-path: inset(-400px 0 0 0 round 0 0 32px 32px); background: url(/images/mesh/wave-03-ripple.jpg) 20% 45% / 130% auto; animation: a2b-wave-pan 70s ease-in-out infinite alternate; color: var(--c-text); box-shadow: inset 0 0 0 1px var(--hairline); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b-app.a2b-app--wave .a2b-app__body h2 { color: var(--c-text); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b-app.a2b-app--wave .a2b-app__body p { color: rgba(10,44,38,.84); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b-app.a2b-app--wave .a2b-store a { background: #0a2c26; border-color: #0a2c26; color: #ffffff; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b-app.a2b-app--wave::after { content: ""; position: absolute; top: 14%; left: -40px; width: 28px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14'%3E%3Cpath d='M1 10Q7 0 14 8Q21 0 27 10' fill='none' stroke='%230c4f3d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; opacity: 0; animation: a2b-bird 42s linear infinite; pointer-events: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-app.a2b-app--wave { background-image: url(/images/mesh/wave-dark.jpg); color: #ffffff; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-app.a2b-app--wave .a2b-app__body h2, :where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-app.a2b-app--wave .a2b-app__body p { color: #ffffff; }

/* testimonials */

/* blog filters */
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .bl-filters--wave .a2b-chip { background: url(/images/mesh/wave-02-ripple.jpg) center / cover; border: 1px solid var(--hairline); color: var(--ink); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .bl-filters--wave .a2b-chip:hover { filter: brightness(.97); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .bl-filters--wave .a2b-chip[aria-pressed="true"], :where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .bl-filters--wave .a2b-chip[aria-pressed="true"]:hover { background: url(/images/mesh/wave-01-ripple.jpg) center / cover; border-color: var(--brand); color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .bl-filters--wave .a2b-chip { background-image: url(/images/mesh/wave-dark.jpg); }

/* footer */
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave { background: url(/images/mesh/wave-02-ripple.jpg) 20% 45% / 130% auto; animation: a2b-wave-pan 80s ease-in-out infinite alternate; overflow: hidden; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b .a2b-foot.a2b-foot--wave::before { content: ""; position: absolute; top: 12%; left: -40px; width: 28px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14'%3E%3Cpath d='M1 10Q7 0 14 8Q21 0 27 10' fill='none' stroke='%230c4f3d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; opacity: 0; animation: a2b-bird 46s linear infinite; pointer-events: none; }
:where(:root:has([data-page="home"],[data-page="post-benchmarks"],[data-page="post"])) .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave { background-image: url(/images/mesh/wave-dark.jpg); }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-hero--plain.a2b-hero--bg-wave::before, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-mcr--wave .a2b-mc, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .a2b-vs__panel, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-app.a2b-app--wave::after, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="post-benchmarks"],[data-page="post"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b .a2b-foot.a2b-foot--wave::before { animation: none; }
}
/* ours (D99, B40/D79/R20): the bird flies above the logo row, as on the Ripple footer (a2b-foot.ripple.css holds a2b-foot-bird) */
.a2b .a2b-foot.a2b-foot--wave::before { top: 10px; animation-name: a2b-foot-bird; }
/* ===== values showcase: artwork panels ===== */
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in.a2b-vs__in--art { justify-content: flex-start; gap: 18px; padding: 22px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va { position: relative; flex: 1 1 auto; min-height: 232px; border-radius: 20px; overflow: hidden; isolation: isolate; background-size: cover; background-position: center; color: #fff; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va > svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-big { font: 600 28px/1 var(--font-sans); letter-spacing: -0.03em; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sm { font: 500 12px/1 var(--font-sans); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va--sus { background-image: linear-gradient(rgba(3,22,16,.5), rgba(3,22,16,.28)), url(/images/home/hero-forest-dark.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va--sov { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; background: none; overflow: visible; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sub { position: relative; border-radius: 20px; overflow: hidden; isolation: isolate; min-height: 232px; background-size: cover; background-position: center; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sub > svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sub--map { background-image: linear-gradient(rgba(3,22,16,.62), rgba(3,22,16,.5)), url(/images/home/hero-forest-dark.jpg); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sub--lock { background-image: url(/images/mesh/wave-01-ripple.jpg); background-size: 210% auto; color: var(--c-text); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .va-sub--lock { filter: none; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-tag { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px 0 9px; border-radius: 999px; background: #ffffff; border: 0; font: 500 12px/1 var(--font-sans); color: var(--c-text); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-tag svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-tag--dark { background: #0a2c26; color: #ffffff; left: 50%; transform: translateX(-50%); white-space: nowrap; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va--fair { display: flex; flex-direction: column; gap: 12px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-wallet { padding: 14px 16px; border-radius: 16px; display: flex; flex-direction: column; gap: 8px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-wallet__top { display: flex; justify-content: space-between; gap: 10px; font: 500 12px/16px var(--font-sans); color: rgba(255,255,255,.85); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-wallet__top em { font-style: normal; opacity: .85; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-wallet__amt { font: 600 34px/38px var(--font-sans); letter-spacing: -0.03em; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-meter { height: 8px; border-radius: 6px; overflow: hidden; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-meter__fill { display: block; height: 100%; width: 87%; border-radius: 6px; background: #8EDDB7; transform-origin: left; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-rows { display: flex; flex-direction: column; gap: 6px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-row { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px; border-radius: 12px; font: 400 13px/18px var(--font-sans); color: rgba(255,255,255,.92); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-row b { font-weight: 600; font-variant-numeric: tabular-nums; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-copy { display: flex; flex-direction: column; gap: 8px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-copy p { margin: 0; font: 400 15px/22px var(--font-sans); color: rgba(255,255,255,.88); max-width: 480px; text-wrap: pretty; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .va-copy p { color: var(--c-text); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-copy p { color: #e8f3ee; }

/* motion: base state is the final state, animations run from the start while the panel is active */
@keyframes va-ring { from { stroke-dashoffset: var(--full); } }
@keyframes va-grow { from { transform: scaleX(0); } }
@keyframes va-tree { from { transform: scaleY(0); opacity: 0; } }
@keyframes va-pulse { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(4.2); opacity: 0; } }
@keyframes va-flow { to { stroke-dashoffset: -20; } }
@keyframes va-lock { 0%, 8% { transform: translateY(-15px) rotate(-16deg); } 28%, 74% { transform: none; } 90%, 100% { transform: translateY(-15px) rotate(-16deg); } }
@keyframes va-halo { 0%, 26% { transform: scale(.8); opacity: 0; } 34% { opacity: .55; } 72%, 100% { transform: scale(1.5); opacity: 0; } }
@keyframes va-spin { to { transform: rotate(360deg); } }
@keyframes va-bits { 0%, 100% { opacity: 0; transform: translateY(6px); } 50% { opacity: .55; transform: none; } }
@keyframes va-rip { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(2.6); opacity: 0; } }
@keyframes va-mark { 0%, 100% { transform: translateX(-24px); } 50% { transform: translateX(24px); } }
@keyframes va-drain { from { transform: scaleX(1); } to { transform: scaleX(.78); } }
@keyframes va-rowin { from { opacity: 0; transform: translateY(8px); } }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-link { stroke-dasharray: 4 6; stroke-opacity: .55; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-pulse { fill: #8EDDB7; transform-box: fill-box; transform-origin: center; opacity: 0; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-ringlock { transform-origin: 100px 112px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-halo { transform-origin: 100px 122px; opacity: 0; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-shackle { transform-box: fill-box; transform-origin: 0 100%; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-bits { font: 500 11px var(--font-sans); fill: var(--c-text); opacity: .4; letter-spacing: .1em; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-rip { transform-box: fill-box; transform-origin: center; opacity: 0; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-mark { transform-box: fill-box; transform-origin: center; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-tree { transform-box: fill-box; transform-origin: 50% 100%; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-ring { animation: va-ring 1.7s .25s cubic-bezier(.2,.7,.2,1) both; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-bar { transform-box: fill-box; transform-origin: left; animation: va-grow 1.2s .5s cubic-bezier(.2,.7,.2,1) both; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-tree { animation: va-tree .7s calc(.9s + var(--i) * .16s) cubic-bezier(.2,.7,.2,1) both; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-link { animation: va-flow 1.4s linear infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-pulse { animation: va-pulse 2.6s calc(var(--i) * .33s) ease-out infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-shackle { animation: va-lock 5.5s ease-in-out infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-halo { animation: va-halo 5.5s ease-out infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-ringlock { animation: va-spin 40s linear infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-bits { animation: va-bits 4s calc(var(--i, 0) * 1s) ease-in-out infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-rip { animation: va-rip 3.6s calc(var(--i, 0) * 1.2s) ease-out infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-mark { animation: va-mark 6s ease-in-out infinite; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-meter__fill { animation: va-drain 5s ease-in-out infinite alternate; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item:is(.is-on, :hover) .va-row { animation: va-rowin .6s calc(.4s + var(--i) * .5s) cubic-bezier(.2,.7,.2,1) both; }
@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va *, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va { animation: none !important; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-pulse { opacity: 0; }
}
@media (max-width: 960px) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in.a2b-vs__in--art { padding: 18px; }
}
@media (max-width: 560px) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va--sov { grid-template-columns: 1fr; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sub { min-height: 190px; }
}
:where(:root:has([data-page="home"])) .a2b-hero__cta { display: flex; justify-content: center; margin-top: 28px; }
:where(:root:has([data-page="home"])) .a2b-hero--plain .a2b-hero__title { margin-bottom: 36px; }
/* O37/O38 (D98): ring only after Tab; InputModality sets data-input. Look = base.css .a2b :focus-visible */
:where(:root[data-input="keyboard"]:has([data-page="home"])) .a2b-chat:has(> #hero-q:focus) { outline: 2px solid var(--brand); outline-offset: 3px; }
@media (max-width: 960px) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__item.is-on .a2b-vs__panel { max-height: 980px; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in.a2b-vs__in--art { min-height: 0; }
}
@media (max-width: 720px) {
  :where(:root:has([data-page="home"])) .a2b-altbench { padding: 18px 16px 14px; overflow-x: visible; }
  :where(:root:has([data-page="home"])) .a2b-altbench > * { min-width: 0; }
  :where(:root:has([data-page="home"])) .a2b-altbench__title { flex-wrap: wrap; }
  :where(:root:has([data-page="home"])) .a2b-altbench__title span { display: none; }
  :where(:root:has([data-page="home"])) .a2b-altbench__axis { display: none; }
  :where(:root:has([data-page="home"])) .a2b-altbench__row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n v" "t t"; row-gap: 8px; padding: 10px 12px; }
  :where(:root:has([data-page="home"])) .a2b-altbench__name { grid-area: n; min-width: 0; white-space: normal; }
  :where(:root:has([data-page="home"])) .a2b-altbench__val { grid-area: v; }
  :where(:root:has([data-page="home"])) .a2b-altbench__track { grid-area: t; height: 14px; }
  :where(:root:has([data-page="home"])) .a2b-altbench__track::after { display: none; }
}
:where(:root:has([data-page="home"])) .a2b-quote__ini { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font: 600 13px/1 var(--font-sans); letter-spacing: .02em; color: var(--c-text, var(--c-text)); background: rgba(10,44,38,.08); border: 1px solid rgba(10,44,38,.18); }
:where(:root:has([data-page="home"])) .a2b[data-theme="dark"] .a2b-quote__ini { color: #e8f3ee; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va--cog { background-color: #0c4f3d; background-image: linear-gradient(rgba(4,34,26,.3), rgba(4,34,26,.3)), var(--uni-b); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va--fair { background-color: #0c4f3d; background-image: linear-gradient(rgba(4,34,26,.34), rgba(4,34,26,.34)), var(--uni-d); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="wave"] .va--cog, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="wave"] .va--fair { background-image: linear-gradient(rgba(10,66,50,.82), rgba(10,66,50,.82)), var(--uni-b); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="ripple"] .va--cog, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="ripple"] .va--fair { background-image: linear-gradient(rgba(4,34,26,.55), rgba(4,34,26,.55)), var(--uni-b); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="ripple"] .va--fair { background-image: linear-gradient(rgba(4,34,26,.55), rgba(4,34,26,.55)), var(--uni-d); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="plain"] .va--cog, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-uni="plain"] .va--fair { background-image: none; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-line { margin: 0; font: 600 38px/42px var(--font-sans); letter-spacing: -0.03em; color: #fff; text-wrap: balance; max-width: 640px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-copy p { margin-top: 4px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__i { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.16); border: 0; color: #fff; transition: background .2s, transform .2s; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__t { display: flex; align-items: center; gap: 8px; font: 600 15px/20px var(--font-sans); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__ic { width: 18px; height: 18px; flex: 0 0 auto; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__d { font: 400 13px/18px var(--font-sans); color: rgba(255,255,255,.85); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__i:is(:hover, :focus-visible, .is-sel) { background: rgba(255,255,255,.3); transform: translateY(-2px); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__i:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in:has(.vb__i:is(:hover, .is-sel)[data-t="map"]) .va-sub--map, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in:has(.vb__i:is(:hover, .is-sel)[data-t="both"]) .va-sub--map { filter: brightness(1.18); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in:has(.vb__i:is(:hover, .is-sel)[data-t="lock"]) .va-sub--lock, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vs__in:has(.vb__i:is(:hover, .is-sel)[data-t="both"]) .va-sub--lock { filter: brightness(1.06) saturate(1.2); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-sub { transition: filter .25s; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .va-line, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .vb__i, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .vb__d { color: var(--c-text); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .vb__i { background: rgba(255,255,255,.55); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw.a2b-mcr--wave .vb__i:is(:hover, :focus-visible, .is-sel) { background: rgba(255,255,255,.9); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-line, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .vb__i, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .vb__d { color: #e8f3ee; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .vb__i { background: rgba(255,255,255,.1); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .vb__i:is(:hover, :focus-visible, .is-sel) { background: rgba(255,255,255,.2); }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__i--t, :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__i--n { justify-content: flex-start; gap: 4px; padding: 16px 18px 18px; min-height: 112px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__i--t .vb__ic { width: 26px; height: 26px; margin-bottom: 8px; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__ttl { font: 600 32px/34px var(--font-sans); letter-spacing: -0.03em; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__big { font: 600 46px/48px var(--font-sans); letter-spacing: -0.035em; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__bigic { width: 44px; height: 44px; flex: none; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__lbl { font: 500 14px/19px var(--font-sans); opacity: .9; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb__fn { margin: 6px 0 0; font: 400 12px/16px var(--font-sans); opacity: .75; }
:where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b-vsw .a2b-vs__in { gap: 16px; }
@media (max-width: 560px) {
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .vb { grid-template-columns: 1fr; }
  :where(:root:has([data-page="api"],[data-page="cognitive-health"],[data-page="home"],[data-page="sovereignty"],[data-page="sustainability"])) .va-line { font-size: 30px; line-height: 34px; }
}
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-hero__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-back { display: inline-flex; align-items: center; gap: 6px; font: 500 14px/20px var(--font-sans); color: var(--ink-meta); text-decoration: none; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-back:hover { color: var(--ink); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-art .va { min-height: 340px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-art .va--sov { min-height: 340px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-art .va-sub { min-height: 340px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-stat { padding: 28px; border-radius: var(--radius-card); background: rgba(12,79,61,.06); display: flex; flex-direction: column; gap: 6px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-stat b { font: 600 44px/48px var(--font-sans); letter-spacing: -0.035em; color: var(--ink); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-stat span { font: 400 15px/22px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben__i { padding: 28px; border-radius: var(--radius-card); background: rgba(12,79,61,.06); display: flex; flex-direction: column; gap: 12px; transition: background .2s, transform .2s; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben__i:hover { background: rgba(12,79,61,.1); transform: translateY(-2px); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben__ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(12,79,61,.08); color: var(--brand); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben__ic svg { width: 20px; height: 20px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .vp-stat, :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .vp-ben__i, :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .vp-more { background: rgba(255,255,255,.06); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .a2b[data-theme="dark"] .vp-ben__ic { background: rgba(255,255,255,.08); color: #8EDDB7; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben__i h3 { margin: 0; font: 600 20px/26px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben__i p { margin: 0; font: 400 15px/22px var(--font-sans); color: var(--ink-meta); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-sec { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 56px; padding: 40px 0; border-top: 1px solid var(--hairline); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-sec h2 { margin: 0; font: 600 28px/34px var(--font-sans); letter-spacing: -0.02em; color: var(--ink); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-sec p { margin: 0 0 14px; font: 400 17px/28px var(--font-sans); color: var(--ink); max-width: 680px; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-sec p:last-child { margin-bottom: 0; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-more { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 28px 32px; border-radius: var(--radius-card); background: rgba(12,79,61,.06); }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-more a.vp-link { display: inline-flex; align-items: center; gap: 6px; font: 600 16px/22px var(--font-sans); color: var(--brand); text-decoration: none; }
:where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-more small { display: block; font: 500 13px/18px var(--font-sans); color: var(--ink-meta); margin-bottom: 4px; }
@media (max-width: 900px) {
  :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-hero, :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-sec { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-stats, :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-ben { grid-template-columns: minmax(0, 1fr); }
  :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-art .va, :where(:root:has([data-page="cognitive-health"],[data-page="sovereignty"],[data-page="sustainability"])) .vp-art .va-sub { min-height: 240px; }
}
:where(:root:has([data-page="contact"])) .ct { max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }
:where(:root:has([data-page="contact"])) .ct h1 { margin: 0; font: 700 56px/62px var(--font-sans); letter-spacing: -0.03em; color: var(--ink); text-wrap: balance; }
:where(:root:has([data-page="contact"])) .ct__f { display: flex; flex-direction: column; gap: 8px; }
:where(:root:has([data-page="contact"])) .ct__f label { font: 600 16px/22px var(--font-sans); color: var(--ink); }
:where(:root:has([data-page="contact"])) .ct__f input, :where(:root:has([data-page="contact"])) .ct__f textarea { width: 100%; box-sizing: border-box; padding: 16px 20px; border: 1px solid var(--hairline); border-radius: 18px; background: var(--card, #fff); font: 400 17px/24px var(--font-sans); color: var(--ink); outline: none; transition: border-color .2s, box-shadow .2s; }
:where(:root:has([data-page="contact"])) .ct__f textarea { min-height: 220px; resize: vertical; }
:where(:root:has([data-page="contact"])) .ct__f input::placeholder, :where(:root:has([data-page="contact"])) .ct__f textarea::placeholder { color: var(--ink-meta); opacity: .8; }
:where(:root:has([data-page="contact"])) .ct__f input:focus, :where(:root:has([data-page="contact"])) .ct__f textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent); }
:where(:root:has([data-page="contact"])) .ct__ok { padding: 18px 22px; border-radius: 18px; border: 1px solid var(--hairline); font: 500 16px/24px var(--font-sans); color: var(--ink); }
/* R24 (b), ours (Phase 5c): the confirmation is always in the HTML; it shows only at #sent (the helper's 303 target) */
:where(:root:has([data-page="contact"])) .ct__ok:not(:target) { display: none; }
:where(:root:has([data-page="contact"])) .ct .a2b-btn { align-self: flex-start; }
@media (max-width: 720px) {
  :where(:root:has([data-page="contact"])) .ct h1 { font-size: 38px; line-height: 44px; }
}
.a2b-foot__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 800px; }
@media (max-width: 720px) {
  .a2b-foot__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.a2b-nav__dd { position: relative; display: inline-flex; }
.a2b-nav__dd > .a2b-nav__link { display: inline-flex; align-items: center; gap: 4px; }
.a2b-nav__dd > .a2b-nav__link svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.a2b-nav__dd:is(:hover, :focus-within) > .a2b-nav__link svg { transform: rotate(180deg); }
.a2b-nav__menu { position: absolute; top: 100%; left: 0; min-width: 190px; padding: 8px; margin-top: 4px; border-radius: 14px; background: var(--page); border: 1px solid var(--hairline); box-shadow: 0 14px 34px rgba(10,34,28,.14); display: none; flex-direction: column; gap: 2px; z-index: 30; }
.a2b-nav__dd::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 8px; }
.a2b-nav__dd:is(:hover, :focus-within) .a2b-nav__menu { display: flex; }
.a2b-nav__menu a { padding: 10px 12px; border-radius: 10px; font: 500 15px/20px var(--font-sans); color: var(--ink); text-decoration: none; }
.a2b-nav__menu a:hover { background: rgba(10,34,28,.06); }
.a2b[data-theme="dark"] .a2b-nav__menu a:hover { background: rgba(255,255,255,.08); }
.a2b-navmenu__sub { padding-left: 28px; font-size: 0.94em; opacity: .85; }
/* subtler ripples in value cards */
.a2b[data-uni="ripple"] .a2b-mcs .a2b-mc { background-size: 260% auto; background-position: 50% 40%; }
.a2b[data-uni="wave"] .a2b-mcs .a2b-mc { background-size: auto 280%; }

/* fairness/other value panels on ripple: proper deep ripple, darker for white text */
.a2b-vsw.a2b-mcr--ripple .a2b-vs__panel { background-image: url(/images/mesh/mesh-15-deep-eddy.jpg) !important; background-size: cover; }
.a2b-vsw.a2b-mcr--ripple .a2b-vs__panel::before { background: linear-gradient(rgba(4,30,22,.3), rgba(4,30,22,.3)), linear-gradient(to top, rgba(6,32,24,.72) 0%, rgba(6,32,24,.3) 55%, rgba(6,32,24,.12) 100%); }

/* AI-Balance Bar container: no fill, no border */
.va--cog { background: none !important; border: 0 !important; box-shadow: none !important; }
.a2b-vsw.a2b-mcr--wave .va--cog svg { filter: brightness(0) saturate(100%) invert(13%) sepia(30%) saturate(1100%) hue-rotate(125deg); }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va--cog svg { filter: none; }

/* fairness wallet: outlined */
.va--fair { background: none !important; padding: 0; min-height: 0; flex: none; overflow: visible; justify-content: flex-start; }
.a2b-vsw.a2b-mcr--wave .va--fair, .a2b-vsw.a2b-mcr--wave .va--fair * { color: var(--c-text); }
.a2b-vsw.a2b-mcr--wave .va-wallet { border-color: rgba(10,44,38,.4); }
.a2b-vsw.a2b-mcr--wave .va-row { border-color: rgba(10,44,38,.28); }
.a2b-vsw.a2b-mcr--wave .va-meter { border-color: rgba(10,44,38,.4); }
.a2b-vsw.a2b-mcr--wave .va-meter__fill { background: #0a2c26; }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va--fair, .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va--fair * { color: #e8f3ee; }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-wallet, .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-row, .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-meter { border-color: rgba(255,255,255,.4); }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-meter__fill { background: #8EDDB7; }
.va-wallet { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border: 1.5px solid rgba(255,255,255,.5); }
.va-row { background: transparent; border: 1px solid rgba(255,255,255,.34); }
.va-meter { background: transparent; border: 1px solid rgba(255,255,255,.45); box-sizing: border-box; }

/* sustainability: animation below the text */
.a2b-vsw .va--sus { order: 2; }
/* nav: flat bar at top, morphs into a floating pill on scroll */
div:has(> .a2b-nav) { background: transparent !important; pointer-events: none; transition: top .35s ease; }
:where(.a2b-navchk, .a2b-navmenu) { pointer-events: auto; } /* ours: the wrapper's `none` blocked the mobile menu (docs/08-css-changelog.md) */
.a2b-nav { pointer-events: auto; box-sizing: border-box; max-width: 1440px !important; width: 100%; margin: 0 auto !important; padding: 0 32px !important; min-height: 76px; border-radius: 0; border: 1px solid transparent; background: var(--page); box-shadow: 0 0 0 rgba(10,34,28,0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); transition: max-width .4s cubic-bezier(.2,.7,.2,1), width .4s cubic-bezier(.2,.7,.2,1), border-radius .4s ease, background .35s ease, box-shadow .35s ease, border-color .35s ease, padding .35s ease, min-height .35s ease; }
html[data-a2b-scrolled] div:has(> .a2b-nav) { top: 14px !important; }
html[data-a2b-scrolled] .a2b-nav { max-width: 1240px !important; width: calc(100% - 48px); padding: 0 20px 0 28px !important; min-height: 72px; border-radius: 999px; border-color: var(--hairline); background: color-mix(in srgb, var(--page) 76%, transparent); box-shadow: 0 2px 6px rgba(10,34,28,.08), 0 18px 40px rgba(10,34,28,.16); -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
html[data-a2b-scrolled] .a2b[data-theme="dark"] .a2b-nav { box-shadow: 0 2px 6px rgba(0,0,0,.3), 0 18px 40px rgba(0,0,0,.45); }
@media (max-width: 720px) {
  .a2b-nav { padding: 0 16px !important; min-height: 64px; }
  html[data-a2b-scrolled] .a2b-nav { width: calc(100% - 24px); padding: 0 12px 0 18px !important; min-height: 60px; }
}
/* tighter model picker */
.a2b-mmenu--v2 { padding: 6px; gap: 0; }
.a2b-mm2 { grid-template-columns: 32px minmax(0, 1fr) auto; gap: 10px; padding: 8px 10px; border-radius: 12px; align-items: center; }
.a2b-mm2__logo { width: 32px; height: 32px; }
.a2b-mm2__logo img { width: 18px; height: 18px; }
.a2b-mm2__text { gap: 0; }
.a2b-mm2__name { font-size: 15px; line-height: 20px; }
.a2b-mm2__desc { font-size: 13px; line-height: 17px; }
.a2b-mm2__chain { font-size: 12px; line-height: 16px; }
.a2b-mm2__eco { margin-top: 2px; font-size: 12px; line-height: 16px; }
.a2b-mm2__price { font-size: 14px; line-height: 20px; }
.a2b-mm2.a2b-mm2--more { grid-template-columns: auto minmax(0, 1fr) auto; padding: 8px 10px; border-radius: 0 0 12px 12px; margin-top: 2px; }
/* ---- light ripple: one spec for every surface (same image, scale, pan, edge) ---- */
.a2b-mcr--wave .a2b-mc, .a2b-vsw.a2b-mcr--wave .a2b-vs__panel, .a2b-app.a2b-app--wave, .a2b .a2b-foot.a2b-foot--wave {
  background-image: url(/images/mesh/wave-02-ripple.jpg) !important; background-size: 130% auto !important; background-repeat: no-repeat !important; background-position: 20% 45%;
  border: 0 !important; box-shadow: inset 0 0 0 1px var(--hairline) !important; animation: a2b-wave-pan 70s ease-in-out infinite alternate !important; animation-delay: 0s !important; }
.a2b-hero--plain.a2b-hero--bg-wave::before { background-image: url(/images/mesh/wave-02-ripple.jpg); background-size: 130% auto; opacity: .85; }
.bl-filters--wave .a2b-chip, .bl-filters--wave .a2b-chip[aria-pressed="true"] { background: url(/images/mesh/wave-02-ripple.jpg) center / cover; }
.a2b[data-theme="dark"] .a2b-mcr--wave .a2b-mc, .a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__panel, .a2b[data-theme="dark"] .a2b-app.a2b-app--wave, .a2b[data-theme="dark"] .a2b-foot.a2b-foot--wave { background-image: url(/images/mesh/wave-dark.jpg) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1) !important; }
/* D100: where 130% auto no longer covers the (taller) footer, cover it; position and pan stay. */
@media (max-width: 960px) { .a2b .a2b-foot.a2b-foot--wave { background-size: cover !important; } }
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-wave::before { background-image: url(/images/mesh/wave-dark.jpg); background-size: 130% auto; }

/* light ripple CTAs and filled pills: deep green with the ripple showing through, white text */
.a2b[data-uni="wave"] .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"])::before { background: linear-gradient(rgba(10,66,50,.84), rgba(10,66,50,.84)), var(--uni-img) center / cover; }

/* dark mode: brighter ripple in the hero */
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-ripple::before { opacity: .8; filter: brightness(1.25) saturate(1.05); }
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-wave::before { opacity: .8; filter: brightness(1.3); }
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-mesh::before { opacity: .65; filter: brightness(1.1); }

/* benchmark pills: outline, no fill */
.a2b .a2b-tabs.a2b-tabs--bn-pill { background: none !important; box-shadow: none !important; padding: 0; gap: 8px; flex-wrap: wrap; justify-content: center; overflow: visible; }
.a2b .a2b-tabs--bn-pill .a2b-tab { background-color: transparent !important; border: 1px solid rgba(10,44,38,.28); border-radius: 999px; box-shadow: none !important; color: var(--ink-secondary); }
.a2b[data-theme="dark"] .a2b-tabs--bn-pill .a2b-tab { border-color: rgba(255,255,255,.3); }
.a2b .a2b-tabs--bn-pill .a2b-tab[aria-selected="true"], .a2b[data-theme="dark"] .a2b-tabs--bn-pill .a2b-tab[aria-selected="true"] { border-color: transparent; box-shadow: none !important; color: #ffffff !important; background-color: transparent !important; background-image: linear-gradient(var(--cta-shade), var(--cta-shade)), var(--uni-img) !important; background-size: cover !important; background-position: center !important; }
.a2b .a2b-tabs--bn-pill .a2b-tab::after { display: none; }

/* app block on Ripple: same deep ripple as the value cards, white text */
.a2b-app.a2b-app--ripple { background: linear-gradient(rgba(4,34,26,.34), rgba(4,34,26,.34)), url(/images/mesh/mesh-15-deep-eddy.jpg); background-size: cover; background-position: center; color: #ffffff; }
.a2b-app.a2b-app--ripple .a2b-app__body h2, .a2b-app.a2b-app--ripple .a2b-app__body p { color: #ffffff; }
.a2b-app.a2b-app--ripple .a2b-store a { background: #ffffff; border-color: #ffffff; color: var(--c-text); }
.a2b-app.a2b-app--ripple .a2b-store a:hover { background: #e8f3ee; color: var(--c-text); }

/* pricing calculator follows the universal style */
.a2b .a2b-px__chip[aria-pressed="true"], .a2b .a2b-px__opt[aria-pressed="true"] { border-color: transparent; color: #ffffff !important; background-color: var(--brand); background-image: linear-gradient(var(--cta-shade), var(--cta-shade)), var(--uni-img); background-size: cover; background-position: center; }
.a2b .a2b-px__result { background-color: #0c4f3d; background-image: linear-gradient(var(--px-shade, rgba(3,26,18,.5)), var(--px-shade, rgba(3,26,18,.5))), var(--uni-img) !important; background-size: cover !important; background-position: center !important; }
.a2b[data-uni="plain"] .a2b-px__result, .a2b[data-uni="plain"] .a2b-px__chip[aria-pressed="true"], .a2b[data-uni="plain"] .a2b-px__opt[aria-pressed="true"] { background-image: none !important; background-color: var(--brand); }

/* light ripple = the style sheet spec: bare ripple image, no tint, dark ink, faint edge. Applies to every filled element */
.a2b[data-uni="wave"] .a2b-btn--primary:not(.ap-cta *), .a2b[data-uni="wave"] .a2b-tabs--bn-pill .a2b-tab[aria-selected="true"], .a2b[data-uni="wave"] .a2b-px__chip[aria-pressed="true"], .a2b[data-uni="wave"] .a2b-px__opt[aria-pressed="true"] { color: var(--uni-ink) !important; box-shadow: inset 0 0 0 1px var(--wv-edge) !important; text-shadow: none; }
.a2b[data-uni="wave"] .a2b-hero--plain .a2b-chip::before, .a2b[data-uni="wave"] .a2b-px__chip:not([aria-pressed="true"])::before, .a2b[data-uni="wave"] .a2b-px__opt:not([aria-pressed="true"])::before, .a2b[data-uni="wave"] .ap-chip::before, .a2b[data-uni="wave"] .bl-filters .a2b-chip::before, .a2b[data-uni="wave"] .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"])::before, .a2b[data-uni="wave"] .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"])::before { background: var(--uni-img) center / cover; }
.a2b[data-uni="wave"] .a2b-hero--plain .a2b-chip:hover, .a2b[data-uni="wave"] .a2b-hero--plain .a2b-chip:focus-visible, .a2b[data-uni="wave"] .ap-chip:hover, .a2b[data-uni="wave"] .a2b-px__chip:not([aria-pressed="true"]):hover, .a2b[data-uni="wave"] .a2b-px__opt:not([aria-pressed="true"]):hover, .a2b[data-uni="wave"] .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"]):hover, .a2b[data-uni="wave"] .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"]):hover { color: var(--uni-ink) !important; }
.a2b[data-uni="wave"] .a2b-px__result, .a2b[data-uni="wave"] .a2b-px__figure, .a2b[data-uni="wave"] .a2b-px__resulttxt p, .a2b[data-uni="wave"] .a2b-px__resulttxt .a2b-h4 { color: var(--uni-ink); }
.a2b[data-uni="wave"] .a2b-px__result { box-shadow: inset 0 0 0 1px var(--wv-edge); }
.a2b[data-uni="wave"] .a2b-btn--primary:not(.ap-cta *):hover { background-color: transparent; }

/* small filled elements: show a calm patch of the image at natural scale instead of the whole ripple squeezed in */
.a2b .a2b-btn--primary:not(.ap-cta *), .a2b .a2b-tabs--bn-pill .a2b-tab[aria-selected="true"], .a2b .a2b-px__chip[aria-pressed="true"], .a2b .a2b-px__opt[aria-pressed="true"] { background-size: 1500px auto !important; background-position: 30% 50% !important; }
.a2b .a2b-hero--plain .a2b-chip::before, .a2b .a2b-px__chip:not([aria-pressed="true"])::before, .a2b .a2b-px__opt:not([aria-pressed="true"])::before, .a2b .ap-chip::before, .a2b .bl-filters .a2b-chip::before, .a2b .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"])::before, .a2b .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"])::before { background-size: 1500px auto !important; background-position: 30% 50% !important; }
/* ours (D99): the !important pan above beats the reduced-motion rules (base.mobile.css, uni-wave*.css); stop it here */
@media (prefers-reduced-motion: reduce) { .a2b-mcr--wave .a2b-mc, .a2b-vsw.a2b-mcr--wave .a2b-vs__panel, .a2b-app.a2b-app--wave, .a2b .a2b-foot.a2b-foot--wave { animation: none !important; } }
/* testimonials: outline cards, no fill, slow marquee */
.a2b-tm.a2b-tm--marq { display: block; }
.a2b-tm--marq .a2b-tm__view { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); }
.a2b-tm--marq .a2b-tm__track { display: flex; gap: 0; width: max-content; transform: none !important; transition: none; animation: a2b-tmq 130s linear infinite; }
.a2b-tm--marq .a2b-tm__track:hover { animation-play-state: paused; }
.a2b-tm--marq .a2b-quote, .a2b-tm--marq .a2b-quote--dup { display: flex; flex: 0 0 380px; width: 380px; margin-right: 20px; background: none !important; background-image: none !important; box-shadow: none !important; border: 1px solid var(--hairline) !important; color: var(--ink); }
.a2b-tm--marq .a2b-quote blockquote { display: block; -webkit-line-clamp: unset; color: var(--ink); }
.a2b-tm--marq .a2b-quote__who b { color: var(--ink); }
.a2b-tm--marq .a2b-quote__who span { color: var(--ink-meta); }
.a2b-tm--marq .a2b-quote__ini { color: var(--ink); background: none; border: 1px solid var(--hairline); }
@keyframes a2b-tmq { from { transform: translateX(0); } to { transform: translateX(-33.3333%); } }
@media (prefers-reduced-motion: reduce) {
  .a2b-tm--marq .a2b-tm__track { animation: none; }
  .a2b-tm--marq .a2b-tm__view { overflow-x: auto; }
}
@media (max-width: 560px) {
  .a2b-tm--marq .a2b-quote, .a2b-tm--marq .a2b-quote--dup { flex-basis: 290px; width: 290px; }
}
/* D101: the designer's `transform: none !important` froze a2b-tmq; animate `translate` (not blocked) over the same distance and time */
@keyframes a2b-tmq-x { from { translate: 0 0; } to { translate: -33.3333% 0; } }
@media (prefers-reduced-motion: no-preference) {
  .a2b-tm--marq .a2b-tm__track { animation: a2b-tmq-x 130s linear infinite; }
}
/* about: every portrait the same size as the executive team */
.a2b-person img, .a2b-person__ph, .a2b-team__grid--lead .a2b-person img, .a2b-team__grid--lead .a2b-person .a2b-person__ph { width: 100%; max-width: 132px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-thumb); }
@media (max-width: 720px) {
  .a2b-person img, .a2b-person__ph, .a2b-team__grid--lead .a2b-person img, .a2b-team__grid--lead .a2b-person .a2b-person__ph { max-width: 110px; }
}
/* about value cards follow the universal style */
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc { color: var(--c-text); background-size: auto 150%; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--hairline); animation: a2b-wave-pan 70s ease-in-out infinite alternate; }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc--sustainable { background-image: url(/images/mesh/wave-01-ripple.jpg); }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc--privacy { background-image: url(/images/mesh/wave-02-ripple.jpg); animation-delay: -20s; }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc--transparency { background-image: url(/images/mesh/wave-03-ripple.jpg); animation-delay: -35s; }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc--ethical { background-image: url(/images/mesh/wave-01-ripple.jpg); animation-delay: -50s; background-position: 80% 60%; }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc::before { display: none; }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc, :where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc:hover, :where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc:visited, :where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc__title { color: var(--c-text); }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"][data-uni="wave"] .a2b-mcs .a2b-mc { background-image: url(/images/mesh/wave-dark.jpg); color: #e8f3ee; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"][data-uni="wave"] .a2b-mcs .a2b-mc, :where(:root:has([data-page="about"])) .a2b[data-theme="dark"][data-uni="wave"] .a2b-mcs .a2b-mc:hover, :where(:root:has([data-page="about"])) .a2b[data-theme="dark"][data-uni="wave"] .a2b-mcs .a2b-mc__title { color: #e8f3ee; }
:where(:root:has([data-page="about"])) .a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--sustainable { background-image: url(/images/mesh/mesh-10-still-pond.jpg); }
:where(:root:has([data-page="about"])) .a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--privacy { background-image: url(/images/mesh/mesh-15-deep-eddy.jpg); }
:where(:root:has([data-page="about"])) .a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--transparency { background-image: url(/images/mesh/mesh-11-forest-stream.jpg); }
:where(:root:has([data-page="about"])) .a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--ethical { background-image: url(/images/mesh/mesh-13-tide-moss.jpg); }
:where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc__copy, :where(:root:has([data-page="about"])) .a2b[data-uni="wave"] .a2b-mcs .a2b-mc__icon { color: var(--c-text); }
:where(:root:has([data-page="about"])) .a2b[data-theme="dark"][data-uni="wave"] .a2b-mcs .a2b-mc__copy, :where(:root:has([data-page="about"])) .a2b[data-theme="dark"][data-uni="wave"] .a2b-mcs .a2b-mc__icon { color: #e8f3ee; }
/* O39, D98: skip-to-content link; hidden at rest, the designer's primary button on keyboard focus. */
.a2b .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.a2b .skip-link:focus { position: fixed; top: 16px; left: 16px; z-index: 100; }
/* ===== ripple: M12 rain pool in light theme, M10 still pond in dark theme (a touch subtler) ===== */
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-ripple::before { background-image: url(/images/mesh/mesh-10-still-pond.jpg); }
.a2b-app.a2b-app--ripple { background: linear-gradient(rgba(4,34,26,.44), rgba(4,34,26,.44)), var(--uni-img); background-size: cover; background-position: center; color: #ffffff; }
.a2b[data-uni="ripple"] .a2b-mcs .a2b-mc { background-size: 240% auto; }
.a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--sustainable { background-image: linear-gradient(var(--uni-shade), var(--uni-shade)), var(--uni-a); background-position: 15% 30%; }
.a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--privacy { background-image: linear-gradient(var(--uni-shade), var(--uni-shade)), var(--uni-b); background-position: 80% 65%; }
.a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--transparency { background-image: linear-gradient(var(--uni-shade), var(--uni-shade)), var(--uni-c); background-position: 40% 85%; }
.a2b[data-uni="ripple"] .a2b-mcs .a2b-mc--ethical { background-image: linear-gradient(var(--uni-shade), var(--uni-shade)), var(--uni-d); background-position: 90% 15%; }
.a2b-vsw.a2b-mcr--ripple .a2b-vs__panel { background-image: var(--uni-img) !important; background-size: 150% auto; background-position: 50% 40%; }
.a2b-vsw.a2b-mcr--ripple .a2b-vs__panel::before { background: linear-gradient(rgba(4,30,22,.46), rgba(4,30,22,.46)), linear-gradient(to top, rgba(6,32,24,.6) 0%, rgba(6,32,24,.2) 55%, rgba(6,32,24,0) 100%); }
.a2b[data-uni="ripple"] .va--cog, .a2b[data-uni="ripple"] .va--fair { background-image: none !important; }

/* dark ripple hero: calmer */
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-ripple::before { opacity: .66; filter: brightness(1.02); }

/* cognitive animation: compact, no bar */
.va--cog { min-height: 118px !important; flex: 1 1 auto !important; }

/* backgrounds must always fill tall value panels / cards (no cut-off band) */
.a2b-vsw.a2b-mcr--wave .a2b-vs__panel, .a2b-mcr--wave .a2b-mc { background-size: cover !important; }
.a2b-vsw.a2b-mcr--ripple .a2b-vs__panel { background-size: cover !important; background-position: 50% 50% !important; }

/* hero background: soft fade on top and bottom (all universal styles) */
.a2b-hero--plain.a2b-hero--bg-mesh::before, .a2b-hero--plain.a2b-hero--bg-forest::before, .a2b-hero--plain.a2b-hero--bg-ripple::before, .a2b-hero--plain.a2b-hero--bg-wave::before { -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.35) 14%, #000 36%, #000 58%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.35) 14%, #000 36%, #000 58%, transparent 100%); }

/* brain ripples: stop growing before they hit the edge of the art box (no clipping) */
@keyframes va-rip { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.68); opacity: 0; } }

/* fairness: wallet + rows are ONE outlined container */
.va--fair { gap: 0 !important; border: 1px solid rgba(255,255,255,.34) !important; border-radius: 14px !important; padding: 4px 14px 2px !important; }
.va--fair .va-wallet { border: 0 !important; border-radius: 0 !important; padding: 8px 0 10px !important; background: none !important; box-shadow: none !important; }
.va--fair .va-rows { border: 0 !important; border-radius: 0 !important; padding: 0 !important; border-top: 1px solid rgba(255,255,255,.2) !important; }
.a2b-vsw.a2b-mcr--wave .va--fair { border-color: rgba(10,44,38,.28) !important; }
.a2b-vsw.a2b-mcr--wave .va--fair .va-rows { border-top-color: rgba(10,44,38,.16) !important; }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va--fair { border-color: rgba(255,255,255,.4) !important; }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va--fair .va-rows { border-top-color: rgba(255,255,255,.2) !important; }

/* lock tile: visible stroke + stronger ring/bits so it doesn't blend into the panel */
.va-sub--lock { box-shadow: inset 0 0 0 1px rgba(10,44,38,.16) !important; }
.va-tag.va-tag--dark { left: 10px !important; transform: none !important; bottom: 10px !important; }
.va-sub--lock .va-ringlock circle { stroke-opacity: .42 !important; }
.va-sub--lock .va-bits { fill: #0a2c26 !important; opacity: .75; }
.va-sub--lock .va-halo { stroke-opacity: .6; }
.va-sub--map { box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }

/* consistent value-card height that fits the viewport; content scales with it (desktop) */
@media (min-width: 961px) {
  .a2b-vs__panel { height: clamp(470px, calc(100vh - 170px), 640px); min-height: 0 !important; }
  .a2b-vs__in.a2b-vs__in--art { padding: clamp(20px, 3.2vh, 32px); gap: clamp(8px, 1.6vh, 16px); min-height: 0; height: 100%; }
  .va-line { font-size: clamp(22px, 4.2vh, 38px) !important; line-height: 1.1 !important; }
  .vb { gap: clamp(6px, 1.2vh, 10px); }
  .vb__i--t, .vb__i--n { min-height: 0 !important; padding: clamp(14px, 2.2vh, 18px) !important; gap: 2px !important; }
  .vb__ttl { font-size: clamp(19px, 3.4vh, 32px) !important; line-height: 1.06 !important; }
  .vb__big { font-size: clamp(34px, 5vh, 46px) !important; line-height: 1 !important; }
  .vb__d, .vb__lbl { font-size: clamp(12px, 1.6vh, 14px) !important; line-height: 1.3 !important; }
  .va--sov, .va--cog { min-height: 0 !important; }
  .va-sub { min-height: 64px !important; }
  .va--fair { flex: 0 0 auto !important; display: flex !important; flex-direction: column; min-height: 0 !important; overflow: hidden !important; }
  .va--fair .va-wallet { flex: none; }
  .va--fair .va-rows { flex: 1 1 auto; display: flex !important; flex-direction: column; justify-content: flex-start; }
  .a2b-vs__in:has(.va--fair) { justify-content: space-between; }
  .va--fair .va-row { opacity: 1 !important; transform: none !important; animation: none !important; }
  .va--fair .va-wallet__amt { font-size: clamp(20px, 3vh, 26px); line-height: 1.1; }
  .va--fair .va-row { padding: clamp(3px, .8vh, 6px) 0; }
}

/* switch section icons: light-ripple filled tile with dark icon (all swic variants) */
.a2b-sw .a2b-sw__ic { width: 56px !important; height: 56px !important; border-radius: 18px !important; display: grid !important; place-items: center; flex: none;
  background-color: transparent !important; background-image: url(/images/mesh/wave-02-ripple.jpg) !important; background-size: cover !important; background-position: center !important;
  box-shadow: inset 0 0 0 1px rgba(10,44,38,.14) !important; }
.a2b-sw .a2b-sw__g { width: 28px !important; height: 28px !important; background: #0a2c26 !important; background-image: none !important; filter: none !important; }
.a2b[data-theme="dark"] .a2b-sw .a2b-sw__ic { background-image: url(/images/mesh/wave-dark.jpg) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important; }
.a2b[data-theme="dark"] .a2b-sw .a2b-sw__g { background: #e8f3ee !important; }

/* official store-badge look: black badge, light grey hairline, white text; Google Play keeps its four brand colours */
.a2b .a2b-store a, .a2b .a2b-app .a2b-store a { background: #000000 !important; border: 1px solid #a6a6a6 !important; color: #ffffff !important; box-shadow: none !important; }
.a2b .a2b-store a:hover { background: #1a1a1a !important; color: #ffffff !important; }

/* footer links: easier to read */
.a2b-foot__col a, .a2b-footer__bottom a:not(.a2b-foot__social a) { font-weight: 500 !important; opacity: 1 !important; }
.a2b-foot__col h3 { font-weight: 700; }
.a2b-foot__brand p, .a2b-foot__dbu span { font-weight: 500; }

/* sustainability card: subtle forest along the bottom, edge to edge */
.a2b-vs__panel.a2b-mc--sustainable .a2b-vs__in { position: static; }
.a2b-vs__panel.a2b-mc--sustainable .a2b-vs__in::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 44%; z-index: -1; pointer-events: none;
  background: url(/images/home/hero-forest-dark.jpg) center bottom / cover no-repeat; mix-blend-mode: screen; opacity: .9;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 45%); mask-image: linear-gradient(to bottom, transparent 0, #000 45%); }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .a2b-vs__panel.a2b-mc--sustainable .a2b-vs__in::after { background-image: url(/images/home/hero-forest-light.jpg); mix-blend-mode: multiply; opacity: .8; }

/* dark mode: hero chip outline slightly brighter */
.a2b[data-theme="dark"] .a2b-hero--plain .a2b-chip { border-color: rgba(255,255,255,.24) !important; }

/* small ripple containers: zoom the ripple so only ~one ring shows (less clutter) */
.a2b .a2b-sw .a2b-sw__ic, .a2b .a2b-hero--plain .a2b-chip::before, .a2b .a2b-px__chip:not([aria-pressed="true"])::before, .a2b .a2b-px__opt:not([aria-pressed="true"])::before, .a2b .ap-tag::after, .a2b .ap-chip::before, .a2b .bl-filters .a2b-chip::before,
.a2b .a2b-tabs--bn-pill .a2b-tab:not([aria-selected="true"])::before, .a2b .a2b-viewtoggle button[role="radio"]:not([aria-checked="true"])::before, .a2b .a2b-btn--primary:not(.ap-cta *), .a2b .a2b-store-none { background-size: 1500px auto !important; background-position: 50% 50% !important; }
.a2b .a2b-sw .a2b-sw__ic--b { background-position: 38% 55% !important; } .a2b .a2b-sw .a2b-sw__ic--c { background-position: 62% 45% !important; } .a2b .a2b-sw .a2b-sw__ic--d { background-position: 50% 62% !important; }

/* value tabs: hover target = the title text only (not the whole grid column) */
.a2b-vs__t { justify-self: start; width: max-content; max-width: 100%; }

/* ===== other pages follow the universal style too ===== */
/* API CTA band */
.a2b .ap-cta { background: linear-gradient(rgba(4,34,26,.55), rgba(4,34,26,.6)), var(--uni-img) center / cover; }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-cta { background: url(/images/mesh/wave-02-ripple.jpg) center / cover; color: #0a2c26; box-shadow: inset 0 0 0 1px var(--hairline); }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-cta h2 { color: #0a2c26; }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-cta p { color: #2c4a42; }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-cta .a2b-btn--primary { background: linear-gradient(rgba(6,52,40,.92), rgba(6,52,40,.92)), url(/images/mesh/wave-02-ripple.jpg) center / cover !important; color: #ffffff !important; box-shadow: none !important; }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-cta .a2b-btn--secondary { background: transparent; color: #0a2c26; border-color: rgba(10,44,38,.35); }
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-cta .a2b-btn--secondary:hover { background: rgba(10,44,38,.08); color: #0a2c26; }
.a2b[data-uni="wave"][data-theme="dark"] .ap-cta { background: url(/images/mesh/wave-dark.jpg) center / cover; }
/* feature icon tiles on API / pricing / value pages: light-ripple tile + dark icon */
.a2b .ap-ic, .a2b .vp-ben__ic { background: url(/images/mesh/wave-02-ripple.jpg) 50% 50% / 1500px auto !important; color: #0a2c26 !important; box-shadow: inset 0 0 0 1px rgba(10,44,38,.14) !important; }
.a2b .ap-ic--b { background-position: 38% 55% !important; } .a2b .ap-ic--c { background-position: 62% 45% !important; } .a2b .ap-ic--d { background-position: 50% 62% !important; }
.a2b[data-theme="dark"] .ap-ic, .a2b[data-theme="dark"] .vp-ben__ic { background: url(/images/mesh/wave-dark.jpg) 50% 50% / 1500px auto !important; color: #e8f3ee !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important; }
.a2b .ap-step__n { background: url(/images/mesh/wave-02-ripple.jpg) 50% 50% / 1500px auto !important; color: #0a2c26 !important; box-shadow: inset 0 0 0 1px rgba(10,44,38,.14); }
.a2b[data-theme="dark"] .ap-step__n { background: url(/images/mesh/wave-dark.jpg) 50% 50% / 1500px auto !important; color: #e8f3ee !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
/* value-panel ripples: slightly subtler */
.a2b-vsw.a2b-mcr--wave .a2b-vs__panel::before { display: block !important; background: rgba(238,249,244,.3) !important; }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .a2b-vs__panel::before { background: rgba(6,20,16,.28) !important; }

/* blog filter pills = same style as the benchmark pills on the landing page (outline; filled universal style when selected / on hover) */
.a2b .bl-filters .a2b-chip { background: none !important; background-color: transparent !important; border: 1px solid rgba(10,44,38,.28) !important; border-radius: 999px; box-shadow: none !important; color: var(--ink-secondary) !important; filter: none !important; }
.a2b[data-theme="dark"] .bl-filters .a2b-chip { border-color: rgba(255,255,255,.3) !important; }
.a2b .bl-filters .a2b-chip:not([aria-pressed="true"]):hover { color: var(--uni-ink) !important; border-color: transparent !important; }
.a2b .bl-filters .a2b-chip[aria-pressed="true"], .a2b[data-theme="dark"] .bl-filters .a2b-chip[aria-pressed="true"] { border-color: transparent !important; color: #ffffff !important; background-image: linear-gradient(var(--cta-shade), var(--cta-shade)), var(--uni-img) !important; background-size: 1500px auto !important; background-position: 30% 50% !important; background-repeat: no-repeat; }
.a2b[data-uni="wave"] .bl-filters .a2b-chip[aria-pressed="true"] { color: var(--uni-ink) !important; box-shadow: inset 0 0 0 1px var(--wv-edge) !important; }

/* Light ripple only: value cards a bit subtler */
.a2b[data-uni="wave"]:not([data-theme="dark"]) .a2b-mcr--wave .a2b-mc, .a2b[data-uni="wave"]:not([data-theme="dark"]) .a2b-mcs .a2b-mc, .a2b[data-uni="wave"]:not([data-theme="dark"]) .a2b-mc--static { background-image: linear-gradient(rgba(238,249,244,.38), rgba(238,249,244,.38)), url(/images/mesh/wave-02-ripple.jpg) !important; }

/* secondary (outline) buttons: hover = same filled look as the active benchmark toggle */
.a2b .a2b-btn--secondary:not(.ap-cta *):hover, .a2b .a2b-btn--secondary:not(.ap-cta *):focus-visible { border-color: transparent !important; color: #ffffff !important; background-color: transparent !important; background-image: linear-gradient(var(--cta-shade), var(--cta-shade)), var(--uni-img) !important; background-size: 1500px auto !important; background-position: 30% 50% !important; background-repeat: no-repeat !important; box-shadow: none !important; }
.a2b[data-uni="wave"] .a2b-btn--secondary:not(.ap-cta *):hover, .a2b[data-uni="wave"] .a2b-btn--secondary:not(.ap-cta *):focus-visible { color: var(--uni-ink) !important; box-shadow: inset 0 0 0 1px var(--wv-edge) !important; }

/* value tabs: no underline under the active title */
.a2b-vs__t::after, .a2b-vs__t::before, .a2b-vs__bar, .a2b-vs__t .a2b-vs__bar { display: none !important; }

/* api code stage follows the universal ripple background */
.a2b[data-uni="wave"]:not([data-theme="dark"]) .ap-code { background: url(/images/mesh/wave-01-ripple.jpg) center / cover; box-shadow: inset 0 0 0 1px var(--hairline); }
.a2b[data-uni="wave"][data-theme="dark"] .ap-code { background: url(/images/mesh/wave-dark.jpg) center / cover; }
.a2b[data-uni="plain"] .ap-code { background: var(--uni-img) center / cover; }

/* sovereignty: copy first, artwork below (like sustainability); taller text cards, artwork tiles auto-fill the rest */
.a2b-vs__in:has(.va--sov) .va-copy { order: -1; }
.a2b-vs__in:has(.va--sov) .va--sov { order: 0; flex: 1 1 auto !important; min-height: 96px; }
.a2b-vs__in:has(.va--sov) .va-sub { min-height: 0 !important; height: auto !important; }
.a2b-vs__in:has(.va--sov) .vb__i--t { min-height: clamp(130px, 19vh, 168px); }

/* cognitive + fairness: copy first, artwork below (consistent with the other panels) */
.a2b-vs__in:has(.va--cog) .va-copy, .a2b-vs__in:has(.va--fair) .va-copy { order: -1; }
.a2b-vs__in:has(.va--cog) .va--cog, .a2b-vs__in:has(.va--fair) .va--fair { order: 0; }

/* dark mode: lock tile uses the dark light-ripple (Deep Eddy) */
.a2b[data-theme="dark"] .va-sub--lock { color: #e8f3ee; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important; }
.a2b[data-theme="dark"] .va-sub--lock .va-ringlock circle, .a2b[data-theme="dark"] .va-sub--lock .va-halo, .a2b[data-theme="dark"] .va-sub--lock .va-shackle { stroke: #cfe9df; }
.a2b[data-theme="dark"] .va-sub--lock .va-bits { fill: #cfe9df !important; }
.a2b[data-theme="dark"] .va-sub--lock rect[fill="#0a2c26"] { fill: #cfe9df; }
.a2b[data-theme="dark"] .va-sub--lock circle[fill="#cfe9df"], .a2b[data-theme="dark"] .va-sub--lock rect[fill="#cfe9df"] { fill: #0a2c26; }

/* dark mode: text container fill 20% lower opacity */
.a2b[data-theme="dark"] .vb__i { background: rgba(255,255,255,.128); }
.a2b[data-theme="dark"] .vb__i:is(:hover, :focus-visible, .is-sel) { background: rgba(255,255,255,.24); }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .vb__i { background: rgba(255,255,255,.08); }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .vb__i:is(:hover, :focus-visible, .is-sel) { background: rgba(255,255,255,.16); }

/* lock tile: no ripple fill, the panel background shows through */
.va-sub--lock, .a2b[data-theme="dark"] .va-sub--lock { background: none !important; }

/* hero light ripple: 15% subtler */
.a2b-hero--plain.a2b-hero--bg-wave::before { opacity: .72 !important; }
.a2b[data-theme="dark"] .a2b-hero--plain.a2b-hero--bg-wave::before { opacity: .68 !important; }

/* mobile hero: background must cover the whole (tall) hero, not a width-sized band */
@media (max-width: 960px) { .a2b-hero--plain:is(.a2b-hero--bg-mesh, .a2b-hero--bg-forest, .a2b-hero--bg-ripple, .a2b-hero--bg-wave)::before { background-size: cover !important; background-position: 50% 50% !important; } }

/* values: "Cards only" is the chosen layout; the Value cards toggle (Artwork / List) is kept in code but hidden */

/* mobile / tablet, Cards only: cards hug their content, nothing clipped by the accordion */
@media (max-width: 960px) {
  .a2b:has([data-page="home"]) .a2b-vs__item.is-on .a2b-vs__panel { max-height: 1600px; }
  .a2b:has([data-page="home"]) .a2b-vsw .va-copy, .a2b:has([data-page="home"]) .a2b-vsw .vb { flex: 0 0 auto !important; }
  .a2b:has([data-page="home"]) .a2b-vsw .vb { grid-auto-rows: auto !important; }
  .a2b:has([data-page="home"]) .a2b-vsw .vb__lic { margin-bottom: 0 !important; }
  .a2b:has([data-page="home"]) .a2b-vsw .vb__ttl { font-size: 24px !important; line-height: 28px !important; }
}

/* sovereignty + fairness animations: compact so the cards stay short */
.va--sov { gap: 8px; flex: 1 1 auto !important; } .va-sub { min-height: 128px !important; height: auto; border-radius: 16px; }
.va--fair { gap: 8px; }
.va-wallet { padding: 10px 14px; gap: 4px; border-radius: 14px; }
.va-wallet__amt { font-size: 26px; line-height: 30px; }
.va-rows { gap: 0; border: 1px solid rgba(255,255,255,.34); border-radius: 14px; padding: 2px 14px; }
.va-row { padding: 6px 0; font-size: 12px; line-height: 16px; border: 0 !important; border-radius: 0; background: none; }
.va-row + .va-row { border-top: 1px solid rgba(255,255,255,.2) !important; }
.a2b-vsw.a2b-mcr--wave .va-rows { border-color: rgba(10,44,38,.28); }
.a2b-vsw.a2b-mcr--wave .va-row + .va-row { border-top-color: rgba(10,44,38,.16) !important; }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-rows { border-color: rgba(255,255,255,.4); }
.a2b[data-theme="dark"] .a2b-vsw.a2b-mcr--wave .va-row + .va-row { border-top-color: rgba(255,255,255,.2) !important; }

/* ===== CTAs: dark in light theme (every style), light ripple M12 in dark theme ===== */
.a2b[data-uni="ripple"] .a2b-btn--primary:not(.ap-cta *) { background-image: linear-gradient(rgba(4,34,26,.74), rgba(4,34,26,.74)), var(--uni-img) !important; color: #ffffff !important; box-shadow: none !important; }
.a2b[data-uni="ripple"] .a2b-btn--primary:not(.ap-cta *):hover { background-image: linear-gradient(rgba(4,34,26,.86), rgba(4,34,26,.86)), var(--uni-img) !important; }
.a2b[data-uni="wave"] .a2b-btn--primary:not(.ap-cta *) { background-image: linear-gradient(rgba(6,52,40,.9), rgba(6,52,40,.9)), var(--uni-img) !important; color: #ffffff !important; box-shadow: none !important; }
.a2b[data-uni="wave"] .a2b-btn--primary:not(.ap-cta *):hover { background-image: linear-gradient(rgba(4,38,30,.95), rgba(4,38,30,.95)), var(--uni-img) !important; background-color: transparent; }
.a2b[data-theme="dark"] .a2b-btn--primary:not(.ap-cta *) { background-image: url(/images/mesh/mesh-12-rain-pool.jpg) !important; color: #0a2c26 !important; box-shadow: inset 0 0 0 1px rgba(10,44,38,.14) !important; text-shadow: none; }
.a2b[data-theme="dark"] .a2b-btn--primary:not(.ap-cta *):hover, .a2b[data-theme="dark"] a.a2b-btn--primary:not(.ap-cta *):focus-visible { background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url(/images/mesh/mesh-12-rain-pool.jpg) !important; }

/* ===== Bergwaldprojekt block ===== */
.ngow { display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; }
.ngow .ngow__head { max-width: 820px; }
.ngow .a2b-ngo__text { max-width: 720px; order: 2; }
.ngow .ngow__head { order: 1; } .ngow .a2b-ngo__logo { order: 3; } .ngow .a2b-ngo__cta { order: 4; }
.a2b[data-bwp="above"] .ngow .a2b-ngo__logo, .a2b[data-bwp="chip"] .ngow .a2b-ngo__logo { order: 0; }
.a2b[data-bwp="above"] .ngow .a2b-ngo__logo .a2b-bwp { height: 84px; }
.a2b[data-bwp="chip"] .ngow .a2b-ngo__logo { padding: 16px 44px; border-radius: 28px; border: 1px solid var(--hairline); background: rgba(255,255,255,.55); box-shadow: 0 1px 2px rgba(10,44,38,.05); }
.a2b[data-theme="dark"][data-bwp="chip"] .ngow .a2b-ngo__logo { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); }
.a2b[data-bwp="chip"] .ngow .a2b-ngo__logo .a2b-bwp { height: 56px; }

/* ===== values: layout options (design review) ===== */
.vb__lic, .vb__big--lo { display: none; }
.a2b:not(:has([data-page="home"])) .vb__br { display: none; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__ttl { white-space: nowrap; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw .va { display: none !important; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw .a2b-vs__in::after { content: none !important; display: none !important; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw .a2b-vs__in { justify-content: flex-start !important; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw .va-copy { order: 0 !important; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw .vb { flex: 1 1 auto; grid-auto-rows: 1fr; align-content: stretch; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw .vb__i { min-height: 0 !important; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__i { justify-content: flex-start; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__lic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; margin-bottom: auto; flex: none; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.a2b:has([data-page="home"]) .a2b-vsw .vb__lic + * { margin-top: 14px; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__i { padding: 16px 18px 18px !important; }
.a2b:has([data-page="home"]) .a2b-vsw :is(.vb__d, .vb__lbl) { font-size: 15px !important; line-height: 21px !important; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__licg { width: 24px; height: 24px; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__bigic { display: none !important; }
.a2b:has([data-page="home"]) .a2b-vsw .vb__big--lo { display: block; }
@media (min-width: 961px) {
  .a2b:has([data-page="home"]) .a2b-vs { min-height: clamp(470px, calc(100vh - 170px), 640px); }
  .a2b:has([data-page="home"]) .a2b-vsw .vb__ttl { font-size: 26px !important; line-height: 30px !important; }
  .a2b:has([data-page="home"]) .a2b-vsw .vb__big { font-size: 36px !important; line-height: 40px !important; }
  .a2b:has([data-page="home"]) .a2b-vsw .a2b-vs__panel { height: auto !important; min-height: 0 !important; align-self: center; }
  .a2b:has([data-page="home"]) .a2b-vsw .va-copy, .a2b:has([data-page="home"]) .a2b-vsw .vb { flex: 0 0 auto !important; }
}
/* list: like the switch section, one row per sub-value with an icon tile */
.a2b[data-vlay="list"] .a2b-vsw .vb { grid-template-columns: minmax(0, 1fr) !important; gap: 10px; }
.a2b[data-vlay="list"] .a2b-vsw .vb__i { display: grid !important; grid-template-columns: 52px minmax(0, 1fr); column-gap: 18px !important; row-gap: 2px !important; align-content: center; align-items: center; padding: 12px 18px !important; }
.a2b[data-vlay="list"] .a2b-vsw .vb__i:is(:hover, :focus-visible, .is-sel) { transform: none; }
.a2b[data-vlay="list"] .a2b-vsw .vb__lic { display: grid; place-items: center; grid-column: 1; grid-row: 1 / span 2; width: 52px; height: 52px; border-radius: 16px; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.a2b[data-vlay="list"] .a2b-vsw .vb__licg { width: 24px; height: 24px; }
.a2b:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw.a2b-mcr--wave .vb__lic { background: linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25)), url(/images/mesh/wave-02-ripple.jpg) 40% 50% / 700px auto; box-shadow: inset 0 0 0 1px rgba(10,44,38,.14); color: #0a2c26; }
.a2b[data-theme="dark"]:is(:has([data-page="home"]), [data-vlay="list"]) .a2b-vsw.a2b-mcr--wave .vb__lic { background: url(/images/mesh/wave-dark.jpg) center / cover; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); color: #e8f3ee; }
.a2b[data-vlay="list"] .a2b-vsw :is(.vb__ttl, .vb__big, .vb__lbl, .vb__d) { grid-column: 2; }
.a2b[data-vlay="list"] .a2b-vsw :is(.vb__ttl, .vb__big) { align-self: end; font-size: 22px !important; line-height: 26px !important; letter-spacing: -0.02em; }
.a2b[data-vlay="list"] .a2b-vsw :is(.vb__d, .vb__lbl) { align-self: start; font-size: 14px !important; line-height: 19px !important; }
.a2b[data-vlay="list"] .a2b-vsw .vb__bigic { display: none !important; }
.a2b[data-vlay="list"] .a2b-vsw .vb__big--lo { display: block; }
html, body { margin: 0; background: #ffffff; }
@media (prefers-color-scheme: dark) {
  html { color-scheme: light; }
}