/*
Theme Name: Yindle
Theme URI: https://yindle.com/
Author: Yindle
Author URI: https://yindle.com/
Description: Code-first block theme voor Yindle, Yindle Portal, Yindle Connect & Desk en maatwerksoftware.
Version: 0.5.8
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 8.2
License: Proprietary
License URI: https://yindle.com/
Text Domain: yindle
*/

/*
 * Basisstijl; assets/css/feedback-system.css verbindt de UI 1.5-vormtaal.
 * Beide bestanden laden in frontend en editor, zonder buildstap.
 */

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-latin.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;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-latin-ext.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;
}

:root {
  --y-ink: #231f20;
  --y-muted: #585556;
  --y-quiet: #6e6b6c;
  --y-line: #e5e4e4;
  --y-surface: #f7f5f4;
  --y-warm: #faf6f1;
  --y-purple: #524fcc;
  --y-purple-dark: #3e3ba6;
  --y-purple-soft: #eaeaf9;
  --y-green: #4fc27a;
  --y-green-dark: #1f7a4a;
  --y-purple-deep: #4d4ad1;
  --y-green-deep: #2a854c;
  --y-orange-deep: #dd3302;
  --y-pink-deep: #da248b;
  --y-green-soft: #eaf8ef;
  --y-orange: #f55729;
  --y-orange-dark: #be3a10;
  --y-orange-soft: #feebe5;
  --y-pink: #e066ab;
  --y-pink-dark: #a03c76;
  --y-black: #231f20;
  --y-font-primary: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --y-font-mono: var(--y-mono);
  --y-pink-soft: #fbedf5;
  --y-blue: #357da9;
  --y-blue-soft: #edf7fc;
  --y-yellow: #b57816;
  --y-yellow-soft: #fff5d8;
  --y-baken: #cd1719;
  --y-baken-soft: #fff1f1;
  --y-white: #ffffff;
  --y-shadow: 0 16px 42px rgba(38, 40, 47, 0.09);
  --y-t-display: clamp(2.75rem, 1.35rem + 6.2vw, 6rem);
  --y-t-display-sm: clamp(2.25rem, 1.35rem + 4vw, 4.25rem);
  --y-t-h1: clamp(2rem, 1.25rem + 3.3vw, 3.5rem);
  --y-t-h2: clamp(1.625rem, 1.1rem + 2.3vw, 2.625rem);
  --y-t-h3: clamp(1.25rem, 1rem + 1.1vw, 1.75rem);
  --y-t-h4: clamp(1.0625rem, .95rem + .5vw, 1.25rem);
  --y-t-body: 1.0625rem;
  --y-t-sm: .9375rem;
  --y-t-xs: .8125rem;
  --y-t-mono: var(--y-t-xs);
  --y-t-mono-sm: .6875rem;
  --y-lh-display: 1;
  --y-lh-heading: 1.1;
  --y-lh-subheading: 1.2;
  --y-lh-body: 1.6;
  --y-r-xs: 6px;
  --y-r-sm: 10px;
  --y-r-md: 14px;
  --y-r-lg: 18px;
  --y-r-pill: 999px;
  --y-sweep-xs: 40px;
  --y-sweep-sm: 72px;
  --y-sweep-md: 120px;
  --y-sweep-lg: 180px;
  --y-sweep-xl: 260px;
  --y-card-radius: var(--y-r-md) var(--y-r-md) var(--y-sweep-sm) var(--y-r-md);
  --y-panel-radius: var(--y-r-md) var(--y-r-md) var(--y-sweep-md) var(--y-r-md);
  --y-card-padding: 32px;
  --y-card-padding-sm: 24px;
  --y-panel-padding: clamp(32px, 4vw, 56px);
  --y-card-gap: 16px;
  --y-gap: clamp(28px, 4vw, 64px);
  --y-section-space: clamp(56px, 6vw, 120px);
  --y-section-space-lg: clamp(80px, 9vw, 160px);
  --y-section-space-compact: clamp(40px, 4vw, 64px);
  /* CSS custom properties cannot be evaluated in media conditions. The literal
   * 48/62/75rem queries below and in component CSS are the same three tiers.
   * The 600px admin-bar and Core's 782px editor/admin exceptions stay native. */
  --y-breakpoint-sm: 48rem;
  --y-breakpoint-md: 62rem;
  --y-breakpoint-lg: 75rem;
  --y-mono: "Gheist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --y-ease: cubic-bezier(0.2, 0, 0, 1);
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-size: var(--y-t-body);
  line-height: var(--y-lh-body);
  min-width: 320px;
  overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
}

body.admin-bar .y-site-header {
  top: var(--wp-admin--admin-bar--height, 0px);
}

::selection {
  color: var(--y-white);
  background: var(--y-purple);
}

a,
button,
summary {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--y-purple-dark);
  outline-offset: 4px;
}

.wp-site-blocks {
  min-height: 100vh;
}

.y-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--y-line);
  background: var(--y-white);
}

.y-header-inner {
  min-height: 76px;
  gap: 28px;
}

.yindle-site-logo {
  flex: 0 0 auto;
  margin: 0;
}

.yindle-site-logo a {
  width: 122px;
  height: 31px;
  display: block;
  overflow: hidden;
  background: url("assets/images/yindle-logo-black.svg") center / contain no-repeat;
  color: transparent !important;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}

.yindle-site-logo.is-light a {
  filter: invert(1);
}

.y-main-nav {
  margin-inline: auto;
}

.y-main-nav .y-mobile-nav-link {
  display: none;
}

.y-main-nav .wp-block-navigation-item__content {
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  font-weight: 500;
  text-decoration: none;
}

.y-main-nav .wp-block-navigation-item__content:hover,
.y-main-nav .current-menu-item > .wp-block-navigation-item__content {
  color: var(--y-ink);
}

.wp-block-button__link,
.y-button-link {
  min-height: 50px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--y-purple);
  border-radius: var(--y-r-pill);
  background: var(--y-purple);
  color: var(--y-white);
  font-size: var(--y-t-sm);
  font-weight: 500;
  line-height: var(--y-lh-display);
  text-decoration: none;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

.wp-block-button__link:hover,
.y-button-link:hover {
  border-color: var(--y-purple-dark);
  background: var(--y-purple-dark);
  color: var(--y-white);
}

.is-style-outline > .wp-block-button__link {
  color: var(--y-ink);
  border-color: var(--y-line);
  background: transparent;
}

.is-style-outline > .wp-block-button__link:hover {
  color: var(--y-purple-dark);
  border-color: var(--y-purple);
  background: var(--y-purple-soft);
}

.y-header-cta .wp-block-button__link {
  min-height: 42px;
  padding-inline: 17px;
  font-size: var(--y-t-xs);
}

.y-site-main {
  margin-top: 0;
}

.y-site-main > .y-article-header,
.y-site-main > .y-article-content,
.y-site-main > .y-post-navigation,
.y-site-main > .y-section {
  margin-block-start: 0;
  margin-block-end: 0;
}

.y-section {
  margin-top: 0;
  padding-block: var(--y-section-space);
}

.y-section + .y-section {
  margin-top: 0;
}

.y-section--compact {
  padding-block: var(--y-section-space-compact);
}

.y-section--lg {
  padding-block: var(--y-section-space-lg);
}

.y-section--surface {
  background: var(--y-surface);
}

.y-section--warm {
  background: var(--y-warm);
}

.y-section--purple {
  color: var(--y-white);
  background: var(--y-purple-dark);
}

.y-section--ink {
  color: var(--y-white);
  background: var(--y-ink);
}

.y-eyebrow {
  margin: 0 0 16px;
  color: var(--y-purple-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.11em;
  line-height: var(--y-lh-body);
  text-transform: uppercase;
}

.y-section--purple .y-eyebrow,
.y-section--ink .y-eyebrow {
  color: #c9c7ff;
}

.y-display,
.y-section-title,
.y-card-title {
  text-wrap: balance;
}

.y-display {
  max-width: 900px;
  margin: 0;
  font-size: var(--y-t-h1);
  font-weight: 500;
  letter-spacing: -0.027em;
  line-height: var(--y-lh-heading);
}

.y-display--product {
  font-size: var(--y-t-h1);
}

.y-section-title {
  max-width: 780px;
  margin: 0;
  font-size: var(--y-t-h2);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-heading);
}

.y-lead,
.y-section-lead {
  color: var(--y-muted);
  font-size: var(--y-t-body);
  line-height: var(--y-lh-body);
}

.y-lead {
  max-width: 720px;
  margin-top: 28px;
}

.y-section-lead {
  max-width: 680px;
  margin-top: 24px;
}

.y-section--purple .y-lead,
.y-section--purple .y-section-lead,
.y-section--ink .y-lead,
.y-section--ink .y-section-lead {
  color: rgba(255, 255, 255, 0.72);
}

.y-actions {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}

.y-text-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--y-purple-dark);
  font-size: var(--y-t-sm);
  font-weight: 500;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.y-text-link::after {
  content: "→";
}

.y-hero {
  padding-block: var(--y-section-space);
}

.y-hero-grid,
.y-split {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: var(--y-gap);
}

.y-hero-grid > *,
.y-split > *,
.y-section-heading--split > * {
  min-width: 0;
}

.y-split {
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
}

.y-hero-note {
  margin-top: 22px;
  color: var(--y-quiet);
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-offer-map {
  border-top: 1px solid var(--y-ink);
}

.y-offer-map > p {
  margin: 0;
  padding: 15px 0;
  color: var(--y-quiet);
  border-bottom: 1px solid var(--y-line);
  font-size: var(--y-t-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.y-offer-map a {
  min-height: 96px;
  padding-block: 18px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  color: var(--y-ink);
  border-bottom: 1px solid var(--y-line);
  text-decoration: none;
  transition: padding 200ms var(--y-ease), color 160ms ease;
}

.y-offer-map a:hover {
  padding-inline: 10px;
  color: var(--y-purple-dark);
}

.y-offer-map a > span {
  color: var(--y-quiet);
  font-size: var(--y-t-xs);
}

.y-offer-map a div {
  display: grid;
  gap: 4px;
}

.y-offer-map strong {
  font-size: var(--y-t-body);
}

.y-offer-map small {
  color: var(--y-muted);
  font-size: var(--y-t-xs);
}

.y-offer-map a::after {
  content: "→";
  font-size: var(--y-t-body);
}

.y-product-hero {
  --y-product-accent: var(--y-purple);
  --y-product-accent-dark: var(--y-purple-dark);
  --y-product-accent-soft: var(--y-purple-soft);
}

.y-product-hero--connect {
  --y-product-accent: var(--y-green);
  --y-product-accent-dark: var(--y-green-dark);
  --y-product-accent-soft: var(--y-green-soft);
}

.y-product-hero--desk {
  --y-product-accent: var(--y-green);
  --y-product-accent-dark: var(--y-green-dark);
  --y-product-accent-soft: var(--y-green-soft);
}

.y-product-hero--portal {
  --y-product-accent: var(--y-pink);
  --y-product-accent-dark: var(--y-pink-dark);
  --y-product-accent-soft: var(--y-pink-soft);
}

.y-product-hero .y-offer-map {
  padding: var(--y-panel-padding);
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-top: 4px solid var(--y-product-accent);
  border-radius: var(--y-panel-radius);
  background: var(--y-surface);
}

.y-product-hero .y-offer-map > p {
  color: var(--y-product-accent-dark);
  border-bottom-color: var(--y-line);
  font-family: var(--y-mono); font-weight: 300;
}

.y-product-hero .y-offer-map a {
  min-height: 82px;
  color: var(--y-ink);
}

.y-product-hero .y-offer-map a > span,
.y-product-hero .y-offer-map a::after {
  color: var(--y-product-accent-dark);
  font-family: var(--y-mono); font-weight: 300;
}

.y-brand-stage {
  min-height: 520px;
  padding: var(--y-panel-padding);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--y-white);
  border-radius: var(--y-panel-radius);
  background: var(--y-purple);
  position: relative;
}

.y-brand-stage::after {
  content: "";
  width: 78px;
  height: 78px;
  position: absolute;
  top: 28px;
  right: 30px;
  opacity: 0.9;
  background: url("assets/images/yindle-mark-black.svg") center / contain no-repeat;
}

.y-brand-stage-kicker {
  margin: 0;
  color: #dedcff;
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.12em;
}

.y-brand-lines {
  margin: 48px 0 0;
  display: grid;
  justify-items: start;
  gap: 5px;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-display);
}

.y-brand-lines span {
  padding: 5px 10px 7px;
  color: var(--y-white);
  border-radius: var(--y-r-xs);
  background: var(--y-ink);
}

.y-product-routes {
  margin-top: auto;
  padding-top: 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.y-product-routes a {
  min-height: 64px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 5px;
  color: var(--y-white);
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: var(--y-r-sm);
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}

.y-product-routes a:hover {
  border-color: var(--y-white);
  background: rgba(38, 40, 47, 0.2);
}

.y-product-routes b {
  width: fit-content;
  padding: 4px 7px;
  color: var(--y-ink);
  border-radius: var(--y-r-pill);
  background: var(--y-white);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.09em;
}

.y-product-routes .is-connect b {
  background: var(--y-green);
}

.y-product-routes .is-desk b {
  background: var(--y-green);
}

.y-product-routes .is-portal b {
  background: #58c6d0;
}

.y-product-routes .is-custom b {
  background: #e8e7ff;
}

.y-product-routes span {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--y-t-mono-sm);
}

.y-signature-panel {
  padding: 18px 18px 44px;
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-top: 4px solid var(--y-product-accent);
  border-radius: var(--y-panel-radius);
  background: var(--y-surface);
}

.y-signature-panel > div {
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
  background: var(--y-white);
  box-shadow: 0 12px 30px rgba(38, 40, 47, 0.07);
}

.y-signature-panel header,
.y-signature-panel footer {
  min-height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.07em;
}

.y-signature-panel header {
  color: var(--y-product-accent-dark);
  border-bottom: 1px solid var(--y-line);
}

.y-signature-panel header em,
.y-signature-panel footer em {
  color: var(--y-quiet);
  font-style: normal;
}

.y-connect-route {
  padding: 26px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.15fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  background: var(--y-green-soft);
}

.y-connect-route > span {
  min-height: 76px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 5px;
  border: 1px solid #cde8d7;
  border-radius: var(--y-r-sm);
  background: var(--y-white);
}

.y-connect-route > span.is-core {
  color: var(--y-white);
  border-color: var(--y-green-dark);
  background: var(--y-green-dark);
}

.y-connect-route small,
.y-desk-visual small,
.y-custom-visual small {
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.07em;
}

.y-connect-route .is-core small {
  color: rgba(255, 255, 255, 0.68);
}

.y-connect-route strong {
  font-size: var(--y-t-mono-sm);
  line-height: var(--y-lh-body);
}

.y-connect-route > b {
  color: var(--y-green-dark);
  font-family: var(--y-mono); font-weight: 300;
}

.y-connect-visual ul {
  margin: 0;
  padding: 0 16px;
  display: grid;
  list-style: none;
}

.y-connect-visual li {
  min-height: 54px;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--y-line);
}

.y-connect-visual li i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--y-green);
  box-shadow: 0 0 0 4px var(--y-green-soft);
}

.y-connect-visual li > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.y-connect-visual li strong {
  font-size: var(--y-t-mono-sm);
}

.y-connect-visual li small {
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
}

.y-connect-visual footer strong {
  color: var(--y-green-dark);
}

.y-desk-visual section {
  padding: 24px 20px;
  background: var(--y-green-soft);
}

.y-desk-visual section .y-visual-heading {
  display: block;
  max-width: 390px;
  margin: 8px 0 0;
  font-size: var(--y-t-h4);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: var(--y-lh-body);
}

.y-desk-visual section p {
  margin: 8px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-mono-sm);
}

.y-desk-context {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.y-desk-context > span {
  min-height: 68px;
  padding: 11px;
  display: grid;
  align-content: center;
  gap: 5px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
  background: var(--y-surface);
}

.y-desk-context strong {
  font-size: var(--y-t-mono-sm);
  line-height: var(--y-lh-body);
}

.y-desk-visual footer {
  min-height: 66px;
  border-top: 1px solid var(--y-line);
}

.y-desk-visual footer > span {
  display: grid;
  gap: 4px;
}

.y-desk-visual footer strong {
  color: var(--y-ink);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0;
}

.y-custom-visual ol {
  margin: 0;
  padding: 18px;
  display: grid;
  gap: 9px;
  list-style: none;
}

.y-custom-visual li {
  min-height: 76px;
  padding: 13px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
  background: var(--y-surface);
}

.y-custom-visual li > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--y-orange-dark);
  border-radius: 50%;
  background: var(--y-orange-soft);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
}

.y-custom-visual li > div {
  display: grid;
  gap: 5px;
}

.y-custom-visual li strong {
  font-size: var(--y-t-xs);
}

.y-custom-visual li.is-core {
  color: var(--y-white);
  border-color: var(--y-orange-dark);
  background: var(--y-orange-dark);
}

.y-custom-visual li.is-core > span {
  color: var(--y-ink);
  background: var(--y-white);
}

.y-custom-visual li.is-core small {
  color: #cecdff;
}

.y-custom-visual footer {
  justify-content: flex-start;
  border-top: 1px solid var(--y-line);
}

.y-custom-visual footer span {
  padding: 5px 7px;
  color: var(--y-orange-dark);
  border-radius: var(--y-r-pill);
  background: var(--y-orange-soft);
  font-size: var(--y-t-mono-sm);
}

.y-kicker-grid,
.y-card-grid,
.y-sector-grid,
.y-benefit-grid,
.y-pricing-grid,
.y-post-grid .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.y-benefit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.y-benefit-card {
  min-height: 190px;
  position: relative;
  overflow: hidden;
}

.y-benefit-card::after {
  content: "";
  width: 34px;
  height: 4px;
  position: absolute;
  top: 0;
  left: clamp(26px, 3.2vw, 40px);
  border-radius: 0 0 4px 4px;
  background: var(--y-section-accent, var(--y-purple));
}

.y-product-section {
  --y-section-accent: var(--y-purple);
  --y-section-accent-dark: var(--y-purple-dark);
}

.y-product-section--connect {
  --y-section-accent: var(--y-green);
  --y-section-accent-dark: var(--y-green-dark);
}

.y-product-section--desk {
  --y-section-accent: var(--y-green);
  --y-section-accent-dark: var(--y-green-dark);
}

.y-product-section--portal {
  --y-section-accent: var(--y-pink);
  --y-section-accent-dark: var(--y-pink-dark);
}

.y-product-section :is(.y-eyebrow, .y-card-number, .y-step-number) {
  color: var(--y-section-accent-dark);
}

.y-kicker-card,
.y-card,
.y-sector-card,
.y-benefit-card,
.y-pricing-card,
.y-post-card {
  min-width: 0;
  margin: 0;
  padding: var(--y-card-padding);
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
  background: var(--y-white);
}

.y-kicker-card {
  }

.y-kicker-card span,
.y-card-number,
.y-step-number {
  color: var(--y-purple-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-xs);
  font-weight: 300;
  letter-spacing: 0.05em;
}

.y-kicker-card h3,
.y-card h3,
.y-benefit-card h3,
.y-sector-card h3,
.y-pricing-card h3 {
  margin: var(--y-card-gap) 0 0;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-subheading);
}

.y-kicker-card p,
.y-card p,
.y-benefit-card p,
.y-sector-card p,
.y-pricing-card p {
  margin: var(--y-card-gap) 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-card-grid--products {
  margin-top: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.y-product-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  --y-card-accent: var(--y-purple);
  --y-card-accent-dark: var(--y-purple-dark);
  --y-card-accent-soft: var(--y-purple-soft);
}

.y-product-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.y-product-card .y-card-title {
  margin-top: var(--y-card-gap);
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-heading);
}

.y-product-card .y-text-link {
  margin-top: auto;
  padding-top: 20px;
  color: var(--y-card-accent-dark);
}

.y-product-card--connect {
  --y-card-accent: var(--y-green);
  --y-card-accent-dark: var(--y-green-dark);
  --y-card-accent-soft: var(--y-green-soft);
  background: var(--y-white);
}

.y-product-card--desk {
  --y-card-accent: var(--y-green);
  --y-card-accent-dark: var(--y-green-dark);
  --y-card-accent-soft: var(--y-green-soft);
  background: var(--y-white);
}

.y-product-card--portal {
  --y-card-accent: var(--y-pink);
  --y-card-accent-dark: var(--y-pink-dark);
  --y-card-accent-soft: var(--y-pink-soft);
  background: var(--y-white);
}

.y-product-card--custom {
  --y-card-accent: var(--y-orange);
  --y-card-accent-dark: var(--y-orange-dark);
  --y-card-accent-soft: var(--y-orange-soft);
  background: var(--y-white);
}

.y-product-lockup {
  width: fit-content;
  margin: 0 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--y-ink);
  line-height: var(--y-lh-display);
  --y-lockup: var(--y-purple-dark);
  --y-lockup-soft: var(--y-purple-soft);
}

.y-product-lockup > span {
  font-size: var(--y-t-body);
  font-weight: 500;
  letter-spacing: -0.035em;
}

.y-product-lockup > b {
  padding: 6px 8px 5px;
  color: var(--y-lockup);
  border: 1px solid color-mix(in srgb, var(--y-lockup) 32%, var(--y-white));
  border-radius: var(--y-r-pill);
  background: var(--y-lockup-soft);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.1em;
}

.y-product-lockup.is-connect {
  --y-lockup: var(--y-green-dark);
  --y-lockup-soft: var(--y-green-soft);
}

.y-product-lockup.is-desk {
  --y-lockup: var(--y-green-dark);
  --y-lockup-soft: var(--y-green-soft);
}

.y-product-lockup.is-portal {
  --y-lockup: var(--y-pink-dark);
  --y-lockup-soft: var(--y-pink-soft);
}

.y-product-lockup.is-custom {
  --y-lockup: var(--y-orange-dark);
  --y-lockup-soft: var(--y-orange-soft);
}

.y-product-card-top .y-product-lockup,
.y-plan-header .y-product-lockup {
  margin-bottom: 0;
}

.y-product-lockup.is-inverted {
  color: var(--y-white);
}

.y-product-lockup.is-inverted > b {
  color: var(--y-white);
  border-color: rgba(255, 255, 255, 0.36);
  background: rgba(255, 255, 255, 0.12);
}

.y-hero-kicker {
  margin: -7px 0 20px;
  color: var(--y-pink-dark);
  font-size: var(--y-t-sm);
  font-weight: 500;
}

.y-product-hero--connect .y-product-lockup {
  margin-bottom: 22px;
}

.y-product-hero--desk .y-product-lockup,
.y-product-hero--portal .y-product-lockup {
  margin-bottom: 22px;
}

.y-product-hero--connect .wp-block-button__link {
  border-color: var(--y-green-deep);
  background: var(--y-green-deep);
}

.y-product-hero--desk .wp-block-button__link {
  border-color: var(--y-green-deep);
  background: var(--y-green-deep);
}

.y-product-hero--portal .wp-block-button__link {
  border-color: var(--y-pink-deep);
  background: var(--y-pink-deep);
}

.y-product-hero :is(.is-style-outline) > .wp-block-button__link {
  color: var(--y-ink);
  border-color: var(--y-line);
  background: transparent;
}

.y-product-hero :is(.is-style-outline) > .wp-block-button__link:hover {
  color: var(--y-purple-dark);
  border-color: var(--y-purple);
  background: var(--y-product-accent-soft);
}

.y-flow {
  margin-top: 40px;
  padding: var(--y-panel-padding);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--y-gap);
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-lg);
  background: var(--y-white);
  box-shadow: var(--y-shadow);
}

.y-flow-step {
  min-width: 0;
}

.y-flow-step small {
  color: var(--y-quiet);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-flow-step strong {
  margin-top: 12px;
  display: block;
  font-size: var(--y-t-h2);
}

.y-flow-step p {
  margin: 8px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-flow-step--core {
  padding: 24px;
  color: var(--y-white);
  background: var(--y-purple-dark);
  border-radius: var(--y-r-sm);
}

.y-flow-step--core small,
.y-flow-step--core p {
  color: rgba(255, 255, 255, 0.72);
}

.y-flow-arrow {
  color: var(--y-purple-dark);
  font-size: var(--y-t-h3);
}

.y-case-study {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-lg);
  background: var(--y-white);
  box-shadow: var(--y-shadow);
}

.y-case-copy {
  padding: var(--y-panel-padding);
}

.y-case-copy .y-section-title {
  max-width: 650px;
}

.y-case-copy .y-section-lead {
  max-width: 620px;
}

.y-case-points {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  list-style: none;
}

.y-case-points li {
  padding: 14px 0;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 18px;
  border-top: 1px solid var(--y-line);
}

.y-case-points small {
  padding-top: 2px;
}

.y-case-points span {
  color: var(--y-muted);
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-case-architecture {
  padding: var(--y-panel-padding);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: var(--y-white);
  border-radius: 0 0 var(--y-sweep-sm) 0;
  background: var(--y-purple-dark);
}

.y-case-label {
  margin: 0 0 22px;
  color: #cecdff;
}

.y-case-node {
  min-height: 84px;
  padding: 15px 17px;
  display: grid;
  align-content: center;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: var(--y-r-sm);
  background: rgba(255, 255, 255, 0.07);
}

.y-case-node small {
  color: #cecdff;
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.y-case-node strong {
  font-size: var(--y-t-body);
}

.y-case-node span {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--y-t-mono-sm);
}

.y-case-node.is-core {
  color: var(--y-ink);
  border-color: var(--y-white);
  background: var(--y-white);
}

.y-case-node.is-core small,
.y-case-node.is-core span {
  color: var(--y-muted);
}

.y-case-arrow {
  min-height: 26px;
  display: grid;
  place-items: center;
  color: #cecdff;
  font-family: var(--y-mono); font-weight: 300;
}

.y-section-heading {
  margin-bottom: 34px;
}

.y-section-heading--split {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: var(--y-gap);
}

.y-section-heading--split .y-section-lead {
  margin-top: 0;
}

.y-comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.y-compare-card {
  height: 100%;
  padding: var(--y-card-padding);
  border: 0;
  border-radius: var(--y-card-radius);
}

.y-compare-card header {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--y-line);
}

.y-compare-card small {
  font-size: var(--y-t-xs);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.y-compare-card h3 {
  margin: 8px 0 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.04em;
  line-height: var(--y-lh-subheading);
}

.y-compare-card ul {
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  gap: 16px;
  list-style: none;
}

.y-compare-card li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 12px;
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-compare-card li::before {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: var(--y-t-mono-sm);
}

.y-compare-before {
  color: #7f2925;
  background: var(--y-orange-soft);
}

.y-compare-before li::before {
  content: "×";
}

.y-compare-after {
  color: #155b47;
  background: var(--y-pink-soft);
}

.y-compare-after li::before {
  content: "✓";
}

.y-compare-bridge {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  background: var(--y-purple);
  border-radius: 50%;
  font-size: var(--y-t-h4);
}

.y-dashboard-frame {
  margin-top: 40px;
  padding: 0 30px 30px 0;
  position: relative;
}

.y-dashboard-frame::before {
  content: "";
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 0;
  left: 44px;
  background: var(--y-purple);
  border-radius: 0 0 var(--y-sweep-sm) 0;
}

.y-dashboard-caption {
  min-height: 36px;
  padding: 0 14px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #747278;
  border: 1px solid #d9d9dc;
  border-bottom: 0;
  background: #f2f2f3;
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-dashboard {
  min-height: 640px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  color: #111113;
  border: 1px solid #e6e7ea;
  background: #f7f5f4;
  box-shadow: 0 18px 50px rgba(33, 31, 32, 0.12);
}

.y-dashboard-sidebar {
  padding: 20px 12px 16px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #eceef1;
  background: var(--y-white);
}

.y-client-logo {
  padding: 0 10px 17px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--y-baken);
  border-bottom: 1px solid #f0f1f2;
}

.y-client-logo b {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  background: var(--y-baken);
  font-size: var(--y-t-xs);
}

.y-client-logo span {
  display: grid;
  color: #333;
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-display);
}

.y-client-logo small {
  color: #777;
  font-size: var(--y-t-xs);
}

.y-dashboard-nav {
  margin-top: 14px;
  display: grid;
  gap: 3px;
}

.y-dashboard-nav span {
  min-height: 28px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #676a70;
  border-radius: var(--y-r-sm);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-dashboard-nav span::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: 2px;
}

.y-dashboard-nav .is-active {
  color: var(--y-baken);
  background: var(--y-baken-soft);
  font-weight: 500;
}

.y-dashboard-nav .is-nested {
  min-height: 24px;
  padding-left: 28px;
  color: #8c8f95;
  font-size: var(--y-t-xs);
}

.y-dashboard-nav .is-nested::before {
  width: 5px;
  height: 5px;
  border: 0;
  border-radius: 50%;
  background: #c2c4c8;
}

.y-dashboard-nav--admin {
  padding-top: 10px;
  border-top: 1px solid #f0f1f2;
}

.y-dashboard-user {
  margin-top: auto;
  padding: 16px 8px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #f0f1f2;
  font-size: var(--y-t-xs);
}

.y-dashboard-user b {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  background: var(--y-baken);
  border-radius: 50%;
  font-size: var(--y-t-xs);
}

.y-dashboard-main {
  min-width: 0;
  padding: 26px;
}

.y-dashboard-main > header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.y-dashboard-main header .y-dashboard-title {
  margin: 0;
  color: #16181b;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.04em;
}

.y-dashboard-main header p:not(.y-dashboard-title) {
  margin: 6px 0 0;
  color: #777b81;
  font-size: var(--y-t-xs);
}

.y-dashboard-metrics {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.y-dashboard-metric,
.y-dashboard-panel {
  border: 1px solid #eef0f2;
  background: var(--y-white);
  box-shadow: 0 1px 3px rgba(28, 30, 34, 0.04);
}

.y-dashboard-metric {
  min-height: 128px;
  padding: 16px;
}

.y-dashboard-metric > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.y-dashboard-metric small {
  color: #777b81;
  font-size: var(--y-t-xs);
}

.y-dashboard-metric > div > i {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: var(--y-r-sm);
  font-size: var(--y-t-xs);
  font-style: normal;
  font-weight: 500;
}

.y-dashboard-metric--violet > div > i {
  color: #735bd9;
  background: #f3f0ff;
}

.y-dashboard-metric--green > div > i {
  color: #42aa83;
  background: #eefbf6;
}

.y-dashboard-metric--yellow > div > i {
  color: #c18a14;
  background: #fff9e9;
}

.y-dashboard-metric strong {
  margin-top: 16px;
  display: block;
  font-size: var(--y-t-h3);
  line-height: var(--y-lh-display);
}

.y-dashboard-metric > span:last-child {
  margin-top: 8px;
  display: block;
  color: #9ea1a7;
  font-size: var(--y-t-xs);
}

.y-dashboard-metric .y-dashboard-progress {
  height: 4px;
  margin-top: 10px;
  overflow: hidden;
  display: block;
  border-radius: var(--y-r-pill);
  background: #eff0f2;
}

.y-dashboard-progress i {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: #735bd9;
}

.y-dashboard-metric strong.is-status {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #ad7710;
  font-size: var(--y-t-xs);
  letter-spacing: 0;
}

.y-dashboard-metric strong.is-status i {
  width: 7px;
  height: 7px;
  background: #e7ad28;
  border-radius: 50%;
}

.y-dashboard-activity {
  min-height: 96px;
  margin-top: 12px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.7fr 1.1fr 90px;
  align-items: center;
  gap: 18px;
  border: 1px solid #eef0f2;
  background: var(--y-white);
  box-shadow: 0 1px 3px rgba(28, 30, 34, 0.04);
}

.y-dashboard-activity header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.y-dashboard-activity header strong,
.y-dashboard-activity header small,
.y-dashboard-activity p {
  font-size: var(--y-t-xs);
}

.y-dashboard-activity header small,
.y-dashboard-activity p,
.y-dashboard-activity div small {
  color: #9ea1a7;
}

.y-dashboard-activity > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.y-dashboard-activity > div > i {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #4d98cb;
  border-radius: var(--y-r-sm);
  background: #eff8fd;
  font-size: var(--y-t-xs);
  font-style: normal;
}

.y-dashboard-activity > div:nth-of-type(2) > i {
  color: #42aa83;
  background: #eefbf6;
}

.y-dashboard-activity > div span {
  display: grid;
}

.y-dashboard-activity > div strong {
  font-size: var(--y-t-body);
}

.y-dashboard-activity > div small {
  font-size: var(--y-t-xs);
}

.y-dashboard-spark {
  height: 34px;
  border-bottom: 1px solid #63a8d2;
  clip-path: polygon(0 72%, 12% 40%, 28% 82%, 44% 18%, 60% 74%, 77% 34%, 100% 62%, 100% 68%, 77% 40%, 60% 80%, 44% 25%, 28% 88%, 12% 47%, 0 79%);
  background: #63a8d2;
}

.y-dashboard-panels {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 12px;
}

.y-dashboard-panel {
  min-height: 196px;
  padding: 16px;
}

.y-dashboard-panel > strong {
  font-size: var(--y-t-xs);
}

.y-dashboard-row {
  min-height: 50px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f1f2;
  font-size: var(--y-t-xs);
}

.y-dashboard-row::before {
  content: "";
  width: 22px;
  height: 22px;
  background: var(--y-purple-soft);
  border-radius: var(--y-r-xs);
}

.y-dashboard-row span {
  display: grid;
  gap: 3px;
}

.y-dashboard-row small,
.y-dashboard-row time {
  color: #979aa0;
  font-size: var(--y-t-xs);
}

.y-dashboard-row em {
  padding: 3px 7px;
  color: #85828b;
  background: #f2f1f4;
  border-radius: var(--y-r-pill);
  font-size: var(--y-t-xs);
  font-style: normal;
  font-weight: 500;
}

.y-dashboard-side-stack {
  display: grid;
  align-content: start;
  gap: 12px;
}

.y-dashboard-side-stack .y-dashboard-panel {
  min-height: auto;
}

.y-dashboard-deadlines .y-dashboard-row {
  grid-template-columns: 27px minmax(0, 1fr);
}

.y-dashboard-deadlines .y-dashboard-row::before {
  width: 27px;
  height: 27px;
  background: #effaf2;
  border-radius: var(--y-r-sm);
}

.y-dashboard-deadlines .y-dashboard-row span small {
  color: #4caf75;
}

.y-dashboard-units {
  display: grid;
  gap: 0;
}

.y-dashboard-units > span {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #f0f1f2;
  font-size: var(--y-t-xs);
}

.y-dashboard-units > span small {
  color: #4caf75;
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-value-strip {
  margin-top: 0;
  padding-block: 24px;
  border-block: 1px solid var(--y-line);
  background: var(--y-white);
}

.y-value-strip-inner {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.y-value-strip span {
  min-height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  color: var(--y-muted);
  border-right: 1px solid var(--y-line);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-value-strip span:last-child {
  border-right: 0;
}

.y-dual-value {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--y-line);
  background: var(--y-line);
}

.y-dual-value article {
  padding: var(--y-panel-padding);
  background: var(--y-white);
}

.y-dual-value article:last-child {
  background: var(--y-purple-soft);
}

.y-dual-value small {
  color: var(--y-purple-dark);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-dual-value h3 {
  max-width: 450px;
  margin: 34px 0 0;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: var(--y-lh-subheading);
}

.y-dual-value p {
  max-width: 520px;
  margin: 20px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-body);
  line-height: var(--y-lh-body);
}

.y-sector-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.y-sector-card {
  position: relative;
}

.y-sector-card::before {
  content: attr(data-index);
  color: var(--y-purple-dark);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-sector-card:nth-child(2n) {
  background: var(--y-purple-soft);
}

.y-sector-card:nth-child(3n) {
  background: var(--y-pink-soft);
}

.y-process-list {
  border-top: 1px solid var(--y-ink);
}

.y-process-step {
  min-height: 116px;
  padding-block: 20px;
  display: grid;
  grid-template-columns: 72px minmax(220px, 0.6fr) minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  border-bottom: 1px solid var(--y-line);
}

.y-process-step h3 {
  margin: 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.03em;
  line-height: var(--y-lh-subheading);
}

.y-process-step p {
  margin: 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-method-layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: var(--y-gap);
}

.y-method-intro .y-section-lead {
  max-width: 520px;
}

.y-method-steps {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  list-style: none;
}

.y-method-steps li {
  padding: 22px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 18px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
  background: var(--y-white);
}

.y-method-steps .y-step-number {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  border-radius: 50%;
  background: var(--y-purple-dark);
}

.y-method-steps small,
.y-sector-routes small,
.y-case-points small,
.y-case-label,
.y-setup-preview :is(section > small, header em) {
  color: var(--y-purple-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.y-method-steps h3 {
  margin: 7px 0 0;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.018em;
  line-height: var(--y-lh-subheading);
}

.y-method-steps p {
  margin: 7px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-sector-showcase {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: var(--y-gap);
}

.y-sector-chips {
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}

.y-sector-chips li {
  padding: 8px 10px;
  color: var(--y-pink-dark);
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-pill);
  background: var(--y-pink-soft);
  font-size: var(--y-t-sm);
  font-weight: 500;
}

.y-sector-routes {
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-lg) var(--y-r-lg) var(--y-sweep-sm) var(--y-r-lg);
  background: var(--y-white);
}

.y-sector-routes article {
  padding: 22px 24px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
  border-bottom: 1px solid var(--y-line);
}

.y-sector-routes article:last-child {
  border-bottom: 0;
}

.y-route-number {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--y-pink-dark);
  border-radius: 50%;
  background: var(--y-pink-soft);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
}

.y-sector-routes small {
  color: var(--y-pink-dark);
}

.y-sector-routes h3 {
  margin: 6px 0 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.018em;
  line-height: var(--y-lh-subheading);
}

.y-sector-routes p {
  margin: 7px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-route-tags {
  margin-top: 10px;
  display: block;
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  line-height: var(--y-lh-body);
}

.y-onboarding-layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: var(--y-gap);
}

.y-setup-steps {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
  list-style: none;
}

.y-setup-steps li {
  padding: 12px 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  border-top: 1px solid var(--y-line);
}

.y-setup-steps li > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--y-pink-dark);
  border-radius: 50%;
  background: var(--y-pink-soft);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
}

.y-setup-steps p,
.y-setup-steps small {
  margin: 0;
  display: block;
}

.y-setup-steps strong {
  font-size: var(--y-t-sm);
}

.y-setup-steps small {
  margin-top: 4px;
  color: var(--y-muted);
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-setup-preview {
  padding: 18px 18px 52px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-panel-radius);
  background: var(--y-white);
  box-shadow: var(--y-shadow);
}

.y-setup-preview > div {
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
}

.y-setup-preview header {
  min-height: 74px;
  padding: 14px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--y-line);
  background: var(--y-white);
}

.y-setup-client {
  display: flex;
  align-items: center;
  gap: 11px;

  min-width: 0;
  max-width: 100%;
}

.y-setup-client > b {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  border-radius: var(--y-r-sm);
  background: var(--y-baken);
  font-size: var(--y-t-mono-sm);
}

.y-setup-client > span {
  display: grid;
  gap: 3px;

  min-width: 0;
  overflow-wrap: anywhere;
}

.y-setup-client strong {
  font-size: var(--y-t-xs);
}

.y-setup-client small {
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
}

.y-setup-preview header em {
  padding: 6px 8px;
  color: var(--y-pink-dark);
  border-radius: var(--y-r-pill);
  background: var(--y-pink-soft);
  font-style: normal;
}

.y-setup-preview section {
  padding: 22px 20px 17px;
  background: var(--y-surface);
}

.y-setup-preview section > small {
  color: var(--y-pink-dark);
}

.y-setup-preview .y-visual-heading {
  display: block;
  margin: 8px 0 0;
  font-size: var(--y-t-h4);
  font-weight: 500;
  line-height: var(--y-lh-display);
}

.y-setup-preview section p {
  max-width: 440px;
  margin: 7px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-setup-track {
  height: 6px;
  margin-top: 16px;
  display: block;
  overflow: hidden;
  border-radius: var(--y-r-pill);
  background: var(--y-line);
}

.y-setup-track i {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--y-pink);
}

.y-setup-preview ul {
  margin: 0;
  padding: 0 20px;
  display: grid;
  list-style: none;
}

.y-setup-preview li {
  min-height: 62px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid var(--y-line);
}

.y-setup-preview li > b {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: var(--y-green-dark);
  border-radius: 50%;
  background: var(--y-green-soft);
  font-size: var(--y-t-mono-sm);
}

.y-setup-preview li > span {
  display: grid;
  gap: 3px;
}

.y-setup-preview li strong {
  font-size: var(--y-t-xs);
}

.y-setup-preview li small {
  color: var(--y-quiet);
  font-size: var(--y-t-mono-sm);
}

.y-setup-action {
  min-height: 44px;
  margin: 16px 20px 20px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--y-pink-dark);
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
  background: var(--y-pink-soft);
  font-size: var(--y-t-mono-sm);
  font-weight: 500;
}

.y-ai-panel {
  padding: var(--y-panel-padding);
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: var(--y-gap);
  color: var(--y-white);
  border-radius: var(--y-panel-radius);
  background: var(--y-purple-dark);
}

.y-ai-panel--portal {
  background: var(--y-ink);
}

.y-ai-panel h2 {
  margin: 0;
  font-size: var(--y-t-h2);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-heading);
}

.y-ai-panel p {
  color: rgba(255, 255, 255, 0.74);
  line-height: var(--y-lh-body);
}

.y-ai-list {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
  background: rgba(255, 255, 255, 0.2);
  list-style: none;
}

.y-ai-list li {
  padding: 22px;
  background: rgba(255, 255, 255, 0.08);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-pricing-grid {
  margin-top: 40px;
}

.y-pricing-shell {
  display: grid;
  gap: 16px;
}

.y-trial-banner {
  padding: 20px 22px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  color: var(--y-white);
  border-radius: var(--y-r-md);
  background: var(--y-ink);
}

.y-trial-badge {
  padding: 7px 9px;
  color: var(--y-ink);
  border-radius: var(--y-r-pill);
  background: var(--y-green);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.09em;
}

.y-trial-banner h3 {
  margin: 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.015em;
  line-height: var(--y-lh-subheading);
}

.y-trial-banner p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-trial-banner .y-button-link {
  min-height: 42px;
  color: var(--y-pink-dark);
  border-color: var(--y-white);
  background: var(--y-white);
}

.y-plan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.y-pricing-card {
  min-height: 430px;
  display: flex;
  flex-direction: column;
  border-radius: var(--y-card-radius);
}

.y-pricing-card.is-featured {
  color: var(--y-white);
  border-radius: var(--y-r-lg) var(--y-r-lg) var(--y-sweep-sm) var(--y-r-lg);
  background: var(--y-pink-dark);
}

.y-pricing-card.is-featured p,
.y-pricing-card.is-featured li,
.y-pricing-card.is-featured .y-price-period {
  color: rgba(255, 255, 255, 0.74);
}

.y-price {
  margin-top: 24px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.y-price-prefix {
  align-self: flex-start;
  padding-top: 7px;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  text-transform: uppercase;
}

.y-price strong {
  font-size: var(--y-t-h2);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.y-price-period {
  color: var(--y-muted);
  font-size: var(--y-t-sm);
}

.y-pricing-card ul {
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
  list-style: none;
}

.y-pricing-card li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 9px;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-pricing-card li::before {
  content: "✓";
  color: var(--y-pink-dark);
  font-weight: 500;
}

.y-pricing-card.is-featured li::before {
  color: #8de0c0;
}

.y-pricing-card .y-button-link {
  margin-top: auto;
  align-self: flex-start;
}

.y-pricing-card.is-featured .y-button-link {
  color: var(--y-pink-dark);
  border-color: var(--y-white);
  background: var(--y-white);
}

.y-plan-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.y-plan-header em {
  color: var(--y-pink-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.y-pricing-card.is-featured .y-plan-header em {
  color: #bde9ec;
}

.y-faq-list {
  border-top: 1px solid var(--y-ink);
}

.y-faq-list .wp-block-details {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--y-line);
}

.y-faq-list summary {
  padding: 26px 54px 26px 0;
  position: relative;
  cursor: pointer;
  font-size: var(--y-t-h3);
  font-weight: 500;
  list-style: none;
}

.y-faq-list summary::-webkit-details-marker {
  display: none;
}

.y-faq-list summary::after {
  content: "+";
  position: absolute;
  right: 10px;
  font-size: var(--y-t-h3);
  font-weight: 400;
}

.y-faq-list details[open] summary::after {
  content: "−";
}

.y-faq-list details > p {
  max-width: 760px;
  margin: 0;
  padding: 0 54px 26px 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-system-map {
  margin-top: 40px;
  padding: var(--y-panel-padding);
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-lg);
  background: var(--y-white);
  box-shadow: var(--y-shadow);
}

.y-system-map-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
}

.y-system-node {
  min-height: 150px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
  background: var(--y-surface);
}

.y-system-node.is-core {
  color: var(--y-white);
  border-color: var(--y-purple-dark);
  background: var(--y-purple-dark);
}

.y-system-map--connect .y-system-node.is-core {
  border-color: var(--y-green-dark);
  background: var(--y-green-dark);
}

.y-system-map--connect .y-system-arrow,
.y-system-map--connect .y-system-desk a {
  color: var(--y-green-dark);
}

.y-system-map--connect .y-system-desk {
  color: var(--y-green-dark);
  border-color: #bfe2cc;
  background: var(--y-green-soft);
}

.y-system-map--desk .y-system-node.is-core {
  border-color: var(--y-green-dark);
  background: var(--y-green-dark);
}

.y-system-map--desk .y-system-arrow {
  color: var(--y-green-dark);
}

.y-system-map--desk .y-system-desk {
  color: var(--y-green-dark);
  border-color: #f2c6b7;
  background: var(--y-green-soft);
}

.y-system-node small {
  color: var(--y-quiet);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-system-node.is-core small {
  color: rgba(255, 255, 255, 0.67);
}

.y-system-node strong {
  font-size: var(--y-t-h4);
}

.y-system-arrow {
  display: grid;
  place-items: center;
  color: var(--y-purple-dark);
  font-size: var(--y-t-h3);
}

.y-system-desk {
  margin: 18px 0 0 calc(33.33% + 18px);
  padding: 22px;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 24px;
  color: #155b47;
  border: 1px solid #acdcca;
  border-radius: var(--y-r-sm);
  background: var(--y-pink-soft);
}

.y-system-desk p {
  margin: 0;
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-service-list {
  margin-top: 40px;
  border-top: 1px solid var(--y-line);
}

.y-split > .y-service-list {
  margin-top: 0;
}

.y-service-row {
  min-height: 116px;
  padding-block: 22px;
  display: grid;
  grid-template-columns: 70px minmax(250px, 0.65fr) minmax(0, 1.35fr);
  gap: 34px;
  border-bottom: 1px solid var(--y-line);
}

.y-service-row h3 {
  margin: 0;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-subheading);
}

.y-service-row p {
  max-width: 680px;
  margin: 0;
  color: var(--y-muted);
  line-height: var(--y-lh-body);
}

.y-proof-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.y-proof-shell {
  margin-top: 0;
  background: var(--y-white);
}

.y-proof-bar div {
  min-height: 118px;
  padding: 24px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
}

.y-proof-bar strong {
  display: block;
  font-size: var(--y-t-body);
}

.y-proof-bar span {
  margin-top: 9px;
  display: block;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-post-grid .wp-block-post-template {
  margin: 0;
  padding: 0;
  gap: 1px;
  border: 0;
  background: transparent;
  list-style: none;
}

.y-section-heading + .y-post-grid {
  margin-top: 40px;
}

.y-post-grid .wp-block-post {
  min-width: 0;
  margin: 0;
  padding: 34px;
  border: 1px solid var(--y-line);
  background: var(--y-white);
}

.fluentform .ff-el-form-control {
  border-color: var(--y-line);
  border-radius: var(--y-r-sm);
}

.fluentform .ff-el-form-control:focus {
  border-color: var(--y-purple-dark);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--y-purple) 18%, transparent);
}

.fluentform .ff-btn-submit.ff_btn_style {
  min-height: 48px;
  padding: 12px 20px;
  color: var(--y-white) !important;
  border: 1px solid var(--y-purple) !important;
  border-radius: 999px !important;
  background: var(--y-purple) !important;
  font-size: var(--y-t-sm);
  font-weight: 500;
}

.fluentform .ff-btn-submit.ff_btn_style:hover {
  color: var(--y-white) !important;
  border-color: var(--y-purple-dark) !important;
  background: var(--y-purple-dark) !important;
}

.y-post-grid .wp-block-post-date,
.y-post-grid .wp-block-post-terms {
  color: var(--y-quiet);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-post-grid .wp-block-post-title {
  margin-top: 24px;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: var(--y-lh-subheading);
}

.y-post-grid .wp-block-post-title a {
  text-decoration: none;
}

.y-post-grid .wp-block-post-excerpt {
  margin-top: 16px;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-post-grid .wp-block-post-excerpt__more-link {
  margin-top: 20px;
  display: inline-flex;
  color: var(--y-purple-dark);
  font-weight: 500;
  text-underline-offset: 4px;
}

.y-pagination {
  margin-top: 44px;
}

.y-article-header {
  padding-block: var(--y-section-space) var(--y-card-padding);
}

.y-article-header .wp-block-post-title,
.y-archive-title {
  max-width: 880px;
  font-size: var(--y-t-h2);
  font-weight: 500;
  letter-spacing: -0.058em;
  line-height: var(--y-lh-heading);
}

.y-article-meta {
  margin-top: 24px;
  color: var(--y-quiet);
  font-size: var(--y-t-sm);
}

.y-article-content {
  padding-bottom: clamp(56px, 7vw, 88px);
}

.y-article-featured {
  margin-bottom: clamp(42px, 7vw, 76px);
}

.y-article-content p,
.y-article-content li {
  font-size: var(--y-t-body);
  line-height: var(--y-lh-body);
}

.y-article-content h2,
.y-article-content h3,
.y-article-content h4 {
  letter-spacing: -0.035em;
}

.y-article-content h2 {
  margin-top: 1.7em;
}

.y-article-content h3,
.y-article-content h4 {
  margin-top: 1.35em;
}

.y-article-content ul,
.y-article-content ol {
  padding-left: 1.35em;
}

.y-article-content li + li {
  margin-top: 0.45em;
}

.y-article-content a:not(.wp-block-button__link) {
  color: var(--y-purple-dark);
}

.y-article-content figure,
.y-article-content .wp-block-image,
.y-article-content .wp-block-gallery,
.y-article-content .wp-block-embed,
.y-article-content .wp-block-table,
.y-article-content blockquote,
.y-article-content pre,
.y-article-content .wp-block-separator {
  margin-block: 1.75rem;
}

.y-article-content img {
  max-width: 100%;
  height: auto;
}

.y-article-content iframe,
.y-article-content video,
.y-article-content audio {
  max-width: 100%;
}

.y-article-content figcaption,
.y-article-content .wp-element-caption {
  margin-top: 0.75rem;
  color: var(--y-quiet);
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
  text-align: left;
}

.y-article-content blockquote {
  padding: 1.5rem 1.75rem;
  border-left: 4px solid var(--y-purple);
  background: var(--y-purple-soft);
}

.y-article-content blockquote > :first-child {
  margin-top: 0;
}

.y-article-content blockquote > :last-child {
  margin-bottom: 0;
}

.y-article-content .wp-block-table {
  overflow-x: auto;
}

.y-article-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--y-t-sm);
}

.y-article-content th,
.y-article-content td {
  padding: 0.85rem 1rem;
  border: 1px solid var(--y-line);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.y-article-content th {
  background: var(--y-surface);
  font-weight: 500;
}

.y-article-content pre {
  overflow-x: auto;
  padding: 1.5rem;
  color: var(--y-white);
  background: var(--y-ink);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
  white-space: pre;
}

.y-article-content :not(pre) > code {
  padding: 0.12em 0.38em;
  background: var(--y-surface);
  font-size: 0.9em;
}

.y-article-content .wp-block-separator {
  border-color: var(--y-line);
}

.y-post-navigation {
  padding-block: 28px;
  border-block: 1px solid var(--y-line);
}

.y-cta-panel {
  padding: var(--y-panel-padding);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
  overflow: hidden;
  color: var(--y-white);
  border-radius: var(--y-panel-radius);
  background: var(--y-purple-dark);
}

.y-cta-panel h2 {
  max-width: 780px;
  margin: 0;
  font-size: var(--y-t-h2);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--y-lh-heading);
}

.y-cta-panel p {
  max-width: 650px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--y-t-body);
  line-height: var(--y-lh-body);
}

.y-cta-panel .wp-block-button__link {
  color: var(--y-ink);
  border-color: var(--y-white);
  background: var(--y-white);
}

.y-site-footer {
  margin-top: 0;
  color: rgba(255, 255, 255, 0.75);
  background: var(--y-ink);
}

.y-footer-main {
  padding-block: 56px 40px;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, .7fr));
  gap: var(--y-gap);
}

.y-footer-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 24px var(--y-gap);
  padding-block: var(--y-card-padding);
  border-top: 1px solid rgba(255, 255, 255, .2);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}
.y-footer-identity > * { min-width: 0; margin: 0; }
.y-footer-identity strong { color: var(--y-white); font-weight: 500; }
.y-footer-identity address { font-style: normal; }
.y-footer-identity a { color: inherit; text-underline-offset: .2em; }

.y-footer-intro p {
  max-width: 350px;
  margin-top: 24px;
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-footer-column strong {
  color: var(--y-white);
  font-size: var(--y-t-xs);
}

.y-footer-column a {
  display: block;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--y-t-xs);
  text-decoration: none;
}

.y-footer-column a:hover {
  color: var(--y-white);
}

.y-footer-bottom {
  min-height: 72px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.52);
  font-size: var(--y-t-xs);
}

.y-404 {
  min-height: 66vh;
  display: grid;
  place-items: center;
  text-align: center;
}

.y-404 .y-display {
  max-width: 760px;
}

.y-search-form {
  margin-top: 30px;
}

/* Case pages and product-specific use cases. */
.y-product-pill,
.y-case-company {
  width: fit-content;
  min-height: 25px;
  padding: 5px 9px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-pill);
  background: var(--y-white);
  color: var(--y-ink);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.08em;
  line-height: var(--y-lh-display);
  text-transform: uppercase;
}

.y-case-company {
  min-height: 30px;
  padding-inline: 11px;
  color: var(--y-white);
  border-color: var(--y-ink);
  background: var(--y-ink);
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: var(--y-t-mono-sm);
  letter-spacing: -0.01em;
  text-transform: none;
}

.y-case-company.is-baken {
  border-color: var(--y-baken);
  background: var(--y-baken);
}

.y-product-pill.is-connect {
  color: var(--y-green-dark);
  border-color: color-mix(in srgb, var(--y-green) 45%, var(--y-white));
  background: var(--y-green-soft);
}

.y-product-pill.is-desk {
  color: var(--y-green-dark);
  border-color: color-mix(in srgb, var(--y-green) 40%, var(--y-white));
  background: var(--y-green-soft);
}

.y-product-pill.is-portal {
  color: var(--y-pink-dark);
  border-color: color-mix(in srgb, var(--y-pink) 40%, var(--y-white));
  background: var(--y-pink-soft);
}

.y-button-link.is-connect {
  border-color: var(--y-green-deep);
  background: var(--y-green-deep);
}

.y-button-link.is-connect:hover {
  border-color: var(--y-green-dark);
  background: var(--y-green-dark);
}

.y-button-link.is-secondary {
  color: var(--y-ink);
  border-color: var(--y-line);
  background: var(--y-white);
}

.y-button-link.is-secondary:hover {
  color: var(--y-purple-dark);
  border-color: var(--y-purple);
  background: var(--y-purple-soft);
}

.y-button-link.is-secondary.is-desk:hover {
  color: var(--y-green-dark);
  border-color: var(--y-green);
  background: var(--y-green-soft);
}

.y-case-hero-actions {
  gap: 12px;
}

.y-case-hero-actions .y-button-link {
  min-height: 46px;
  padding-inline: 18px;
  white-space: nowrap;
}

.y-button-link.is-portal {
  border-color: var(--y-pink-deep);
  background: var(--y-pink-deep);
}

.y-button-link.is-portal:hover {
  border-color: var(--y-pink-dark);
  background: var(--y-pink);
}

.y-case-index-hero {
  position: relative;
  overflow: hidden;
}

.y-case-index-hero::after {
  content: "";
  width: 260px;
  height: 260px;
  position: absolute;
  right: -104px;
  bottom: -150px;
  border-radius: 50%;
  background: var(--y-purple-soft);
  pointer-events: none;
}

.y-case-index-intro {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: end;
  gap: var(--y-gap);
}

.y-case-index-intro .y-display {
  max-width: 850px;
}

.y-case-index-principles {
  padding: 8px 30px 34px;
  overflow: hidden;
  color: var(--y-white);
  border-radius: var(--y-panel-radius);
  background: var(--y-purple-dark);
}

.y-case-index-principles p {
  margin: 0;
  padding-block: 21px;
  display: grid;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.y-case-index-principles p:last-child {
  border-bottom: 0;
}

.y-case-index-principles small {
  color: #cecdff;
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.08em;
}

.y-case-index-principles strong {
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-case-index-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.y-case-index-card {
  padding: var(--y-card-padding);
  display: flex;
  flex-direction: column;
  color: var(--y-ink);
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
  background: var(--y-white);
  text-decoration: none;
  transition: border-color 160ms ease, background-color 160ms ease;
}

.y-case-index-card.is-foravida {
  }

.y-case-index-card.is-baken {
  border-radius: var(--y-panel-radius);
}

.y-case-index-card:hover {
  background: #fdfdff;
}

.y-case-index-card.is-foravida:hover {
  }

.y-case-index-card.is-baken:hover {
  }

.y-case-index-card > header,
.y-case-brand-row,
.y-case-teaser-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.y-case-index-card > div {
  margin-top: 54px;
}

.y-case-index-card .y-eyebrow {
  margin-bottom: 13px;
}

.y-case-index-card h2 {
  max-width: 650px;
  margin: 0;
  font-size: var(--y-t-h2);
  font-weight: 500;
  letter-spacing: -0.027em;
  line-height: var(--y-lh-heading);
}

.y-case-index-card > div > p:last-child {
  max-width: 630px;
  margin: 22px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-case-index-card > footer {
  margin-top: auto;
  padding-top: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--y-line);
  color: var(--y-muted);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
}

.y-case-index-card footer b {
  color: var(--y-purple-dark);
}

.y-case-index-card footer em {
  margin-left: auto;
  color: var(--y-ink);
  font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: var(--y-t-xs);
  font-style: normal;
  font-weight: 500;
}

.y-case-page-hero {
  padding-block: var(--y-section-space);
  background: var(--y-white);
}

.y-case-page--foravida {
  --y-case-accent: var(--y-green);
  --y-case-accent-dark: var(--y-green-dark);
  --y-case-accent-soft: var(--y-green-soft);
}

.y-case-page--baken {
  --y-case-accent: var(--y-pink);
  --y-case-accent-dark: var(--y-pink-dark);
  --y-case-accent-soft: var(--y-pink-soft);
}

.y-case-breadcrumb {
  margin-bottom: 42px;
  display: flex;
  gap: 9px;
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.y-case-breadcrumb a {
  color: var(--y-muted);
  text-decoration: none;
}

.y-case-breadcrumb a:hover {
  color: var(--y-purple-dark);
}

.y-case-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: var(--y-gap);
}

.y-case-index-intro > *,
.y-case-hero-grid > *,
.y-case-problem-layout > *,
.y-case-product-pair > *,
.y-case-outcome-layout > *,
.y-case-role-layout > *,
.y-case-before-after > *,
.y-case-teaser > * {
  min-width: 0;
}

.y-case-hero-copy .y-case-brand-row {
  margin-bottom: 22px;
}

.y-case-hero-copy .y-eyebrow {
  color: var(--y-case-accent-dark);
}

.y-case-hero-copy .y-lead {
  max-width: 760px;
}

.y-case-live-context,
.y-baken-portal-preview {
  padding: 18px 18px 46px;
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-top: 5px solid var(--y-case-accent);
  border-radius: var(--y-panel-radius);
  background: var(--y-surface);
}

.y-case-live-context > div,
.y-baken-portal-preview > div {
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
  background: var(--y-white);
  box-shadow: var(--y-shadow);
}

.y-case-live-context header,
.y-baken-portal-preview header {
  min-height: 52px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid var(--y-line);
}

.y-case-live-context header span,
.y-case-live-context header em,
.y-baken-portal-preview header em {
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  font-style: normal;
  letter-spacing: 0.07em;
}

.y-case-live-context header em,
.y-baken-portal-preview header em {
  margin-left: auto;
  color: var(--y-case-accent-dark);
}

.y-context-event,
.y-context-connect,
.y-context-desk {
  margin: 14px;
  padding: 16px;
  display: grid;
  gap: 5px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
}

.y-context-event small,
.y-context-destinations small,
.y-context-desk small {
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.07em;
}

.y-context-event span,
.y-context-connect small,
.y-context-desk p {
  color: var(--y-muted);
  font-size: var(--y-t-mono-sm);
}

.y-context-connect {
  color: var(--y-white);
  border-color: var(--y-green-dark);
  background: var(--y-green-dark);
}

.y-context-connect .y-product-pill {
  margin-bottom: 7px;
}

.y-context-connect small {
  color: rgba(255, 255, 255, 0.7);
}

.y-context-destinations {
  margin: 0 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.y-context-destinations span {
  padding: 13px;
  display: grid;
  gap: 4px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
}

.y-context-destinations strong {
  font-size: var(--y-t-xs);
}

.y-context-desk {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  border-color: color-mix(in srgb, var(--y-green) 40%, var(--y-line));
  background: var(--y-green-soft);
}

.y-context-desk div {
  display: grid;
  gap: 5px;
}

.y-context-desk p {
  margin: 0;
}

.y-baken-mark {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  border-radius: var(--y-r-sm);
  background: var(--y-baken);
  font-size: var(--y-t-mono-sm);
  font-weight: 500;
}

.y-baken-portal-preview header > div {
  display: grid;
  gap: 2px;
}

.y-baken-portal-preview header strong {
  font-size: var(--y-t-xs);
}

.y-baken-portal-preview header small {
  color: var(--y-quiet);
  font-size: var(--y-t-mono-sm);
}

.y-baken-welcome {
  padding: 24px 20px;
  display: grid;
  gap: 7px;
  color: var(--y-white);
  background: var(--y-pink-dark);
}

.y-baken-welcome small,
.y-baken-preview-grid small {
  color: #b9edf0;
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.07em;
}

.y-baken-welcome strong {
  font-size: var(--y-t-body);
}

.y-baken-welcome p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: var(--y-t-mono-sm);
}

.y-baken-preview-grid {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.y-baken-preview-grid section {
  min-height: 105px;
  padding: 13px;
  display: grid;
  align-content: start;
  gap: 7px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-sm);
}

.y-baken-preview-grid strong {
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-baken-preview-grid span {
  margin-top: auto;
  color: var(--y-muted);
  font-size: var(--y-t-mono-sm);
}

.y-case-fact-strip {
  margin: 0;
  border-block: 1px solid var(--y-line);
  background: var(--y-green-soft);
}

.y-case-fact-strip--baken {
  background: var(--y-pink-soft);
}

.y-case-fact-strip > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.y-case-fact-strip span {
  min-height: 96px;
  padding: 22px;
  display: grid;
  align-content: center;
  gap: 6px;
  border-right: 1px solid color-mix(in srgb, var(--y-green-dark) 18%, transparent);
}

.y-case-fact-strip--baken span {
  border-right-color: color-mix(in srgb, var(--y-pink-dark) 18%, transparent);
}

.y-case-fact-strip span:last-child {
  border-right: 0;
}

.y-case-fact-strip small {
  color: var(--y-green-dark);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.y-case-fact-strip--baken small {
  color: var(--y-pink-dark);
}

.y-case-fact-strip strong {
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-case-problem-layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: var(--y-gap);
}

.y-case-question-list {
  border-top: 1px solid var(--y-green-dark);
}

.y-case-question-list.is-baken {
  border-top-color: var(--y-pink-dark);
}

.y-case-question-list p {
  min-height: 76px;
  margin: 0;
  padding-block: 18px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--y-line);
}

.y-case-question-list small {
  color: var(--y-green-dark);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
}

.y-case-question-list.is-baken small {
  color: var(--y-pink-dark);
}

.y-case-question-list span {
  font-size: var(--y-t-body);
  font-weight: 500;
  line-height: var(--y-lh-body);
}

.y-case-product-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.y-case-product-pair article {
  padding: var(--y-card-padding);
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
  background: var(--y-white);
}

.y-case-product-pair article.is-connect {
  background: linear-gradient(180deg, var(--y-green-soft), var(--y-white) 44%);
}

.y-case-product-pair article.is-desk {
  border-radius: var(--y-panel-radius);
  background: linear-gradient(180deg, var(--y-green-soft), var(--y-white) 44%);
}

.y-case-concept-label {
  width: fit-content;
  margin: 0 0 12px;
  color: var(--y-orange-dark) !important;
  font-family: var(--y-mono);
  font-size: 0.61rem !important;
  font-weight: 300;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.y-case-product-pair h3 {
  max-width: 520px;
  margin: 48px 0 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.025em;
  line-height: var(--y-lh-subheading);
}

.y-case-product-pair article > p {
  max-width: 600px;
  margin: 20px 0 0;
  color: var(--y-muted);
  line-height: var(--y-lh-body);
}

.y-case-product-pair ul,
.y-case-before-after ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
  list-style: none;
}

.y-case-product-pair li,
.y-case-before-after li {
  padding-left: 25px;
  position: relative;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-case-product-pair li::before,
.y-case-before-after li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--y-green-dark);
  font-weight: 500;
}

.y-case-product-pair .is-desk li::before {
  color: var(--y-green-dark);
}

.y-usecase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.y-usecase-grid article {
  padding: 25px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
  background: var(--y-white);
}

.y-usecase-grid article.is-connect {
  }

.y-usecase-grid article.is-desk {
  }

.y-usecase-grid small,
.y-case-journey small,
.y-case-role-cards small {
  color: var(--y-purple-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.y-usecase-grid article.is-connect small {
  color: var(--y-green-dark);
}

.y-usecase-grid article.is-desk small {
  color: var(--y-green-dark);
}

.y-usecase-grid h3 {
  margin: 20px 0 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.018em;
  line-height: var(--y-lh-subheading);
}

.y-usecase-grid p {
  margin: 15px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-usecase-grid article > span {
  margin-top: auto;
  padding-top: 22px;
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
}

.y-usecase-grid--baken article {
  }

.y-usecase-grid--baken article:nth-child(2) {
  background: var(--y-pink-soft);
}

.y-usecase-grid--baken article:nth-child(3) {
  border-radius: var(--y-panel-radius);
}

.y-usecase-grid--baken small {
  color: var(--y-pink-dark);
}

.y-case-outcome-layout,
.y-case-role-layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: var(--y-gap);
}

.y-case-outcome-steps {
  margin: 0;
  padding: 0;
  display: grid;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.28);
}

.y-case-outcome-steps li {
  padding-block: 20px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.y-case-outcome-steps > li > span {
  color: var(--y-green);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
}

.y-case-outcome-steps strong {
  font-size: var(--y-t-sm);
}

.y-case-outcome-steps p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-case-scope-note {
  padding: 25px 28px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
  background: var(--y-green-soft);
}

.y-case-scope-note.is-baken {
  background: var(--y-pink-soft);
}

.y-case-scope-note strong {
  font-size: var(--y-t-sm);
}

.y-case-scope-note p {
  margin: 0;
  color: var(--y-muted);
  font-size: var(--y-t-xs);
  line-height: var(--y-lh-body);
}

.y-case-scope-note a {
  color: var(--y-ink);
  font-size: var(--y-t-xs);
  font-weight: 500;
  white-space: nowrap;
  text-underline-offset: 4px;
}

.y-case-before-after {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
}

.y-case-before-after article {
  padding: var(--y-card-padding);
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
  background: var(--y-white);
}

.y-case-before-after .is-before {
  background: var(--y-surface);
}

.y-case-before-after .is-after {
  border-radius: var(--y-panel-radius);
  background: linear-gradient(180deg, var(--y-pink-soft), var(--y-white) 48%);
}

.y-case-before-after article > small {
  color: var(--y-quiet);
  font-family: var(--y-mono); font-weight: 300;
  font-size: var(--y-t-mono-sm);
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.y-case-before-after h3 {
  margin: 46px 0 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.025em;
  line-height: var(--y-lh-subheading);
}

.y-case-before-after .is-after h3 {
  margin-top: 42px;
}

.y-case-before-after .is-before li::before {
  content: "—";
  color: var(--y-quiet);
}

.y-case-before-after .is-after li::before {
  color: var(--y-pink-dark);
}

.y-case-switch {
  width: 48px;
  height: 48px;
  align-self: center;
  display: grid;
  place-items: center;
  color: var(--y-white);
  border-radius: 50%;
  background: var(--y-pink-dark);
  font-family: var(--y-mono); font-weight: 300;
}

.y-case-journey {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-panel-radius);
  background: var(--y-white);
  list-style: none;
}

.y-case-journey li {
  min-height: 260px;
  padding: 25px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-content: start;
  gap: 14px;
  border-right: 1px solid var(--y-line);
  border-bottom: 1px solid var(--y-line);
}

.y-case-journey li:nth-child(3n) {
  border-right: 0;
}

.y-case-journey li:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.y-case-journey > li > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: var(--y-pink-dark);
  border-radius: 50%;
  background: var(--y-pink-soft);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
}

.y-case-journey small {
  color: var(--y-pink-dark);
}

.y-case-journey h3 {
  margin: 13px 0 0;
  font-size: var(--y-t-h3);
  line-height: var(--y-lh-subheading);
}

.y-case-journey p {
  margin: 12px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-case-role-cards {
  display: grid;
  gap: 10px;
}

.y-case-role-cards article {
  padding: 20px 22px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--y-r-sm);
  background: rgba(255, 255, 255, 0.05);
}

.y-case-role-cards small {
  color: #8bd7de;
}

.y-case-role-cards strong {
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-case-teaser-section {
  background: var(--y-white);
}

.y-case-teaser {
  min-height: 220px;
  padding: var(--y-card-padding);
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 54px;
  align-items: center;
  gap: var(--y-gap);
  color: var(--y-ink);
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
  background: linear-gradient(100deg, var(--y-green-soft), var(--y-white) 52%);
  text-decoration: none;
}

.y-case-teaser.is-baken {
  border-radius: var(--y-panel-radius);
  background: linear-gradient(100deg, var(--y-pink-soft), var(--y-white) 52%);
}

.y-case-teaser.is-desk {
  background: linear-gradient(100deg, var(--y-green-soft), var(--y-white) 52%);
}

.y-case-teaser h2 {
  margin: 0;
  font-size: var(--y-t-h2);
  letter-spacing: -0.025em;
  line-height: var(--y-lh-heading);
}

.y-case-teaser .y-eyebrow {
  margin-bottom: 12px;
}

.y-case-teaser > div > p:last-child {
  margin: 14px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-case-teaser-arrow {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--y-white);
  border-radius: 50%;
  background: var(--y-ink);
  font-family: var(--y-mono); font-weight: 300;
  transition: background-color 160ms ease;
}

.y-case-teaser:hover .y-case-teaser-arrow {
  background: var(--y-purple-dark);
}

.y-case-inline-link {
  margin-top: 24px;
}

/* Product stories and verified demo screens. */
.y-product-screen {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d9dde4;
  border-radius: var(--y-r-sm);
  background: var(--y-white);
  box-shadow: 0 14px 32px rgba(38, 40, 47, 0.13);
}

.y-product-screen figcaption {
  min-height: 44px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--y-line);
  background: var(--y-white);
}

.y-product-screen figcaption strong {
  color: var(--y-ink);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-product-screen figcaption span {
  color: var(--y-muted);
  font-size: var(--y-t-mono-sm);
  text-align: right;
}

.y-product-screen img {
  width: 100%;
  height: auto;
  display: block;
}

.y-product-screen--connect {
  }

.y-product-screen--desk {
  }

.y-product-screen--portal,
.y-product-screen--portal-admin {
  }

.y-demo-disclosure {
  margin: 0;
  color: var(--y-muted);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.08em;
  line-height: var(--y-lh-body);
  text-transform: uppercase;
}

.y-home-hero .y-hero-grid,
.y-product-hero--commerce .y-hero-grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
}

.y-home-screen-composition,
.y-commerce-screen-stack {
  min-width: 0;
  min-height: 500px;
  padding: 24px 0 42px 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
}

.y-home-screen-composition {
  background: var(--y-purple-soft);
}

.y-home-screen-composition .y-product-screen--connect,
.y-commerce-screen-stack .y-product-screen--connect {
  width: 88%;
  position: relative;
  z-index: 1;
}

.y-home-screen-composition .y-product-screen--portal,
.y-commerce-screen-stack .y-product-screen--desk {
  width: 67%;
  position: absolute;
  right: 22px;
  bottom: 42px;
  z-index: 2;
}

.y-home-screen-composition .y-demo-disclosure,
.y-commerce-screen-stack .y-demo-disclosure {
  position: absolute;
  bottom: 14px;
  left: 24px;
}

.y-expertise-grid .y-kicker-card:nth-child(1) {
  }

.y-expertise-grid .y-kicker-card:nth-child(2) {
  }

.y-expertise-grid .y-kicker-card:nth-child(3) {
  }

.y-expertise-result {
  margin: 18px 0 0;
  padding: 17px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
  color: var(--y-ink);
  border: 1px solid var(--y-line);
  background: var(--y-white);
  font-size: var(--y-t-xs);
  font-weight: 500;
  text-align: center;
}

.y-expertise-result span {
  color: var(--y-purple);
}

.y-lockup-pair {
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.y-lockup-pair .y-product-lockup {
  margin: 0;
}

.y-offering-stack {
  display: grid;
  gap: 18px;
}

.y-offering {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  overflow: hidden;
  border: 1px solid var(--y-line);
  border-radius: var(--y-r-md);
  background: var(--y-white);
}

.y-offering-copy {
  min-width: 0;
  padding: var(--y-panel-padding);
}

.y-offering-copy .y-eyebrow {
  margin-bottom: 13px;
}

.y-offering-copy h3 {
  max-width: 620px;
  margin: 0;
  font-size: var(--y-t-h3);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: var(--y-lh-subheading);
}

.y-offering-copy > p:not(.y-eyebrow):not(.y-product-lockup) {
  max-width: 620px;
  margin: 20px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-offering-copy .y-button-link {
  margin-top: 28px;
}

.y-offering-points {
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
  list-style: none;
}

.y-offering-points li {
  position: relative;
  padding-left: 17px;
  color: var(--y-ink);
  font-size: var(--y-t-xs);
  font-weight: 500;
  line-height: var(--y-lh-body);
}

.y-offering-points li::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0.48em;
  left: 0;
  border-radius: 50%;
  background: var(--y-purple);
}

.y-offering-screens {
  min-width: 0;
  min-height: 560px;
  padding: var(--y-panel-padding);
  display: block;
  position: relative;
  overflow: hidden;
  background: var(--y-surface);
}

.y-offering-screens > .y-product-screen:first-child {
  width: 82%;
  position: absolute;
  top: clamp(34px, 4vw, 48px);
  left: clamp(26px, 3.2vw, 42px);
  z-index: 1;
}

.y-offering-screens > .y-product-screen:nth-child(2) {
  width: 68%;
  position: absolute;
  right: clamp(26px, 3.2vw, 42px);
  bottom: 46px;
  z-index: 2;
}

.y-offering-screens .y-demo-disclosure {
  position: absolute;
  bottom: 17px;
  left: clamp(26px, 3.2vw, 42px);
}

.y-offering--commerce {
  }

.y-offering--commerce .y-offering-screens {
  background: var(--y-ink);
}

.y-offering--commerce .y-offering-points li::before {
  background: var(--y-green-dark);
}

.y-offering--commerce .y-demo-disclosure {
  color: rgba(255, 255, 255, 0.65);
}

.y-offering--portal {
  }

.y-offering--portal .y-offering-copy,
.y-offering--portal .y-offering-screens {
  background: var(--y-pink-soft);
}

.y-offering--portal .y-offering-points li::before {
  background: var(--y-pink-dark);
}

.y-offering--custom {
  }

.y-build-examples {
  padding: var(--y-panel-padding);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: 10px;
  background: var(--y-purple-soft);
}

.y-build-examples span {
  min-height: 74px;
  padding: 16px;
  display: flex;
  align-items: center;
  border: 1px solid var(--y-line);
  background: var(--y-white);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-product-hero--commerce {
  --y-product-accent: var(--y-green);
  --y-product-accent-dark: var(--y-green-dark);
  --y-product-accent-soft: var(--y-green-soft);
  background: #f4f6f5;
}

.y-product-hero--commerce .y-hero-kicker {
  color: var(--y-green-dark);
}

.y-product-hero--commerce .wp-block-button__link {
  border-color: var(--y-green-dark);
  background: var(--y-green-dark);
}

.y-product-hero--commerce :is(.is-style-outline) > .wp-block-button__link {
  color: var(--y-ink);
  border-color: #cbd2ce;
  background: transparent;
}

.y-commerce-screen-stack {
  background: var(--y-ink);
}

.y-commerce-screen-stack .y-product-screen--desk {
  width: 70%;
}

.y-commerce-screen-stack .y-demo-disclosure {
  color: rgba(255, 255, 255, 0.65);
}

.y-portal-hero-copy {
  max-width: 980px;
}

.y-portal-product-story {
  margin-top: 50px;
  padding: var(--y-panel-padding);
  border: 0;
  border-radius: var(--y-card-radius);
  background: var(--y-pink-soft);
}

.y-portal-story-intro {
  margin-bottom: 22px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
}

.y-portal-story-intro strong {
  max-width: 780px;
  font-size: var(--y-t-h2);
  line-height: var(--y-lh-body);
}

.y-portal-story-intro span {
  flex: 0 0 auto;
  color: var(--y-pink-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.y-portal-screen-pair {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: end;
  gap: 16px;
}

.y-automation-steps {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--y-line);
  background: var(--y-white);
  list-style: none;
}

.y-automation-steps li {
  min-width: 0;
  min-height: 250px;
  padding: var(--y-panel-padding);
  display: grid;
  grid-template-rows: auto 1fr;
  align-content: start;
  gap: 34px;
  border-right: 1px solid var(--y-line);
}

.y-automation-steps li:last-child {
  border-right: 0;
}

.y-automation-steps li > span {
  color: var(--y-purple-dark);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
}

.y-automation-steps small {
  color: var(--y-muted);
  font-family: var(--y-mono);
  font-size: var(--y-t-mono-sm);
  font-weight: 300;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.y-automation-steps h3 {
  margin: 10px 0 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.02em;
  line-height: var(--y-lh-subheading);
}

.y-automation-steps p {
  margin: 10px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-automation-steps li.is-exception {
  background: var(--y-orange-soft);
}

.y-automation-steps li.is-exception > span,
.y-automation-steps li.is-exception small {
  color: var(--y-orange-dark);
}

.y-automation-steps--commerce li:not(.is-exception) > span,
.y-automation-steps--commerce li:not(.is-exception) small {
  color: var(--y-green-dark);
}

.y-automation-note {
  padding: 20px 22px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 24px;
  color: var(--y-muted);
  border: 1px solid var(--y-line);
  border-top: 0;
  background: var(--y-white);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-automation-note strong {
  color: var(--y-ink);
}

.y-operation-handoff {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--y-line);
  border-top: 0;
  background: var(--y-white);
}

.y-operation-handoff > div {
  min-width: 0;
  padding: var(--y-panel-padding);
}

.y-operation-handoff > div + div {
  border-left: 1px solid var(--y-line);
}

.y-operation-handoff .y-product-lockup {
  margin-bottom: 18px;
}

.y-operation-handoff h3 {
  margin: 0;
  font-size: var(--y-t-h3);
  letter-spacing: -0.02em;
  line-height: var(--y-lh-subheading);
}

.y-operation-handoff p {
  margin: 12px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

@media (max-width: 75rem) {
	.y-case-index-intro,
	.y-case-hero-grid,
	.y-case-problem-layout,
	.y-case-outcome-layout,
	.y-case-role-layout {
		grid-template-columns: 1fr;
	}

	.y-case-index-principles,
	.y-case-live-context,
	.y-baken-portal-preview {
		width: min(760px, 100%);
	}

  .y-main-nav {
    margin-inline: 0;
  }

  .y-hero-grid,
  .y-split,
  .y-section-heading--split {
    grid-template-columns: 1fr;
  }

  .y-home-hero .y-hero-grid,
  .y-product-hero--commerce .y-hero-grid {
    grid-template-columns: 1fr;
  }

  .y-hero-grid,
  .y-split {
    gap: 32px;
  }

  .y-home-screen-composition,
  .y-commerce-screen-stack {
    width: min(880px, 100%);
  }

  .y-offering {
    grid-template-columns: 1fr;
  }

  .y-automation-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .y-automation-steps li {
    min-height: 220px;
    border-right: 1px solid var(--y-line);
    border-bottom: 1px solid var(--y-line);
  }

  .y-automation-steps li:nth-child(2n) {
    border-right: 0;
  }

  .y-automation-steps li:last-child {
    grid-column: 1 / -1;
    min-height: auto;
    border-right: 0;
    border-bottom: 0;
  }

  .y-section-heading--split {
    gap: 24px;
  }

  .y-offer-map {
    max-width: 760px;
  }

  .y-brand-stage {
    width: min(760px, 100%);
    min-height: 450px;
    margin-inline: auto;
  }

  .y-dashboard {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .y-dashboard-main {
    padding: 24px;
  }

  .y-dashboard-panels {
    grid-template-columns: minmax(0, 1fr) 240px;
  }

  .y-dashboard-activity {
    grid-template-columns: 1.2fr 0.7fr 0.7fr 1.1fr;
  }

  .y-dashboard-spark {
    display: none;
  }

  .y-ai-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 62rem) {
	.y-usecase-grid,
	.y-case-journey {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.y-case-journey li,
	.y-case-journey li:nth-child(3n),
	.y-case-journey li:nth-last-child(-n + 3) {
		border-right: 1px solid var(--y-line);
		border-bottom: 1px solid var(--y-line);
	}

	.y-case-journey li:nth-child(2n) {
		border-right: 0;
	}

	.y-case-journey li:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

  .y-kicker-grid,
  .y-sector-grid,
  .y-benefit-grid,
  .y-post-grid .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 62rem) {
	.y-case-index-grid,
	.y-case-product-pair,
	.y-case-before-after {
		grid-template-columns: 1fr;
	}

	.y-case-before-after {
		gap: 16px;
	}

	.y-case-switch {
		justify-self: center;
		transform: rotate(90deg);
	}

	.y-case-scope-note {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.y-case-teaser {
		grid-template-columns: 1fr auto;
	}

	.y-case-teaser-meta {
		grid-column: 1 / -1;
	}

  .y-header-cta.wp-block-buttons {
    display: none !important;
  }

  .y-mobile-nav-link {
    display: flex;
  }

  .y-main-nav .y-mobile-nav-link {
    display: flex;
  }

  .y-kicker-grid,
  .y-card-grid,
  .y-sector-grid,
  .y-benefit-grid,
  .y-pricing-grid,
  .y-post-grid .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .y-pricing-grid .y-pricing-card:last-child {
    grid-column: 1 / -1;
  }

  .y-flow,
  .y-system-map-main {
    grid-template-columns: 1fr;
  }

  .y-method-layout,
  .y-sector-showcase,
  .y-onboarding-layout,
  .y-case-study {
    grid-template-columns: 1fr;
  }

  .y-method-layout,
  .y-sector-showcase,
  .y-onboarding-layout {
    gap: 38px;
  }

  .y-case-architecture {
    border-radius: 0 0 var(--y-sweep-sm) 0;
  }

  .y-flow-arrow,
  .y-system-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }

  .y-system-desk {
    margin-left: 0;
  }

  .y-value-strip-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .y-value-strip span {
    border-bottom: 1px solid var(--y-line);
  }

  .y-value-strip span:nth-child(2n) {
    border-right: 0;
  }

  .y-value-strip span:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  .y-comparison {
    grid-template-columns: 1fr;
  }

  .y-compare-bridge {
    justify-self: center;
    transform: rotate(90deg);
  }

  .y-dashboard {
    grid-template-columns: 1fr;
  }

  .y-dashboard-sidebar {
    display: none;
  }

  .y-dashboard-panels {
    grid-template-columns: minmax(0, 1fr) 250px;
  }

  .y-process-step,
  .y-service-row {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .y-process-step p,
  .y-service-row p {
    grid-column: 2;
  }

  .y-proof-bar,
  .y-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .y-footer-intro {
    grid-column: 1 / -1;
  }
}

@media (max-width: 48rem) {
	.y-article-content th,
	.y-article-content td {
		padding-inline: .5rem;
	}

	.y-article-content .wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.y-article-content .wp-block-button,
	.y-article-content .wp-block-button__link {
		width: 100%;
	}

	.y-article-content .wp-block-button__link {
		padding-block: 13px;
	}

	.y-case-index-card,
	.y-case-product-pair article,
	.y-case-before-after article,
	.y-usecase-grid article {
		min-height: auto;
	}

	.y-case-index-card > div,
	.y-case-product-pair h3,
	.y-case-before-after h3,
	.y-case-before-after .is-after h3 {
		margin-top: 32px;
	}

	.y-case-index-card > footer {
		margin-top: 44px;
	}

	.y-case-index-card footer em {
		width: 100%;
		margin: 14px 0 0;
	}

	.y-case-page-hero {
		padding-block: 44px 56px;
	}

	.y-case-breadcrumb {
		margin-bottom: 30px;
	}

	.y-case-live-context,
	.y-baken-portal-preview {
		padding: 12px 12px 34px;
	}

	.y-context-destinations,
	.y-baken-preview-grid,
	.y-case-fact-strip > div,
	.y-usecase-grid,
	.y-case-journey {
		grid-template-columns: 1fr;
	}

	.y-context-desk {
		grid-template-columns: 1fr;
	}

	.y-case-fact-strip span {
		min-height: 78px;
		border-right: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--y-green-dark) 18%, transparent);
	}

	.y-case-fact-strip--baken span {
		border-bottom-color: color-mix(in srgb, var(--y-pink-dark) 18%, transparent);
	}

	.y-case-fact-strip span:last-child {
		border-bottom: 0;
	}

	.y-case-product-pair article,
	.y-case-before-after article {
		padding: var(--y-card-padding-sm);
	}

	.y-usecase-grid article {
		padding: 22px;
	}

	.y-case-journey li,
	.y-case-journey li:nth-child(2n),
	.y-case-journey li:nth-last-child(-n + 2) {
		min-height: auto;
		border-right: 0;
		border-bottom: 1px solid var(--y-line);
	}

	.y-case-journey li:last-child {
		border-bottom: 0;
	}

	.y-case-role-cards article {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.y-case-scope-note {
		padding: 22px;
	}

	.y-case-scope-note a {
		white-space: normal;
	}

	.y-case-hero-actions {
		align-items: flex-start;
	}

	.y-case-teaser {
		padding: 26px 22px;
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.y-case-teaser-meta {
		grid-column: auto;
	}

  .y-section {
    padding-block: var(--y-section-space);
  }

  .y-section--compact {
    padding-block: var(--y-section-space-compact);
  }

  .y-hero {
    padding-block: var(--y-section-space);
  }

  .y-hero-grid,
  .y-split {
    gap: var(--y-gap);
  }

  .y-home-screen-composition,
  .y-commerce-screen-stack {
    min-height: 0;
    padding: 14px 14px 38px;
    display: grid;
    gap: 12px;
    border-radius: var(--y-r-sm) var(--y-r-sm) var(--y-sweep-xs) var(--y-r-sm);
  }

  .y-home-screen-composition .y-product-screen--connect,
  .y-home-screen-composition .y-product-screen--portal,
  .y-commerce-screen-stack .y-product-screen--connect,
  .y-commerce-screen-stack .y-product-screen--desk {
    width: 100%;
    position: static;
  }

  .y-home-screen-composition .y-demo-disclosure,
  .y-commerce-screen-stack .y-demo-disclosure {
    position: absolute;
    bottom: 12px;
    left: 14px;
  }

  .y-product-screen figcaption span {
    display: none;
  }

  .y-offering-screens,
  .y-build-examples,
  .y-offering-points,
  .y-portal-screen-pair,
  .y-operation-handoff {
    grid-template-columns: 1fr;
  }

  .y-offering-screens,
  .y-build-examples {
    padding: 18px;
  }

  .y-offering-screens {
    min-height: 0;
    display: grid;
    gap: 12px;
  }

  .y-offering-screens > .y-product-screen:first-child,
  .y-offering-screens > .y-product-screen:nth-child(2) {
    width: 100%;
    position: static;
  }

  .y-offering-screens .y-demo-disclosure {
    position: static;
  }

  .y-offering-copy {
    padding: 28px 22px;
  }

  .y-portal-product-story {
    margin-top: 38px;
    padding: 16px 16px 36px;
    border-radius: var(--y-r-sm) var(--y-r-sm) var(--y-sweep-xs) var(--y-r-sm);
  }

  .y-portal-story-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .y-onboarding-layout > * {
    min-width: 0;
  }

  .y-automation-steps {
    grid-template-columns: 1fr;
  }

  .y-automation-steps li,
  .y-automation-steps li:nth-child(2n),
  .y-automation-steps li:last-child {
    grid-column: auto;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--y-line);
  }

  .y-automation-steps li:last-child {
    border-bottom: 0;
  }

  .y-automation-note {
    grid-template-columns: 1fr;
  }

  .y-operation-handoff > div + div {
    border-top: 1px solid var(--y-line);
    border-left: 0;
  }

  .y-section-heading--split {
    gap: 20px;
  }

  .y-display,
  .y-section-title,
  .y-card-title {
    overflow-wrap: normal;
    hyphens: manual;
  }

  .y-header-inner {
    min-height: 68px;
  }

  .yindle-site-logo a {
    width: 106px;
    height: 27px;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    padding: 24px;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 64px;
  }

  .y-kicker-grid,
  .y-card-grid,
  .y-sector-grid,
  .y-benefit-grid,
  .y-pricing-grid,
  .y-post-grid .wp-block-post-template,
  .y-plan-grid,
  .y-dual-value,
  .y-proof-bar,
  .y-footer-main {
    grid-template-columns: 1fr;
  }

  .y-trial-banner {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .y-trial-banner .y-button-link {
    width: 100%;
  }

  .y-brand-stage {
    min-height: 0;
    padding: 24px 24px 38px;
    border-radius: var(--y-r-lg) var(--y-r-lg) var(--y-sweep-xs) var(--y-r-lg);
  }

  .y-brand-lines {
    margin-top: 28px;
    font-size: var(--y-t-h3);
  }

  .y-product-routes {
    margin-top: 28px;
    padding-top: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .y-method-steps li,
  .y-sector-routes article {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 19px;
    gap: 13px;
  }

  .y-case-copy,
  .y-case-architecture {
    padding: 28px 24px;
  }

  .y-case-points li {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .y-setup-preview {
    padding: 12px 12px 40px;
  }

  .y-pricing-grid .y-pricing-card:last-child,
  .y-footer-intro {
    grid-column: auto;
  }

  .y-product-card {
    min-height: auto;
  }

  .y-kicker-card,
  .y-dual-value article,
  .y-sector-card,
  .y-pricing-card,
  .y-proof-bar div,
  .y-process-step,
  .y-service-row,
  .y-system-node {
    min-height: auto;
  }

  .y-product-card .y-text-link,
  .y-pricing-card .y-button-link {
    margin-top: 28px;
    padding-top: 0;
  }

  .y-system-desk {
    grid-template-columns: 1fr;
  }

  .y-dashboard-frame {
    padding: 0 13px 26px 0;
  }

  .y-dashboard-frame::before {
    top: 22px;
    left: 13px;
    border-radius: 0 0 var(--y-sweep-sm) 0;
  }

  .y-dashboard-caption {
    font-size: var(--y-t-mono-sm);
  }

  .y-dashboard-caption span:last-child {
    display: none;
  }

  .y-dashboard {
    min-height: auto;
  }

  .y-dashboard-main {
    padding: 18px 13px;
  }

  .y-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .y-dashboard-metric {
    min-height: 104px;
    padding: 13px;
  }

  .y-dashboard-activity {
    grid-template-columns: 1fr 0.9fr 0.9fr;
    gap: 10px;
  }

  .y-dashboard-activity > p,
  .y-dashboard-spark {
    display: none;
  }

  .y-dashboard-panels {
    grid-template-columns: 1fr;
  }

  .y-dashboard-side-stack {
    display: none;
  }

  .y-dashboard-row em,
  .y-dashboard-row time {
    display: none;
  }

  .y-process-step,
  .y-service-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .y-process-step p,
  .y-service-row p {
    grid-column: auto;
  }

  .y-cta-panel {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .y-footer-main {
    gap: 38px;
    padding-block: 48px 36px;
  }

  .y-footer-column {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 22px;
  }
}

@media (max-width: 48rem) {
	.y-case-hero-actions {
		flex-direction: column;
	}
}

@media (max-width: 48rem) {
	.y-brand-stage::after {
		display: none;
	}

  .y-value-strip-inner {
    grid-template-columns: 1fr;
  }

  .y-value-strip span,
  .y-value-strip span:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid var(--y-line);
  }

  .y-value-strip span:last-child {
    grid-column: auto;
  }

  .y-connect-route,
  .y-desk-context {
    grid-template-columns: 1fr;
  }

  .y-connect-route > b {
    transform: rotate(90deg);
    justify-self: center;
  }

  .y-product-routes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  body.admin-bar .y-site-header {
    top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* The expanded service menu needs the overlay before Core's 600px cutoff. */
@media (max-width: 48rem) {
  .y-main-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }

  .y-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none;
  }

  .y-main-nav .wp-block-navigation__responsive-container.is-menu-open {
    padding: 24px;
  }

  .y-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 64px;
  }
}

/* Websites & webshops: service identity, not a new application skin. */
.y-commerce-route {
  padding: var(--y-panel-padding);
  border-radius: var(--y-panel-radius);
  background: var(--y-purple-soft);
}

.y-commerce-route h2 {
  margin: 12px 0 24px;
  font-size: var(--y-t-h2);
  line-height: var(--y-lh-heading);
  letter-spacing: -0.025em;
}

.y-commerce-route ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.y-commerce-route li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid #d8d7ed;
}

.y-commerce-route li > span {
  color: var(--y-purple-dark);
  font: 300 var(--y-t-xs)/var(--y-lh-body) var(--y-mono);
}

.y-commerce-route li p {
  margin: 6px 0 0;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-commerce-platform-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
}

.y-commerce-platform-labels span {
  padding: 6px 10px;
  background: var(--y-white);
  border-radius: var(--y-r-xs);
  font-size: var(--y-t-xs);
  font-weight: 500;
}

.y-web-platforms,
.y-commerce-plugin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.y-web-platforms article,
.y-commerce-plugin-grid article {
  min-width: 0;
  padding: var(--y-card-padding);
  background: var(--y-white);
  border: 1px solid var(--y-line);
  border-radius: var(--y-card-radius);
}

.y-web-platforms article {
  }

.y-web-platforms h3,
.y-commerce-plugin-grid h3 {
  margin: 12px 0 16px;
  font-size: var(--y-t-h3);
  line-height: var(--y-lh-subheading);
  overflow-wrap: anywhere;
  letter-spacing: -0.025em;
}

.y-web-platforms p:not(.y-eyebrow),
.y-web-platforms li,
.y-commerce-plugin-grid p {
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-web-platforms ul {
  margin: 22px 0 0;
  padding-left: 18px;
}

.y-web-platforms li + li {
  margin-top: 8px;
}

.y-commerce-next article {
  padding: 22px 0;
  border-top: 1px solid var(--y-line);
}

.y-commerce-next h3 {
  margin: 0 0 8px;
  font-size: var(--y-t-h3);
  line-height: var(--y-lh-subheading);
}

.y-commerce-next p {
  margin: 0 0 14px;
  color: var(--y-muted);
}

.y-commerce-next > p {
  padding-top: 18px;
  font-size: var(--y-t-sm);
}

.y-commerce-plugin-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.y-commerce-plugin-grid article:nth-child(2),
.y-commerce-plugin-grid article:nth-child(3) {
  background: var(--y-warm);
}

.y-commerce-plugin-grid p {
  margin-bottom: 0;
}

.y-commerce-caveat {
  margin-top: 24px;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
  line-height: var(--y-lh-body);
}

.y-offering--websites {
  }

.y-commerce-home-platforms {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  padding: var(--y-panel-padding);
  background: var(--y-purple-soft);
}

.y-commerce-home-platforms p {
  margin: 0 0 6px;
  color: var(--y-purple-dark);
  font-size: var(--y-t-sm);
}

.y-commerce-home-platforms strong {
  font-size: var(--y-t-h2);
  letter-spacing: -0.025em;
}

.y-commerce-home-platforms > span {
  margin-top: 10px;
  color: var(--y-muted);
  font-size: var(--y-t-sm);
}

@media (max-width: 62rem) {
  .y-web-platforms {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 48rem) {
  .y-commerce-plugin-grid {
    grid-template-columns: 1fr;
  }
}

@media print {
  .y-site-header,
  .y-site-footer,
  .y-actions,
  .y-cta-panel {
    display: none !important;
  }

  .y-section {
    padding-block: 30px;
  }

  body {
    color: #000;
    background: #fff;
  }
}