/* A quieter reading path, using the existing Lime-Tec design language. */
/* Finder: editorial typography and a visual path from possibilities to a match. */
.li-guided-help { display: grid; grid-template-columns: 1.7fr 1fr; grid-template-areas: "label visual" "title visual" "description action"; gap: 22px 70px; align-items: center; margin-top: 56px; padding: 40px 44px; background: #edf1e5; color: var(--ink); border: 1px solid #dce2d2; border-radius: 8px 8px 48px 8px; }
.li-guided-help .lt-kicker { grid-area: label; color: #65765a; font-size: 8px; letter-spacing: 1.5px; margin: 0; }
.li-guided-help .lt-status-dot { background: #839568; width: 6px; height: 6px; }
#app .page .li-guided-help h2 { grid-area: title; color: var(--ink); font-size: clamp(36px, 3.8vw, 50px) !important; font-weight: 500; line-height: 1.13; letter-spacing: -.055em !important; margin: 0; }
.li-guided-help h2 > span { display: block; }
.li-guided-help h2 > .li-guided-accent { display: table; position: relative; isolation: isolate; }
.li-guided-accent::after { content: ''; position: absolute; left: -2px; right: -4px; height: .22em; bottom: .07em; background: var(--lime); transform: rotate(-1.5deg); z-index: -1; }
.li-guided-help .li-guided-description { grid-area: description; color: #68735f; font-size: 12px; line-height: 1.8; margin: 0; max-width: 33em; }
.li-guided-visual { grid-area: visual; width: 100%; max-width: 285px; aspect-ratio: 320 / 170; position: relative; justify-self: start; }
.li-guided-visual > img:first-child { display: block; width: 100%; height: 100%; }
.li-guided-visual > .li-guided-mark { position: absolute; left: 78.75%; top: 50%; width: 9%; height: auto; filter: brightness(.5); transform: translate(-50%, -50%); transition: transform .5s ease; }
.li-guided-action { grid-area: action; display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; max-width: 285px; min-height: 60px; padding: 0 0 12px; border: 0; border-bottom: 1px solid #bac5ae; background: transparent; color: var(--ink); font-size: 12px; font-weight: 650; line-height: 1.5; text-align: left; cursor: pointer; }
.li-guided-action-arrow { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 50%; background: var(--lime); color: var(--ink); transition: background .25s, color .25s; }
.li-guided-action-arrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
.li-guided-action:hover .li-guided-action-arrow, .li-guided-action:focus-visible .li-guided-action-arrow { background: var(--ink); color: var(--bg); }
.li-guided-action:hover svg { transform: translate(2px,-2px); }
.li-guided-help:has(.li-guided-action:hover) .li-guided-mark, .li-guided-help:focus-within .li-guided-mark { transform: translate(-50%, -50%) rotate(20deg); }
@media (prefers-reduced-motion: reduce) { .li-guided-help *, .li-guided-help *::after { transition: none !important; } }
#home-solutions { scroll-margin-top: 110px; }
.lt-hero .lt-actions button { cursor: pointer; }
.li-choice-intro .li-intro-grid > div > p { margin-bottom: 0; }
.li-choice-context { margin: -10px 0 32px; }
.li-choice-context p { color: var(--gray); font-size: 13px; margin: 0; }
#solution-catalogue .li-catalogue-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 42px 26px; }
#solution-catalogue .li-card-image { height: auto; aspect-ratio: 1.28; }
#solution-catalogue .li-card-heading { margin-top: 23px; }
#app #solution-catalogue .li-card-heading h3 { font-size: clamp(21px,2.05vw,29px); overflow-wrap: anywhere; }
#solution-catalogue .li-product-card > p { min-height: 44px; font-size: 12px; max-width: 34em; }
#solution-catalogue .li-product-card > .li-text-button { font-size: 11px; }
#solution-catalogue .li-catalogue-grid:has([data-category="store"][hidden]) { grid-template-columns: minmax(0,1fr); }
#solution-catalogue .li-catalogue-grid:has([data-category="store"][hidden]) .li-product-card:not([hidden]) { display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; align-content: center; }
#solution-catalogue .li-catalogue-grid:has([data-category="store"][hidden]) .li-card-image { grid-row: 1 / 4; }
#solution-catalogue .li-catalogue-grid:has([data-category="store"][hidden]) .li-card-heading { align-self: end; }
#solution-catalogue .li-catalogue-grid:has([data-category="store"][hidden]) .li-product-card > .li-text-button { justify-self: start; align-self: start; }
.li-compare-quiet { padding-top: 0; padding-bottom: 60px; }
.li-integration-note > .lt-wrap { display: grid; grid-template-columns: 1.7fr 1fr; gap: 70px; padding-top: 48px; padding-bottom: 48px; align-items: center; }
#app .li-integration-note h2 { font-size: 37px !important; max-width: 570px; }
.li-integration-note .li-kicker { margin-bottom: 20px; }
.li-integration-note p:not(.li-kicker) { font-size: 13px; color: #b8c1b2; margin: 0 0 18px; }
.li-integration-note .li-text-button { color: var(--lime); }
#sector-guide { padding-top: 45px; }
.li-more-detail { margin: 12px 0 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.li-more-detail > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; font-size: 12px; font-weight: 600; }
.li-more-detail > summary::-webkit-details-marker { display: none; }
.li-more-detail .li-sector-fit { margin-bottom: 24px; }
#page-about .li-about-manifesto p { max-width: 39em; }
@media (max-width: 900px) {
  #solution-catalogue .li-catalogue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 20px; }
  #app #solution-catalogue .li-card-heading h3 { font-size: 21px; }
  .li-integration-note > .lt-wrap { gap: 30px; grid-template-columns: 1.4fr 1fr; }
  .li-guided-help { column-gap: 35px; padding: 32px; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
  #app .page .li-guided-help h2 { font-size: 37px !important; }
  .li-guided-action { font-size: 10px; gap: 14px; }
  .li-guided-action-arrow { width: 40px; height: 40px; }
}
@media (max-width: 640px) {
  .li-guided-help { grid-template-columns: 1fr 118px; grid-template-areas: "label visual" "title title" "description description" "action action"; gap: 20px 10px; margin-top: 38px; padding: 22px 24px 27px; border-bottom-right-radius: 35px; }
  .li-guided-help .lt-kicker { font-size: 7px; letter-spacing: 1px; }
  .li-guided-visual { width: 118px; justify-self: end; }
  #app .page .li-guided-help h2 { font-size: 35px !important; }
  .li-guided-help .li-guided-description { font-size: 11px; max-width: 25em; }
  .li-guided-action { max-width: none; min-height: 55px; font-size: 11px; margin-top: 2px; }
  #solution-catalogue .li-catalogue-grid { grid-template-columns: 1fr; gap: 38px; }
  #solution-catalogue .li-catalogue-grid:has([data-category="store"][hidden]) .li-product-card:not([hidden]) { display: block; }
  #app #solution-catalogue .li-card-heading h3 { font-size: 25px; }
  #solution-catalogue .li-product-card > p { min-height: 0; }
  .li-choice-context { margin: 0 0 25px; }
  .li-choice-context p { font-size: 11px; }
  .li-compare-quiet { padding-bottom: 40px; }
  .li-integration-note > .lt-wrap { grid-template-columns: 1fr; gap: 22px; padding-top: 40px; padding-bottom: 40px; }
  #app .li-integration-note h2 { font-size: 32px !important; }
  .li-integration-note p:not(.li-kicker) { font-size: 12px; }
  #sector-guide { padding-top: 30px; }
  .li-more-detail > summary { font-size: 11px; }
}

/* Product detail: a short overview, with complete detail available on demand. */
.li-feature-more { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.li-feature-more > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; font-size: 13px; font-weight: 550; }
.li-feature-more > div > article:first-child { border-top: 0; }
.li-feature-more > div > article:last-child { border-bottom: 0; }
.li-faq-more > summary { color: #4c633b; }
.li-faq-extra { padding-left: 20px; border-left: 2px solid #d4dfc0; margin-bottom: 20px; }
.li-faq-extra > details:first-child { border-top: 1px solid var(--line); }
.li-faq-extra > details:last-child { border-bottom: 0; }
.li-pdp-next { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-top: 0; padding-bottom: 65px; }
.li-pdp-next > div { border-top: 1px solid var(--line); padding-top: 22px; }
.li-pdp-next p { font-size: 12px; line-height: 1.75; color: var(--gray); margin: 0 0 10px; }
.li-pdp-next .li-text-button { font-size: 13px; }
.li-pdp-next-single { grid-template-columns: 1fr; }
@media (max-width: 640px) {
  .li-feature-more > summary { padding: 20px 0; font-size: 12px; }
  .li-faq-extra { padding-left: 15px; }
  .li-pdp-next { grid-template-columns: 1fr; gap: 24px; padding-bottom: 45px; }
  .li-pdp-next p { font-size: 11px; }
  .li-pdp-next .li-text-button { font-size: 12px; }
}
.li-text-button svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 360px) {
  .li-guided-help { padding-left: 20px; padding-right: 20px; grid-template-columns: 1fr 100px; }
  .li-guided-visual { width: 100px; }
  #app .page .li-guided-help h2 { font-size: 30px !important; }
  .li-guided-action { font-size: 10px; }
}