/* Composition restored from supplied block library H01–H06/H08/H09.
 * These scoped WordPress components preserve the original mark and geometry;
 * editorial copy reflects the approved live products, not reference mock data. */
.y-brand-logo {display:inline-block;width:126px;height:30px;background:currentColor;mask:url('../images/yindle-logo.svg') center/contain no-repeat;vertical-align:middle;}
.y-brand-lockup {display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.y-product-pill {align-self:center;justify-self:start;flex:none;width:max-content;max-width:100%;height:auto;min-height:0;line-height: var(--y-lh-display);white-space:nowrap;padding:8px 12px;border-radius: var(--y-r-pill);font-family:var(--y-font-primary);font-size: var(--y-t-mono-sm);font-weight:500;letter-spacing:.025em;}
.y-product-lockup > span {display:inline-block;width:106px;height:25px;background:currentColor;mask:url('../images/yindle-logo.svg') center/contain no-repeat;font-size: 0;flex:none;}
.y-product-hero--desk .y-hero-kicker {color:var(--y-green-dark);}
.y-brand-hero-copy {container-type:inline-size;}
.y-brand-sticker {display:flex;flex-direction:column;align-items:flex-start;margin:24px 0 0;font-size: min(var(--y-t-display-sm), 9cqi);font-weight:500;line-height: var(--y-lh-display);letter-spacing:-.04em;}
.y-brand-sticker > span {position:relative;display:block;padding:.2em .3em .16em;border-radius: .16em;background:var(--y-white);color:var(--y-ink);}
.y-brand-sticker > span + span {margin-top:-.06em;}
.y-brand-sticker > span:nth-child(2) {margin-left:.42em;}
.y-brand-sticker > span:nth-child(3) {margin-left:.08em;}
.y-brand-hero-copy .y-lead {font-size: var(--y-t-body);line-height: var(--y-lh-body);margin:28px 0 0;max-width:44ch;}
.y-brand-actions {display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px;}
.y-brand-actions > a:not(.y-button-link) {font-size: var(--y-t-sm);text-underline-offset:5px;}
.y-home-hero .y-brand-actions > a:not(.y-button-link) {color:#fff;}
.y-home-hero .y-button-link,.y-brand-cta .y-button-link {background:#fff;color:var(--y-ink);border-color:#fff;}
.y-home-hero .y-button-link:hover,.y-brand-cta .y-button-link:hover {background:#eae7e7;}
.y-brand-hero-copy .y-hero-note {margin:24px 0 0;font-size: var(--y-t-sm);max-width:42ch;}
.y-home-introduction {padding-top:0;background:var(--y-surface);}
.y-platform-ticker {padding-block:28px 20px;border-bottom:1px solid var(--y-line);font-size: var(--y-t-body);font-weight:500;}
.y-platform-ticker-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:20px;}
.y-platform-ticker-actions a {font-size: var(--y-t-xs);font-weight:400;text-underline-offset:4px;}
.y-home-intro {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--y-gap);align-items:end;margin-bottom:36px;}
.y-home-introduction .y-home-intro {margin-top:64px;}
.y-home-intro .y-section-title {max-width:20ch;margin:16px 0 0;font-size: var(--y-t-h2);}
.y-home-intro .y-section-lead {max-width:48ch;margin:0;font-size: var(--y-t-body);line-height: var(--y-lh-body);}
.y-choice-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.y-choice-grid article {display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:var(--y-card-padding);border:1px solid var(--y-line);border-radius: var(--y-card-radius);background:#fff;}
.y-choice-grid h3 {font-size: var(--y-t-h3);line-height: var(--y-lh-subheading);font-weight:500;letter-spacing:-.025em;margin:24px 0 16px;}
.y-choice-grid article > p:not(.y-eyebrow) {margin:0 0 24px;font-size: var(--y-t-sm);line-height: var(--y-lh-body);color:var(--y-muted);}
.y-choice-grid .y-text-link {margin-top:auto;font-size: var(--y-t-sm);}
.y-choice-grid article.is-ink {background:var(--y-ink);border-color:transparent;color:#fff;}
.y-choice-grid .is-ink h3 {color:#fff;}
.y-choice-grid .is-ink > p:not(.y-eyebrow) {color:#d8d4d5;}
.y-choice-grid .is-ink :is(.y-eyebrow,.y-text-link) {color:var(--y-orange);}
.y-proposition-stack {display:grid;gap:24px;}
.y-proposition {display:grid;grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);align-items:center;gap: var(--y-gap);padding: var(--y-panel-padding);border:1px solid var(--y-line);border-radius: var(--y-panel-radius);overflow:hidden;background:var(--y-white);}
.y-proposition > * {min-width:0;}
.y-proposition.is-ink {background:var(--y-ink);border-color:transparent;color:#fff;border-radius: var(--y-r-md) var(--y-r-md) var(--y-r-md) var(--y-sweep-md);}
.y-proposition-copy > .y-eyebrow {margin:22px 0 14px;}
.y-proposition-copy h3 {font-size: var(--y-t-h3);line-height: var(--y-lh-subheading);font-weight:500;letter-spacing:-.035em;margin:0 0 20px;max-width:25ch;}
.y-proposition-copy > p:not(.y-eyebrow) {font-size: var(--y-t-sm);line-height: var(--y-lh-body);color:var(--y-muted);margin:0 0 18px;}
.y-proposition-copy > p.y-proposition-contract {font-size: var(--y-t-sm);margin-bottom:24px;}
.y-proposition.is-ink h3 {color:#fff;}
.y-proposition.is-ink .y-proposition-copy > p:not(.y-eyebrow) {color:#d8d4d5;}
.y-proposition--connect .y-eyebrow {color:var(--y-green);}
.y-proposition--custom .y-eyebrow {color:var(--y-orange);}
.y-proposition--portal .y-eyebrow {color:#b15488;}
.y-proposition.is-ink .y-text-link {color:#fff;}
.y-proposition-copy .y-brand-actions {margin-top:0;}
.y-proposition .y-button-link {font-size: var(--y-t-sm);}
.y-proposition--connect .y-button-link {background:var(--y-green-deep);border-color:var(--y-green-deep);}
.y-proposition--custom .y-button-link {background:var(--y-orange-deep);border-color:var(--y-orange-deep);}
.y-platform-options {background:var(--y-purple-soft);padding:var(--y-card-padding);border-radius: var(--y-card-radius);}
.y-platform-options > .y-eyebrow {color:var(--y-purple-dark);margin:0 0 16px;}
.y-platform-options > div {padding:18px 0;border-top:1px solid #c8c6e3;display:grid;gap:3px;}
.y-platform-options strong {font-size: var(--y-t-h4);font-weight:500;}
.y-platform-options span {color:var(--y-muted);font-size: var(--y-t-xs);}
.y-platform-options .y-text-link {margin-top:12px;font-size: var(--y-t-xs);}
.y-proposition-visual {padding:20px;background:var(--y-green-soft);border-radius: var(--y-card-radius);}
.y-proposition--portal .y-proposition-visual {background:var(--y-pink-soft);}
.y-proposition-screen {margin:0;border:1px solid var(--y-line);background:white;border-radius: var(--y-r-sm);overflow:hidden;}
.y-proposition-screen figcaption {display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:12px 16px;color:var(--y-ink);font-size: var(--y-t-xs);border-bottom:1px solid var(--y-line);}
.y-proposition-screen figcaption span {font-size: var(--y-t-mono-sm);color:var(--y-muted);}
.y-proposition-screen img {display:block;width:100%;height:auto;}
.y-proposition-visual .y-demo-disclosure {margin:12px 10px 2px 0;font-size: var(--y-t-sm);color:var(--y-muted);}
.y-build-lines > div {display:flex;align-items:center;gap:22px;padding:18px 0;border-top:1px solid #5a5456;font-size: var(--y-t-body);}
.y-build-lines > div > span {font-family:var(--y-mono); font-weight: 300;font-size: var(--y-t-mono-sm);color:var(--y-orange);}
.y-build-lines .y-text-link {font-size: var(--y-t-xs);margin-top:24px;}
.y-audience-layout {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items:center;gap: var(--y-gap);}
.y-audience-layout .y-section-title {font-size: var(--y-t-h2);margin:18px 0 24px;}
.y-audience-layout p:not(.y-eyebrow) {max-width:45ch;color:var(--y-muted);font-size: var(--y-t-sm);}
.y-audience-layout .y-feedback-criteria {grid-template-columns:1fr;gap:24px;}
.y-principles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.y-principles article {padding-top:24px;border-top:1px solid var(--y-line);}
.y-principles article > span {font-family:var(--y-mono); font-weight: 300;font-size: var(--y-t-mono-sm);color:var(--y-purple-dark);}
.y-principles h3 {font-size: var(--y-t-h3);line-height: var(--y-lh-subheading);font-weight:500;margin:20px 0 12px;}
.y-principles p {color:var(--y-muted);font-size: var(--y-t-sm);margin:0;}
.y-case-reference {margin-top:30px;}
.y-case-reference .y-text-link {font-size: var(--y-t-sm);}
.y-approach-layout {display:grid;grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);gap: var(--y-gap);align-items:start;}
.y-approach-copy .y-section-title {font-size: var(--y-t-h2);line-height:var(--y-lh-heading);margin:20px 0 24px;}
.y-approach-section.y-section--ink {--y-line:#5a5456;}
.y-approach-section.y-section--ink :is(.y-approach-copy > p:not(.y-eyebrow),.y-connected-timeline li > p:not(.y-eyebrow)) {color:#d8d4d5;}
.y-approach-section.y-section--ink :is(.y-connected-timeline h3,.y-text-link) {color:var(--y-white);}
.y-approach-section.y-section--ink .y-eyebrow {color:#c9c7ff;}
.y-approach-section.y-section--ink :is(a,button):focus-visible {outline-color:var(--y-white);}
.y-approach-copy > p:not(.y-eyebrow) {font-size: var(--y-t-sm);color:var(--y-muted);max-width:40ch;}
.y-approach-copy .y-approach-people {padding-top:24px;margin-top:28px;border-top:1px solid var(--y-line);}
.y-approach-copy .y-text-link {margin-top:8px;font-size: var(--y-t-sm);}
.y-connected-timeline {list-style:none;margin:0;padding:0;display:grid;gap:0;}
.y-connected-timeline > li {position:relative;padding:24px 0 24px 64px;border-top:1px solid var(--y-line);}
.y-connected-timeline > li::before {content:attr(data-no);position:absolute;left:0;top:24px;display:grid;place-items:center;width:36px;height:36px;border-radius: var(--y-r-sm) var(--y-r-sm) var(--y-r-md) var(--y-r-sm);background:var(--y-purple);color:#fff;font: 300 var(--y-t-mono-sm)/var(--y-lh-body) var(--y-mono);}
.y-connected-timeline > li::after {content:'';position:absolute;left:18px;top:68px;bottom:0;width:1px;background:var(--y-line);}
.y-connected-timeline > li:last-child::after {display:none;}
.y-connected-timeline .y-eyebrow {margin:0 0 10px;}
.y-connected-timeline h3 {font-size: var(--y-t-h3);font-weight:500;line-height: var(--y-lh-subheading);margin:0 0 8px;}
.y-connected-timeline li > p:not(.y-eyebrow) {font-size: var(--y-t-sm);line-height: var(--y-lh-body);color:var(--y-muted);margin:0;max-width:54ch;}
.y-brand-cta-section {background:var(--y-ink);padding-block:var(--y-section-space);}
.y-brand-cta {position:relative;isolation:isolate;overflow:hidden;padding: var(--y-panel-padding);border-radius: var(--y-panel-radius);background:var(--y-purple);color:#fff;}
.y-brand-cta-copy {position:relative;z-index:1;max-width:620px;container-type:inline-size;}
.y-brand-cta .y-eyebrow {color:#fff;}
.y-brand-cta .y-brand-sticker {font-size: min(var(--y-t-h2), 9cqi);}
.y-brand-cta-copy > p:not(.y-eyebrow) {font-size: var(--y-t-body);max-width:47ch;margin:28px 0;color:#fff;}
.y-brand-watermark {position:absolute;width:55%;aspect-ratio:172.11/143.95;right:-8%;bottom:-26%;background:white;opacity:.1;mask:url('../images/yindle-mark.svg') center/contain no-repeat;pointer-events:none;}
.y-home-insights .y-post-grid .wp-block-post {overflow:hidden;padding-top:0;}
.y-home-insights .y-post-grid .wp-block-post::before {content:'';display:block;aspect-ratio:2.4;background:var(--y-purple-soft) url('../images/yindle-mark.svg') center/30% auto no-repeat;margin:0 -28px 24px;}
.y-home-insights .y-post-grid .wp-block-post:nth-child(2)::before {background-color:var(--y-green-soft);}
.y-home-insights .y-post-grid .wp-block-post:nth-child(3)::before {background-color:var(--y-pink-soft);}
:is(.y-home-hero,.y-proposition.is-ink,.y-choice-grid .is-ink,.y-brand-cta) a:focus-visible {outline-color:#fff;}
@media(min-width: 75rem){.y-proposition--connect .y-proposition-visual{transform:translateX(16px);}}
@media(max-width: 62rem){.y-choice-grid article{padding:var(--y-card-padding-sm);}.y-proposition{gap:var(--y-gap);padding:var(--y-card-padding);}.y-brand-sticker{font-size: min(var(--y-t-display-sm), 9cqi);}}
@media(max-width: 48rem){.y-home-intro,.y-proposition,.y-audience-layout,.y-approach-layout{grid-template-columns:1fr;}.y-brand-sticker{font-size: min(var(--y-t-display-sm), 9cqi);}.y-home-intro{gap:20px;}.y-choice-grid{grid-template-columns:1fr;}.y-choice-grid h3{max-width:26ch;}.y-proposition{padding:var(--y-card-padding-sm);border-bottom-right-radius: var(--y-sweep-sm);}.y-proposition.is-ink{border-bottom-left-radius: var(--y-sweep-sm);}.y-proposition-copy h3{max-width:25ch;font-size: var(--y-t-h3);}.y-proposition-copy>p:not(.y-eyebrow){max-width:50ch;}.y-proposition-visual{padding:16px;}.y-home-introduction .y-home-intro{margin-top:44px;}.y-principles{grid-template-columns:1fr;gap:24px;}.y-principles article{display:grid;grid-template-columns:32px 1fr;gap:8px 16px;}.y-principles h3{margin:0;}.y-principles p{grid-column:2;}.y-principles article>span{padding-top:5px;}.y-approach-copy>p:not(.y-eyebrow){max-width:50ch;}.y-brand-watermark{width:80%;}.y-platform-strip{justify-content:flex-start;font-size: var(--y-t-sm);gap:18px 28px;}.y-platform-strip a{flex-basis:100%;}.y-brand-cta{border-bottom-right-radius: var(--y-sweep-sm);}}
@media(prefers-reduced-motion:reduce){.y-proposition *{transition:none;}}
@media(forced-colors:active){.y-brand-logo,.y-brand-chrome,.y-brand-watermark{background:CanvasText;}.y-product-lockup>span{mask:none;background:none;font-size: var(--y-t-h4);width:auto;height:auto;}.y-brand-sticker>span{border:1px solid CanvasText;}.y-product-pill{border:1px solid CanvasText;}}

/* Source H08: distinct brand thumbnails, compact editorial cards. */
.y-home-insights .y-post-grid .wp-block-post-template {gap:20px;}
.y-home-insights .y-post-grid .wp-block-post {padding:0 24px 24px;border-radius: var(--y-card-radius);}
.y-home-insights .y-post-grid .wp-block-post::before {margin:0 -24px 24px;aspect-ratio:2.4;}
.y-home-insights .y-post-grid .wp-block-post-title {font-size: var(--y-t-h3);line-height:var(--y-lh-subheading);margin-top:16px;}
.y-home-insights .wp-block-post-excerpt {font-size: var(--y-t-sm);}
.y-home-insights .wp-block-post-excerpt__more-link {font-weight:500;}
.y-home-insights .wp-block-post-date {font-size: var(--y-t-mono-sm);font-weight:400;}
.y-proposition-visual .y-demo-disclosure {font-family:var(--y-font-primary);font-weight:400;text-transform:none;letter-spacing:0;}
@media(min-width: 48rem){.y-home-insights .y-post-grid .wp-block-post-template {grid-template-columns:repeat(3,minmax(0,1fr));}}
/* The homepage header shares the original H01 dark hero surface. */
.home .y-site-header {background:var(--y-ink);border-bottom-color:#454042;color:#fff;}
.home .y-site-header .yindle-site-logo a {background-image:url('../images/yindle-logo.svg');filter:invert(1);}
.home .y-site-header .y-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content {color:#ded9db;}
.home .y-site-header .wp-block-navigation__responsive-container-open {color:#fff;}
.home .y-site-header .y-header-cta .wp-block-button__link {background:#fff;border-color:#fff;color:var(--y-ink);}
.home .y-site-header :is(a,button):focus-visible {outline-color:#fff;}
.home .y-site-header .is-menu-open :is(a,button):focus-visible {outline-color:var(--y-purple-dark);}

/* Selected by the user: the supplied design-guide COVER (4066–4100).
 * One text column, stepped heading and a quiet watermark. */
.y-home-hero {position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(48px,2rem + 5vw,96px) clamp(56px,2rem + 6vw,112px);}
.y-home-hero::before {content:'';position:absolute;inset:0;z-index:0;opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-size:140px 140px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");}
.y-cover-content {position:relative;z-index:1;}
.y-cover-content .y-brand-hero-copy {max-width:1100px;container-type:inline-size;}
.y-cover-content .y-brand-sticker {font-size: min(var(--y-t-display-sm), 9cqi);line-height: var(--y-lh-display);letter-spacing:-.04em;margin-top:24px;}
.y-cover-content .y-eyebrow {color:rgba(255,255,255,.55);position:relative;padding-left:28px;}
.y-cover-content .y-eyebrow::before {content:'';position:absolute;left:0;top:-4px;width:22px;height:1px;background:currentColor;transform:rotate(-45deg);transform-origin:right center;}
.y-cover-content .y-lead {font-size: var(--y-t-body);max-width:52ch;line-height: var(--y-lh-body);margin-top:32px;color:rgba(255,255,255,.76);}
.y-cover-content .y-brand-actions {margin-top:40px;}
.y-cover-content .y-hero-note {max-width:58ch;color:rgba(255,255,255,.76);}
.y-cover-watermark {position:absolute;z-index:0;pointer-events:none;width:clamp(18rem,46vw,46rem);aspect-ratio:172.11/143.95;right:-8%;bottom:-22%;background:#fff;opacity:.06;mask:url('../images/yindle-mark.svg') center/contain no-repeat;}
@media(max-width: 48rem){.y-cover-content .y-brand-sticker{font-size: min(var(--y-t-display-sm), 9cqi);}.y-cover-watermark{width:85%;right:-24%;bottom:-8%;}.y-cover-content .y-brand-actions{gap:20px;}}
/* Exact source deep green for the primary Connect CTA; ink stays separate. */
.y-product-hero--commerce .wp-block-button:not(.is-style-outline) .wp-block-button__link {background:var(--y-green-deep);border-color:var(--y-green-deep);}