/* P6–7 team review: three screens → priorities → four simple capabilities. */
.lp-setup { background: #fafbfe; }
.lp-setup__grid { margin-top:36px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 64px; row-gap: 48px; }
.lp-setup__item { min-width: 0; border-top: 1px solid #cfd5e3; padding-top: 22px; }
.lp-setup__eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 16px; color:#616a83; font-size:11px; font-weight:600; letter-spacing:.13em; }
.lp-setup__eyebrow span { font-family:Oswald,sans-serif; font-size:25px; line-height:1; color:var(--color-primary-600); letter-spacing:0; }
.lp-setup__item h3 { font-size:clamp(20px,2.1vw,27px); line-height:1.65; margin:0 0 14px; letter-spacing:.01em; }
.lp-setup__item > .lp-text { font-size:15px; line-height:1.9; margin:0; min-height:86px; }
.lp-setup__visual { margin:24px 0 0; height:230px; box-sizing:border-box; }
.lp-setup__screen { border-radius:8px; box-shadow:0 10px 25px #0d0e5909; }
.lp-setup__screen picture { display:block; width:100%; height:100%; overflow:hidden; }
.lp-setup__screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:bottom; }
.lp-connect-map { display:flex; flex-direction:column; align-items:center; padding:15px 0 0; }
.lp-connect-map__sources { display:flex; width:100%; justify-content:space-between; gap:8px; color:#535d75; font-size:13px; font-weight:600; }
.lp-connect-map__sources span { flex:1; text-align:center; padding-bottom:13px; border-bottom:2px solid #bbc5dd; white-space:nowrap; }
.lp-connect-map__lines { width:76%; height:36px; border:1px solid #b8c4e2; border-top:0; position:relative; }
.lp-connect-map__lines::after { content:''; position:absolute; top:100%; height:19px; left:50%; border-left:1px solid #b8c4e2; }
.lp-connect-map__hub { margin-top:19px; display:flex; align-items:center; gap:16px; border-bottom:1px solid #dce1ec; padding:10px 0 16px; }
.lp-connect-map__hub img { width:145px; height:auto; }
.lp-connect-map__hub span { font-size:12px; color:#087b83; font-weight:600; padding-left:16px; border-left:1px solid #d0d8e7; }
.lp-connect-map > p { font-size:13px; margin:16px 0 0; color:#616a83; }
.lp-action-map { padding:7px 0 0; }
.lp-action-map__origin { width:max-content; margin:0 auto 28px; padding:8px 30px 16px; border-bottom:2px solid #666cff; font-size:16px; color:#0d0e59; font-weight:600; position:relative; }
.lp-action-map__origin::after { content:''; position:absolute; left:50%; top:100%; height:28px; border-left:1px solid #c4ccdf; }
.lp-action-map__branches { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #c4ccdf; padding-top:17px; }
.lp-action-map__branches > div { text-align:center; }
.lp-action-map__branches > div + div { border-left:1px solid #d5dbe8; }
.lp-action-map__branches span { display:block; color:#087b83; font-size:12px; margin-bottom:9px; }
.lp-action-map__branches strong { font-size:16px; }
.lp-action-map__branches p { font-size:12px; color:#687187; margin:9px 0 0; }
.lp-setup__links { display:flex; gap:28px; font-size:13px; margin-top:2px; }
.lp-setup__links a { display:flex; gap:12px; color:var(--color-primary-600); text-decoration:none; border-bottom:1px solid #bac2ed; padding-bottom:5px; }
.lp-setup__links a:hover { border-color:currentColor; }
.lp-setup__links a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:1023px) {
 .lp-setup__grid { column-gap:32px; }
 .lp-setup__item > .lp-text { min-height:115px; }
 .lp-connect-map__sources { font-size:11px; gap:5px; }
 .lp-connect-map__hub { gap:9px; }
 .lp-connect-map__hub img { width:120px; }
 .lp-connect-map__hub span { padding-left:9px; font-size:11px; }
 .lp-action-map__branches strong { font-size:13px; }
}
@media(max-width:700px) {
 .lp-setup__grid { grid-template-columns:1fr; row-gap:32px; }
 .lp-setup__item > .lp-text { min-height:0; }
 .lp-setup__item h3 { font-size:22px; }
 .lp-setup__visual { height:215px; margin-top:20px; }
 .lp-setup__screen { height:auto; aspect-ratio:1.7; }
 .lp-connect-map__sources { font-size:12px; }
 .lp-connect-map__hub img { width:145px; }
 .lp-action-map__branches strong { font-size:14px; }
 .lp-setup__links { gap:24px; }
}

/* Plain-language terms and supplied product capture. */
.lp-term-note { font-size:.76em; font-weight:600; }
.lp-action-map__definition { font-size:12px; font-weight:500; }
.lp-upload-reference { margin:0; }
.lp-upload-reference__screen img { object-position:center 88%; }
.lp-upload-reference figcaption { margin-top:10px; font-size:11px; line-height:1.7; color:#687187; }

/* Reading rhythm: one gray, alternating sections, a descending feature flow. */
:root { --lp-review-gray:#f8f9fa; }
main > .lp-surface-white { background: #fff; }
main > .lp-surface-gray { background: var(--lp-review-gray); }
#core .lp-steprow { background:transparent; }
#core .lp-steprow + .lp-steprow { border-top:1px solid #d4d9e2; }
.lp-text,.lp-small,.lp-lead,.lp-journey__item p { font-size:max(14px,1em); }
#use-cases .lp-small,#use-cases .lp-lead { font-size:14px !important; }
main :is(h1,h2,h3,p,li) { word-break:auto-phrase; overflow-wrap:normal; line-break:strict; }
.lp-setup__grid { display:block; margin-top:44px; padding-left:40px; }
.lp-setup__item { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; padding:32px 0 44px; position:relative; }
.lp-setup__item::before { content:''; position:absolute; left:-29px; top:43px; bottom:-43px; border-left:1px solid #acb6d0; }
.lp-setup__item::after { content:''; position:absolute; left:-33px; top:42px; width:9px; height:9px; border-right:2px solid #555dcd; border-bottom:2px solid #555dcd; transform:rotate(45deg); background:var(--lp-review-gray); }
.lp-setup__item:last-child::before { display:none; }
.lp-setup__copy .lp-text { font-size:15px; line-height:1.95; margin:0; }
.lp-setup__media { min-width:0; align-self:center; }
.lp-setup__media .lp-setup__visual { margin-top:0; }
.lp-setup__media .lp-action-map { height:auto; min-height:245px; }
.lp-flow-icon { display:block; width:28px; height:28px; margin:0 auto 10px; color:#4149dd; }
.lp-action-map__origin .lp-flow-icon { width:25px; height:25px; }
.lp-action-map__branches span,.lp-action-map__branches p,.lp-connect-map > p,.lp-connect-map__hub span { font-size:14px; }
.lp-action-map__origin { padding-inline:15px; }
@media(max-width:800px) {
 .lp-setup__grid { padding-left:24px; }
 .lp-setup__item { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px 0 36px; }
 .lp-setup__item::before { left:-18px; top:35px; bottom:-35px; }
 .lp-setup__item::after { left:-22px; top:34px; }
 .lp-setup__links { font-size:14px; gap:18px; }
 .lp-connect-map__hub { flex-wrap:wrap; justify-content:center; }
}
main > section.lp-surface-white { background:#fff !important; }
main > section.lp-surface-gray { background:var(--lp-review-gray) !important; }
#core .lp-steprow .lp-text { font-size:14px !important; }
.lp-setup__item::after { background:#fff; }
.lp-setup__media .lp-setup__links { margin-top:20px; }
/* Keep product and marketing terms intact even without auto-phrase support. */
.lp-word { white-space:nowrap; }
/* SET GOALS shares the complete capture; the inline preview shows goal fields. */
#setup-kpi .lp-setup__screen img { object-position:center 30%; }

/* Keep branch descriptions together; word wrappers inherit prose styling. */
.lp-action-map__branches p .lp-word { display:inline; color:inherit; font-size:inherit; margin:0; }
.lp-action-map__caption { white-space:nowrap; }

/* Product-sheet usability points, kept separate from feature explanations. */
.lp-ease-summary { margin-top:36px; padding-top:32px; border-top:1px solid #dce1e8; scroll-margin-top:100px; }
.lp-ease-summary > h3, .lp-comparison-subtitle { margin:0 0 28px; font-size:clamp(22px,2.4vw,30px); line-height:1.6; }
.lp-ease-summary__items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.lp-ease-summary__item { min-width:0; }
.lp-ease-summary h4 { margin:0 0 10px; font-size:18px; line-height:1.6; word-break:auto-phrase; color:var(--lp-charcoal); }
.lp-ease-summary p { margin:0 0 20px; font-size:14px; line-height:1.9; color:#616a7e; }
.lp-ease-summary .lp-ease-summary__screen { margin:0; aspect-ratio:1.8; overflow:hidden; }
.lp-ease-summary .lp-ease-summary__screen img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
@media(max-width:700px) {
 .lp-ease-summary__items { grid-template-columns:1fr; gap:30px; }
 .lp-ease-summary > h3, .lp-comparison-subtitle { font-size:22px; }
 .lp-ease-summary h4 { font-size:17px; }
}

/* Comparison: usability first, followed by the coverage table. */
#comparison .lp-ease-summary { margin-top:32px; padding-top:0; border-top:0; }
.lp-comparison-heading { margin-top:44px; padding-top:32px; border-top:1px solid #dce1e8; }
.lp-comparison-heading .lp-comparison-subtitle { margin-bottom:16px; }
.lp-comparison-heading .lp-text { margin:0 0 24px; }

/* Portrait tablets: give the hero its own full-width visual row. */
@media (min-width:701px) and (max-width:1023px) and (orientation:portrait) {
 .lp-hero__grid { grid-template-columns:minmax(0,1fr); gap:36px; min-height:0; padding-bottom:60px; }
 .lp-hero__copy { min-width:0; max-width:100%; }
 .lp-hero__visual { min-width:0; width:100%; max-width:720px; margin:0 auto; padding:0; }
 .lp-hero__callout { left:0; }
 .lp-hero::before { top:48%; bottom:0; height:auto; width:100%; right:0; }
 .lp-hero__brand-flash { top:48%; right:0; width:100%; height:50%; }
}

/* Oike review: full-width desktop headings read as a single statement.
   Keep the original type scale and smaller-screen / split-column line breaks. */
@media (min-width:1100px) {
 .lp-heading-break { display:none; }
 :is(#core,#goals,#tools,#use-cases,#steps) .lp-head { max-width:none; }
 #contact > .lp-container { max-width:var(--lp-container); }
 #contact .lp-formcard { max-width:calc(var(--lp-container-narrow) - 2 * var(--lp-container-padding)); margin-inline:auto; }
}
