/* Yindle UI 1.5 — deliberate adapter for the existing WordPress components.
 * Based on the supplied UI 1.4. No additional reset or product-app stylesheet.
 * Gheist Mono is specified by the manual but not licensed/bundled here; the
 * system monospace fallback is intentional and produces no missing-font request.
 */
:root { --y-focus-light: #3e3ba6; --y-focus-dark: #ffffff; }
.y-display, .y-section-title, .y-offering-copy h3 { font-weight: 500; text-wrap: balance; }
.y-display { letter-spacing: -0.035em; }
.y-eyebrow { font-family: var(--y-mono); font-size: var(--y-t-mono-sm); font-weight: 300; line-height: var(--y-lh-body); letter-spacing: .14em; }
.y-button-link, .wp-block-button__link { border-radius: var(--y-r-pill); font-size: var(--y-t-sm); font-weight: 500; min-height: 48px; }
.y-button-disc { display:grid; place-items:center; width:24px; height:24px; flex:none; margin-right:-6px; border-radius: 50%; background:color-mix(in srgb,currentColor 20%,transparent); }
.y-button-disc::after { content:""; width:12px; height:12px; background:currentColor; mask:url("../images/arrow-right.svg") center/contain no-repeat; }
.y-text-link::after { content:""; width:16px; height:16px; background:currentColor; mask:url("../images/arrow-right.svg") center/contain no-repeat; }
.y-actions { gap: 12px; }
.y-hero-note { font-size: var(--y-t-sm); font-weight:400; line-height: var(--y-lh-body); }
.y-demo-disclosure { font-size: var(--y-t-sm); font-weight:400; line-height: var(--y-lh-body); }
.y-product-lockup { gap: 9px; }
.y-product-lockup > b { font-family: var(--y-font-primary); font-size: var(--y-t-mono-sm); font-weight: 500; letter-spacing: .04em; padding: 7px 10px; }
.y-product-lockup:is(.is-connect,.is-desk) { --y-lockup: var(--y-white); --y-lockup-soft: var(--y-green-deep); }
.y-product-lockup.is-portal { --y-lockup: var(--y-white); --y-lockup-soft: var(--y-pink-deep); }
.y-product-lockup.is-custom { --y-lockup: var(--y-white); --y-lockup-soft: var(--y-orange-deep); }
.y-product-lockup.is-inverted > b { color: var(--y-lockup); background: var(--y-lockup-soft); border-color: transparent; }
.y-product-pill:is(.is-connect,.is-desk) { color: var(--y-white); background: var(--y-green-deep); }
.y-product-pill.is-portal { color: var(--y-white); background: var(--y-pink-deep); }
.y-product-pill.is-custom { color: var(--y-white); background: var(--y-orange-deep); }
.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--custom { --y-product-accent: var(--y-orange); --y-product-accent-dark: var(--y-orange-dark); --y-product-accent-soft: var(--y-orange-soft); background: var(--y-orange-soft); }
.y-product-hero--custom .y-eyebrow { color: var(--y-orange-dark); }
.y-product-hero--custom .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--y-orange-deep); border-color: var(--y-orange-deep); }
.y-product-hero--custom .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: #a8320d; }
.y-button-link.is-portal:hover { background: var(--y-pink-dark); border-color: var(--y-pink-dark); }
.y-offering--custom .y-build-examples { background: var(--y-orange-soft); }
.y-offering--custom .y-offering-points li::before { background: var(--y-orange-dark); }
.y-offering--custom .y-build-examples span { border-color: var(--y-line); }
.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); }
.y-product-hero--commerce { background: var(--y-green-soft); }
.y-websites-hero { background: var(--y-purple-soft); }
.y-websites-hero .y-hero-note { color: var(--y-muted); }
.y-system-map--desk .y-system-node.is-core small { color: var(--y-white); }
/* Large surfaces carry the recognisable swept corner; controls stay compact. */
.y-offering { border-radius: var(--y-panel-radius); }
.y-commerce-screen-stack, .y-signature-panel, .y-commerce-route, .y-cta-panel { border-radius: var(--y-panel-radius); }
.y-offering-copy { padding-bottom: var(--y-panel-padding); }
.y-home-hero { background: var(--y-ink); color: var(--y-white); }
.y-home-hero .y-display { color: var(--y-white); }
.y-home-hero :is(.y-lead,.y-hero-note) { color: #d8d4d5; }
.y-home-hero .y-eyebrow { color: #b1aff2; }
.y-home-hero .wp-block-button__link { background: var(--y-white); border-color: var(--y-white); color: var(--y-ink); }
.y-home-hero .wp-block-button__link:hover { background: #eae7e7; }
.y-home-hero .is-style-outline .wp-block-button__link { background: transparent; border-color: #ada7a9; color: var(--y-white); }
.y-home-hero .is-style-outline .wp-block-button__link:hover { background: #3a3536; }
.y-home-hero .y-commerce-screen-stack { border: 1px solid #5a5456; background: #302b2d; }
.y-home-hero .y-demo-disclosure, .y-offering--commerce .y-demo-disclosure { color: #d8d4d5; }
/* Small labels remain legible; color never replaces the written identity. */
.y-product-screen figcaption { font-size: var(--y-t-xs); }
/* Audience checklist follows the supplied library's small swept checkmark. */
.y-feedback-audience { display: grid; gap: 24px; }
.y-feedback-criteria { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem 32px; margin: 0; padding: 0; list-style: none; }
.y-feedback-criteria li { position: relative; padding-left: 1.85rem; color: var(--y-muted); font-size: var(--y-t-sm); line-height: var(--y-lh-body); }
.y-feedback-criteria li::before { content: ""; position: absolute; left: 0; top: .32em; width: .9rem; height: .9rem; background: var(--y-purple); border-radius: 2px 2px 8px 2px; }
.y-feedback-criteria li::after { content: ""; position: absolute; left: .24rem; top: .62em; width: .36rem; height: .18rem; border-left: 1.5px solid var(--y-white); border-bottom: 1.5px solid var(--y-white); transform: rotate(-45deg); }
.y-feedback-fit-note { max-width: 76ch; margin: 0; color: var(--y-muted); font-size: var(--y-t-body); line-height: var(--y-lh-body); }
.y-feedback-comparison:not(dl) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.y-feedback-comparison:not(dl) > * { min-width:0; margin:0; padding:var(--y-card-padding); border:1px solid var(--y-line); border-radius: var(--y-card-radius); background:white; }
dl.y-feedback-comparison { display:grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap:14px 24px; margin:24px 0; }
.y-feedback-comparison dt { margin:0; font-size: var(--y-t-xs); font-weight: 500; }
.y-feedback-comparison dd { margin:0; color:var(--y-muted); font-size: var(--y-t-sm); line-height: var(--y-lh-body); }
.y-kicker-card dl.y-feedback-comparison { display:block; }
.y-kicker-card .y-feedback-comparison dt { margin-top:20px; margin-bottom:6px; }
.y-feedback-comparison h3 { margin:0 0 20px; font-size: var(--y-t-h3); font-weight:500; }
/* Proof is a short comparison, independent of the larger product-pair cards. */
.y-feedback-proof { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; padding: 0; }
.y-feedback-proof article { display: flex; flex-direction: column; gap: var(--y-card-gap); min-width: 0; padding: var(--y-card-padding); border: 1px solid var(--y-line); border-radius: var(--y-card-radius); background: var(--y-white); }
.y-feedback-proof article.is-connect { border-color: transparent; background: var(--y-green-soft); }
.y-feedback-proof h3 { margin: 0; color: var(--y-ink); font-size: var(--y-t-h3); font-weight: 500; line-height: var(--y-lh-subheading); letter-spacing: -.02em; }
.y-feedback-proof article > p:not(.y-eyebrow) { margin: 0; color: var(--y-muted); font-size: var(--y-t-sm); line-height: var(--y-lh-body); }
.y-feedback-proof .y-eyebrow { margin: 0; color: var(--y-muted); }
.y-feedback-proof .is-connect .y-eyebrow { color: var(--y-green-dark); }
/* Pair the Connect illustration with the confirmed Desk use case. */
.y-commerce-screen-stack { min-height: 0; padding: 0; display: grid; gap: 24px; border: 0; border-radius: 0; background: transparent; overflow: visible; }
.y-commerce-screen-stack .y-product-screen--connect { width: 100%; }
.y-desk-live-panel { min-width: 0; display: grid; gap: var(--y-card-gap); padding: var(--y-card-padding); border-radius: var(--y-card-radius); background: var(--y-white); }
.y-desk-live-panel > * { margin: 0; }
.y-desk-live-panel h3 { color: var(--y-ink); font-size: var(--y-t-h3); font-weight: 500; line-height: var(--y-lh-subheading); }
.y-desk-live-panel > p:not(.y-product-lockup) { color: var(--y-muted); font-size: var(--y-t-sm); line-height: var(--y-lh-body); }
.y-desk-live-panel .y-text-link { justify-self: start; }
.y-commerce-screen-stack .y-demo-disclosure { position: static; color: var(--y-muted); font: 400 var(--y-t-sm)/var(--y-lh-body) var(--y-font-primary); letter-spacing: normal; text-transform: none; }
@media (max-width: 48rem) { .y-desk-live-panel { padding: var(--y-card-padding-sm); border-bottom-right-radius: var(--y-sweep-xs); } }
.y-feedback-evidence-note { max-width: 88ch; margin: 0; color: var(--y-muted); font: 400 var(--y-t-sm)/var(--y-lh-body) var(--y-font-primary); letter-spacing: normal; text-transform: none; }
.y-feedback-results { grid-template-columns:repeat(2,minmax(0,1fr)); background:transparent; border:0; color:var(--y-ink); }
.y-feedback-results > div { padding:24px 0; border:0; }
.y-feedback-results strong { color:var(--y-ink); font-size: var(--y-t-h2); font-weight:500; }
.y-feedback-results span { color:var(--y-muted); }
.y-feedback-team { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:32px 0; }
.y-feedback-team article { padding:var(--y-card-padding); background:var(--y-surface); border-radius: var(--y-card-radius); }
.y-feedback-initials { width:72px; height:72px; display:grid; place-items:center; margin-bottom:28px; border-radius: 50%; background:var(--y-purple-dark); color:white; font-size: var(--y-t-h4); }
.y-feedback-team h3 { margin:0; font-size: var(--y-t-h3); font-weight:500; }
.y-feedback-support { border-top: 1px solid var(--y-line); padding-top: 24px; }
.y-feedback-support p { max-width: 68ch; }
/* Form controls need actual boundaries, labels and visible keyboard feedback. */
.fluentform .ff-el-form-control, .y-contact-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { min-height: 48px; border: 1px solid #817b7e; border-radius: var(--y-r-sm); background: var(--y-white); color: var(--y-ink); }
.fluentform .ff-el-form-control::placeholder { color: #6e6b6c; opacity: 1; }
.fluentform .ff-el-form-control:focus { border-color: var(--y-purple-dark); outline: 3px solid var(--y-purple-dark); outline-offset: 3px; box-shadow: none; }
:is(a,button,summary,input,textarea,select):focus-visible { outline: 3px solid var(--y-focus-light); outline-offset: 4px; }
:is(.y-home-hero,.y-site-footer,.y-cta-panel,.y-offering--commerce .y-offering-screens) :is(a,button,summary,input,textarea,select):focus-visible { outline-color: var(--y-focus-dark); }
[id] { scroll-margin-top: 100px; }
.y-feedback-comparison a, .y-feedback-support a { text-underline-offset: .2em; }
@media (max-width: 62rem) { .y-feedback-comparison { grid-template-columns:1fr; } }
@media (max-width: 48rem) { .y-feedback-proof,.y-feedback-criteria { grid-template-columns:1fr; } .y-feedback-proof article { padding:var(--y-card-padding-sm); border-bottom-right-radius: var(--y-sweep-xs); } }
@media (max-width: 48rem) { .y-offering,.y-commerce-screen-stack,.y-signature-panel,.y-commerce-route,.y-cta-panel { border-bottom-right-radius: var(--y-sweep-sm); } .y-feedback-comparison > * { padding:var(--y-card-padding-sm); } }
@media (forced-colors:active) { .y-button-link,.wp-block-button__link { border:1px solid ButtonText; } :is(a,button,summary,input,textarea,select):focus-visible { outline-color:Highlight; } }

/* Use color in surfaces and product pills, not decorative accent stripes. */
.y-offering, .y-product-card, .y-kicker-card, .y-web-platforms article, .y-benefit-card, .y-case-product-pair article, .y-usecase-grid article { border-top-color:var(--y-line); border-top-width:1px; }
@media (max-width: 75rem) {
 .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:var(--y-card-padding-sm);}
 .y-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {padding-top:64px;}
 .y-main-nav {margin-inline:auto 0;}
}
@media(max-width: 62rem){.y-feedback-comparison:not(dl),.y-feedback-team{grid-template-columns:1fr;}}
@media(max-width: 48rem){dl.y-feedback-comparison {grid-template-columns:1fr;gap:6px;}.y-feedback-comparison dd{margin-bottom:14px;}.y-feedback-results{grid-template-columns:1fr;}.y-feedback-team article{padding:var(--y-card-padding-sm);}}
/* Comparison groups keep each label next to its explanation. */
dl.y-feedback-comparison {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
dl.y-feedback-comparison > div {padding:0;min-width:0;}
dl.y-feedback-comparison > div > dt {margin:0 0 8px;}
.y-kicker-card dl.y-feedback-comparison > div + div {margin-top:20px;}
.y-feedback-client-logo {display:inline-flex;max-width:100%;padding:6px 18px;margin:0 0 24px;background:var(--y-ink);border-radius: var(--y-r-sm) var(--y-r-sm) var(--y-sweep-xs) var(--y-r-sm);}
.y-feedback-client-logo img {display:block;width:200px;height:100px;max-width:100%;object-fit:contain;}
/* Natural flow keeps the disclosure below both images at every width. */
.y-home-hero .y-home-screen-composition {min-height:0;padding:var(--y-card-padding-sm);background:#302b2d;border:1px solid #5a5456;border-radius: var(--y-panel-radius);}
.y-home-screen-composition .y-product-screen--connect {width:90%;position:relative;}
.y-home-screen-composition .y-product-screen--portal {width:72%;position:relative;right:auto;bottom:auto;margin:-72px 0 0 auto;}
.y-home-hero .y-home-screen-composition .y-demo-disclosure {position:relative;left:auto;bottom:auto;margin:20px 22px 12px 0;color:#ded9db;font: 400 var(--y-t-sm)/var(--y-lh-body) var(--y-font-primary);letter-spacing:0;text-transform:none;}
@media(max-width: 62rem){dl.y-feedback-comparison{grid-template-columns:1fr;gap:20px;}}
@media(max-width: 48rem){.y-home-hero .y-home-screen-composition{padding:18px;border-bottom-right-radius: var(--y-sweep-sm);}.y-home-screen-composition .y-product-screen--connect{width:100%;}.y-home-screen-composition .y-product-screen--portal{width:90%;margin-top:16px;}.y-home-hero .y-home-screen-composition .y-demo-disclosure{margin:18px 8px 12px 0;}.y-feedback-comparison > div > dd{margin:0;}}
/* AA includes supporting text on featured prices and the Connect context. */
.y-pricing-card.is-featured :is(.y-price-prefix,.y-price-period,p,li), .y-context-connect > small {color:#fff;}