/* ==========================================================================
   /panelcrm - page styles (scoped under body.page-panelcrm)
   Sections: hero, about (heading + integrations + tabs block), content
   (Optimización del Smart Working + process cards + platform + tags),
   results overrides (coloured cards), FAQ overrides (heading inside card).
   ========================================================================== */

/* ---------- Hero ---------------------------------------------------------- */
body.page-panelcrm .hero { overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 110px 50px 0; }
body.page-panelcrm .hero__wrapper { display: flex; flex-direction: column; align-items: center; gap: 96px; width: 100%; padding: 59px 0; border-radius: var(--r-lg); }
body.page-panelcrm .hero__container { display: flex; flex-direction: column; align-items: center; gap: var(--sp-7); width: 100%; max-width: 1280px; padding: 8px 60px 0; }
body.page-panelcrm .hero__row { display: flex; align-items: center; justify-content: center; gap: var(--sp-6); width: 100%; }
body.page-panelcrm .hero__content { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; flex: 3 0 0; min-width: 0; }
body.page-panelcrm .hero__heading { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; }
body.page-panelcrm .hero__category {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
  padding: 8px 16px; border: 1px solid rgba(17, 16, 17, 0.1); border-radius: var(--r-md);
}
body.page-panelcrm .hero__category h1 { font-family: var(--f-satoshi); font-weight: 400; font-size: 16px; line-height: 1.4; color: var(--c-ink); }
body.page-panelcrm .hero__title { max-width: 532px; font-family: var(--f-dm); font-weight: 300; font-size: 46px; line-height: 1; letter-spacing: -0.05em; color: var(--c-text); }
body.page-panelcrm .hero__txt-btns { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; width: 100%; }
body.page-panelcrm .hero__text { max-width: 677px; text-wrap: balance; font-family: var(--f-satoshi); font-weight: 400; font-size: 18px; line-height: 1.5; color: #080808; }
body.page-panelcrm .hero__buttons { display: flex; align-items: center; gap: 10px; }
body.page-panelcrm .hero__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  padding: 16px 20px; border-radius: var(--r-lg);
  font-family: var(--f-is); font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: var(--c-text);
  white-space: nowrap; transition: background-color 0.2s var(--ease-out), color 0.2s var(--ease-out);
}
body.page-panelcrm .hero__btn svg { width: 20px; height: 20px; flex: none; }
body.page-panelcrm .hero__btn--primary { background: var(--c-green); }
body.page-panelcrm .hero__btn--primary:hover { background: rgba(17, 250, 141, 0.56); } /* live hover variant */
body.page-panelcrm .hero__btn--secondary { background: var(--c-white); color: #191d1d; box-shadow: rgba(13, 17, 27, 0.12) 0 1px 3px 0; cursor: default; }
body.page-panelcrm .hero__btn--secondary:hover { color: rgba(25, 29, 29, 0.8); } /* live: label dims, white bg kept */
body.page-panelcrm .hero__image { position: relative; z-index: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-5); flex: 2 0 0; min-width: 0; }
body.page-panelcrm .hero__ball { position: absolute; top: 50%; right: -70px; width: 500px; height: 500px; transform: translateY(-50%); z-index: -1; pointer-events: none; }
body.page-panelcrm .hero__ball-disc {
  position: absolute; inset: 0; border-radius: 1000px; background: var(--c-white);
  border: 1px solid rgba(33, 33, 33, 0.1);
  box-shadow: rgba(0, 0, 0, 0.05) 0 -200px 100px 0;
}
body.page-panelcrm .hero__ball-blur {
  position: absolute; inset: 0; border-radius: 1000px; overflow: hidden;
  background:
    radial-gradient(70% 70% at 80% 20%, rgba(112, 56, 232, 0.95) 0%, rgba(140, 95, 240, 0.7) 40%, rgba(140, 95, 240, 0) 100%),
    linear-gradient(225deg, #7c40e8 0%, #a27bee 35%, #c7b3f1 65%, #dfd3f5 85%, #ebe4f8 100%);
  filter: blur(40px);
  -webkit-mask: radial-gradient(circle at 50% 50%, #000 0%, #000 82%, rgba(0, 0, 0, 0) 100%);
  mask: radial-gradient(circle at 50% 50%, #000 0%, #000 82%, rgba(0, 0, 0, 0) 100%);
}
body.page-panelcrm .hero__shot { width: 419px; height: 320px; filter: hue-rotate(20deg) saturate(0.91) drop-shadow(0 18px 22px rgba(0, 0, 0, 0.25)); }
body.page-panelcrm .hero__shot img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- About ---------------------------------------------------------- */
body.page-panelcrm .about { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 50px 50px 70px; background: var(--c-bg); }
body.page-panelcrm .about__wrapper { display: flex; flex-direction: column; align-items: center; gap: var(--sp-8); width: 100%; max-width: 1340px; border-radius: var(--r-lg); background: linear-gradient(rgb(249, 247, 246) 0%, rgba(247, 244, 242, 0) 100%); }
body.page-panelcrm .about__container { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 48px 0 0; background: var(--c-white); border-radius: 70px; overflow: hidden; }
body.page-panelcrm .about__heading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 35px; width: 100%; max-width: 1280px; padding: 62px var(--sp-6); }
body.page-panelcrm .about__title { max-width: 786px; font-family: var(--f-dm); font-weight: 300; font-size: 59px; line-height: 1.1; letter-spacing: -0.08em; text-align: center; color: var(--c-ink); }
body.page-panelcrm .about__lead { max-width: 640px; font-family: var(--f-satoshi); font-weight: 400; font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; text-align: center; color: var(--c-text); }

/* integrations logos */
body.page-panelcrm .integ { display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; }
body.page-panelcrm .integ__title { font-family: var(--f-dm); font-weight: 400; font-size: 28px; line-height: 1; letter-spacing: -0.04em; text-align: center; color: #101010; }
body.page-panelcrm .integ__ticker { width: auto; max-width: none; padding: 0; overflow: visible; }
body.page-panelcrm .integ__logos { display: flex; align-items: flex-start; gap: var(--sp-6); padding: 0 var(--sp-4); width: max-content; animation: none; }
body.page-panelcrm .integ__logo { display: block; flex: none; }
body.page-panelcrm .integ__logo svg { display: block; width: 100%; height: 100%; }
body.page-panelcrm .integ__logo--zendesk { width: 46px; height: 35px; }
body.page-panelcrm .integ__logo--salesforce { width: 57px; height: 40px; }
body.page-panelcrm .integ__logo--zoho { width: 91px; height: 32px; }
body.page-panelcrm .integ__logo--hubspot { width: 33px; height: 34px; }
body.page-panelcrm .integ__logo--fresh { width: 40px; height: 40px; }
body.page-panelcrm .integ__logo[aria-hidden="true"] { display: none; }

/* tabs block ("Mide, aprende y mejora con datos reales.") */
body.page-panelcrm .about__inner { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 126px 0 80px; }
body.page-panelcrm .tabs-block { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 56px; width: 100%; max-width: 1100px; padding: 0 60px; }
body.page-panelcrm .tabs { position: absolute; top: 8px; right: 60px; display: flex; align-items: flex-start; gap: var(--sp-6); }
body.page-panelcrm .tabs__item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); cursor: pointer; }
body.page-panelcrm .tabs__item p { font-family: var(--f-satoshi); font-weight: 500; font-size: 18px; line-height: 1.2; letter-spacing: -0.02em; white-space: nowrap; color: rgba(17, 16, 17, 0.4); transition: color 0.2s var(--ease-out); }
body.page-panelcrm .tabs__item .tabs__line { display: block; width: 100%; height: 2px; border-radius: 4px; background: var(--c-ink-60); opacity: 0.12; transition: opacity 0.2s var(--ease-out); }
/* live: inactive tabs brighten on hover (text .4 -> .6, underline .12 -> .24) */
body.page-panelcrm .tabs__item:not(.is-active):hover p { color: rgba(17, 16, 17, 0.6); }
body.page-panelcrm .tabs__item:not(.is-active):hover .tabs__line { opacity: 0.24; }
body.page-panelcrm .tabs__item.is-active p { color: var(--c-text); }
body.page-panelcrm .tabs__item.is-active .tabs__line { opacity: 1; }
body.page-panelcrm .tabs-block__content { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 409px; transform: translateY(35px); }
body.page-panelcrm .tabs-block__title { font-family: var(--f-dm); font-weight: 300; font-size: 46px; line-height: 1.1; letter-spacing: -0.02em; color: var(--c-ink); }
body.page-panelcrm .tabs-block__title strong { font-weight: 400; }
body.page-panelcrm .tabs-block__text { font-family: var(--f-satoshi); font-weight: 400; font-size: 18px; line-height: 1.5; color: var(--c-text); }
body.page-panelcrm .tabs-block__text--mobile { display: none; }
body.page-panelcrm .tabs-block__images { display: flex; align-items: flex-end; justify-content: center; gap: var(--sp-5); width: 100%; height: 375px; transform: translateY(28px); }
body.page-panelcrm .tabs-block__image1 { width: 410px; height: 375px; flex: none; border-radius: 64px; }
body.page-panelcrm .tabs-block__image1 svg { width: 100%; height: 100%; display: block; }
body.page-panelcrm .tabs-block__image2 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 546px; height: 514px; flex: none; }
body.page-panelcrm .tabs-block__image2-bg { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #f7f6f5; border-radius: 60px; }
body.page-panelcrm .tabs-block__image2-bg img { width: 493px; height: 395px; object-fit: cover; }

/* ---------- Content: Optimización del Smart Working ------------------------ */
body.page-panelcrm .content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 57px; padding: 109px 80px 0; }
body.page-panelcrm .content__top { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; width: 100%; max-width: 710px; }
body.page-panelcrm .content__tag-title { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }
body.page-panelcrm .content__title { font-family: var(--f-dm); font-weight: 400; font-size: 74px; line-height: 76px; letter-spacing: -1.9px; text-align: center; color: #080808; }
body.page-panelcrm .content__body { width: 100%; max-width: 520px; }
body.page-panelcrm .content__body p { font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; text-align: center; color: #131313; }
body.page-panelcrm .content__bottom { display: flex; flex-direction: column; align-items: center; }
body.page-panelcrm .content__bottom .btn { min-height: 46px; padding: 10px 28px; }

/* process cards */
body.page-panelcrm .process { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: 1200px; padding: 0 30px; border-radius: 30px; }
body.page-panelcrm .process__card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 22px; flex: 1 0 0; min-width: 0; padding: 30px; border-radius: 20px; overflow: hidden; }
body.page-panelcrm .process__card--3 { gap: 2px; }
body.page-panelcrm .dots { position: absolute; inset: 0; border-radius: 100%; pointer-events: none; }
body.page-panelcrm .dots img { width: 100%; height: 100%; object-fit: cover; }
body.page-panelcrm .process__icon {
  position: relative; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; padding: 14px; flex: none;
  border: 2px solid rgba(255, 255, 255, 0.15); border-radius: 80px;
  background: linear-gradient(180deg, rgb(120, 66, 237) 0%, rgb(128, 89, 227) 100%);
}
body.page-panelcrm .process__icon svg { width: 34px; height: 34px; fill: var(--c-white); flex: none; }
body.page-panelcrm .process__text { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-4); width: 100%; padding: 22px 0; }
body.page-panelcrm .process__card--3 .process__text { padding: 25px 0; }
body.page-panelcrm .process__title { font-family: var(--f-is); font-weight: 400; font-size: 36px; line-height: 46px; letter-spacing: -0.6px; text-align: center; color: var(--c-text); white-space: nowrap; }
body.page-panelcrm .process__title--2 { line-height: 49px; }
body.page-panelcrm .process__title--3 { line-height: 39px; }
body.page-panelcrm .process__desc { font-family: var(--f-dm); font-weight: 400; font-size: 17px; line-height: 26px; letter-spacing: -0.5px; text-align: center; color: var(--c-ink-60); }

/* platform block */
body.page-panelcrm .platform { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 60px; width: 100%; max-width: 1280px; padding: 59px 80px 60px; border-radius: 20px; }
body.page-panelcrm .platform__content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 19px; width: 100%; max-width: 800px; }
body.page-panelcrm .platform__title { font-family: var(--f-dm); font-weight: 300; font-size: 49px; line-height: 51px; letter-spacing: -1.9px; text-align: center; color: #2b2b2b; }
body.page-panelcrm .platform__text { max-width: 524px; font-family: var(--f-dm); font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.2px; text-align: center; color: #1c1c1c; }
body.page-panelcrm .platform__bottom { display: flex; flex-direction: column; align-items: center; }
body.page-panelcrm .tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; width: 71%; }
body.page-panelcrm .tag { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 13px 14px; background: var(--c-white); border-radius: 17px; overflow: hidden; }
body.page-panelcrm .tag::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: inherit; pointer-events: none; }
body.page-panelcrm .dots--tag { inset: auto 0; top: 50%; height: 66px; transform: translateY(-50%); }
body.page-panelcrm .tag p { position: relative; font-family: var(--f-dm); font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; white-space: nowrap; color: #424242; }

/* ---------- Results overrides (coloured cards on this page) ---------------- */
body.page-panelcrm .results__container { padding-top: 44px; }
body.page-panelcrm .results__title { font-size: 49px; line-height: 51px; letter-spacing: -1.9px; color: #2b2b2b; }
body.page-panelcrm .results__stat { font-weight: 500; letter-spacing: -0.72px; }
body.page-panelcrm .results__stat .n { line-height: 1.2; letter-spacing: -2px; }
body.page-panelcrm .results__stat--tight { letter-spacing: -2px; }
body.page-panelcrm .results__stat--tight .pct { font-size: 36px; letter-spacing: -0.72px; }
body.page-panelcrm .results__card--1 { background: linear-gradient(rgb(255, 255, 255) 49.9067%, rgb(169, 223, 172) 100%); }
body.page-panelcrm .results__card--1 .results__stat, body.page-panelcrm .results__card--1 .results__caption { color: rgb(111, 153, 84); }
body.page-panelcrm .results__card--2 { background: rgb(229, 219, 235); }
body.page-panelcrm .results__card--2 .results__caption { color: rgb(152, 125, 165); }
body.page-panelcrm .results__card--3 { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(216, 200, 250) 100%); }
body.page-panelcrm .results__card--3 .results__caption { color: rgb(148, 161, 170); }
body.page-panelcrm .results__card--4 { background: linear-gradient(rgb(253, 253, 255) 0%, rgb(250, 228, 208) 100%); }
body.page-panelcrm .results__card--4 .results__stat, body.page-panelcrm .results__card--4 .results__caption { color: rgb(194, 137, 81); }

/* ---------- Closing CTA: this page serves Framer's "Tablet" variant on desktop too (51px title, 24px radius) */
body.page-panelcrm .cta-final__container { gap: var(--sp-9); padding: 15px 30px 80px; }
body.page-panelcrm .cta-final__card { width: 100%; min-height: 327px; margin: 0; padding: 69px 0; gap: 38px; border-radius: var(--r-md); }
body.page-panelcrm .cta-final__title { max-width: 1132px; font-size: 51px; line-height: 0.9; letter-spacing: -0.04em; color: var(--c-ink); }
body.page-panelcrm .site-footer__social { padding: 0; }

/* ---------- FAQ overrides (heading lives inside the white card here) ------- */
body.page-panelcrm .faq__container { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-8); padding: var(--sp-11) 60px; }
body.page-panelcrm .faq__heading { justify-content: center; width: 100%; padding: 0; }
body.page-panelcrm .faq__content { display: flex; flex-direction: column; align-items: center; width: 100%; }
body.page-panelcrm .faq__list { width: 100%; max-width: 1080px; margin: 0 auto; }

/* ---------- Tablet (768-1199) --------------------------------------------- */
@media (max-width: 1199px) {
  body.page-panelcrm .hero { padding: 110px 30px 0; overflow: hidden; }
  body.page-panelcrm .hero__wrapper { padding: 0; }
  body.page-panelcrm .hero__container { padding: 16px 20px 0; }
  body.page-panelcrm .hero__row { position: relative; flex-direction: column; gap: 65px; }
  body.page-panelcrm .hero__content { position: relative; z-index: 1; flex: none; width: 100%; align-items: center; text-align: center; }
  body.page-panelcrm .hero__heading, body.page-panelcrm .hero__txt-btns { align-items: center; }
  body.page-panelcrm .hero__title { max-width: 430px; font-family: var(--f-is); font-weight: 400; font-size: 44px; line-height: 1.2; letter-spacing: -2.5px; color: #080808; }
  body.page-panelcrm .hero__text { max-width: 500px; }
  body.page-panelcrm .hero__buttons { justify-content: center; }
  body.page-panelcrm .hero__image { position: static; flex: none; width: 507px; max-width: 100%; height: 232px; justify-content: flex-start; }
  body.page-panelcrm .hero__shot { width: 507px; max-width: 100%; height: 406px; }
  body.page-panelcrm .hero__ball {
    top: auto; bottom: 30px; right: auto; left: 50%; transform: translateX(-50%); z-index: 0;
    -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); mask: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
  }
  body.page-panelcrm .tabs-block { align-items: center; padding: 0 20px; }
  body.page-panelcrm .tabs { position: static; order: -1; width: 100%; overflow: hidden; }
  body.page-panelcrm .tabs-block__content { align-items: center; width: 100%; max-width: 604px; text-align: center; }
  body.page-panelcrm .tabs-block__title { font-size: 39px; }
  body.page-panelcrm .tabs-block__text { max-width: 560px; }
  body.page-panelcrm .tabs-block__text--desktop { display: none; }
  body.page-panelcrm .tabs-block__text--mobile { display: block; }
  body.page-panelcrm .tabs-block__images { height: auto; }
  body.page-panelcrm .tabs-block__image1 { display: none; }
  body.page-panelcrm .tabs-block__image2 { width: 100%; max-width: 604px; height: auto; aspect-ratio: 604 / 570; }
  body.page-panelcrm .tabs-block__image2-bg img { width: 82%; height: auto; }
  body.page-panelcrm .process { flex-direction: column; max-width: 420px; }
  body.page-panelcrm .process__card { width: 100%; flex: none; }
  body.page-panelcrm .platform { padding: 40px 30px; }
  body.page-panelcrm .tags { width: 100%; }
}

/* ---------- Phone (< 768) ------------------------------------------------- */
@media (max-width: 767px) {
  /* hero */
  body.page-panelcrm .hero { padding: 90px 10px 10px; overflow: hidden; }
  body.page-panelcrm .hero__wrapper { gap: var(--sp-6); padding: 0; border-radius: var(--r-md); }
  body.page-panelcrm .hero__container { gap: var(--sp-7); padding: 16px 20px 0; }
  body.page-panelcrm .hero__content { align-items: center; gap: 20px; }
  body.page-panelcrm .hero__heading { align-items: center; gap: 20px; width: 100%; }
  body.page-panelcrm .hero__category { padding: 6px 12px; }
  body.page-panelcrm .hero__category h1 { font-size: 14px; line-height: 18px; }
  body.page-panelcrm .hero__title { width: calc(100% + 16px); max-width: none; margin: 0 -8px; font-family: var(--f-is); font-weight: 400; font-size: 32px; line-height: 1.1; letter-spacing: -2.5px; text-align: center; color: #080808; }
  body.page-panelcrm .hero__txt-btns { align-items: center; }
  body.page-panelcrm .hero__text { max-width: none; font-size: 16px; line-height: 1.4; text-align: center; }
  body.page-panelcrm .hero__buttons { flex-direction: column; width: 100%; }
  body.page-panelcrm .hero__btn { width: 100%; }
  body.page-panelcrm .hero__image { position: relative; justify-content: flex-start; height: 186px; width: 263px; margin: 0 auto; }
  body.page-panelcrm .hero__row { gap: var(--sp-7); }
  body.page-panelcrm .hero__content { text-align: center; }
  body.page-panelcrm .hero__ball {
    top: -4px; bottom: auto; right: auto; left: 50%; transform: translateX(-50%);
    -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); mask: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
  }
  body.page-panelcrm .hero__shot { width: 263px; height: 211px; border-radius: 13px; }
  body.page-panelcrm .hero__shot img { border-radius: 13px; }

  /* about */
  body.page-panelcrm .about { padding: 0 10px 20px; }
  body.page-panelcrm .about__wrapper { border-radius: var(--r-md); }
  body.page-panelcrm .about__container { gap: var(--sp-8); padding: 28px 0 0; border-radius: 50px; }
  body.page-panelcrm .about__heading { gap: 35px; padding: 10px 20px; }
  body.page-panelcrm .about__title { max-width: 275px; font-weight: 400; font-size: 33px; letter-spacing: -0.08em; }
  body.page-panelcrm .about__lead { max-width: 284px; }
  body.page-panelcrm .integ { gap: var(--sp-6); }
  body.page-panelcrm .integ__title { padding: 0 10px; }
  body.page-panelcrm .integ__ticker { display: flex; align-items: center; width: 100%; height: 32px; padding: 10px; overflow: hidden; }
  body.page-panelcrm .integ__logos { gap: var(--sp-6); align-items: center; animation: ticker-scroll var(--ticker-dur, 20s) linear infinite; }
  body.page-panelcrm .integ__logo[aria-hidden="true"] { display: block; }
  body.page-panelcrm .integ__logo--zendesk { width: 30px; height: 22px; }
  body.page-panelcrm .integ__logo--salesforce { width: 36px; height: 25px; }
  body.page-panelcrm .integ__logo--zoho { width: 58px; height: 20px; }
  body.page-panelcrm .integ__logo--hubspot { width: 21px; height: 21px; }
  body.page-panelcrm .integ__logo--fresh { width: 26px; height: 25px; }
  body.page-panelcrm .about__inner { padding: 20px 0 30px; }
  body.page-panelcrm .tabs-block { gap: var(--sp-7); padding: 0 20px; }
  body.page-panelcrm .tabs-block__content { align-items: flex-start; gap: 20px; width: 100%; max-width: none; text-align: left; }
  body.page-panelcrm .tabs-block__title { font-size: 32px; letter-spacing: -0.02em; }
  body.page-panelcrm .tabs-block__title strong { font-family: var(--f-inter); font-weight: 700; }
  body.page-panelcrm .tabs-block__text { max-width: 280px; font-size: 16px; line-height: 1.4; color: var(--c-ink); }
  body.page-panelcrm .tabs-block__text--desktop { display: none; }
  body.page-panelcrm .tabs-block__text--mobile { display: block; }
  body.page-panelcrm .tabs-block__images { padding-top: 12px; }
  body.page-panelcrm .tabs-block__image1 { display: none; }
  body.page-panelcrm .tabs-block__image2 { width: 100%; height: 242px; aspect-ratio: auto; }
  body.page-panelcrm .tabs-block__image2-bg { border-radius: var(--r-md); }
  body.page-panelcrm .tabs-block__image2-bg img { width: 217px; height: 174px; }

  /* content */
  body.page-panelcrm .content { gap: 50px; padding: 50px 30px 0; }
  body.page-panelcrm .content__tag-title { gap: 3px; }
  body.page-panelcrm .content__title { font-size: 35px; line-height: 32px; }
  body.page-panelcrm .content__body p { font-family: var(--f-inter); line-height: 1.2; letter-spacing: 0; }
  body.page-panelcrm .process { flex-direction: column; gap: 0; max-width: none; padding: 0; }
  body.page-panelcrm .process__card:first-child { padding: 30px 0; }
  body.page-panelcrm .process__title { white-space: normal; }
  body.page-panelcrm .process__desc--3 { font-family: var(--f-satoshi); font-size: 16px; line-height: 1.4; letter-spacing: 0; color: var(--c-ink); }
  body.page-panelcrm .platform { gap: 50px; padding: 15px 20px 60px; }
  body.page-panelcrm .platform__title { font-size: 27px; line-height: 34px; letter-spacing: -2px; }
  body.page-panelcrm .platform__content:nth-child(2) .platform__title { font-size: 33px; }
  body.page-panelcrm .platform__text { font-family: var(--f-satoshi); line-height: 1.4; letter-spacing: 0; }
  body.page-panelcrm .tags { gap: var(--sp-4); width: 100%; }
  body.page-panelcrm .tag--small { height: 46px; padding: 10px 16px; }

  /* results: only the first two columns exist on phones, card above image in column 2 */
  body.page-panelcrm .results { padding-bottom: 0; }
  body.page-panelcrm .results__container { padding-top: 34px; }
  body.page-panelcrm .results__title { font-family: var(--f-is); font-weight: 400; font-size: 23px; line-height: 1.1; letter-spacing: -0.04em; color: var(--c-ink); }
  body.page-panelcrm .results__col:nth-child(n+3) { display: none; }
  body.page-panelcrm .results__col--up { flex-direction: column-reverse; }

  /* faq */
  body.page-panelcrm .faq__container { gap: var(--sp-6); padding: 60px 24px 40px; }

  /* closing cta */
  body.page-panelcrm .cta-final__container { gap: 37px; padding: 19px 10px; }
  body.page-panelcrm .cta-final__title { font-size: 48px; color: var(--c-text); }
  body.page-panelcrm .site-footer__copy { font-size: 15px; line-height: 18px; }
}
/* audit2-tech: honour reduced motion for the phone-only integrations marquee (page rule out-specifies styles.css) */
@media (prefers-reduced-motion: reduce) { body.page-panelcrm .integ__logos { animation: none; } }