/* The partnerships page (partnerships.html), in the homepage's language (31 Oct 2026). Linked after site.css.
   What the live boostapp.co.il/partnerships says Boostapp's partnerships are: a supplier page in Boostapp's Market for business owners
   and staff, advertising in the trainee app, or a partnership built together; then its form. Built from the shared inner-page kit
   (.ih, .ih-stage.dots, .st-card), the Market's community page (.kh-*, rebuilt from the owner's screenshot), the pricing page's group cards, the switching page's form card,
   .faq3 and .closing2. The header's gradient (blue, violet, the app's magenta) is echoed once, on the hero's label; lime stays the
   call to action. A partner's own name and logo are shown as placeholders ("העסק שלכם"), on purpose. */

/* ---------- Hero ---------- */
/* the label in the header link's gradient, the B marker too (it's a mask, so the gradient shows through it) */
.pa-label::before { background: linear-gradient(180deg, #2B59C3, #7B3FE4 55%, #E6004F); }
.pa-label > span { background-image: linear-gradient(270deg, #2B59C3, #7B3FE4 55%, #E6004F); -webkit-background-clip: text; background-clip: text; color: transparent;
  -webkit-text-fill-color: transparent; font-weight: 700; }
.pa-hero .ih-sub { text-wrap: balance; }
@media (max-width: 760px) {
  .pa-hero .ih-sub { margin-top: 16px; font-size: 18px; }
  .pa-hero .actions { width: 100%; flex-direction: column; margin-top: 22px; }
  .pa-hero .btn { width: 100%; min-height: 56px; font-size: 17.5px; }
  .pa-hero .ih-note { text-wrap: balance; }
}

/* The stage: the Market's community page in the middle of a light dot grid, cut by the stage's bottom; the Market's supplier page and
   the partnership built together on the start side, the app's offer and who is already in Boostapp on the other, over the page's side
   columns (the events board and the surveys, both "בקרוב") so the webinar, the deals and "בא לך עוד הטבה?" stay in view */
.pa-stage { --z: .55; --cw: 270px; --ci: 16px; height: 716px; }
.pa-cm-frame { position: absolute; z-index: 2; top: 40px; left: 50%; translate: -50% 0; }
.pa-stage .st-card { display: grid; gap: 10px; width: var(--cw); }
.pa-mkt, .pa-co { inset-inline-start: var(--ci); }
.pa-app, .pa-aud { inset-inline-end: var(--ci); }
.pa-mkt { top: calc(48px + 507px * var(--z)); } /* just under the webinar card, which ends 507px down the page */
.pa-co { bottom: 14px; }
.pa-app { top: 128px; }
.pa-aud { bottom: 20px; }

/* the Market's supplier page: the partner's logo and name as placeholders, a few lines of text, the direct contact */
.pa-sup { display: flex; align-items: center; gap: 12px; padding-top: 2px; }
.pa-logo { display: grid; place-items: center; flex: none; width: 58px; height: 58px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1.5px #B9B9C0;
  background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgba(0, 0, 0, .035) 6px 7px);
  font-size: 11px; font-weight: 700; font-style: normal; line-height: 1.15; text-align: center; color: var(--ink-2); outline: 1.5px dashed #9C9CA3; outline-offset: -1.5px; }
.pa-sup p { display: grid; line-height: 1.3; }
.pa-sup b { font-size: 19px; font-weight: 700; }
.pa-sup small { font-size: 13px; }
.pa-lines { display: grid; gap: 7px; padding: 4px 0 2px; }
.pa-lines i { height: 8px; border-radius: 4px; background: #E4E4E8; }
.pa-lines i:nth-child(2) { width: 86%; }
.pa-lines i:nth-child(3) { width: 58%; }
.pa-cta { display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
.pa-cta span { flex: none; display: grid; place-items: center; height: 34px; padding: 0 14px; border-radius: 999px; background: #000; color: #fff; font-size: 13.5px; font-weight: 700; }
.pa-cta small { font-size: 12.5px; line-height: 1.35; }

/* a partnership built together: the homepage's co-brand lockup (B × Claude, B × Higgsfield), with the partner as a dashed placeholder */
.pa-lock { display: flex; align-items: center; gap: 10px; }
.pa-b { width: 16px; height: 21px; fill: #000; }
.pa-lock > i { font-size: 18px; font-style: normal; line-height: 1; opacity: .55; }
.pa-you { display: inline-grid; place-items: center; height: 32px; padding: 0 12px; border-radius: 10px; outline: 1.5px dashed #9C9CA3; outline-offset: -1.5px;
  font-size: 14px; font-weight: 700; color: var(--ink-2); }
.pa-card-t { display: block; font-size: 19px; font-weight: 700; line-height: 1.25; }

/* the trainee app: the partner's product where the trainee already is */
.pa-offer { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: linear-gradient(135deg, #FFF3F7, #FCE4EC); }
.pa-offer > i { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: #fff; color: #E6004F; box-shadow: 0 3px 8px -2px rgba(230, 0, 79, .25); }
.pa-offer > i .ic { width: 22px; height: 22px; }
.pa-offer p { display: grid; line-height: 1.3; }
.pa-offer b { font-size: 16px; font-weight: 800; }
.pa-offer small { font-size: 12.5px; color: #9A5A70; }

/* who is already in Boostapp (the live page's words) */
.pa-aud-l { display: grid; gap: 8px; }
.pa-aud-l li { display: flex; align-items: center; gap: 10px; }
.pa-aud-l li + li { padding-top: 8px; border-top: 1px solid #ECECEF; }
.pa-aud-l i { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 10px; background: #000; color: #fff; }
.pa-aud-l i .ic { width: 17px; height: 17px; }
.pa-aud-l span { display: grid; line-height: 1.3; }
.pa-aud-l b { font-size: 15.5px; font-weight: 700; }
.pa-aud-l small { font-size: 12.5px; }

/* the Market's community page (קהילת העסקים), at the product's own size; the stage's --z shrinks it */
.pa-cm { width: 1340px; min-height: 1360px; padding: 34px 40px 40px; border-radius: 30px; /* taller than the stage shows, so the stage always cuts it */ background: #F7F7F5; color: #111; font-size: 15px; line-height: 1.45; zoom: var(--z);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 60px 110px -50px rgba(40, 30, 10, .5); }
.pa-cm p { margin: 0; }
.pa-cm b { font-weight: 800; }
.pa-cm .ic { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kh-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 26px; }
.kh-k { display: flex; align-items: center; gap: 8px; color: #23935F; font-size: 15px; font-weight: 600; }
.kh-k i, .kh-chip i, .kh-pill i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #3DD68C; }
.kh-h { display: block; margin-top: 4px; font-size: 34px; line-height: 1.15; letter-spacing: -0.01em; }
.kh-sub { margin-top: 6px; color: #6E6E6A; font-size: 17px; }
.kh-tools { display: flex; align-items: center; gap: 12px; padding-top: 30px; }
.kh-chip { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 15px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px #E2E2DD; font-size: 15px; font-weight: 600; }
.kh-cols { display: grid; grid-template-columns: 270px minmax(0, 1fr) 270px; gap: 20px; align-items: start; }
.kh-side { display: grid; gap: 16px; }

/* dark cards (the webinar, the surveys), with the product's faint green arc */
.kh-dark { position: relative; overflow: hidden; display: grid; justify-items: start; padding: 20px 20px 18px; border-radius: 22px; background: #1B1D1B; color: #fff; }
.kh-dark::before { content: ""; position: absolute; top: -150px; inset-inline-end: -130px; width: 280px; height: 280px; border-radius: 50%; border: 1px solid rgba(98, 220, 163, .22); }
.kh-pill { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); font-size: 14px; }
.kh-web-t { margin-top: 14px; color: #C9F46A; font-size: 24px; line-height: 1.2; }
.kh-meta { margin-top: 10px; color: rgba(255, 255, 255, .85); font-size: 14.5px; line-height: 1.5; }
.kh-more { margin-top: 8px; color: #C9F46A; font-size: 14.5px; text-decoration: underline; text-underline-offset: 3px; }
/* the countdown reads days to seconds from the left, as the product shows it */
.kh-count { direction: ltr; justify-self: stretch; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 14px; }
.kh-count span { display: grid; justify-items: center; padding: 7px 0 6px; border-radius: 11px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); font-size: 12.5px; color: rgba(255, 255, 255, .7); }
.kh-count b { font-family: "Wix Madefor Text", var(--sans); font-size: 24px; line-height: 1.2; color: #fff; }
.kh-lime { justify-self: stretch; display: grid; place-items: center; height: 50px; margin-top: 14px; border-radius: 12px; background: #D2F65C; color: #111; font-size: 17px; font-weight: 800; }

/* "בקרוב" boards: the events (white) and the surveys (dark) */
.kh-card { padding: 18px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6E2; }
.kh-soon-h { display: flex; align-items: center; justify-content: space-between; justify-self: stretch; gap: 10px; }
.kh-soon-h b { font-size: 19px; }
.kh-tag { display: inline-grid; place-items: center; height: 27px; padding: 0 11px; border-radius: 999px; box-shadow: inset 0 0 0 1px #CFCFCA; color: #444; font-size: 13.5px; }
.kh-grey { margin-top: 8px; color: #7A7A76; font-size: 14px; line-height: 1.5; }
.kh-ph { margin-top: 14px; padding: 2px 14px; border-radius: 14px; background: #FBFBFA; box-shadow: inset 0 0 0 1px #E6E6E2; }
.kh-ph li { display: flex; align-items: center; gap: 14px; padding: 15px 0; }
.kh-ph li + li { border-top: 1px solid #ECECE8; }
.kh-ph i { flex: none; width: 36px; height: 36px; border-radius: 10px; background: #EDEDEA; }
.kh-ph li.on i { background: #DDF6E9; }
.kh-ph span { display: grid; gap: 7px; flex: 1; }
.kh-ph s { height: 6px; width: 78%; border-radius: 3px; background: #D9D9D5; }
.kh-ph s + s { width: 46%; height: 5px; background: #E6E6E2; }
.kh-poll .kh-soon-h b { color: #62DCA3; }
.kh-poll .kh-tag { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); color: #fff; }
.kh-poll-p { position: relative; margin-top: 8px; color: rgba(255, 255, 255, .75); font-size: 14px; line-height: 1.5; }
.kh-poll-ph { justify-self: stretch; display: grid; gap: 9px; margin-top: 14px; padding: 12px; border-radius: 14px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
.kh-poll-ph p { display: flex; align-items: center; gap: 5px; height: 14px; }
.kh-poll-ph p s { width: 110px; height: 6px; margin-inline-end: auto; border-radius: 3px; background: rgba(255, 255, 255, .35); }
.kh-poll-ph p i { width: 14px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .3); }
.kh-poll-ph p i:first-of-type { background: #9CD35A; }
.kh-poll-ph span { display: flex; align-items: center; gap: 12px; height: 34px; padding: 0 12px; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.kh-poll-ph span s { flex: 1; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, .3); }
.kh-poll-ph span i { flex: none; width: 13px; height: 13px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45); }
.kh-poll-ph span.on { background: rgba(156, 211, 90, .12); box-shadow: inset 0 0 0 1.5px #9CD35A; }
.kh-poll-ph span.on s { background: #9CD35A; }
.kh-poll-ph span.on i { background: #9CD35A; box-shadow: none; }
.kh-ask { display: grid; justify-items: start; gap: 8px; padding: 22px 20px; border-radius: 22px; background: #62DCA3; }
.kh-ask b { font-size: 21px; }
.kh-ask p { font-size: 14.5px; line-height: 1.5; }
.kh-ask .kh-go { margin-top: 6px; }

/* the categories, the recommended deal and the deal cards */
.kh-filters { display: flex; gap: 10px; overflow: hidden; white-space: nowrap; -webkit-mask-image: linear-gradient(to left, #000 86%, transparent); mask-image: linear-gradient(to left, #000 86%, transparent); }
.kh-filters span { flex: none; display: inline-grid; place-items: center; height: 42px; padding: 0 18px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px #E2E2DD; font-size: 15px; font-weight: 600; }
.kh-filters .on { background: #151715; color: #fff; box-shadow: none; }
.kh-feat { display: grid; grid-template-columns: minmax(0, 1fr) 300px; min-height: 240px; margin-top: 14px; overflow: hidden; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6E2; }
.kh-feat-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 24px 26px 20px; }
.kh-rec { display: inline-flex; align-items: center; height: 25px; padding: 0 10px; border-radius: 999px; background: #C9F46A; font-size: 13px; font-weight: 800; }
.kh-t { margin-top: 8px; font-size: 25px; line-height: 1.2; }
.kh-plus { display: grid; gap: 3px; margin-top: 10px; color: #5A5A56; font-size: 15px; }
.kh-plus li::before { content: "+ "; }
.kh-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; align-self: stretch; margin-top: auto; padding-top: 16px; }
.kh-foot small { color: #8A8A86; font-size: 13.5px; }
.kh-go { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 11px; background: #151715; color: #fff; font-size: 15px; font-weight: 700; white-space: nowrap; }
.kh-feat-pic { position: relative; display: flex; flex-direction: column; align-items: center; padding: 16px 20px 14px; border-inline-start: 2px dashed #E2E2DE; text-align: center; }
.kh-feat-pic > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 30% 30%; opacity: .2; }
.kh-feat-pic > :not(img) { position: relative; }
.kh-feat-pic .kh-badge { align-self: flex-start; }
.kh-shield { width: 42px; height: 48px; margin-top: 12px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .15)); }
.kh-brand { margin-top: 8px; font-size: 16px; }
.kh-feat-pic small { color: #5A5A56; font-size: 13px; }
.kh-price { align-self: flex-start; display: flex; align-items: baseline; gap: 8px; margin-top: auto !important; }
.kh-price b { font-family: "Wix Madefor Display", var(--display); font-size: 46px; letter-spacing: -0.03em; line-height: 1; }
.kh-price s { color: #8A8A86; font-family: "Wix Madefor Text", var(--sans); font-size: 20px; font-weight: 700; }
.kh-badge { display: inline-flex; align-items: center; gap: 6px; height: 29px; padding: 0 11px; border-radius: 999px; background: #151715; color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; }
.kh-badge.w { background: #fff; color: #111; }
.kh-badge .ic { width: 14px; height: 14px; }
.kh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.kh-deal { overflow: hidden; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px #E6E6E2; }
.kh-deal-top { position: relative; display: flex; flex-direction: column; align-items: center; height: 188px; padding: 36px 18px 0; text-align: center; }
.kh-deal.y .kh-deal-top { background: #FBEA55; }
.kh-deal.o .kh-deal-top { background: linear-gradient(160deg, #F6AE5F, #EE9440); }
.kh-deal.g .kh-deal-top { background: #62DCA3; }
.kh-deal.b .kh-deal-top { background: #E8EFFC; }
.kh-deal-top .kh-badge { position: absolute; top: 14px; inset-inline-start: 16px; }
.kh-lg { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 8px; border-radius: 12px; background: #fff; font-family: "Wix Madefor Text", var(--sans); font-size: 17px; font-weight: 800; }
.kh-deal-top b { font-size: 15.5px; }
.kh-deal-top small { color: rgba(0, 0, 0, .55); font-size: 13px; }
.kh-deal-top em { position: absolute; bottom: 12px; inset-inline-start: 18px; font-family: "Wix Madefor Display", var(--display); font-size: 43px; font-weight: 800; font-style: normal; letter-spacing: -0.03em; line-height: 1; }
.kh-deal-body { display: flex; flex-direction: column; align-items: flex-start; padding: 16px 18px 14px; }
.kh-t2 { font-size: 21px; line-height: 1.25; }
/* the card is a ticket: a dashed tear line with a notch at each edge */
.kh-deal .kh-foot { position: relative; margin-top: 14px; padding-top: 14px; border-top: 2px dashed #E4E4E0; }
.kh-deal .kh-foot::before, .kh-deal .kh-foot::after { content: ""; position: absolute; top: -11px; width: 20px; height: 20px; border-radius: 50%; background: #F7F7F5; box-shadow: inset 0 0 0 1px #E6E6E2; }
.kh-deal .kh-foot::before { right: -28px; }
.kh-deal .kh-foot::after { left: -28px; }

@media (max-width: 1199px) { .pa-stage { --z: .5; --cw: 256px; height: 692px; } }
@media (max-width: 999px) {
  .pa-stage { --z: .46; --cw: 236px; --ci: 12px; height: 652px; }
  .pa-stage .st-card { padding: 12px 13px 13px; }
  .pa-stage .st-card-h { font-size: 13.5px; }
  .pa-sup b { font-size: 17px; }
  .pa-logo { width: 50px; height: 50px; font-size: 10px; }
  .pa-cta small, .pa-aud-l small { display: none; }
  .pa-card-t { font-size: 17px; }
}
/* narrow tablets: room for one card on the start side, so the partnership card goes, as on phones */
@media (max-width: 859px) { .pa-stage { --z: .4; --cw: 220px; height: 520px; } .pa-stage .pa-co { display: none; } }
/* phones: the page's start side (the greeting, the webinar, the recommended deal), cut on the end side and at the bottom; then the
   supplier page and the audience under it, the first over the page's lower edge */
@media (max-width: 699px) {
  .pa-stage { --z: .42; display: grid; justify-items: center; gap: 10px; height: auto; padding: 22px 12px 12px; }
  .pa-cm-frame { position: relative; top: auto; left: auto; translate: none; width: 100%; height: 380px; overflow: hidden; border-radius: 14px; }
  .pa-stage .st-card { position: relative; inset: auto; width: 100%; padding: 12px 13px 14px; border-radius: 18px; }
  .pa-mkt { margin-top: -96px; }
  .pa-stage .pa-app, .pa-stage .pa-co { display: none; }
  .pa-cta small, .pa-aud-l small { display: block; }
}

/* ---------- Three ways to work together: white cards with an icon (the pricing page's group cards) ---------- */
.pa-ways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pa-ways > li { display: grid; align-content: start; justify-items: start; gap: 14px; padding: 26px 26px 30px; border-radius: 24px; background: #fff; }
.pa-ic { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 4px; border-radius: 14px; background: #000; color: #fff; }
.pa-ic .ic { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pa-for { display: inline-flex; align-items: center; height: 28px; padding: 0 11px; border-radius: 999px; background: var(--paper-2); font-size: 14px; font-weight: 600; color: #3A3A3F; }
.pa-ways h3 { font-family: var(--display); font-size: 25px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; }
.pa-ways p { font-size: 18px; line-height: 1.6; color: var(--ink-2); }
.pa-ways mark { color: #000; padding: 0 .12em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 8.6 100 4.2 100 16.4 0 19.6Z' fill='%23BAFD4F'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* tablets: one card a row, the icon beside the text; phones: the icon on top again */
@media (max-width: 899px) {
  .pa-ways { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .pa-ways > li { grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; row-gap: 10px; padding: 24px 24px 26px; border-radius: 22px; }
  .pa-ways .pa-ic { grid-row: span 3; margin-bottom: 0; }
}
@media (max-width: 599px) {
  .pa-ways > li { grid-template-columns: minmax(0, 1fr); padding: 22px 20px 24px; }
  .pa-ways .pa-ic { grid-row: auto; margin-bottom: 4px; }
}

/* ---------- Already built together: the co-brand lockups the homepage uses, one tile each, and the API's tools under them ---------- */
.pa-built-stage { position: relative; display: grid; align-content: center; gap: 14px; min-height: 520px; padding: clamp(18px, 4vw, 44px); border-radius: 26px;
  background: radial-gradient(rgba(0, 0, 0, .07) 1px, transparent 1.6px) 0 0 / 22px 22px, linear-gradient(165deg, #FCFCFD 0%, #E3E3E8 100%); }
.pa-tiles { display: grid; gap: 12px; }
.pa-tiles li { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 92px; padding: 16px 22px; border-radius: 20px; background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 20px 40px -28px rgba(0, 0, 0, .35); }
.pa-lk { display: flex; align-items: center; gap: 12px; }
.pa-lk .pa-b { width: 20px; height: 26px; }
.pa-lk > i { font-size: 22px; font-style: normal; line-height: 1; opacity: .5; }
/* the partners' own logos, each at its own proportions (Grow 268 × 73, Claude 112 × 24, Elementor 491 × 85) */
.pa-grow { width: 92px; height: 25px; }
.pa-claude { width: 112px; height: 24px; }
.pa-el { width: 121px; height: 21px; }
.pa-what { display: grid; justify-items: end; text-align: end; line-height: 1.3; }
[dir="rtl"] .pa-what { justify-items: start; text-align: start; }
.pa-what b { font-size: 17px; font-weight: 700; }
.pa-what small { font-size: 13.5px; color: var(--ink-2); }
.pa-api { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 6px; }
.pa-api > small { flex-basis: 100%; font-size: 14px; font-weight: 600; color: var(--ink-2); }
.pa-api-t { display: flex; align-items: center; justify-content: center; gap: .5em; flex: 1 1 0; min-width: 0; height: 62px; padding: 0 12px; border-radius: 16px; background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 24px -18px rgba(0, 0, 0, .25); direction: ltr; font-size: 15px; white-space: nowrap; }
.pa-api-t svg { display: block; flex: none; }
.pa-api-t .i { width: 1.6em; height: 1.6em; }
.pa-api-t span { font-family: "Wix Madefor Display", var(--display); font-size: .92em; font-weight: 600; letter-spacing: -0.01em; color: #3C4043; }
@media (max-width: 559px) {
  .pa-built-stage { min-height: 0; }
  .pa-tiles li { flex-direction: column; align-items: flex-start; gap: 10px; min-height: 0; padding: 16px 18px; }
  .pa-api-t { flex-basis: calc(50% - 5px); height: 54px; font-size: 13px; }
  .pa-api-t.st { flex-basis: 100%; }
}

/* ---------- Get in touch: the copy beside the switching page's form card, on a grey dot stage ---------- */
.pa-talk .feat { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; }
@media (max-width: 899px) { .pa-talk .feat { grid-template-columns: minmax(0, 1fr); } }
.pa-lead { max-width: 30em; font-size: 19px; line-height: 1.6; color: var(--ink-2); text-wrap: pretty; }
.pa-alt { font-size: 17px; color: var(--ink-2); }
.pa-fstage { display: grid; place-items: center; padding: clamp(14px, 3.4vw, 44px); border-radius: 28px; background: #fff radial-gradient(rgba(0, 0, 0, .075) 1px, transparent 1.6px) 0 0 / 22px 22px; }
.pa-card { width: 100%; max-width: 520px; padding: clamp(22px, 3vw, 34px); border-radius: 24px; background: #fff; color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 40px 80px -48px rgba(0, 0, 0, .45); }
.pa-card h2 { margin-bottom: 4px; font-family: var(--display); font-size: 30px; font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; }
.pa-card .body-2 { margin-bottom: 20px; font-size: 18px; }
.pa-card .form { gap: 14px; }
.pa-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.pa-card .field label { font-size: 16px; font-weight: 600; }
.pa-opt { font-weight: 400; color: var(--ink-2); }
.pa-card .field input, .pa-card .field select, .pa-card .field textarea { width: 100%; height: 52px; border: 1px solid #C9C9CF; border-radius: 12px; background: #fff; font: inherit; font-size: 17px; }
.pa-card .field textarea { height: auto; min-height: 96px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.pa-card .field input:focus, .pa-card .field select:focus, .pa-card .field textarea:focus { outline: 3px solid #000; outline-offset: 1px; border-color: #000; }
.pa-card .btn { min-height: 56px; margin-top: 4px; font-size: 17.5px; }
.pa-card .fine { text-align: center; }
.pa-card .form-ok { border-radius: 14px; background: #E3FBEF; color: #000; font-size: 17px; line-height: 1.6; }
@media (max-width: 599px) {
  .pa-fstage { border-radius: 22px; }
  .pa-card { border-radius: 20px; }
  .pa-card h2 { font-size: 26px; }
  .pa-row { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- A placeholder the owner still has to fill (the FAQ's question about cost): dashed, so it can't pass for an answer ---------- */
.pa-ph { display: inline-block; padding: 4px 10px; border-radius: 8px; outline: 1.5px dashed #9C9CA3; outline-offset: -1.5px; background: #FAFAFB; color: #5E5E64; font-weight: 600; }