@media (max-width: 1220px) {
.wmh-brand {
width: 145px;

flex-basis:
145px;
}

.wmh-nav-link,
.wmh-direct-link {
padding-right: 8px;
padding-left: 8px;

font-size: 11.5px;
}

.wmh-login,
.wmh-register {
padding-right: 12px;
padding-left: 12px;
}
}


@media (max-width: 1120px) {
.tst-card {
width: 440px;
flex-basis: 440px;
}
.wmstack-network {
grid-template-columns:
minmax(210px, 1fr) minmax(290px, 340px) minmax(210px, 1fr);

gap: 48px;
padding: 27px;
}

.wmstack-side--left .wmstack-app::after,
.wmstack-side--right .wmstack-app::before {
width: 48px;
}

.wmstack-side--left .wmstack-app-pulse {
animation-name: wmstackSignalRightLaptop;
}

.wmstack-side--right .wmstack-app-pulse {
animation-name: wmstackSignalLeftLaptop;
}

.wmstack-side--left .wmstack-app:nth-child(1),
.wmstack-side--left .wmstack-app:nth-child(6) {
margin-left: 24px;
}

.wmstack-side--left .wmstack-app:nth-child(2),
.wmstack-side--left .wmstack-app:nth-child(5) {
margin-left: 12px;
}

.wmstack-side--right .wmstack-app:nth-child(1),
.wmstack-side--right .wmstack-app:nth-child(6) {
margin-right: 24px;
}

.wmstack-side--right .wmstack-app:nth-child(2),
.wmstack-side--right .wmstack-app:nth-child(5) {
margin-right: 12px;
}

.wmstack-app {
grid-template-columns:
39px minmax(0, 1fr);

padding: 11px;
}

.wmstack-app-icon {
width: 39px;
height: 39px;
}

.wmstack-app-state {
grid-column: 2;

width: fit-content;
}

/* Support hero responsive styles */

#support-page-hero .supporthero-layout {
grid-template-columns: minmax(0, 1fr);
gap: 58px;
}

#support-page-hero .supporthero-content {
max-width: 820px;
text-align: center;
justify-self: center;
}

#support-page-hero .supporthero-description {
margin-inline: auto;
}

#support-page-hero .supporthero-benefits {
width: fit-content;
margin-inline: auto;
text-align: left;
}

#support-page-hero .supporthero-actions {
justify-content: center;
}

#support-page-hero .supporthero-trust {
margin-inline: auto;
text-align: left;
}

#support-page-hero .supporthero-visual {
width: 100%;
max-width: 760px;
margin-inline: auto;
justify-self: center;
justify-content: center;
}
}

@media (max-width: 1080px) {
.wmh-header {
padding-top: 12px;
}

.wmh-shell {
min-height: 62px;

padding:
0 9px 0 14px;

border-radius: 16px;
}

.wmh-desktop-nav,
.wmh-actions {
display: none;
}

.wmh-mobile-toggle {
display: block;
}

.wmh-brand {
width: 155px;

flex-basis:
155px;
}
.feature-tabs-shell {
grid-template-columns:
250px minmax(0, 1fr);

gap: 18px;
}

.feature-tab-stage {
padding: 26px;
}

.feature-panel-grid {
grid-template-columns:
minmax(0, 1fr) minmax(285px, 0.85fr);

gap: 23px;
}

.feature-tab-button {
grid-template-columns:
38px minmax(0, 1fr) 20px;

gap: 9px;

padding-inline: 10px;
}

.feature-tab-icon {
width: 38px;
height: 38px;
}

.hero-rotator[data-size="long"] {
font-size: clamp(27px, 3.3vw, 39px);
}

.journeyx-frame {
grid-template-columns: 1fr;
gap: 46px;
padding: 34px;
}

.journeyx-copy {
max-width: 720px;
margin-inline: auto;
text-align: center;
}

.journeyx-copy-label {
margin-inline: auto;
}

.journeyx-copy h3,
.journeyx-copy-description {
max-width: 680px;
margin-inline: auto;
}

.journeyx-copy-description {
margin-top: 16px;
}

.journeyx-benefits {
max-width: 620px;
margin-inline: auto;
margin-top: 24px;
text-align: left;
}

.journeyx-copy-metrics {
max-width: 580px;
margin-inline: auto;
margin-top: 23px;
text-align: left;
}

.journeyx-actions {
justify-content: center;
}

.journeyx-dashboard {
width: 100%;
max-width: 780px;
margin-inline: auto;
}
.assistmesh-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assistmesh-card--knowledge,
.assistmesh-card--routing,
.assistmesh-card--inbox,
.assistmesh-card--handoff,
.assistmesh-core {
grid-column: auto;
grid-row: auto;
}

.assistmesh-core {
grid-column: 1 / -1;
grid-row: 1;

min-height: 520px;
}

.assistmesh-footer {
grid-template-columns: 1fr;
}

.assistmesh-capabilities {
max-width: none;
}

.assistmesh-button {
width: fit-content;
}
body > main > section:first-child > .wrap {
padding-top: 83px;
}

body > .market-mainsx > section:first-child > .wrap {
padding-top: 40px;
}




#brand-recognition .brandproof-layout {
grid-template-columns: minmax(0, 1fr);
gap: 38px;
}

#brand-recognition .brandproof-content {
max-width: 760px;
text-align: center;
justify-self: center;
}

#brand-recognition .brandproof-content > p {
max-width: 660px;
margin-inline: auto;
}

#brand-recognition .brandproof-highlights {
grid-template-columns:
repeat(2, minmax(0, 1fr));
text-align: left;
}

#brand-recognition .brandproof-summary {
max-width: 570px;
margin-inline: auto;
text-align: left;
}

#brand-recognition .brandproof-platforms {
grid-template-columns: minmax(0, 1fr);
text-align: center;
}
#unified-support-inbox .omnichat-shell {
grid-template-columns: minmax(0, 1fr);
gap: 48px;
}

#unified-support-inbox .omnichat-content {
max-width: 780px;
text-align: center;
justify-self: center;
}

#unified-support-inbox .omnichat-description {
margin-inline: auto;
}

#unified-support-inbox .omnichat-benefit-list {
text-align: left;
}

#unified-support-inbox .omnichat-channel-strip {
text-align: left;
}

#unified-support-inbox .omnichat-visual {
width: 100%;
max-width: 760px;
justify-self: center;
}
}


@media (max-width: 1060px) {
.feature-panel-grid {
grid-template-columns:
1fr;

gap: 28px;
}

.feature-demo {
min-height: 380px;
}
}


@media (max-width: 1050px) {
.wmprice-free {
grid-template-columns:
minmax(260px, 0.75fr)
minmax(0, 1.25fr);
}

.wmprice-feature-list--free {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.wmprice-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.wmprice-card--business {
grid-column: 1 / -1;

width: 100%;
max-width: 590px;

justify-self: center;
}
.aiw-agent-grid {
gap: 16px;
}

.aiw-agent-card {
padding: 15px;
}

.aiw-primary-metric strong {
font-size: 35px;
}

.aiw-metric-band {
grid-template-columns:
1fr 1fr;
}

.aiw-primary-metric {
grid-column:
1 / -1;

flex-direction: row;
align-items: center;
justify-content: space-between;

gap: 15px;
}

.aiw-primary-metric span {
max-width: 120px;

margin-top: 0;

text-align: right;
}

.aiw-shared-context {
grid-template-columns:
50px minmax(0, 1fr);
}

.aiw-shared-tags {
grid-column:
1 / -1;

justify-content: flex-start;

padding-left: 66px;
}

#marketing-performance .wmgrowth-shell {
grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
}

#marketing-performance .wmgrowth-intro {
padding: 31px 26px;
}

#marketing-performance .wmgrowth-card {
padding: 22px 18px;
}

#marketing-performance .wmgrowth-value strong {
font-size: 49px;
}

#whatsapp-commerce-features .commercex-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

#whatsapp-commerce-features .commercex-card:last-child {
grid-column: 1 / -1;
max-width: 560px;
width: 100%;
justify-self: center;
}



#marketing-performance .marketflow-grid {
grid-template-columns: minmax(0, 1fr);
}

#marketing-performance .marketflow-side {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

#marketing-performance .marketflow-feature-card {
min-height: 320px;
}



#sales-capabilities .salesedge-feature {
grid-template-columns: minmax(0, 1fr);
gap: 38px;
}

#sales-capabilities .salesedge-feature-content {
max-width: 760px;
}

#sales-capabilities
.salesedge-feature-secondary
.salesedge-feature-visual {
order: 2;
}

#sales-capabilities
.salesedge-feature-secondary
.salesedge-feature-content {
order: 1;
}

#sales-capabilities .salesedge-feature-visual {
width: 100%;
min-height: auto;
}

#sales-capabilities .salesedge-image-frame {
max-width: 760px;
}

#sales-engagement-impact .salesimpact-layout {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

#sales-engagement-impact .salesimpact-result {
grid-column: 1 / -1;
grid-row: 1;
width: min(100%, 680px);
min-height: 360px;
justify-self: center;
}


.wmkaboutv2-layout {
grid-template-columns: minmax(0,1fr) minmax(400px,460px);
gap: 48px;
}


.wmkflowbridge-highlights {
grid-template-columns: 1fr;
max-width: 700px;
}

.wmkflowbridge-board {
grid-template-columns:
  minmax(210px,1fr)
  55px
  minmax(230px,.9fr);
row-gap: 26px;
}

.wmkflowbridge-lines-right {
display: none;
}

.wmkflowbridge-outcomes {
grid-column: 1 / -1;
grid-row: 2;
grid-template-columns: repeat(3,minmax(0,1fr));
}


.wmkprivacyx-sidebar {
position: static !important;
}

.wmkprivacyx-sidebar-card {
max-height: none;
overflow: visible;
}

}


@media (min-width: 761px) and (max-width: 1100px) {

.hero-copy .hero-static-title {
max-width: 680px;
margin-inline: auto;
font-size: clamp(48px, 6vw, 60px);
}

.hero-copy .hero-static-line {
margin-inline: auto;
}

.hero-grid {
grid-template-columns: minmax(0, 1fr);
gap: 32px;
}

.hero-copy {
max-width: 760px;
margin: auto;
text-align: center;
}
.hero-copy .hero-cta, .hero-provider-proof{
justify-content: center;
margin-inline: auto;
}

.hero-visual {
width: min(100%, 760px);
margin-inline: auto;
}

.hero-grid > * {
min-width: 0;
}
.cx-omni-section {
padding: 72px 20px;
}

.cx-omni-shell {
grid-template-columns: minmax(0, 1fr);
gap: 36px;
}

.cx-omni-copy {
width: 100%;
max-width: 900px;
margin-inline: auto;
text-align: center;
}

.cx-omni-copy h2 {
max-width: 760px;
margin: 14px auto 0;
font-size: clamp(30px, 3.7vw, 36px);
line-height: 1.08;
letter-spacing: -0.038em;
}

.cx-omni-description {
max-width: 700px;
margin: 12px auto 0;
font-size: 13.5px;
line-height: 1.65;
}

.cx-omni-points {
width: 100%;
max-width: 900px;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 22px auto 0;
text-align: left;
}

.cx-omni-point {
min-width: 0;
padding: 11px;
border: 1px solid rgba(16, 24, 40, 0.07);
border-radius: 13px;
background: rgba(255, 255, 255, 0.7);
}

.cx-omni-point p {
max-width: none;
}

.cx-omni-actions {
justify-content: center;
margin-top: 22px;
}

.cx-omni-visual {
width: 100%;
max-width: 900px;
min-width: 0;
margin-inline: auto;
}

.cx-omni-board {
width: 100%;
}

/* Integration stack - tablet only */
.wmstack-section {
padding: 72px 0;
}

.wmstack-heading {
margin-bottom: 34px;
}

.wmstack-heading h2 {
font-size: clamp(32px, 4.2vw, 40px);
}

.wmstack-heading p {
font-size: 14px;
}

.wmstack-network {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
padding: 20px;
border-radius: 24px;
}

.wmstack-hub {
grid-row: 1;
width: 100%;
min-height: 410px;
}

.wmstack-side {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
width: 100%;
}

.wmstack-side--left {
grid-row: 2;
}

.wmstack-side--right {
grid-row: 3;
}

.wmstack-side .wmstack-app {
margin: 0 !important;
}

.wmstack-app {
min-width: 0;
min-height: 76px;
grid-template-columns: 42px minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
padding: 11px 12px;
}

.wmstack-app-icon {
width: 42px;
height: 42px;
}

.wmstack-app-copy {
min-width: 0;
}

.wmstack-app-copy b,
.wmstack-app-copy small {
overflow: visible;
text-overflow: clip;
white-space: normal;
}

.wmstack-app-copy b {
line-height: 1.35;
}

.wmstack-app-copy small {
line-height: 1.4;
overflow-wrap: anywhere;
}

.wmstack-app-state {
grid-column: auto;
width: auto;
flex-shrink: 0;
}

.wmstack-side--left .wmstack-app::after,
.wmstack-side--right .wmstack-app::before,
.wmstack-app-pulse {
display: none;
}

.wmstack-footer {
align-items: flex-start;
flex-direction: column;
}

.wmstack-categories {
justify-content: flex-start;
}
/* Campaign analytics - tablet only */
.ca-section {
padding: 72px 0;
}

.ca-heading {
max-width: 780px;
margin-inline: auto;
margin-bottom: 38px;
}

.ca-layout {
grid-template-columns: minmax(0, 1fr);
gap: 34px;
}

.ca-intro {
position: relative;
top: auto;
width: 100%;
max-width: 880px;
margin-inline: auto;
}

.ca-intro > h3,
.ca-intro > p {
max-width: 700px;
}

.ca-benefit-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}

.ca-benefit-list article {
min-width: 0;
}

.ca-sync-note {
max-width: 680px;
}

.ca-dashboard {
width: 100%;
max-width: 980px;
margin-inline: auto;
padding: 20px;
}

.ca-kpi-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}

.ca-kpi-card {
min-width: 0;
}

.ca-main-grid {
grid-template-columns: minmax(0, 1fr) 230px;
gap: 14px;
}

.ca-chart-card,
.ca-outcome-card,
.ca-recent-card {
min-width: 0;
}

.ca-canvas-wrap,
#campaignCanvasWrap {
width: 100%;
height: 300px;
}

#campaignCanvas {
display: block;
width: 100% !important;
max-width: 100%;
}

.pricing-page .pp-compare-sticky {
display: none !important;
}

}


@media (max-width: 980px) {
.hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}

.hero-stats {
grid-template-columns: repeat(2, 1fr);
}
#marketing-hero {
padding:
116px 0 78px;
}

#marketing-hero .wmkhero-grid {
grid-template-columns:
minmax(0, 1fr);

gap: 47px;
}

#marketing-hero .wmkhero-copy {
max-width: 740px;
margin-inline: auto;
text-align: center;
}

.site-breadcrumbs ol {
  margin-inline: auto;
}

#marketing-hero .wmkhero-copy h1,
#marketing-hero .wmkhero-description {
margin-right: auto;
margin-left: auto;
}
#marketing-hero .wmkhero-copy h1{
max-width: 100%;
}

#marketing-hero .wmkhero-actions,
#marketing-hero .wmkhero-benefits,
#marketing-hero .wmkhero-trust {
justify-content: center;
}

#marketing-hero .wmkhero-visual {
width: 100%;
max-width: 730px;

margin-inline: auto;
}

#marketing-hero .wmkhero-stage {
min-height: 610px;
}

#marketing-hero .wmkhero-person {
right: 40px;
}

#marketing-hero .wmkhero-float-card--cost {
left: 30px;
}

#marketing-hero .wmkhero-float-card--leads {
right: 30px;
}

#marketing-hero .wmkhero-float-card--roi {
left: 185px;
}

#marketing-hero .wmkhero-channel-stack {
left: 95px;
}

#customer-retention-journey .retentionx-rail {
left: 28px;
}

#customer-retention-journey .retentionx-item {
grid-template-columns: 1fr;
min-height: auto;
padding: 21px;
}

#customer-retention-journey .retentionx-item-left
.retentionx-content,
#customer-retention-journey .retentionx-item-right
.retentionx-content {
grid-column: 2;
grid-row: 1;
}

#customer-retention-journey .retentionx-node {
display: none;
}

#customer-retention-journey .retentionx-item-left
.retentionx-visual,
#customer-retention-journey .retentionx-item-right
.retentionx-visual {
grid-column: 2;
grid-row: 2;
}

#customer-retention-journey .retentionx-content {
padding: 20px 18px 25px;
}

#customer-retention-journey .retentionx-visual {
padding: 0 18px 15px;
}

#customer-retention-journey .retentionx-image-frame {
min-height: 330px;
}


#sales-insights-preview .salesinsight-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

#sales-insights-preview .salesinsight-card:last-child {
grid-column: 1 / -1;
width: min(100%, 560px);
justify-self: center;
}

#education-communication-solutions .eduflow-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

#education-communication-message .edumessage-panel {
grid-template-columns:
auto
minmax(0, 1fr);
}

#education-communication-message .edumessage-highlights {
grid-column: 1 / -1;
grid-template-columns:
repeat(2, minmax(0, 1fr));
}


.wmstory-section {
  padding: 74px 0;
}

.wmstory-stage {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 25px;
}

.wmstory-center {
  grid-column: 1 / -1;
  grid-row: 1;
}

.wmstory-node--audience {
  grid-column: 1;
  grid-row: 2;
}

.wmstory-node--message {
  grid-column: 2;
  grid-row: 2;
}

.wmstory-node--delivery {
  grid-column: 1;
  grid-row: 3;
}

.wmstory-node--insights {
  grid-column: 2;
  grid-row: 3;
}

.wmstory-center-image {
  height: 440px;
}

.wmstory-line {
  display: none;
}

.wmkcallintro-shell {
  grid-template-columns: 1fr;
  gap: 32px;
  padding: 36px 30px;
}

.wmkcallintro-panel {
  width: 100%;
  max-width: 620px;
}

.wmkcallimpact-grid,
.wmkcallrules-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wmkcallfeatures-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* IMPORTANT FIX:
  Do NOT use grid-column: span 2 here.
  Featured card stays equal width.
*/
.wmkcallfeatures-card--featured {
  grid-column: auto;
}

.wmkcallchoice-layout {
  grid-template-columns: 1fr;
}

.wmkcallsetup-top {
  grid-template-columns: 1fr;
  gap: 24px;
}

.wmkcallsetup-overview {
  width: 100%;
  max-width: 420px;
}

.wmkaiconnectx-shell,
.wmkaivoicex-shell {
  grid-template-columns: 1fr;
  gap: 36px;
}

.wmkaiconnectx-shell,
.wmkaivoicex-shell {
  padding: 36px 30px;
}

.wmkaiconnectx-visual,
.wmkaivoicex-visual {
  width: 100%;
  max-width: 620px;
}

.wmkaivoicex-content {
  order: 1;
}

.wmkaivoicex-visual {
  order: 2;
}

.wmkaivoicex-highlights,
.wmkailaunchx-track {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.wmkailaunchx-line {
  display: none;
}

.wmkawardwall-section {
  padding: 72px 0;
}

.wmkawardwall-layout {
  grid-template-columns: 1fr;
  gap: 36px;
}

.wmkawardwall-intro h2,
.wmkawardwall-intro > p {
  max-width: 700px;
}

.wmkbotlibx-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}



@media (max-width: 820px) {
.wmprice-section {
padding: 76px 0;
}

.wmprice-free {
grid-template-columns:
minmax(0, 1fr);
}

.wmprice-free-copy {
align-items: center;

text-align: center;
}

.wmprice-free-title h3,
.wmprice-free-title p {
margin-right: auto;
margin-left: auto;
}

.wmprice-free-features-head,
.wmprice-paid-head {
align-items: center;
flex-direction: column;

text-align: center;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 28px;
}
.aiw-section {
padding: 80px 20px;
}

.aiw-heading {
margin-bottom: 33px;
}

.aiw-heading h2 {
font-size:
clamp(35px, 7vw, 49px);
}

.aiw-agent-grid {
grid-template-columns: 1fr;

max-width: 650px;

margin-inline: auto;
}

.aiw-agent-card {
padding: 18px;
}

.aiw-metric-band {
grid-template-columns:
minmax(130px, 1.08fr) repeat(2, minmax(0, 0.96fr));
}

.aiw-primary-metric {
grid-column: auto;

display: flex;
flex-direction: column;
align-items: flex-start;

gap: 0;
}

.aiw-primary-metric span {
margin-top: 7px;

text-align: left;
}

.aiw-shared-context {
max-width: 650px;

margin-inline: auto;
margin-top: 20px;
}
.wmcompare-labels {
  display: none;
}

.wmcompare-row {
  grid-template-columns: 1fr 1fr;
}

.wmcompare-feature {
  grid-column: 1 / -1;
}
.wmprice-no-card {
margin-top: 2px;
}
}


@media (max-width: 760px) {

.hero-copy .hero-static-title {
max-width: 100%;
gap: 6px;
font-size: clamp(35px, 10vw, 44px);
line-height: .98;
}

.hero-copy .hero-static-line {
gap: .12em;
}

.hero-copy .hero-static-highlight {
padding: .02em .11em .06em;
}


.wmprice-section {
padding: 66px 0;
}
#connected-messaging-channels .mchannel-card {
grid-template-columns: 1fr;
}
.wmprice-wrap {
width: 100%;
max-width: 100%;

padding-inline: 16px !important;
}

.wmprice-heading {
margin-bottom: 32px;
}

.wmprice-heading h2 {
font-size:
clamp(30px, 8.6vw, 37px);

line-height: 1.1;
letter-spacing: -0.038em;
}

.wmprice-heading p {
font-size: 13px;
line-height: 1.65;
}

.wmprice-free {
border-radius: 21px;
}

.wmprice-free-copy,
.wmprice-free-features {
padding: 22px;
}

.wmprice-paid-head {
margin-top: 38px;
}

.wmprice-paid-head h3 {
font-size: 23px;
}

.wmprice-switch {
width: 100%;
max-width: 390px;
}

.wmprice-switch-label {
min-width: 0;

flex: 1;

padding-inline: 10px;
}

.wmprice-cycle-message {
text-align: center;
}

.wmprice-cycle-message p {
justify-content: center;
}

.wmprice-grid {
grid-template-columns:
minmax(0, 1fr);

max-width: 590px;

margin-inline: auto;
}

.wmprice-card,
.wmprice-card--business {
grid-column: auto;

width: 100%;
max-width: 100%;
}

.wmprice-card:hover {
transform: none;
}
.pricing-page .pp-hero { padding: 18px 0 65px; }
.pricing-page .pp-hero-title { font-size: clamp(39px, 10vw, 53px); }
.pricing-page .pp-hero-text { font-size: 14px; }
.pricing-page .pp-hero-visual { min-height: 485px; }
.pricing-page .pp-growth-orbit { width: 360px; height: 360px; }
.pricing-page .pp-growth-card { width: min(100%, 370px); min-height: 370px; padding: 24px; }
.pricing-page .pp-growth-float--rate { top: 62px; right: -7px; }
.pricing-page .pp-growth-float--ai { bottom: 30px; left: -7px; }
.pricing-page .pp-faq-section { padding: 82px 0; }
.journeyx-section {
padding: 74px 0;
}

.pricing-page .pp-compare-sticky {
display: none !important;
}
.journeyx-heading {
margin-bottom: 34px;
}

.journeyx-heading h2 {
font-size:
clamp(34px, 7vw, 46px);
}

.journeyx-heading p {
font-size: 14px;
}

.journeyx-frame {
gap: 40px;

padding: 25px;

border-radius: 24px;
}

.journeyx-copy h3 {
font-size:
clamp(30px, 7vw, 39px);
}

.journeyx-copy-description {
font-size: 13.5px;
}

.journeyx-copy-metrics {
grid-template-columns: 1fr;
}

.journeyx-copy-metrics>div {
display: flex;
align-items: center;
gap: 8px;
}

.journeyx-copy-metrics span {
margin-top: 0;
}

.journeyx-stages {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.journeyx-stage:nth-child(2)::after {
display: none;
}

.journeyx-dashboard-body {
grid-template-columns: 1fr;

padding: 12px;
}


.pricing-page .pp-hero-title,
.pricing-page .pp-hero-text {
margin-right: auto;
margin-left: auto;
}

/* .pricing-page .pp-hero-actions,
.pricing-page .pp-hero-points {
justify-content: center;
} */

.pricing-page .pp-hero-visual {
margin-inline: auto;
}

.pricing-page .pp-value-shell {
  grid-template-columns: 1fr;
}

.journeyx-ad-creative h4 {

font-size: 22px;
}

.journeyx-ad-creative p {
max-width: 215px;

font-size: 10px;
}

.journeyx-chat-body {
min-height: auto;
}

.journeyx-message {
font-size: 10px;
}

.journeyx-result-card {
grid-template-columns:
minmax(0, 1fr) auto;

margin-inline: 12px;
}

.journeyx-result-tags {
grid-column:
1 / -1;

justify-content: flex-start;
}
.salesx-section {
padding: 74px 0;
}

.salesx-heading {
margin-bottom: 34px;
}

.salesx-heading h2 {
font-size: clamp(34px, 7vw, 46px);
}

.salesx-heading p {
font-size: 14px;
}

.salesx-shell {
gap: 40px;

padding: 25px;

border-radius: 24px;
}

.salesx-copy h3 {
font-size:
clamp(30px, 7vw, 39px);
}

.salesx-description {
font-size: 13.5px;
}

.salesx-metrics {
grid-template-columns: 1fr;
}

.salesx-metrics>div {
display: grid;

grid-template-columns:
80px minmax(0, 1fr);

align-items: center;
gap: 8px;
}

.salesx-metrics span {
margin-top: 0;
}

.salesx-pipeline {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.salesx-stage:nth-child(2)::after,
.salesx-stage:last-child::after {
display: none;
}

.salesx-workspace-body {
grid-template-columns: 1fr;

padding: 12px;
}

.salesx-chat-body {
min-height: auto;
}

.salesx-message {
font-size: 10px;
}

.salesx-intelligence {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.salesx-score-card {
grid-column:
1 / -1;
}
.salesx-pro .salesx-chat-body {
min-height: auto;
}

.salesx-pro .salesx-message {
max-width:
min(92%,
  calc(100% - 16px));

font-size: 10.5px;
}

.salesx-pro .salesx-metrics>div {
min-height: 74px;
display: flex;
align-items: center;
}

.salesx-pro .salesx-metrics span {
margin-top: 0;
}
.assistmesh-section {
padding: 72px 0;
}

.assistmesh-heading {
margin-bottom: 32px;
}

.assistmesh-heading h2 {
font-size: clamp(34px, 7vw, 45px);
}

.assistmesh-heading p {
font-size: 14px;
}

.assistmesh-board {
padding: 16px;

border-radius: 23px;
}

.assistmesh-grid {
grid-template-columns: 1fr;
}

.assistmesh-core {
grid-column: auto;

min-height: 500px;
}

.assistmesh-card {
padding: 16px;
}

.assistmesh-footer {
padding: 14px;
}
.wrap {
width: 100%;
max-width: 100%;
padding-inline: 16px;
}

main>section,
main>section>*,
.salesx-shell,
.salesx-copy,
.salesx-workspace,
.salesx-workspace-body,
.salesx-chat-card,
.salesx-intelligence,
.ca-main-grid,
.ca-chart-card,
#campaignCanvasWrap {
min-width: 0;
max-width: 100%;
}




.section,
.cx-omni-section,
.journeyx-section,
.aiw-section,
.salesx-section,
.assistmesh-section,
.wmstack-section {
padding-block: 64px;
}



.cx-omni-copy h2,
.journeyx-heading h2,
.aiw-heading h2,
.salesx-heading h2,
.assistmesh-heading h2,
.wmstack-heading h2,
.ca-heading h2,
.faq-heading h2 {
font-size: clamp(29px, 8.4vw, 30px) !important;

line-height: 1.1 !important;
letter-spacing: -0.035em !important;
text-wrap: balance;
}



.feature-panel-copy h3,
.journeyx-copy h3,
.salesx-copy h3,
.ca-summary h3 {
font-size: clamp(26px, 7.6vw, 31px) !important;
line-height: 1.12 !important;
letter-spacing: -0.032em !important;
}



.salesx-heading {
max-width: 620px;
margin-bottom: 30px;
}

.salesx-heading p {
max-width: 560px;

font-size: 13.5px;
line-height: 1.65;
}

.salesx-shell {
width: 100%;

grid-template-columns:
minmax(0, 1fr);

gap: 34px;

padding: 20px;

border-radius: 22px;
}

.salesx-copy {
width: 100%;
}

.salesx-copy h3,
.salesx-description {
max-width: 100%;
}

.salesx-description {
font-size: 13px;
line-height: 1.65;
}



.salesx-benefits {
width: 100%;
max-width: 100%;

gap: 9px;
}

.salesx-benefit {
grid-template-columns:
39px minmax(0, 1fr);

gap: 10px;

padding: 11px;
}

.salesx-benefit-icon {
width: 39px;
height: 39px;
}

.salesx-benefit b {
font-size: 11.5px;
line-height: 1.35;
}

.salesx-benefit p {
margin-top: 3px;

font-size: 9.5px;
line-height: 1.5;
}



.salesx-metrics {
width: 100%;
max-width: 100%;

gap: 8px;
}

.salesx-pro .salesx-metrics>div {
min-height: 70px;

grid-template-columns:
72px minmax(0, 1fr);

gap: 8px;

padding: 11px 12px;
}

.salesx-pro .salesx-metrics strong {
font-size: 27px;
}

.salesx-pro .salesx-metrics span {
margin-top: 0;

font-size: 9px;
line-height: 1.35;
}



.salesx-actions {
gap: 10px;
}

.salesx-primary-button {
min-height: 44px;

padding-inline: 16px;

font-size: 11px;
}

.salesx-action-note {
font-size: 9px;
}



.salesx-workspace {
width: 100%;
max-width: 100%;

border-radius: 18px !important;
}

.salesx-pro .salesx-workspace-header {
gap: 8px;

padding: 12px;
}

.salesx-workspace-title {
min-width: 0;
}

.salesx-workspace-title>span {
flex: 0 0 auto;
}

.salesx-workspace-title>div {
min-width: 0;
}

.salesx-workspace-title b {
overflow: hidden;

font-size: 10.5px;

text-overflow: ellipsis;
white-space: nowrap;
}

.salesx-live {
flex: 0 0 auto;
}



.salesx-pro .salesx-pipeline {
grid-template-columns:
repeat(2,
  minmax(0, 1fr));

gap: 7px;

padding: 10px;
}

.salesx-pro .salesx-stage {
min-width: 0;
min-height: 54px;

grid-template-columns:
29px minmax(0, 1fr);

gap: 7px;

padding: 8px;
}

.salesx-stage>span {
width: 29px;
height: 29px;
}

.salesx-stage>div {
min-width: 0;
}

.salesx-stage b,
.salesx-stage small {
overflow: hidden;

text-overflow: ellipsis;
white-space: nowrap;
}

.salesx-stage b {
font-size: 9px;
}

.salesx-stage small {
font-size: 9px;
}



.salesx-workspace-body {
grid-template-columns:
minmax(0, 1fr);

gap: 10px;

padding: 10px;
}



.salesx-pro .salesx-chat-card {
width: 100%;
max-width: 100%;

border-radius: 15px;
}

.salesx-pro .salesx-chat-body {
min-height: 0;

gap: 9px;

padding: 12px;
}

.salesx-pro .salesx-message {
max-width:
min(92%,
  calc(100% - 8px));

padding: 9px 10px;

font-size: 9.5px;
line-height: 1.5;
}



.salesx-pro .salesx-quick-actions {
grid-template-columns:
repeat(2,
  minmax(0, 1fr));

gap: 7px;

padding: 9px;
}

.salesx-pro .salesx-quick-actions span {
min-width: 0;
min-height: 36px;

padding-inline: 8px;

font-size: 9px;
}



.salesx-intelligence {
width: 100%;

grid-template-columns:
minmax(0, 1fr);
}

.salesx-score-main {
min-width: 0;
}

.salesx-pro .salesx-score-main>strong {
flex: 0 0 auto;

font-size: 39px;
}

.salesx-score-main>div {
min-width: 0;
}

.salesx-rep-card {
grid-template-columns:
36px minmax(0, 1fr) auto;
}

.salesx-rep-avatar,
.salesx-followup-card>span {
width: 36px;
height: 36px;
}



.salesx-workspace-footer {
grid-template-columns:
minmax(0, 1fr) auto;

gap: 10px;

padding: 11px;
}

.salesx-team p {
margin-left: 12px;

font-size: 9px;
line-height: 1.35;
}



#campaignCanvasWrap {
width: 100%;

overflow: hidden;
}

#campaignCanvas {
display: block;

width: 100% !important;
max-width: 100%;
}

.wrap {
width: 100%;
max-width: 100%;
padding-inline: 16px;
}

main > section,
main > section > *,
.hero-grid,
.hero-grid > *,
.cx-omni-shell,
.cx-omni-shell > *,
.feature-tabs-shell,
.feature-tab-stage,
.feature-panel-grid,
.feature-panel-grid > *,
.aiw-agent-grid,
.aiw-agent-card,
.journeyx-frame,
.journeyx-dashboard,
.salesx-shell,
.salesx-workspace,
.salesx-workspace-body,
.salesx-chat-card,
.salesx-intelligence,
.assistmesh-board,
.assistmesh-grid,
.wmstack-network,
.ca-layout,
.ca-dashboard,
.ca-main-grid,
.ca-chart-card,
.ca-outcome-card,
.ca-recent-card,
#campaignCanvasWrap {
min-width: 0;
max-width: 100%;
}

.section,
.cx-omni-section,
.journeyx-section,
.aiw-section,
.salesx-section,
.assistmesh-section,
.wmstack-section {
padding-block: 64px;
}

.section-head,
.cx-omni-copy,
.journeyx-heading,
.aiw-heading,
.salesx-heading,
.assistmesh-heading,
.wmstack-heading,
.ca-heading,
.faq-heading {
max-width: 100%;
}

.section-head h2,
.cx-omni-copy h2,
.journeyx-heading h2,
.aiw-heading h2,
.salesx-heading h2,
.assistmesh-heading h2,
.wmstack-heading h2,
.ca-heading h2,
.faq-heading h2 {
max-width: 100%;
font-size: clamp(27px, 7vw, 39px) !important;
line-height: 1.1 !important;
letter-spacing: -0.035em !important;
overflow-wrap: anywhere;
text-wrap: balance;
}

.feature-panel-copy h3,
.journeyx-copy h3,
.salesx-copy h3,
.ca-intro > h3,
.ca-summary h3 {
max-width: 100%;
font-size: clamp(26px, 7vw, 32px) !important;
line-height: 1.12 !important;
letter-spacing: -0.032em !important;
overflow-wrap: anywhere;
}

/* Header */
.wmh-header {
padding-top: 10px;
}

.wmh-header > .wrap {
padding-inline: 12px;
}

.wmh-shell {
min-height: 60px;
padding: 0 8px 0 13px;
border-radius: 15px;
}

.wmh-brand {
width: 150px;
flex-basis: 150px;
}

.wmh-desktop-nav,
.wmh-actions {
display: none;
}

.wmh-mobile-toggle {
display: block;
}

/* Hero */
.hero {
padding: 48px 0 34px;
}

.hero-grid {
grid-template-columns: minmax(0, 1fr);
gap: 36px;
}

.hero-copy,
.hero-visual,
.hero-copy .hero-dynamic-title,
.hero-copy .hero-rotator-line {
width: 100%;
max-width: 100%;
}

.hero-platform-pill {
width: 100%;
max-width: 100%;
}

.hero-copy .hero-title-top {
max-width: 100%;
font-size: clamp(30px, 8.5vw, 39px);
line-height: 1.08;
}

.hero-copy .hero-rotator {
width: 100%;
max-width: 100%;
min-height: 62px;
grid-template-columns: 40px minmax(0, 1fr);
gap: 10px;
padding: 11px 13px;
overflow: hidden !important;
border-radius: 17px;
}

.hero-copy .hero-rotator-icon {
width: 40px;
height: 40px;
flex-basis: 40px;
border-radius: 11px;
}

.hero-copy .hero-rotator-text {
min-width: 0;
max-width: 100%;
overflow: hidden !important;
font-size: clamp(24px, 6.3vw, 34px);
white-space: nowrap;
}

.hero-copy .hero-rotator[data-size="long"] .hero-rotator-text {
font-size: clamp(20px, 4.2vw, 22px) !important;
}

.hero-sub {
max-width: 100%;
font-size: 15px;
line-height: 1.65;
}

.hero-cta {
gap: 12px;
}

.hero-visual {
padding-top: 8px;
}

.hv-float {
max-width: calc(100% - 16px);
padding: 7px 10px;
font-size: 10px;
}

.hv-wa {
left: 8px;
}

.hv-ms {
right: 8px;
}

.hv-ai {
left: 10px;
}

.dash {
width: 100%;
border-radius: 18px;
}

.dash-body {
grid-template-columns: minmax(0, 1fr);
}

.inbox {
border-right: 0;
border-bottom: 1px solid var(--border);
}

.hero-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 28px;
}

.stat {
min-width: 0;
padding: 12px;
}

.stat h3 {
font-size: 19px;
}

.stat p {
font-size: 10.5px;
}

/* Omnichannel */
.cx-omni-section {
padding-inline: 0;
}

.cx-omni-shell {
grid-template-columns: minmax(0, 1fr);
gap: 38px;
padding:10px;
}

.cx-omni-copy {
margin-inline: auto;
text-align: center;
padding: 10px;
}

.cx-omni-points {
max-width: 590px;
margin-inline: auto;
text-align: left;
}

.cx-omni-actions {
justify-content: center;
}

.cx-omni-visual {
width: 100%;
margin-inline: auto;
padding:10px;
}

.cx-omni-board {
width: 100%;
border-radius: 19px;
}

/* Feature tabs */
.feature-tabs-section {
overflow: hidden;
}

.feature-tabs-shell {
width: 100%;
grid-template-columns: minmax(0, 1fr) !important;
gap: 17px;
overflow: visible;
}

.feature-tab-nav {
position: relative !important;
top: auto !important;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
width: 100%;
padding: 9px;
overflow: visible;
border-radius: 18px;
}

.feature-tab-button {
width: 100%;
min-width: 0 !important;
min-height: 68px;
grid-template-columns: 34px minmax(0, 1fr) !important;
gap: 9px;
padding: 9px 9px 13px;
}

.feature-tab-button::after {
display: none;
}

.feature-tab-icon {
width: 34px;
height: 34px;
border-radius: 10px;
}

.feature-tab-label b {
font-size: 11px;
white-space: normal;
}

.feature-tab-label small {
font-size: 9px;
}

.feature-tab-stage {
width: 100%;
padding: 22px 17px;
overflow: hidden;
border-radius: 20px;
}

.feature-panel-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 22px;
min-height: 0 !important;
}

.feature-point-list {
grid-template-columns: minmax(0, 1fr);
}

.feature-demo {
width: 100%;
min-height: 330px;
border-radius: 18px;
}

/* AI workspace */
.aiw-agent-grid {
grid-template-columns: minmax(0, 1fr);
width: 100%;
max-width: 650px;
margin-inline: auto;
}

.aiw-agent-card {
width: 100%;
padding: 15px;
border-radius: 21px;
}

.aiw-metric-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aiw-primary-metric {
grid-column: 1 / -1;
}

.aiw-demo-window,
.aiw-intelligence-card,
.aiw-resolution-card {
min-width: 0;
max-width: 100%;
}

.aiw-message {
max-width: 90%;
}

/* Buyer journey */
.journeyx-frame {
grid-template-columns: minmax(0, 1fr);
gap: 32px;
padding: 20px;
border-radius: 22px;
}

.journeyx-copy {
width: 100%;
max-width: 100%;
text-align: left;
}

.journeyx-copy-label {
margin-inline: 0;
}

.journeyx-benefits,
.journeyx-copy-metrics {
width: 100%;
max-width: 100%;
}

.journeyx-copy-metrics {
grid-template-columns: minmax(0, 1fr);
}

.journeyx-copy-metrics > div {
grid-template-columns: 76px minmax(0, 1fr);
}

.journeyx-actions {
justify-content: flex-start;
}

.journeyx-dashboard {
width: 100%;
max-width: 100%;
border-radius: 18px;
}

.journeyx-stages {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.journeyx-dashboard-body {
grid-template-columns: minmax(0, 1fr);
}

.journeyx-result-card {
grid-template-columns: minmax(0, 1fr);
}

.journeyx-score {
padding-top: 12px;
border-top: 1px solid var(--green-100);
border-left: 0;
}

/* Conversation-led selling */
.salesx-shell {
width: 100%;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
padding: 20px;
border-radius: 22px;
}

.salesx-copy {
width: 100%;
max-width: 100%;
text-align: left;
}

.salesx-copy-label {
margin-inline: 0;
}

.salesx-description,
.salesx-benefits,
.salesx-metrics {
width: 100%;
max-width: 100%;
}

.salesx-metrics {
grid-template-columns: minmax(0, 1fr);
}

.salesx-pro .salesx-metrics > div {
min-height: 70px;
grid-template-columns: 74px minmax(0, 1fr);
gap: 8px;
padding: 11px 12px;
}

.salesx-pro .salesx-metrics strong {
font-size: 28px;
}

.salesx-actions {
justify-content: flex-start;
}

.salesx-workspace {
width: 100%;
max-width: 100%;
overflow: hidden;
border-radius: 18px !important;
}

.salesx-pro .salesx-workspace-header {
gap: 8px;
padding: 11px;
}

.salesx-workspace-title,
.salesx-workspace-title > div {
min-width: 0;
}

.salesx-workspace-title b {
overflow: hidden;
font-size: 10px;
text-overflow: ellipsis;
white-space: nowrap;
}

.salesx-pro .salesx-pipeline {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
padding: 9px;
}

.salesx-pro .salesx-stage {
min-width: 0;
min-height: 54px;
grid-template-columns: 29px minmax(0, 1fr);
gap: 7px;
padding: 8px;
}

.salesx-stage > span {
width: 29px;
height: 29px;
}

.salesx-stage > div {
min-width: 0;
}

.salesx-stage b,
.salesx-stage small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.salesx-workspace-body {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
padding: 10px;
}

.salesx-pro .salesx-chat-card {
width: 100%;
max-width: 100%;
}

.salesx-pro .salesx-chat-body {
min-height: 0;
gap: 9px;
padding: 11px;
overflow: hidden;
}

.salesx-pro .salesx-message {
max-width: min(92%, calc(100% - 8px));
padding: 9px 10px;
font-size: 9.5px;
line-height: 1.5;
}

.salesx-pro .salesx-quick-actions {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
padding: 9px;
}

.salesx-pro .salesx-quick-actions span {
min-width: 0;
min-height: 36px;
padding-inline: 8px;
font-size: 9px;
}

.salesx-intelligence {
width: 100%;
grid-template-columns: minmax(0, 1fr);
}

.salesx-score-card {
grid-column: auto;
}

.salesx-score-main,
.salesx-score-main > div {
min-width: 0;
}

.salesx-pro .salesx-score-main > strong {
flex: 0 0 auto;
font-size: 39px;
}

.salesx-workspace-footer {
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
padding: 11px;
}

/* Support mesh */
.assistmesh-board {
width: 100%;
padding: 15px;
border-radius: 22px;
}

.assistmesh-grid {
grid-template-columns: minmax(0, 1fr);
}

.assistmesh-card,
.assistmesh-core {
grid-column: auto;
grid-row: auto;
width: 100%;
}

.assistmesh-core {
min-height: auto;
padding: 18px;
}

.assistmesh-core-result {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.assistmesh-routing-results{
grid-template-columns: repeat(2, minmax(0, 1fr));

}

.assistmesh-footer {
grid-template-columns: minmax(0, 1fr);
}

/* Integration stack */
.wmstack-network {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
padding: 18px;
border-radius: 22px;
}

.wmstack-hub {
grid-row: 1;
min-height: 380px;
}

.wmstack-side {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}

.wmstack-side--left {
grid-row: 2;
}

.wmstack-side--right {
grid-row: 3;
}

.wmstack-side .wmstack-app {
margin: 0 !important;
}

.wmstack-side--left .wmstack-app::after,
.wmstack-side--right .wmstack-app::before,
.wmstack-app-pulse {
display: none;
}

.wmstack-footer {
align-items: flex-start;
flex-direction: column;
}

/* Campaign analytics */
.ca-layout {
grid-template-columns: minmax(0, 1fr) !important;
gap: 28px;
}

.ca-intro {
position: relative;
top: auto;
width: 100%;
max-width: 740px;
margin-inline: auto;
}

#insights .ca-benefit-list {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
width: 100%;
}

#insights .ca-benefit-list article {
width: 100%;
min-width: 0;
grid-template-columns: 42px minmax(0, 1fr);
align-items: start;
gap: 12px;
padding: 14px;
}

#insights .ca-benefit-list article > span {
width: 42px;
height: 42px;
margin: 0;
}

#insights .ca-benefit-list article > div {
min-width: 0;
}

#insights .ca-benefit-list article b {
display: block;
}

#insights .ca-benefit-list article p {
width: 100%;
max-width: none;
}

.ca-dashboard {
width: 100%;
padding: 14px;
overflow: hidden;
border-radius: 21px;
}

.ca-dashboard-head,
.ca-card-heading,
.ca-recent-head {
align-items: flex-start;
flex-direction: column;
}

.ca-period-tabs {
width: 100%;
}

.ca-period-tabs button {
flex: 1;
min-width: 0;
}

.ca-kpi-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ca-main-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

.ca-chart-card,
.ca-outcome-card,
.ca-recent-card {
width: 100%;
padding: 13px;
}

.ca-chart-legend {
justify-content: flex-start;
}

.ca-canvas-wrap,
#campaignCanvasWrap {
width: 100%;
height: 245px;
overflow: hidden;
}

#campaignCanvas {
display: block;
width: 100% !important;
max-width: 100%;
}

.ca-campaign-list article {
grid-template-columns: 36px minmax(0, 1fr) auto;
}

.ca-campaign-stat {
display: none;
}

/* Testimonials */
.testimonials-header {
grid-template-columns: minmax(0, 1fr);
align-items: start;
gap: 22px;
}

.testimonials-heading {
max-width: 100%;
}

.testimonials-meta {
width: 100%;
align-items: flex-start;
}

.testimonials-rating,
.tst-nav {
width: 100%;
}

.tst-nav {
justify-content: flex-start;
}

.tst-carousel-shell {
border-radius: 20px;
}

.tst-viewport {
padding: 16px;
}

.tst-card {
width: calc(100vw - 64px);
min-height: 290px;
flex-basis: calc(100vw - 64px);
padding: 20px;
border-radius: 17px;
}

/* Pricing, FAQ and footer */
.pricing-grid {
grid-template-columns: minmax(0, 1fr);
width: 100%;
max-width: 430px;
margin-inline: auto;
}

.pcard.pop {
transform: none;
}

.faq-shell {
grid-template-columns: minmax(0, 1fr);
gap: 30px;
}

.faq-intro {
position: relative;
top: auto;
width: 100%;
max-width: 700px;
margin-inline: auto;
}

.faq-heading {
text-align: center;
}

.faq-heading h2,
.faq-heading p {
margin-inline: auto;
}

.faq-topics {
justify-content: center;
}

.faq-intro-card {
max-width: 470px;
margin-inline: auto;
text-align: left;
}

.faq-grid {
width: 100%;
max-width: 760px;
margin-inline: auto;
}

.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}



.pricing-page .pp-hero {
padding: 20px 0 58px;
}

.pricing-page
.pp-hero
> .wrap,
.pricing-page
.pp-value-section
> .wrap,
.pricing-page
.pp-compare-section
> .wrap,
.pricing-page
.pp-final-section
> .wrap {
width: 100%;
max-width: 100%;

padding-inline: 16px;
}

.pricing-page .pp-hero-shell {

border-radius: 23px;
}

.pricing-page
.pp-hero
> .wrap
> .pp-hero-grid {
padding: 27px 19px;

border-radius: 23px;
}

.pricing-page .pp-hero-grid {
gap: 31px;
}

.pricing-page .pp-hero-kicker {
min-height: 31px;

padding-inline: 11px;

font-size: 9px;
}

.pricing-page .pp-hero-copy h1,
.pricing-page .pp-hero-title {
max-width: 100%;

font-size:
clamp(
  33px,
  9.8vw,
  43px
);

line-height: 1.05;
letter-spacing: -0.043em;
}

.pricing-page
.pp-hero-copy
> p,
.pricing-page .pp-hero-text {
max-width: 100%;

font-size: 13.5px;
line-height: 1.68;
}

.pricing-page .pp-hero-actions {
align-items: stretch;
flex-direction: column;
}

.pricing-page
.pp-hero-actions
.btn,
.pricing-page .pp-btn {
width: 100%;
}

.pricing-page .pp-hero-points {
align-items: center;
/* flex-direction: column; */
gap: 9px;
}

.pricing-page .pp-hero-visual {
min-height: 0;

display: grid;

gap: 10px;
}

.pricing-page .wmprice-section {
padding-top: 66px;
padding-bottom: 66px;
}

.pricing-page .pp-value-section {
padding: 18px 0 74px;
}

.pricing-page .pp-value-shell {
gap: 29px;

padding: 30px 19px;

border-radius: 23px;
}

.pricing-page .pp-value-copy h2 {
font-size: clamp(30px, 7.5vw, 38px);
}

.pricing-page .pp-value-copy > p {
font-size: 13px;
}

.pricing-page .pp-value-grid {
grid-template-columns:
minmax(0, 1fr);
}

.pricing-page .pp-value-grid article {
min-height: 0;
}

.pricing-page .pp-compare-section {
padding: 74px 0;
}

.pricing-page .pp-section-head {
margin-bottom: 31px;
}

.pricing-page .pp-section-head h2 {
font-size:
clamp(
  30px,
  8.8vw,
  39px
);
}

.pricing-page .pp-section-head > p {
font-size: 13px;
}

.pricing-page .pp-compare-note {
align-items: flex-start;
flex-direction: column;
}

.pricing-page .pp-compare-shell {
border-radius: 16px;
}

.pricing-page .pp-compare-table {
min-width: 870px;
}

.pricing-page .pp-compare-table th,
.pricing-page .pp-compare-table td {
padding: 13px 14px;

font-size: 10.5px;
}

.pricing-page
.pp-compare-table
th:first-child {
min-width: 205px;
}

.pricing-page .pp-final-section {
padding: 3px 0 75px;
}

.pricing-page .pp-final-card {
padding: 46px 19px;

border-radius: 23px;
}

.pricing-page .pp-final-card h2 {
font-size:
clamp(
  30px,
  8.8vw,
  39px
);

line-height: 1.07;
}

.pricing-page .pp-final-card > p {
font-size: 13px;
}

.pricing-page .pp-final-actions {
align-items: stretch;
flex-direction: column;
}

.pricing-page
.pp-final-actions
.btn {
width: 100%;
}

#marketing-performance {
padding: 74px 0;
}

#marketing-performance > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#marketing-performance .marketflow-heading {
margin-bottom: 38px;
text-align: left;
}

#marketing-performance .marketflow-heading h2 {
font-size: clamp(35px, 10vw, 47px);
}

#marketing-performance .marketflow-heading p {
margin-left: 0;
font-size: 15px;
}

#marketing-performance .marketflow-main-card {
min-height: auto;
padding: 25px 22px 0;
border-radius: 24px;
}

#marketing-performance .marketflow-side {
grid-template-columns: minmax(0, 1fr);
}

#marketing-performance .marketflow-feature-card {
min-height: auto;
}

#marketing-performance .marketflow-stats {
grid-template-columns: minmax(0, 1fr);
}

#marketing-performance .marketflow-cta {
align-items: stretch;
flex-direction: column;
}

#brand-recognition {
padding: 72px 0;
}

#brand-recognition > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#brand-recognition .brandproof-content {
text-align: left;
}

#brand-recognition .brandproof-content h2 {
font-size: clamp(35px, 10vw, 47px);
}

#brand-recognition .brandproof-content > p {
margin-left: 0;
font-size: 15px;
}

#brand-recognition .brandproof-highlights {
grid-template-columns: minmax(0, 1fr);
}

#brand-recognition .brandproof-summary {
max-width: 100%;
margin-left: 0;
}

#brand-recognition .brandproof-awards {
padding: 12px;
border-radius: 23px;
}

#brand-recognition .brandproof-platform-list {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}

#brand-recognition .brandproof-awards {
padding: 12px;
border-radius: 23px;
}

#brand-recognition .brandproof-award-grid {
gap: 10px;
}

#brand-recognition .brandproof-award-card {
min-height: 190px;
padding: 16px 11px 10px;
border-radius: 16px;
}

#brand-recognition .brandproof-award-image {
width: 105px;
height: 118px;
}

#brand-recognition .brandproof-award-label {
min-height: 30px;
padding: 6px 7px;
font-size: 10px;
}

#support-page-hero {
min-height: auto;
padding: 65px 0 76px;
}

#support-page-hero > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#support-page-hero .supporthero-content {
text-align: left;
}

#support-page-hero .supporthero-content h1 {
font-size: clamp(39px, 11vw, 53px);
}

#support-page-hero .supporthero-description {
margin-left: 0;
font-size: 15px;
}

#support-page-hero .supporthero-benefits {
width: 100%;
margin-left: 0;
}

#support-page-hero .supporthero-actions {
justify-content: flex-start;
}

#support-page-hero .supporthero-trust {
margin-left: 0;
}

#support-page-hero .supporthero-visual {
min-height: auto;
}

#support-page-hero .supporthero-image-frame {
min-height: 480px;
padding: 20px 20px 0;
border-radius: 28px;
}

#support-page-hero .supporthero-image {
max-height: 460px;
}

#support-page-hero .supporthero-visual {
min-height: 420px;
}

#support-page-hero .supporthero-image-frame {
min-height: auto;
padding: 0px;
border-radius: 25px;
}

#support-page-hero .supporthero-image {
max-width: 460px;
max-height: 385px;
/* transform: translateY(8px); */
}

#unified-support-inbox {
padding: 74px 0;
}

#unified-support-inbox > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#unified-support-inbox .omnichat-content {
text-align: left;
}

#unified-support-inbox .omnichat-content h2 {
font-size: clamp(35px, 10vw, 47px);
}

#unified-support-inbox .omnichat-content h2 span {
display: inline;
}

#unified-support-inbox .omnichat-description {
margin-left: 0;
font-size: 15px;
}

#unified-support-inbox .omnichat-image-card {
border-radius: 23px;
}

#unified-support-inbox .omnichat-image-area {
min-height: 300px;
padding: 15px;
}

#unified-support-inbox .omnichat-image-area::before {
inset: 12px;
border-radius: 17px;
}

#unified-support-inbox .omnichat-image {
max-height: 380px;
}

#sales-page-hero {
padding: 62px 0 72px;
}

#sales-page-hero > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-page-hero .saleshero-content {
text-align: left !important;
}

#sales-page-hero .saleshero-content h1 {
font-size: clamp(39px, 11vw, 53px);
}

#sales-page-hero .saleshero-content h1 span {
display: inline;
}

#sales-page-hero .saleshero-description {
margin-left: 0;
font-size: 15px;
}

#sales-page-hero .saleshero-benefits {
display: grid;
justify-content: stretch !important;
}

#sales-page-hero .saleshero-benefits li {
width: 100%;
border-radius: 14px;
}

#sales-page-hero .saleshero-actions {
justify-content: flex-start;
}

#sales-page-hero .saleshero-visual {
min-height: 415px;
}

#sales-page-hero .saleshero-image-frame {
height: 415px;
padding: 44px 14px 12px;
border-radius: 25px;
}

#sales-capabilities {
padding: 74px 0;
}

#sales-capabilities > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-capabilities .salesedge-heading {
margin-bottom: 42px;
text-align: left;
}

#sales-capabilities .salesedge-heading h2 {
font-size: clamp(35px, 10vw, 47px);
}

#sales-capabilities .salesedge-heading p {
margin-left: 0;
font-size: 15px;
}

#sales-capabilities .salesedge-feature {
gap: 31px;
padding: 27px 21px;
border-radius: 26px;
}

#sales-capabilities .salesedge-feature-content h3 {
font-size: 31px;
}

#sales-capabilities .salesedge-image-area {
min-height: 300px;
padding: 14px;
}

#sales-capabilities .salesedge-image {
max-height: 270px;
}

#sales-automation-path {
padding: 68px 0;
}

#sales-automation-path > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-automation-path .salespath-shell {
padding: 27px 20px;
border-radius: 24px;
}

#sales-automation-path .salespath-header {
margin-bottom: 30px;
text-align: left;
}

#sales-automation-path .salespath-header h2 {
font-size: 34px;
}

#sales-automation-path .salespath-header p {
margin-left: 0;
font-size: 14px;
}

#sales-automation-path .salespath-benefits {
grid-template-columns: minmax(0, 1fr) !important;
}

#sales-automation-path .salespath-benefit {
display: flex;
}

#sales-automation-path .salespath-benefit-number {
margin-bottom: 0;
}

.wmkflowbridge-section {
  padding: 62px 0;
}

.wmkflowbridge-intro {
  margin-bottom: 32px;
}

.wmkflowbridge-intro h2 {
  font-size: 32px;
  line-height: 1.08;
}

.wmkflowbridge-intro-text {
  font-size: 13px;
  line-height: 1.7;
}

.wmkflowbridge-highlights {
  gap: 10px;
  margin-top: 24px;
}

.wmkflowbridge-board {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  min-height: 0;
  padding: 70px 22px 22px;
  border-radius: 22px;
}

.wmkflowbridge-board-label {
  top: 20px;
  left: 20px;
  right: 20px;
}

.wmkflowbridge-board-label strong {
  display: none;
}

.wmkflowbridge-lines {
  display: none;
}

.wmkflowbridge-sources {
  order: 1;
}

.wmkflowbridge-hub {
  order: 2;
}

.wmkflowbridge-outcomes {
  order: 3;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

.wmkflowbridge-source:hover,
.wmkflowbridge-outcome:hover {
  transform: translateY(-3px);
}
}


@media (max-width: 700px) {
.feature-tabs-heading {
margin-bottom: 28px;
}

.feature-tabs-shell {
grid-template-columns: 1fr;
gap: 17px;
}

.feature-tab-nav {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));

gap: 8px;

width: 100%;

overflow: visible;

border-radius: 18px;
}

.feature-tab-button {
min-width: 0;
min-height: 68px;

grid-template-columns:
34px minmax(0, 1fr);

padding:
9px 9px 13px;

scroll-snap-align: initial;
}

.feature-tab-button:hover {
transform: none;
}

.feature-tab-icon {
width: 34px;
height: 34px;

border-radius: 10px;
}

.feature-tab-label small {
font-size: 9px;
}

.feature-tab-label b {
font-size: 11px;
white-space: normal;
}

.feature-tab-stage {
padding:
23px 17px;

border-radius: 20px;
}

.feature-panel-grid {
gap: 21px;
}

.feature-panel-copy h3 {
font-size:
clamp(27px, 8.5vw, 34px);
}

.feature-panel-copy>p {
font-size: 14px;
}

.feature-demo {
min-height: 340px;
}
.ca-heading {
margin-bottom: 28px;
}

.ca-dashboard {
padding: 15px;

border-radius: 21px;
}

.ca-dashboard-head {
flex-direction: column;
}

.ca-period-tabs {
width: 100%;
}

.ca-period-tabs button {
flex: 1;
}

.ca-kpi-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.ca-main-grid {
grid-template-columns: 1fr;
}

.ca-benefit-list {
grid-template-columns: 1fr;
}

.ca-benefit-list article {
grid-template-columns:
40px minmax(0, 1fr);
}

.ca-card-heading {
flex-direction: column;
}

.ca-chart-legend {
justify-content: flex-start;
}

.ca-canvas-wrap {
height: 270px;
}

.ca-campaign-list article {
grid-template-columns:
36px minmax(0, 1fr) auto;
}

.ca-campaign-stat {
display: none;
}

.feature-tabs-heading {
margin-bottom: 28px;
}

.feature-tabs-shell {
grid-template-columns: 1fr;
gap: 17px;
}

.feature-tab-nav {
position: relative;
top: auto;

display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));

overflow: visible;
}

.feature-tab-stage {
padding: 22px 17px;
}

.feature-panel-copy h3 {
font-size:
clamp(28px, 8.6vw, 36px);

line-height: 1.04;
}

.feature-panel-copy>p {
font-size: 14px;
}

.feature-demo {
min-height: 330px;
}

.hero-platform-pill {
grid-template-columns: 33px minmax(0, 1fr) auto;
gap: 8px;
}

.hero-platform-icon {
width: 33px;
height: 33px;
}

.hero-platform-copy b {
font-size: 10px;
}

.hero-platform-tag {
font-size: 9px;
padding-inline: 8px;
}

.hero-copy .hero-title-top {
font-size: clamp(27px, 8vw, 38px);
}

.hero-copy .hero-rotator-line,
.hero-copy .hero-rotator {
max-width: 100%;
}

.hero-copy .hero-rotator {
grid-template-columns: 40px minmax(0, 1fr);
gap: 10px;
padding: 12px 14px;
border-radius: 18px;
}

.hero-copy .hero-rotator-icon {
width: 40px;
height: 40px;
border-radius: 12px;
flex-basis: 40px;
}

.hero-copy .hero-rotator-text {
font-size: clamp(25px, 6.5vw, 36px);
}

.hero-copy .hero-rotator[data-size="long"] .hero-rotator-text {
font-size: clamp(16px, 4.3vw, 24px) !important;
}



.hero-provider-proof {
width: 100%;
grid-template-columns: 39px minmax(0, 1fr) 1px auto;
gap: 9px;
padding: 10px;
}

.provider-status-icon {
width: 39px;
height: 39px;
}

.provider-status-copy b {
font-size: 10px;
}

.provider-meta-image {
max-width: 140px;
}
#marketing-hero {
padding:
99px 0 65px;
}

#marketing-hero > .wrap {
width: 100%;
max-width: 100%;

padding-inline: 16px;
}

#marketing-hero .wmkhero-grid {
gap: 38px;
}

#marketing-hero .wmkhero-kicker {
min-height: 39px;

font-size: 10px;
}

#marketing-hero .wmkhero-copy h1 {
font-size: clamp(35px, 9.4vw, 45px);
line-height: 1.055;
letter-spacing: -0.044em;
}

#marketing-hero .wmkhero-description {
font-size: 13.5px;
line-height: 1.68;
}

#marketing-hero .wmkhero-actions {
align-items: stretch;
flex-direction: column;
}

#marketing-hero .wmkhero-button {
width: 100%;
}

#marketing-hero .wmkhero-benefits {
align-items: flex-start;
flex-direction: column;
width: fit-content;
text-align: left;
}

#marketing-hero .wmkhero-stage {
min-height: 565px;
}

#marketing-hero .wmkhero-halo {
right: 10px;
bottom: 69px;

width: 330px;
height: 330px;
}

#marketing-hero .wmkhero-orbit--one {
width: 360px;
height: 360px;
}

#marketing-hero .wmkhero-orbit--two {
width: 280px;
height: 280px;
}

#marketing-hero .wmkhero-float-card {
width: 166px;

padding: 10px;

border-radius: 14px;
}

#marketing-hero
.wmkhero-float-card
> div:first-child {
grid-template-columns:
27px minmax(0, 1fr) auto;

gap: 6px;
}

#marketing-hero .wmkhero-metric-icon {
width: 27px;
height: 27px;
}

#marketing-hero .wmkhero-mini-chart {
height: 49px;
}

#marketing-hero .wmkhero-float-card--cost {
top: 15px;
left: 0;
}

#marketing-hero .wmkhero-float-card--leads {
top: 27px;
right: 0;
}

#marketing-hero .wmkhero-float-card--roi {
top: 140px;
left: 78px;

width: 180px;
}

#marketing-hero .wmkhero-person {
right: 5px;
bottom: 65px;

width: 275px;
height: 375px;
}

#marketing-hero .wmkhero-channel-stack {
left: 24px;
bottom: 99px;
}

#marketing-hero .wmkhero-channel {
width: 45px;
height: 45px;
}

#marketing-hero
.wmkhero-channel:nth-child(2) {
width: 53px;
height: 53px;
}

#marketing-hero .wmkhero-connector {
display: none;
}


#marketing-hero
.wmkhero-channel-stack {
left: 24px;
bottom: 99px;

gap: 7px;
}

#marketing-hero
.wmkhero-channel {
width: 46px;
height: 46px;

flex-basis: 46px;

border-radius: 13px;
}

#marketing-hero
.wmkhero-channel:nth-child(2) {
width: 54px;
height: 54px;

flex-basis: 54px;

border-radius: 15px;
}

#marketing-hero
.wmkhero-channel-logo {
width: 32px;
height: 32px;
}

#marketing-hero
.wmkhero-channel:nth-child(2)
.wmkhero-channel-logo {
width: 38px;
height: 38px;
}


#marketing-hero
.wmkhero-channel--whatsapp
.wmkhero-channel-logo {
width: 33px;
height: 33px;
}

#marketing-hero
.wmkhero-channel--google
.wmkhero-channel-logo {
width: 32px;
height: 32px;
}
#marketing-trusted {
padding: 62px 0 66px;
}

#marketing-trusted > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 16px;
}

#marketing-trusted .wmktrust-heading {
margin-bottom: 28px;
}

#marketing-trusted .wmktrust-heading h2 {
font-size: clamp(30px, 8.6vw, 38px);
line-height: 1.1;
}

#marketing-trusted .wmktrust-heading p {
font-size: 13.5px;
line-height: 1.65;
}

#marketing-trusted .wmktrust-shell {
padding: 18px 0;
border-radius: 21px;
}

#marketing-trusted .wmktrust-shell::before,
#marketing-trusted .wmktrust-shell::after {
width: 48px;
}

#marketing-trusted .wmktrust-track,
#marketing-trusted .wmktrust-group {
gap: 13px;
}

#marketing-trusted .wmktrust-logo-card {
width: 154px;
min-width: 154px;
height: 78px;
padding: 13px 15px;
border-radius: 15px;
}

#marketing-trusted .wmktrust-logo-card img {
max-width: 124px;
max-height: 37px;
}

#marketing-trusted .wmktrust-group {
gap: 13px;
}

#marketing-touchpoints {
padding: 64px 0;
}

#marketing-touchpoints > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 16px;
}

#marketing-touchpoints .wmtouch-heading {
margin-bottom: 28px;
}

#marketing-touchpoints .wmtouch-heading h2 {
font-size: clamp(31px, 8.8vw, 39px);
line-height: 1.1;
}

#marketing-touchpoints .wmtouch-heading p {
font-size: 13.5px;
line-height: 1.65;
}

#marketing-touchpoints .wmtouch-visual-shell {
padding: 11px;
border-radius: 21px;
}

#marketing-touchpoints .wmtouch-visual-topbar {
min-height: 58px;
padding-bottom: 11px;
}

#marketing-touchpoints .wmtouch-visual-icon {
width: 38px;
height: 38px;
flex-basis: 38px;
}

#marketing-touchpoints .wmtouch-visual-label strong {
font-size: 10px;
}

#marketing-touchpoints .wmtouch-figure {
border-radius: 16px;
}

#marketing-touchpoints .wmtouch-footer {
grid-template-columns: 1fr;
gap: 7px;
}

#marketing-touchpoints .wmtouch-footer span {
justify-content: flex-start;
min-height: 43px;
text-align: left;
}

#marketing-performance {
padding: 58px 0;
}

#marketing-performance > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 16px;
}

#marketing-performance .wmgrowth-shell {
gap: 11px;
padding: 11px;
border-radius: 22px;
}

#marketing-performance .wmgrowth-intro {
padding: 27px 20px;
border-radius: 18px;
}

#marketing-performance .wmgrowth-intro h2 {
font-size: clamp(29px, 8.5vw, 36px);
}

#marketing-performance .wmgrowth-intro > p {
font-size: 12.5px;
}

#marketing-performance .wmgrowth-metrics {
grid-template-columns: minmax(0, 1fr);
}

#marketing-performance .wmgrowth-card {
min-height: 0;
padding: 22px;
}

#marketing-performance .wmgrowth-card > p {
min-height: 0;
}

#marketing-performance .wmgrowth-value strong {
font-size: 54px;
}


#marketing-business-use-cases {
padding: 76px 0;
}

#marketing-business-use-cases > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#marketing-business-use-cases .marketcase-heading {
margin-bottom: 40px;
text-align: left;
}

#marketing-business-use-cases .marketcase-heading::before {
left: 0;
width: 280px;
transform: none;
}

#marketing-business-use-cases .marketcase-heading h2 {
font-size: clamp(36px, 10vw, 48px);
}

#marketing-business-use-cases .marketcase-heading p {
margin-left: 0;
font-size: 15px;
}

#marketing-business-use-cases .marketcase-industry {
padding: 12px;
border-radius: 25px;
}

#marketing-business-use-cases .marketcase-industry-header {
align-items: flex-start;
min-height: auto;
padding: 22px;
border-radius: 19px;
}

#marketing-business-use-cases .marketcase-industry-icon {
width: 60px;
height: 60px;
flex-basis: 60px;
border-radius: 18px;
}

#marketing-business-use-cases .marketcase-industry-header h3 {
font-size: 31px;
}

#marketing-business-use-cases .marketcase-card-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

#marketing-business-use-cases .marketcase-card:last-child {
grid-column: auto;
width: 100%;
}

#marketing-business-use-cases .marketcase-card {
min-height: 225px;
}

#integrations {
padding: 72px 0;
}

#integrations > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#integrations .mkintegrate-header {
margin-bottom: 37px;
text-align: left;
}

#integrations .mkintegrate-header::before {
left: 0;
width: 300px;
transform: none;
}

#integrations .mkintegrate-header h2 {
font-size: clamp(36px, 10vw, 48px);
}

#integrations .mkintegrate-header p {
margin-left: 0;
font-size: 15px;
}

#integrations .mkintegrate-visual {
padding: 0;
}

#integrations .mkintegrate-image-frame {
padding: 10px;
border-radius: 23px;
}

#integrations .mkintegrate-image-frame::after {
inset: 10px;
border-radius: 17px;
}

#integrations .mkintegrate-image {
border-radius: 17px;
}

#integrations .mkintegrate-image-frame:hover {
transform: none;
}

#ai-support-automation > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#ai-support-automation .dualassist-header {
margin-bottom: 35px;
text-align: left;
}

#ai-support-automation .dualassist-header h2 {
font-size: clamp(35px, 10vw, 47px);
}

#ai-support-automation .dualassist-header p {
margin-left: 0;
font-size: 15px;
}

#ai-support-automation .dualassist-visual {
padding: 0;
}

#ai-support-automation .dualassist-image-frame {
border-radius: 23px;
}

#ai-support-automation .dualassist-frame-top {
min-height: auto;
padding: 15px;
}

#ai-support-automation .dualassist-frame-status {
display: none;
}

#ai-support-automation .dualassist-image-area {
min-height: 390px;
padding: 15px;
}

#ai-support-automation .dualassist-image-area::before {
inset: 12px;
border-radius: 17px;
}

#ai-support-automation .dualassist-image {
max-height: 360px;
}

#sales-insights-preview {
padding: 68px 0;
}

#sales-insights-preview > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-insights-preview .salesinsight-header {
margin-bottom: 31px;
text-align: left;
}

#sales-insights-preview .salesinsight-header h2 {
margin-left: 0;
font-size: 34px;
}

#sales-insights-preview .salesinsight-header p {
margin-left: 0;
font-size: 14px;
}

#sales-insights-preview .salesinsight-grid {
grid-template-columns: minmax(0, 1fr);
}

#sales-insights-preview .salesinsight-card,
#sales-insights-preview .salesinsight-card:last-child {
width: 100%;
min-height: auto;
grid-column: auto;
}

#sales-insights-preview .salesinsight-card-copy {
min-height: auto;
}

#sales-insights-preview .salesinsight-note {
align-items: flex-start;
justify-content: flex-start;
}

#sales-crm-integrations {
padding: 68px 0;
}

#sales-crm-integrations > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-crm-integrations .salescrm-header {
margin-bottom: 32px;
text-align: left;
}

#sales-crm-integrations .salescrm-header h2 {
margin-left: 0;
font-size: 34px;
}

#sales-crm-integrations .salescrm-header p {
margin-left: 0;
font-size: 14px;
}

#sales-crm-integrations .salescrm-image-frame {
border-radius: 23px;
}

#sales-crm-integrations .salescrm-frame-header {
min-height: auto;
padding: 14px 15px;
}

#sales-crm-integrations .salescrm-frame-status {
display: none;
}

#sales-crm-integrations .salescrm-image-area {
min-height: 380px;
padding: 15px;
}

#sales-crm-integrations .salescrm-image-area::before {
inset: 11px;
border-radius: 16px;
}

#sales-crm-integrations .salescrm-image {
max-height: 350px;
}

#sales-flexibility {
padding: 68px 0;
}

#sales-flexibility > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-flexibility .salesflex-header {
margin-bottom: 31px;
text-align: left;
}

#sales-flexibility .salesflex-header h2 {
margin-left: 0;
font-size: 34px;
}

#sales-flexibility .salesflex-header p {
margin-left: 0;
font-size: 14px;
}

#sales-flexibility .salesflex-grid {
grid-template-columns: minmax(0, 1fr) !important;
}

#sales-flexibility .salesflex-card,
#sales-flexibility .salesflex-card:last-child {
width: 100%;
min-height: 290px;
grid-column: auto;
}

#sales-engagement-impact {
padding: 68px 0;
}

#sales-engagement-impact > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#sales-engagement-impact .salesimpact-header {
margin-bottom: 32px;
text-align: left;
}

#sales-engagement-impact .salesimpact-header h2 {
margin-left: 0;
font-size: 34px;
}

#sales-engagement-impact .salesimpact-header h2 span {
display: inline;
}

#sales-engagement-impact .salesimpact-header p {
margin-left: 0;
font-size: 14px;
}

#sales-engagement-impact .salesimpact-layout {
grid-template-columns: minmax(0, 1fr);
}

#sales-engagement-impact .salesimpact-result {
grid-column: auto;
grid-row: auto;
width: 100%;
min-height: 340px;
order: -1;
}

#education-communication-solutions {
padding: 68px 0;
}

#education-communication-solutions > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#education-communication-solutions .eduflow-header {
margin-bottom: 31px;
text-align: left;
}

#education-communication-solutions .eduflow-header h2 {
margin-left: 0;
font-size: 34px;
}

#education-communication-solutions .eduflow-header p {
margin-left: 0;
font-size: 14px;
}

#education-communication-solutions .eduflow-grid {
grid-template-columns: minmax(0, 1fr);
}

#education-communication-solutions .eduflow-card {
min-height: 270px;
}

#education-communication-message {
padding: 26px 0 34px;
}

#education-communication-message > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#education-communication-message .edumessage-panel {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
padding: 24px 20px;
border-radius: 20px;
}

#education-communication-message .edumessage-icon {
width: 58px;
height: 58px;
border-radius: 17px;
}

#education-communication-message .edumessage-content h2 {
font-size: 31px;
}

#education-communication-message .edumessage-content p {
font-size: 13px;
}

#education-communication-message .edumessage-highlights {
grid-column: auto;
grid-template-columns: minmax(0, 1fr);
}

#education-growth-journey {
padding: 68px 0;
}

#education-growth-journey > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#education-growth-journey .edugrowth-header {
margin-bottom: 34px;
text-align: left;
}

#education-growth-journey .edugrowth-header h2 {
margin-left: 0;
font-size: 34px;
}

#education-growth-journey .edugrowth-header p {
margin-left: 0;
font-size: 14px;
}

#education-growth-journey .edugrowth-list {
gap: 20px;
}

#education-growth-journey .edugrowth-item {
padding: 24px 20px;
border-radius: 23px;
}

#education-growth-journey .edugrowth-image-card {
min-height: 330px;
border-radius: 21px;
}

#education-growth-journey .edugrowth-image-card img {
height: 285px;
}

.wmbcastvalue-section,
.wmbcastreach-section,
.wmbcasttemplate-section,
.wmbcastanalytics-section,
.wmbcastretarget-section {
    padding: 56px 0;
}

.wmbcastvalue-shell {
    padding: 31px 20px;
    border-radius: 21px;
}

.wmbcastvalue-heading {
    margin-bottom: 28px;
}

.wmbcastvalue-grid {
    grid-template-columns: 1fr;
    gap: 13px;
}

.wmbcastreach-row,
.wmbcasttemplate-row,
.wmbcastanalytics-row,
.wmbcastretarget-row {
    grid-template-columns: 1fr;
    gap: 32px;
}

.wmbcasttemplate-visual,
.wmbcastretarget-visual {
    order: 2;
}

.wmbcasttemplate-content,
.wmbcastretarget-content {
    order: 1;
}

.wmbcastreach-content h2,
.wmbcasttemplate-content h2,
.wmbcastanalytics-content h2,
.wmbcastretarget-content h2 {
    font-size: clamp(29px, 9vw, 37px);
}

.wmbcastreach-image-frame,
.wmbcasttemplate-image-frame,
.wmbcastanalytics-image-frame,
.wmbcastretarget-image-frame {

    border-radius: 19px;
}

.wmbcastreach-image-frame img,
.wmbcasttemplate-image-frame img,
.wmbcastanalytics-image-frame img,
.wmbcastretarget-image-frame img {
    border-radius: 13px;
}


.wmkiboxcap-section {
    padding: 56px 0;
}

.wmkiboxcap-head {
    margin-bottom: 29px;
}

.wmkiboxcap-head h2 {
    font-size: clamp(29px, 9vw, 38px);
}

.wmkiboxcap-head p {
    font-size: 13px;
}

.wmkiboxcap-grid {
    grid-template-columns: 1fr;
    gap: 10px;
}

.wmkiboxcap-card {
    min-height: 0;
    padding: 19px;
}

.wmkiboxfeat-section {
    padding: 58px 0;
}

.wmkiboxfeat-layout,
.wmkiboxfeat-layout--reverse {
    grid-template-columns: 1fr;
    gap: 31px;
}

.wmkiboxfeat-layout--reverse .wmkiboxfeat-content {
    order: 1;
}

.wmkiboxfeat-layout--reverse .wmkiboxfeat-visual {
    order: 2;
}

.wmkiboxfeat-content h2 {
    font-size: clamp(28px, 8.5vw, 37px);
}

.wmkiboxfeat-content > p {
    font-size: 13px;
}

.wmkiboxfeat-image {
  
    border-radius: 19px;
}

.wmkiboxfeat-image img {
    border-radius: 13px;
}


.wmkcallintro-section,
.wmkcallimpact-section,
.wmkcallfeatures-section,
.wmkcallchoice-section,
.wmkcallsetup-section,
.wmkcallrules-section {
    padding: 56px 0;
}

.wmkcallintro-shell,
.wmkcallsetup-shell {
    padding: 26px 18px;
    border-radius: 22px;
}

.wmkcallintro-content h2,
.wmkcallimpact-title h2,
.wmkcallfeatures-heading h2,
.wmkcallchoice-heading h2,
.wmkcallsetup-head h2,
.wmkcallrules-heading h2 {
    font-size: clamp(28px, 7vw, 37px);
}

.wmkcallintro-flow {
    grid-template-columns: 1fr;
}

.wmkcallintro-flow-arrow {
    transform: rotate(90deg);
}

.wmkcallimpact-head {
    grid-template-columns: 1fr;
    gap: 16px;
}

.wmkcallimpact-grid,
.wmkcallfeatures-grid,
.wmkcallrules-layout {
    grid-template-columns: 1fr;
}

.wmkcallfeatures-card,
.wmkcallfeatures-card--featured {
    min-height: auto;
}

.wmkcallfeatures-card--featured {
    grid-column: auto;
    display: block;
}

.wmkcallchoice-card--large h3 {
    font-size: 23px;
}

.wmkcallsetup-line {
    display: none;
}

.wmkcallsetup-step {
    grid-template-columns: 1fr;
    gap: 13px;
}

.wmkcallsetup-step:hover {
    transform: translateY(-3px);
}

.wmkcallsetup-footer {
    padding: 16px;
}

.wmkcallsetup-footer-head {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
}

.wmkcallsetup-footer-icon {
    width: 42px;
    height: 42px;
}

.wmkcallsetup-footer-points {
    gap: 8px;
}



.wmcallflow-section {
    padding: 56px 0;
}

.wmcallflow-row,
.wmcallflow-row--reverse {
    grid-template-columns: 1fr;
    gap: 30px;
}

.wmcallflow-row--reverse .wmcallflow-content {
    order: 1;
}

.wmcallflow-row--reverse .wmcallflow-visual {
    order: 2;
}

.wmcallflow-content h2 {
    font-size: clamp(28px, 7vw, 37px);
}

.wmcallflow-content > p {
    font-size: 13px;
}

.wmcallflow-image-frame {
  
    border-radius: 18px;
}

.wmcallflow-image-frame img {
    border-radius: 12px;
}



.wmkcallregion-section {
    padding: 56px 0;
}

.wmkcallregion-head {
    margin-bottom: 30px;
}

.wmkcallregion-head h2 {
    font-size: clamp(25px,7vw,37px);
}

.wmkcallregion-board {
    border-radius: 19px;
}

.wmkcallregion-item {
    grid-template-columns: 46px minmax(0,1fr);
    gap: 15px;
    padding: 21px 18px;
}

.wmkcallregion-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
}

.wmkcallregion-icon svg {
    width: 21px;
    height: 21px;
}

.wmkcallregion-side {
    grid-column: 1 / -1;
    padding-top: 14px;
}

.wmkcallregion-foot {
    grid-template-columns: 42px minmax(0,1fr);
}

.wmkcallregion-btn {
    grid-column: 1 / -1;
    width: 100%;
}



.wmkaiassist-section {
    padding: 56px 0;
}

.wmkaiassist-shell {
    grid-template-columns: 1fr;
    gap: 32px;
}

.wmkaiassist-content h2 {
    font-size: clamp(25px, 7vw, 37px);
}

.wmkaiassist-visual {
    order: 2;
}

.wmkaiassist-image-frame {
    padding: 8px;
    border-radius: 19px;
}

.wmkaiassist-image-frame img {
    border-radius: 13px;
}


.wmkaiscale-section {
    padding: 56px 0;
}

.wmkaiscale-head {
    margin-bottom: 30px;
}

.wmkaiscale-head h2 {
    font-size: clamp(25px, 7vw, 37px);
}

.wmkaiscale-grid {
    grid-template-columns: 1fr !important;
}

.wmkaiscale-card {
    padding: 21px 18px;
}


.wmkaiway-section {
    padding: 52px 0;
}

.wmkaiway-shell {
    padding: 27px 18px;
    border-radius: 22px;
}

.wmkaiway-row,
.wmkaiway-row--reverse {
    grid-template-columns: 1fr;
    gap: 30px;
}

.wmkaiway-row--reverse .wmkaiway-content {
    order: 1;
}

.wmkaiway-row--reverse .wmkaiway-visual {
    order: 2;
}

.wmkaiway-content h2 {
    font-size: clamp(25px,7vw,37px);
}

.wmkaiway-visual {
    padding: 0;
}



.wmkaidivider-section {
    padding: 52px 0;
}

.wmkaidivider-content h2 {
    font-size: clamp(28px,8vw,37px);
}


.wmkaiconnectx-section,
.wmkaivoicex-section,
.wmkailaunchx-section,
.wmkaicomparex-section {
    padding: 56px 0;
}

.wmkaiconnectx-shell,
.wmkaivoicex-shell {
    padding: 25px 18px;
    border-radius: 21px;
}

.wmkaiconnectx-content h2,
.wmkaivoicex-content h2,
.wmkailaunchx-head h2,
.wmkaicomparex-head h2 {
    font-size: clamp(25px,7vw,37px);
}

.wmkaiconnectx-rail {
    grid-template-columns: 1fr;
}

.wmkaiconnectx-rail > div + div {
    border-top: 1px solid var(--border);
    border-left: 0;
}

.wmkaivoicex-highlights,
.wmkailaunchx-track {
    grid-template-columns: 1fr;
}


.wmshp2-meta-bar,
.wmshp2-capability-grid {
    grid-template-columns: 1fr;
}

.wmshp2-meta-bar > div + div {
    border-top: 1px solid var(--border);
    border-left: 0;
}

.wmshp2-capability-grid {
    overflow: visible;
    border: 0;
    gap: 9px;
    background: transparent;
}

.wmshp2-capability {
    min-height: 0;
    border: 1px solid var(--border) !important;
    border-radius: 13px;
}

.wmshp2-flow {
    grid-template-columns: 1fr;
}

.wmshp2-flow-arrow {
    transform: rotate(90deg);
}


#marketing-touchpoints .wmtouch-figure img {
height: auto;
aspect-ratio: 3 / 2;
object-fit: contain;
}


}


@media (max-width: 650px) {
.cx-omni-section {
padding: 68px 16px;
}

.cx-omni-copy h2 {
font-size:
clamp(33px, 9vw, 43px);
}

.cx-omni-description {
font-size: 13px;
}

.cx-board-body {
grid-template-columns:
1fr 128px 1fr;

min-height: 290px;

gap: 8px;

padding: 18px 10px;
}

.cx-channel-card {
grid-template-columns:
34px minmax(0, 1fr);

padding: 7px;
}

.cx-channel-active {
display: none;
}

.cx-channel-icon {
width: 34px;
height: 34px;
}

.cx-channel-card b {
font-size: 9px;
}

.cx-channel-card small {
font-size: 9px;
}

.cx-whatsapp-hub {
width: 112px;
min-height: 144px;

padding: 12px;
}

.cx-whatsapp-mark {
width: 52px;
height: 52px;
}

.cx-whatsapp-mark svg {
width: 34px;
height: 34px;
}

.cx-hub-rings span:first-child {
width: 130px;
height: 130px;
}

.cx-hub-rings span:last-child {
width: 158px;
height: 158px;
}

.cx-flow-line {
width: 32px;
}

.cx-flow-line-left {
right: calc(50% + 55px);
}

.cx-flow-line-right {
left: calc(50% + 55px);
}

.cx-board-footer {
grid-template-columns:
minmax(0, 1fr) auto;

gap: 12px;
}

.cx-footer-metric:last-child {
display: none;
}
}


@media (max-width: 640px) {
.section {
padding: 56px 0;
}

.feature-tabs-shell {
border-radius: 20px;
}

.feature-tab-button {
min-width: 194px;

grid-template-columns:
36px minmax(0, 1fr) 18px;

gap: 9px;

padding: 12px;
}

.feature-tab-number {
width: 36px;
height: 36px;

border-radius: 11px;
}

.feature-tab-stage {
padding:
24px 18px 20px;
}

.feature-panel-copy h3 {
font-size:
clamp(27px,
    9vw,
    35px);
}

.feature-panel-copy>p {
font-size: 14.5px;
}

.feature-point-list {
grid-template-columns:
1fr;
}

.feature-demo {
min-height: 355px;

border-radius: 18px;
}

.demo-metrics {
grid-template-columns:
1fr 1fr;
}

.demo-metrics>div:last-child {
grid-column:
1 / -1;
}

.flow-node {
width: 92%;
}

.flow-branches {
grid-template-columns:
1fr;

margin-top: 15px;
}

.flow-link.split::before,
.flow-link.split::after {
display: none;
}

.testimonials-header {
margin-bottom: 27px;
}

.testimonials-meta {
align-items: flex-start;
flex-direction: column;
}

.testimonials-rating {
width: 100%;
}

.tst-nav {
width: 100%;
justify-content: flex-start;
}

.tst-carousel-shell {
border-radius: 20px;
}

.tst-carousel-shell::before,
.tst-carousel-shell::after {
width: 18px;
}

.tst-viewport {
padding: 16px;
}

.tst-track {
gap: 13px;
}

.tst-card {
width: calc(100vw - 72px);
min-height: 290px;

flex-basis: calc(100vw - 72px);

padding: 21px;

border-radius: 17px;
}

.tst-card blockquote {
font-size: 14px;
}

.cta-mini {
/* flex-direction: column; */
gap: 10px;
margin-bottom: 21px;
}

.cta-mini span {
justify-content: center;
}

.faq-shell {
gap: 27px;
}

.faq-heading h2 {
font-size:
clamp(32px, 10vw, 42px);
}

.faq-intro-card {
padding: 14px;
}

.faq-item {
border-radius: 15px;
}

.faq-q {
min-height: 69px;

gap: 12px;

padding:
12px 13px;
}

.faq-q-main {
gap: 10px;
}

.faq-q .fnum {
width: 36px;
height: 36px;

flex-basis: 36px;

border-radius: 10px;

font-size: 10px;
}

.faq-q-text {
font-size: 13.5px;
}

.faq-q .ficon {
width: 34px;
height: 34px;

flex-basis: 34px;

border-radius: 10px;
}

.faq-answer-inner {
grid-template-columns:
26px minmax(0, 1fr);

gap: 9px;

padding:
0 15px 18px 59px;
}

.faq-answer-icon {
width: 26px;
height: 26px;
}

.faq-answer-inner p {
font-size: 13.5px;
}

.header-brand {
min-width: 128px;
}

.header-logo {
height: 35px;
max-width: 150px;
}

.footer-logo {
height: 42px;
max-width: 185px;
}

.hero-badge {
flex-wrap: wrap;
border-radius: 15px;
white-space: normal;
}

.hero-badge .tag {
margin-left: auto;
}

.hero-title-top {
font-size: clamp(45px, 14vw, 62px);
}

.hero-rotator-line {
min-height: 60px;
margin: 6px 0;
}

.hero-rotator {
min-height: 52px;
gap: 7px;
padding: 5px 10px 6px 7px;
border-radius: 14px;
font-size:
clamp(25px, 8vw, 36px);
}

.hero-rotator[data-size="long"] {
font-size:
clamp(21px, 6.5vw, 29px);
}

.hero-rotator-icon {
width: 36px;
height: 36px;
flex-basis: 36px;
border-radius: 10px;
}



.hero-sub {
font-size: 15px;
}

.hv-ms {
right: 8px;
}
}


@media (max-width: 600px) {
.aiw-section {
padding: 68px 16px;
}

.aiw-heading h2 {
font-size:
clamp(32px, 9vw, 42px);
}

.aiw-heading>p {
font-size: 13px;
}

.aiw-heading-points {
gap: 6px;
}

.aiw-agent-card {
padding: 14px;

border-radius: 22px;
}

.aiw-metric-band {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}

.aiw-primary-metric {
grid-column:
1 / -1;

flex-direction: row;
align-items: center;
justify-content: space-between;

gap: 14px;
}

.aiw-primary-metric span {
max-width: 130px;

margin-top: 0;

text-align: right;
}

.aiw-primary-metric strong {
font-size: 34px;
}

.aiw-demo-toolbar {
align-items: flex-start;
flex-direction: column;
}

.aiw-message {
max-width: 88%;
}

.aiw-intelligence-details {
grid-template-columns: 1fr;
}

.aiw-intelligence-details small,
.aiw-intelligence-details b {
white-space: normal;
}

.aiw-resolution-card {
grid-template-columns:
36px minmax(0, 1fr);
}

.aiw-resolution-time {
grid-column:
2;

text-align: left;
}

.aiw-shared-context {
grid-template-columns:
44px minmax(0, 1fr);

padding: 14px;
}

.aiw-shared-icon {
width: 44px;
height: 44px;

border-radius: 13px;
}

.aiw-shared-tags {
padding-left: 0;
}
}


@media (max-width: 560px) {

  .mmeai10x-section {
      padding: 58px 13px 65px;
  }

  .mmeai10x-heading {
      margin-bottom: 40px;
  }

  .mmeai10x-kicker {
      font-size: 13px;
  }

  .mmeai10x-heading h2 {
      font-size: 34px;
      line-height: 1.08;
  }

  .mmeai10x-heading p {
      margin-top: 16px;

      font-size: 14px;
      line-height: 1.6;
  }

  .mmeai10x-grid {
      gap: 24px;
  }

  .mmeai10x-card {
      min-height: 670px;

      border-radius: 23px;
  }

  .mmeai10x-visual {
      height: 490px;
      flex-basis: 490px;
      margin: 12px 12px 0;
  }


  /* Sales pill */

  .mmeai10x-lead-stat {
      top: 18px;
      left: 18px;
      right: 18px;
      width: auto;
      min-height: 72px;
      padding: 11px 14px;
  }

  .mmeai10x-lead-stat span {
      font-size: 14px;
  }

  .mmeai10x-lead-stat strong {
      font-size: 34px;
  }


  /* Support pill */

  .mmeai10x-support-stat {
      top: 18px;
      left: 17px;
      right: 17px;
      width: auto;
      min-height: 72px;
      gap: 12px;
      padding: 11px 14px;
  }

  .mmeai10x-support-stat strong {
      font-size: 34px;
  }

  .mmeai10x-support-stat span {
      max-width: 145px;
      font-size: 14px;
  }


  /* Bubbles */

  .mmeai10x-bubble {
      font-size: 12px;
  }

  .mmeai10x-bubble--lead-customer {
      top: 120px;
      left: 15px;

      width: 76%;
  }

  .mmeai10x-bubble--lead-ai {
      top: 190px;
      right: 14px;

      width: 74%;
  }

  .mmeai10x-bubble--support-q1 {
      top: 120px;
      left: 24px;
  }

  .mmeai10x-bubble--support-a1 {
      top: 174px;
      right: 14px;
      width: 76%;
  }

  .mmeai10x-bubble--support-q2 {
      top: 300px;
      left: 18px;
  }

  .mmeai10x-bubble--support-a2 {
      top: 354px;
      right: 14px;
      width: 76%;
  }


  /* Lead card */

  .mmeai10x-profile {
      right: 18px;
      bottom: 15px;
      left: 18px;
      padding: 13px;
  }

  .mmeai10x-profile-top {
      grid-template-columns: 26px minmax(0, 1fr) auto auto;
      gap: 6px;
  }

  .mmeai10x-profile-user strong {
      font-size: 11px;
  }

  .mmeai10x-profile-user span {
      font-size: 9px;
  }

  .mmeai10x-profile-score strong {
      font-size: 17px;
  }

  .mmeai10x-profile-score small {
      font-size: 8px;
  }

  .mmeai10x-profile-tags {
      gap: 4px;
  }

  .mmeai10x-profile-tags span {
      padding: 4px 6px;
      font-size: 7px;
  }

  .mmeai10x-profile-details p,
  .mmeai10x-profile-bottom {
      font-size: 8.5px;
  }


  /* Copy */

  .mmeai10x-copy {
      min-height: 173px;
      padding: 21px 18px 22px;
  }

  .mmeai10x-copy h3 {
      font-size: 23px;
  }

  .mmeai10x-copy p {
      font-size: 12.5px;
  }

.dash-body {
grid-template-columns: 1fr;
}

.inbox {
border-right: none;
border-bottom: 1px solid var(--border);
}

.hv-ig {
right: 8px;
}
.wmstack-section {
padding: 60px 0;
}

.wmstack-heading h2 {
font-size: clamp(31px, 9vw, 39px);
}

.wmstack-network {
padding: 13px;

border-radius: 20px;
}

.wmstack-hub {
min-height: auto;

padding: 25px 17px;

border-radius: 24px;
}

.wmstack-orbit {
top: 35%;

width: 235px;
height: 235px;
}

.wmstack-orbit-ring--outer {
width: 235px;
height: 235px;
}

.wmstack-orbit-ring--inner {
width: 175px;
height: 175px;
}

.wmstack-logo-frame {
max-width: 240px;

margin-top: 43px;
}

.wmstack-hub h3 {
margin-top: 31px;

font-size: 22px;
}

.wmstack-side {
grid-template-columns: 1fr;
}

.wmstack-app {
grid-template-columns:
42px minmax(0, 1fr) auto;

min-height: 65px;
}

.wmstack-app-state {
grid-column: auto;

width: auto;
}

.wmstack-footer {
padding: 13px;
}

.wmstack-footer-copy {
align-items: flex-start;
}
}


@media (max-width: 520px) {
.wmprice-section {
padding: 58px 0;
}

.wmprice-wrap {
padding-inline: 14px !important;
}

.wmprice-heading h2 {
font-size:
  clamp(29px, 8.8vw, 33px);
}

.wmprice-free-copy,
.wmprice-free-features {
padding: 20px 16px;
}

.wmprice-free-title {
text-align: center;
}

.wmprice-free-title h3 {
font-size: 26px;
}

.wmprice-feature-list--free {
grid-template-columns:
  minmax(0, 1fr);
}

.wmprice-free-cta {
width: 100%;
max-width: 290px;
}

.wmprice-switch {
align-items: stretch;
flex-direction: column;

border-radius: 13px;
}

.wmprice-switch-label {
width: 100%;
min-height: 44px;
}

.wmprice-card {
padding: 22px 17px;
}

.wmprice-card-head {
grid-template-columns:
  43px
  minmax(0, 1fr);
}

.wmprice-plan-number {
width: 43px;
height: 43px;
}

.wmprice-discount-badge {
grid-column: 1 / -1;

width: fit-content;

margin-top: 4px;
}

.wmprice-price strong {
font-size: 37px;
}

.wmprice-feature-name,
.wmprice-feature-row strong {
font-size: 11px;
}

.wmprice-assurance {
align-items: flex-start;
/* flex-direction: column; */

width: fit-content;

margin-right: auto;
margin-left: auto;
}
.wmh-header {
padding-top: 9px;
}

.wmh-header>.wrap {
padding-right: 10px;
padding-left: 10px;
}

.wmh-shell {
min-height: 58px;

padding:
0 7px 0 12px;

border-radius: 14px;
}

.wmh-brand {
width: 144px;

flex-basis:
144px;
}

.wmh-mobile-toggle {
width: 41px;
height: 41px;

flex-basis:
41px;
}

.wmh-mobile-drawer {
width: 100%;
}

.wmh-mobile-body {
padding: 13px;
}

.wmh-mobile-product-grid {
grid-template-columns:
1fr;
}

.hero-platform-pill {
grid-template-columns: 33px minmax(0, 1fr);
}

.hero-platform-tag {
grid-column: 1 / -1;
width: fit-content;
margin-left: 43px;
margin-top: 2px;
}

.hero-provider-proof {
grid-template-columns: 39px minmax(0, 1fr);
}

.provider-separator {
display: none;
}

.provider-meta-brand {
grid-column: 1 / -1;
/* margin-left: 48px; */
padding-top: 10px;
border-top: 1px solid rgba(16, 24, 40, 0.07);
}

.provider-meta-image {
max-width: 150px;
}

.hero-copy .hero-rotator[data-size="long"] .hero-rotator-text {
font-size: clamp(15px, 4.7vw, 20px) !important;
}

.journeyx-section {
padding: 62px 0;
}

.journeyx-heading h2 {
font-size:
clamp(31px, 9vw, 39px);
}

.journeyx-frame {
padding: 16px;

border-radius: 20px;
}

.journeyx-copy h3 {
font-size:
clamp(28px, 8vw, 35px);
}

.journeyx-benefit {
grid-template-columns:
41px minmax(0, 1fr);

padding: 11px;
}

.journeyx-benefit-icon {
width: 41px;
height: 41px;
}

.journeyx-actions {
flex-direction: column;
}

.journeyx-dashboard {
border-radius: 18px;
}

.journeyx-dashboard-header {
padding: 12px;
}

.journeyx-dashboard-title small {
display: none;
}

.journeyx-live {
padding-inline: 8px;

font-size: 9px;
}

.journeyx-stages {
gap: 6px;

padding: 9px;
}

.journeyx-stage {
padding: 7px;
}

.journeyx-stage:not(:last-child)::after {
display: none;
}

.journeyx-dashboard-body {
padding: 9px;
}

.journeyx-ai-badge {
display: none;
}

.journeyx-result-card {
grid-template-columns: 1fr;

margin:
0 9px 9px;

padding: 13px;
}

.journeyx-result-tags {
justify-content: flex-start;
}

.journeyx-score {
justify-content: space-between;

padding:
12px 0 0;

border-top:
1px solid var(--green-100);

border-left: 0;
}

.journeyx-dashboard-footer {
grid-template-columns: 1fr;
}

.journeyx-dashboard-footer>div {
display: grid;

grid-template-columns:
minmax(0, 1fr) auto;

align-items: center;

text-align: left;
}

.journeyx-dashboard-footer b {
grid-column: 2;
grid-row: 1 / 3;

margin: 0;

font-size: 18px;
}

.salesx-section {
padding: 62px 0;
}

.salesx-heading h2 {
font-size: clamp(31px, 9vw, 30px);
}

.salesx-shell {
padding: 16px;

border-radius: 20px;
}

.salesx-copy h3 {
font-size:
clamp(28px, 8vw, 35px);
}

.salesx-benefit {
grid-template-columns:
41px minmax(0, 1fr);

padding: 11px;
}

.salesx-benefit-icon {
width: 41px;
height: 41px;
}

.salesx-actions {
flex-direction: column;
}

.salesx-workspace {
border-radius: 18px;
}

.salesx-workspace-header {
padding: 12px;
}

.salesx-workspace-title small {
display: none;
}

.salesx-live {
padding-inline: 8px;

font-size: 9px;
}

.salesx-pipeline {
gap: 6px;

padding: 9px;
}

.salesx-stage {
padding: 7px;
}

.salesx-stage:not(:last-child)::after {
display: none;
}

.salesx-workspace-body {
padding: 9px;
}

.salesx-channel {
display: none;
}

.salesx-intelligence {
grid-template-columns: 1fr;
}

.salesx-score-card {
grid-column: auto;
}

.salesx-workspace-footer {
grid-template-columns:
minmax(0, 1fr) auto;

gap: 12px;
}

.salesx-footer-stat:last-child {
display: none;
}


.salesx-pro .salesx-message {
max-width:
min(94%,
    calc(100% - 12px));

padding: 10px;

font-size: 10px;
}

.salesx-pro.salesx-enhanced .salesx-message--customer {
transform:
translateX(-18px);
}

.salesx-pro.salesx-enhanced .salesx-message--customer.is-visible {
transform:
translateX(0);
}

.salesx-pro.salesx-enhanced .salesx-message--assistant {
transform:
translateX(18px);
}

.salesx-pro.salesx-enhanced .salesx-message--assistant.is-visible {
transform:
translateX(0);
}

.salesx-pro .salesx-score-main>strong {
font-size: 42px;
}

.salesx-pro .salesx-metrics>div {
min-height: 68px;

grid-template-columns:
78px minmax(0, 1fr);

padding: 12px;
}

.assistmesh-section {
padding: 60px 0;
}

.assistmesh-heading h2 {
font-size: clamp(31px, 9vw, 39px);
}

.assistmesh-board {
padding: 12px;

border-radius: 19px;
}

.assistmesh-core {
min-height: auto;

padding: 18px;
}

.assistmesh-core-background span:nth-child(1) {
width: 280px;
height: 280px;
}

.assistmesh-core-background span:nth-child(2) {
width: 210px;
height: 210px;
}

.assistmesh-core-center {
width: 165px;
height: 165px;
}

.assistmesh-core-result {
grid-template-columns: 1fr;
}

.assistmesh-routing-results {
grid-template-columns: 1fr;
}

.assistmesh-agent {
grid-template-columns:
40px minmax(0, 1fr);
}

.assistmesh-agent-state {
grid-column: 2;

width: fit-content;
}

.assistmesh-metrics {
grid-template-columns: 1fr;
}

.assistmesh-metrics>div {
padding:
0 0 10px;

border-right: 0;
border-bottom: 1px solid var(--border);
}

.assistmesh-metrics>div:last-child {
padding-bottom: 0;

border-bottom: 0;
}

.assistmesh-capabilities {
justify-content: flex-start;
}

.assistmesh-button {
width: 100%;
}

.wrap {
padding-inline: 14px;
}

.section,
.cx-omni-section,
.journeyx-section,
.aiw-section,
.salesx-section,
.assistmesh-section,
.wmstack-section {
padding-block: 56px;
}

.salesx-heading h2 {
font-size: clamp(29px,
    8.8vw,
    33px) !important;
}

.salesx-copy h3 {
font-size: clamp(26px,
    8vw,
    30px) !important;
}

.salesx-shell {
gap: 30px;

padding: 14px;

border-radius: 18px;
}

.salesx-copy {
text-align: left;
}

.salesx-copy-label {
margin-inline: 0;
}

.salesx-description {
text-align: left;
}

.salesx-actions {
align-items: stretch;
}

.salesx-primary-button {
width: 100%;
}

.salesx-action-note {
justify-content: center;
}

.salesx-pro .salesx-workspace-header {
padding: 10px;
}

.salesx-workspace-title small {
display: none;
}

.salesx-pro .salesx-pipeline {
padding: 8px;
}

.salesx-workspace-body {
padding: 8px;
}

.salesx-pro .salesx-chat-body {
padding: 10px;
}

.salesx-score-details>div {
padding: 8px;
}

.salesx-footer-stat:last-child {
display: none;
}
}


@media (max-width: 480px) {

.pricing-page .pp-hero-title { font-size: clamp(36px, 10.4vw, 44px); }
.pricing-page .pp-hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
.pricing-page .pp-hero-actions .pp-btn { width: 100%; }
.pricing-page .pp-hero-points { gap: 9px 13px; }
.pricing-page .pp-hero-visual { min-height: 450px; }
.pricing-page .pp-growth-orbit { width: 295px; height: 295px; }
.pricing-page .pp-growth-card { width: calc(100% - 12px); min-height: 345px; padding: 20px; border-radius: 22px; transform: none; }
.pricing-page .pp-growth-value { margin-top: 22px; }
.pricing-page .pp-growth-value strong { font-size: 56px; }
.pricing-page .pp-growth-chart { height: 105px; }
.pricing-page .pp-growth-float { padding: 10px 12px; border-radius: 14px; }
.pricing-page .pp-growth-float > i { width: 34px; height: 34px; }
.pricing-page .pp-growth-float--rate { top: 46px; right: 10px; }
.pricing-page .pp-growth-float--ai { bottom: 23px; left: -4px; }
.pricing-page .pp-growth-float small { display: none; }
.pricing-page .pp-faq-section { padding: 70px 0; }
.hero-stats {
grid-template-columns: 1fr 1fr;
gap: 12px;
}

@media (max-width: 991px) {
.wmrate-page .site-breadcrumb-hero{padding-bottom:58px}
.wmrate-page .site-breadcrumb-hero .saleshero-layout{gap:38px}
.wmrate-page .wmrate-calculator-card{padding:26px 24px 22px}
.wmrate-page .wmrate-guide-shell{gap:34px;padding:34px 30px}
}

@media (max-width: 767px) {
.wmrate-page .site-breadcrumb-hero{padding:12px 0 48px}
.wmrate-page .site-breadcrumb-hero .site-breadcrumbs{margin-bottom:20px}
.wmrate-page .site-breadcrumb-hero .saleshero-content h1{font-size:clamp(34px,9vw,46px)}
.wmrate-page .site-breadcrumb-hero .saleshero-description{font-size:15px}
.wmrate-page .wmrate-calculator-section,.wmrate-page .wmrate-guide-section,.wmrate-page .faq-section,.wmrate-page .wmksupportcta-section{padding-block:62px}
.wmrate-page .wmrate-calculator-intro h2{font-size:34px}
.wmrate-page .wmrate-calculator-card{padding:22px 18px 18px;border-radius:20px}
.wmrate-page .wmrate-calculator-card .mmewa-calculator-head{gap:12px}
.wmrate-page .wmrate-calculator-card .mmewa-rate-row{padding:21px 0 19px}
.wmrate-page .wmrate-calculator-card .mmewa-rate-name>span:first-child{font-size:13px}
.wmrate-page .wmrate-calculator-card .mmewa-total strong{font-size:35px}
.wmrate-page .wmrate-calculator-card .mmewa-total{align-items:flex-start;gap:12px;padding:16px}
.wmrate-page .wmrate-calculator-card .mmewa-total button{min-height:36px;padding:9px 11px;font-size:10px}
.wmrate-page .wmrate-calculator-card .mmewa-total-icon{display:none}
.wmrate-page .wmrate-calculator-card .mmewa-help::after{left:auto;right:-8px;transform:translate(0,4px)}
.wmrate-page .wmrate-calculator-card .mmewa-help::before{left:auto;right:2px;transform:translate(0,4px)}
.wmrate-page .wmrate-calculator-card .mmewa-help:hover::before,.wmrate-page .wmrate-calculator-card .mmewa-help:hover::after,.wmrate-page .wmrate-calculator-card .mmewa-help:focus-visible::before,.wmrate-page .wmrate-calculator-card .mmewa-help:focus-visible::after{transform:translate(0,0)}
.wmrate-page .wmrate-guide-shell{padding:28px 21px;border-radius:20px}
.wmrate-page .wmrate-guide-copy h2{font-size:31px}
.wmrate-page .wmrate-guide-items{grid-template-columns:1fr}
.wmrate-page .wmrate-guide-items .wmrate-guide-window{grid-column:auto}
.wmrate-page .faq-q-text{font-size:14px}
.wmrate-page .faq-a p{font-size:13px}
.wmksupportcta-section {
padding: 20px 0 60px;
}

.wmksupportcta-box {
padding: 24px 18px;
border-radius: 22px;
gap: 20px;
}

.wmksupportcta-tag {
min-height: 36px;
padding: 7px 13px;
margin-bottom: 14px;
font-size: 11px;
}

.wmksupportcta-title {
font-size: 28px;
line-height: 1.18;
margin-bottom: 12px;
}

.wmksupportcta-text {
font-size: 16px;
line-height: 1.65;
}

.wmksupportcta-points {
gap: 10px;
margin-top: 18px;
}

.wmksupportcta-points span {
min-height: 38px;
padding: 9px 13px;
font-size: 13px;
}

.wmksupportcta-action {
width: 100%;
gap: 10px;
}

.wmksupportcta-btn-primary,
.wmksupportcta-btn-secondary {
width: 100%;
min-width: 100%;
min-height: 52px;
border-radius: 15px;
font-size: 15px;
}

:root {
--type-display: clamp(2rem, 11vw, 3rem);
--type-h2: clamp(1.65rem, 8vw, 2.3rem);
--type-body: 0.9375rem;
}

.site-breadcrumbs ol {
min-height: 32px;
padding: 6px 10px;
margin-inline: initial;
}

.site-breadcrumbs {
margin-bottom: 0;
}

.site-breadcrumb-hero {
padding-top: 84px !important;
}

.site-breadcrumb-hero > .wrap {
margin-top: 20px !important;
}

.pricing-page .pp-hero-title {
font-size: clamp(32px, 9vw, 42px);
line-height: 1.06;
}

.pricing-page .pp-hero-shell {
width: 100%;
min-width: 0;
overflow: hidden;
}

.pricing-page .pp-hero-grid {
width: 100%;
min-width: 0;
grid-template-columns: minmax(0, 1fr) !important;
}

.pricing-page .pp-hero-copy,
.pricing-page .pp-hero-visual {
width: 100%;
min-width: 0;
max-width: 100%;
}

.pricing-page .pp-growth-card {
width: 100%;
max-width: 360px;
margin-inline: auto;
}

#support-page-hero > .wrap,
#support-page-hero .supporthero-layout,
#support-page-hero .supporthero-content {
width: 100%;
min-width: 0;
max-width: 100%;
}

#support-page-hero .supporthero-layout {
grid-template-columns: minmax(0, 1fr) !important;
}

#support-page-hero .supporthero-content h1 {
max-width: 100%;
font-size: clamp(32px, 9.4vw, 38px) !important;
letter-spacing: -0.04em;
overflow-wrap: anywhere;
text-wrap: wrap;
}

#support-page-hero .supporthero-description,
#support-page-hero .supporthero-benefits,
#support-page-hero .supporthero-actions,
#support-page-hero .supporthero-trust {
width: 100%;
max-width: 100%;
}

.wm-thankyou-page {
min-height: 560px;
padding: 84px 0 72px;
}

.wm-thankyou-card {
min-height: 390px;
padding: 34px 22px;
border-radius: 20px;
}


.mme-flow-ai-page .site-breadcrumb-hero {
padding-top: 58px !important;
}

.mme-flow-ai-page .site-breadcrumb-hero > .wrap {
margin-top: 14px !important;
}

.mme-flow-ai-page #marketing-trusted,
.mme-flow-ai-page #mme-flow-ai-assistance,
.mme-flow-ai-page #mme-flow-ai-scale,
.mme-flow-ai-page #mme-flow-ai-copilot,
.mme-flow-ai-page #mme-flow-ai-agents,
.mme-flow-ai-page #connect-your-ai {
padding-block: 54px;
}

.wmcatalog-page section {
  padding: 68px 0;
}

.wmcatalog-hero {
  padding-top: 0 !important;
}

.wmcatalog-hero .site-breadcrumbs {
  margin-bottom: 38px;
}

.wmcatalog-hero-grid {
  gap: 34px;
}

.wmcatalog-hero h1 {
  font-size: clamp(36px, 11vw, 52px);
}

.wmcatalog-hero-copy > p,
.wmcatalog-section-copy > p,
.wmcatalog-feature-copy > p,
.wmcatalog-section-head > p {
  font-size: 15px;
}

.wmcatalog-actions {
  width: 100%;
  flex-direction: column;
}

.wmcatalog-btn {
  width: 100%;
}

.wmcatalog-hero-notes {
  gap: 8px 14px;
}

.wmcatalog-image-shell {
  padding: 10px;
  border-radius: 22px;
}

.wmcatalog-image-status {
  position: static;
  display: inline-flex;
  margin: 2px 2px 10px;
}

.wmcatalog-benefits {
  padding: 0 !important;
}

.wmcatalog-benefit-grid {
  grid-template-columns: 1fr;
}

.wmcatalog-benefit-card {
  padding: 22px 0;
  border-top: 1px solid #dce9e2;
}

.wmcatalog-benefit-card:first-child {
  border-top: 0;
}

.wmcatalog-section-head h2,
.wmcatalog-section-copy h2,
.wmcatalog-workflow-copy h2,
.wmcatalog-faq-intro h2 {
  font-size: clamp(30px, 9vw, 42px);
}

.wmcatalog-feature-list {
  gap: 18px;
}

.wmcatalog-feature-block {
  gap: 28px;
  padding: 24px;
  border-radius: 22px;
}

.wmcatalog-ui-card {
  min-height: 370px;
  padding: 16px;
}

.wmcatalog-product-grid,
.wmcatalog-workflow-steps,
.wmcatalog-usecase-grid {
  grid-template-columns: 1fr;
}

.wmcatalog-usecase-grid article:last-child {
  grid-column: auto;
}

.wmcatalog-workflow-shell,
.wmcatalog-cta-box {
  padding: 26px;
  border-radius: 22px;
}

.wmcatalog-showcase-frame {
  padding: 9px;
  border-radius: 22px;
}

.wmcatalog-showcase-frame figcaption {
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  padding: 14px 8px 5px;
}

.wmcatalog-cta-box {
  grid-template-columns: 1fr;
  gap: 28px;
}

.wmcatalog-faq-list summary {
  min-height: 60px;
  padding: 14px;
  font-size: 14px;
}

.wmcatalog-faq-list details p {
  padding: 0 14px 16px;
}

.wmrate-page .wmrate-calculator-section,
.wmcapc-page .wmcapc-calculator-section {
  padding: 66px 0 70px;
}

.wmrate-page .wmrate-calculator-intro,
.wmcapc-page .wmcapc-calculator-heading {
  margin-bottom: 28px;
}

.wmrate-page .wmrate-calc-heading2,
.wmcapc-page .wmcapc-calculator-heading h2 {
  font-size: 34px;
}

.wmrate-page .wmrate-calculator-card,
.wmcapc-page .wmcapc-calculator {
  padding: 23px 21px;
  border-radius: 20px;
}

.wmrate-page .mmewa-calculator-head,
.wmcapc-page .wmcapc-calculator-head {
  gap: 15px;
}

.wmrate-page .mmewa-rate-head {
  display: block;
}

.wmcapc-page .wmcapc-rate-header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 14px;
}

.wmrate-page .mmewa-unit-price {
  margin-top: 9px;
}


.wmrate-page .mmewa-total,
.wmcapc-page .wmcapc-total {
  align-items: flex-start;
  flex-direction: column;
}

.wmrate-page .mmewa-total button,
.wmcapc-page .wmcapc-total button {
  width: 100%;
}

.wmrate-page .mmewa-calculator-bottom,
.wmcapc-page .wmcapc-calculator-footer {
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}

.wmrate-page .wmrate-guide-section,
.wmcapc-page .wmcapc-guide-section {
  padding: 66px 0;
}

.wmrate-page .wmrate-guide-shell,
.wmcapc-page .wmcapc-guide-shell {
  padding: 30px 24px;
  border-radius: 21px;
}

.wmrate-page .wmrate-guide-items,
.wmcapc-page .wmcapc-guide-grid,
.wmcapc-page .wmcapc-guide-rules {
  grid-template-columns: 1fr;
}

.wmrate-page .mmewa-total.is-floating,
.wmcapc-page .wmcapc-total.is-floating {
  bottom: 10px !important;
}



}

.stat {
padding: 13px;
}
.hero-rotator[data-size="long"] {
font-size: clamp(30px, 5.7vw, 47px);
}
.footer-grid {
grid-template-columns: 1fr;
}

.header-brand {
min-width: 145px;
}

.header-logo {
height: 39px;
max-width: 170px;
}
.nav-links.mobile .mobile-nav-cta {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 8px;
color: #fff;
background: var(--green-600);
box-shadow: var(--shadow-green);
}
.feature-tabs-shell {
grid-template-columns:
215px minmax(0, 1fr);

gap: 15px;
}

.feature-tab-nav {
top: 82px;
}

.feature-panel-grid {
grid-template-columns: 1fr;
gap: 23px;
}

.feature-tab-stage {
padding: 22px;
}

.feature-demo {
min-height: 335px;
}
.hero-copy .hero-rotator {
max-width: 520px;
}

.hero-copy .hero-rotator-text {
font-size: clamp(28px, 4.8vw, 46px);
}

.hero-copy .hero-rotator[data-size="long"] .hero-rotator-text {
font-size: clamp(22px, 2.9vw, 30px) !important;
}
.cx-omni-section {
padding: 80px 20px;
}

.cx-omni-shell {
grid-template-columns: 1fr;

gap: 48px;
}

.cx-omni-copy {
max-width: 700px;

margin-inline: auto;

text-align: center;
}

.cx-omni-copy h2,
.cx-omni-description {
max-width: 700px;

margin-inline: auto;
}

.cx-omni-points {
max-width: 560px;

margin-inline: auto;
margin-top: 25px;

text-align: left;
}

.cx-omni-actions {
justify-content: center;
}

.cx-omni-visual {
max-width: 690px;

margin-inline: auto;
}
.wmstack-section {
padding: 72px 0;
}

.wmstack-heading {
margin-bottom: 34px;
}

.wmstack-heading h2 {
font-size: clamp(34px, 7vw, 46px);
}

.wmstack-heading p {
font-size: 14px;
}

.wmstack-network {
grid-template-columns: 1fr;

gap: 19px;

padding: 22px;

border-radius: 24px;
}

.wmstack-hub {
grid-row: 1;

min-height: 410px;
}

.wmstack-side {
grid-template-columns:
repeat(2, minmax(0, 1fr));

gap: 10px;
}

.wmstack-side--left {
grid-row: 2;
}

.wmstack-side--right {
grid-row: 3;
}

.wmstack-side .wmstack-app {
margin: 0 !important;
}

.wmstack-side--left .wmstack-app::after,
.wmstack-side--right .wmstack-app::before,
.wmstack-app-pulse {
display: none;
}

.wmstack-footer {
align-items: flex-start;
flex-direction: column;
}

.wmstack-categories {
justify-content: flex-start;
}
.ca-heading h2 {
font-size:
clamp(31px, 9.5vw, 41px);
}

.ca-dashboard {
padding: 13px;
}

.ca-kpi-card {
padding: 11px;
}

.ca-kpi-card strong {
font-size: 18px;
}

.ca-chart-card,
.ca-outcome-card,
.ca-recent-card {
padding: 13px;
}

.ca-canvas-wrap {
height: 240px;
}

.ca-recent-head {
align-items: flex-start;
flex-direction: column;
}

.ca-campaign-list article {
gap: 8px;
}

.ca-campaign-status {
font-size: 9px;
}
.cx-omni-section {
padding: 60px 14px;
}

.cx-omni-copy h2 {
font-size:
clamp(31px, 9.5vw, 39px);
}

.cx-omni-actions {
flex-direction: column;
}

.cx-omni-security {
justify-content: center;
}

.cx-omni-board {
border-radius: 18px;
}

.cx-board-head {
padding: 12px;
}

.cx-board-title small {
display: none;
}

.cx-board-body {
grid-template-columns:
1fr 104px 1fr;

min-height: 265px;

gap: 6px;

padding: 14px 7px;
}

.cx-channel-column {
gap: 7px;
}

.cx-channel-card {
display: flex;
justify-content: center;

padding: 6px;
}

.cx-channel-card>div {
display: none;
}

.cx-channel-icon {
width: 38px;
height: 38px;
}

.cx-whatsapp-hub {
width: 96px;
min-height: 127px;

border-radius: 18px;
}

.cx-hub-label {
display: none;
}

.cx-whatsapp-mark {
width: 46px;
height: 46px;

margin-top: 0;

border-radius: 15px;
}

.cx-whatsapp-mark svg {
width: 30px;
height: 30px;
}

.cx-whatsapp-hub>strong {
font-size: 12px;
}

.cx-whatsapp-hub>small {
font-size: 9px;
}

.cx-hub-rings span:first-child {
width: 110px;
height: 110px;
}

.cx-hub-rings span:last-child {
width: 138px;
height: 138px;
}

.cx-hub-status {
margin-top: 7px;

font-size: 9px;
}

.cx-flow-line {
display: none;
}

.cx-board-footer {
padding: 11px 12px;
}

.cx-footer-metric {
display: none;
}

.cx-footer-agents {
justify-content: center;
}

.cx-footer-agents p {
font-size: 9px;
}
}


@media (max-width: 430px) {
.workspace-stats,
.integration-grid {
grid-template-columns:
1fr;
}

.workflow-list,
.workspace-stats,
.integration-grid {
padding-inline: 14px;
}

.demo-footer {
align-items: flex-start;
flex-direction: column;
}
.feature-tab-nav {
grid-template-columns: 1fr;
}
}


@media (max-width: 420px) {
.feature-tab-nav {
grid-template-columns: 1fr;
}

.feature-tab-button {
min-height: 64px;
}

.feature-tab-label b {
white-space: nowrap;
}
.aiw-section {
padding: 60px 13px;
}

.aiw-heading h2 {
font-size:
clamp(30px, 9.5vw, 38px);
}

.aiw-card-header {
align-items: flex-start;
}

.aiw-agent-status {
min-height: 23px;

padding-inline: 7px;

font-size: 9px;
}

.aiw-secondary-metric {
padding: 8px;
}

.aiw-secondary-metric b {
font-size: 17px;
}

.aiw-message {
font-size: 9px;
}

.aiw-intelligence-head {
flex-direction: column;
}

.aiw-lead-score {
width: 100%;

text-align: left;
}

.aiw-agent-copy h3 {
font-size: 18px;
}

.aiw-shared-context {
grid-template-columns: 1fr;

text-align: center;
}

.aiw-shared-icon {
margin-inline: auto;
}

.aiw-shared-tags {
justify-content: center;
}
}


@media (max-width: 390px) {
.tst-nav-label {
display: none;
}

.tst-card {
width: calc(100vw - 64px);
flex-basis: calc(100vw - 64px);
}
.hero-copy .hero-rotator {
grid-template-columns: 34px minmax(0, 1fr);
gap: 8px;
padding: 11px 12px;
}

.hero-copy .hero-rotator-icon {
width: 34px;
height: 34px;
border-radius: 10px;
flex-basis: 34px;
}

.hero-copy .hero-rotator-text {
font-size: 22px;
}


}


@media (max-width: 380px) {
.salesx-shell {
padding: 13px;
}

.salesx-pipeline {
grid-template-columns: 1fr;
}

.salesx-quick-actions {
grid-template-columns: 1fr;
}

.salesx-workspace-footer {
grid-template-columns: 1fr;
}

.salesx-footer-stat {
display: none;
}
.wmstack-app {
grid-template-columns:
39px minmax(0, 1fr);
}

.wmstack-app-icon {
width: 39px;
height: 39px;
}

.wmstack-app-state {
grid-column: 2;

width: fit-content;
}

.wmstack-hub-features {
align-items: center;
flex-direction: column;
}

.salesx-pro .salesx-pipeline,
.salesx-pro .salesx-quick-actions {
grid-template-columns:
minmax(0, 1fr);
}

.salesx-workspace-footer {
grid-template-columns:
minmax(0, 1fr);
}

.salesx-footer-stat {
display: none;
}

.salesx-team {
justify-content: center;
}
}


@media (max-width: 370px) {

.wmprice-wrap {
padding-inline: 12px !important;
}

.wmprice-heading h2 {
font-size: 28px;
}

/* .wmprice-feature-row {
grid-template-columns: 21px minmax(0, 1fr);
align-items: start;
} */

/* .wmprice-feature-row strong {
grid-column: 2;
margin-top: -3px;
text-align: left;
white-space: normal;
} */

.wmh-mobile-grid {
grid-template-columns: 1fr;
}
.ca-kpi-grid {
grid-template-columns: 1fr;
}
.ca-canvas-wrap {
height: 225px;
}
}


@media (max-width: 360px) {
.header-brand {
min-width: 115px;
}

.header-logo {
height: 32px;
max-width: 136px;
}
.nav-actions>.btn-primary {
display: none;
}

.nav-inner {
gap: 10px;
}

.nav-actions {
margin-left: auto;
}

.hero {
padding-top: 42px;
}

.hero-badge {
display: flex;
max-width: 100%;
flex-wrap: wrap;
border-radius: 16px;
padding: 9px 11px;
line-height: 1.35;
}

.hero-badge .tag {
margin-left: auto;
}

.hero h1 {
font-size: 37px;
}

.hero h1 .pill {
padding-inline: 12px;
gap: 8px;
}

.hero h1 .pill .ico {
width: 36px;
height: 36px;
}

.hv-float {
font-size: 11px;
padding: 7px 10px;
}

.hv-ig {
right: 4px;
}

.an-card {
padding: 15px;
}

.an-head {
align-items: flex-start;
gap: 10px;
}

.an-seg button {
padding-inline: 8px;
}

.an-kpis {
gap: 12px;
flex-wrap: wrap;
}

.donut-wrap {
align-items: flex-start;
gap: 12px;
}

.donut {
width: 88px;
height: 88px;
flex: 0 0 88px;
}

.tst-card {
width: calc(100vw - 64px);
flex-basis: calc(100vw - 64px);
}
.cx-board-body {
grid-template-columns:
1fr 92px 1fr;
}

.cx-whatsapp-hub {
width: 88px;
}

.cx-channel-icon {
width: 34px;
height: 34px;
}
}


@media (max-width: 350px) {
.hero-rotator {
font-size: 24px;
}

.hero-rotator[data-size="long"] {
font-size: 19px;
}

.hero-rotator-icon {
width: 32px;
height: 32px;
flex-basis: 32px;
}
}




@media (max-width: 520px) {
.wrap {
padding-inline: 14px;
}

.section,
.cx-omni-section,
.journeyx-section,
.aiw-section,
.salesx-section,
.assistmesh-section,
.wmstack-section {
padding-block: 56px;
}

.wmh-header > .wrap {
padding-inline: 10px;
}

.wmh-shell {
min-height: 58px;
padding: 0 7px 0 12px;
border-radius: 14px;
}

.wmh-brand {
width: 144px;
flex-basis: 144px;
}

.wmh-mobile-drawer {
width: 100%;
}

.hero-platform-pill {
grid-template-columns: 33px minmax(0, 1fr);
}

.hero-platform-tag {
grid-column: 1 / -1;
width: fit-content;
margin: 2px 0 0 43px;
}

.hero-provider-proof {
grid-template-columns: 39px minmax(0, 1fr);
}

.provider-separator {
display: none;
}

.provider-meta-brand {
grid-column: 1 / -1;
/* margin-left: 48px; */
padding-top: 9px;
border-top: 1px solid rgba(16, 24, 40, 0.07);
}

.hero-cta {
align-items: stretch;
flex-direction: column;
}

.hero-cta .btn,
.hero-cta .play {
width: 100%;
justify-content: center;
}

.cx-omni-actions,
.journeyx-actions,
.salesx-actions {
align-items: stretch;
flex-direction: column;
}

.cx-omni-primary,
.journeyx-primary-button,
.salesx-primary-button {
width: 100%;
}

.cx-board-head {
padding: 11px;
}

.cx-board-title small {
display: none;
}

.cx-board-body {
grid-template-columns: minmax(0, 1fr) 98px minmax(0, 1fr);
min-height: 260px;
gap: 6px;
padding: 13px 7px;
}

.cx-channel-card {
display: flex;
justify-content: center;
padding: 6px;
}

.cx-channel-card > div,
.cx-channel-active,
.cx-flow-line {
display: none;
}

.cx-channel-icon {
width: 36px;
height: 36px;
}

.cx-whatsapp-hub {
width: 92px;
min-height: 125px;
border-radius: 17px;
}

.cx-hub-label {
display: none;
}

.cx-whatsapp-mark {
width: 45px;
height: 45px;
}

.cx-whatsapp-mark svg {
width: 29px;
height: 29px;
}

.cx-board-footer {
padding: 10px;
}

.cx-footer-metric {
display: none;
}

.feature-tab-stage {
padding: 20px 14px;
}

.feature-demo-head {
padding-inline: 12px;
}

.workflow-list,
.workspace-stats,
.integration-grid {
padding-inline: 13px;
}

.demo-footer {
margin-inline: 13px;
}

.aiw-metric-band {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aiw-primary-metric {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.aiw-intelligence-details,
.aiw-resolution-card {
grid-template-columns: minmax(0, 1fr);
}

.journeyx-frame,
.salesx-shell {
padding: 14px;
border-radius: 18px;
}

.journeyx-dashboard-title small,
.salesx-workspace-title small {
display: none;
}

.journeyx-dashboard-footer {
grid-template-columns: minmax(0, 1fr);
}

.salesx-pro .salesx-workspace-header {
padding: 10px;
}

.salesx-pro .salesx-pipeline,
.salesx-workspace-body {
padding: 8px;
}

.salesx-pro .salesx-chat-body {
padding: 10px;
}

.salesx-footer-stat:last-child {
display: none;
}

.assistmesh-board {
padding: 12px;
border-radius: 19px;
}

.assistmesh-core {
padding: 16px;
}

.assistmesh-metrics {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assistmesh-metrics > div {
padding: 0 0 10px;
border-right: 0;
border-bottom: 1px solid var(--border);
}

.assistmesh-metrics > div:last-child {
padding-bottom: 0;
border-bottom: 0;
}

.assistmesh-button {
width: 100%;
}

.wmstack-network {
padding: 13px;
border-radius: 20px;
}

.wmstack-hub {
min-height: auto;
padding: 25px 16px;
}

.wmstack-side {
grid-template-columns: minmax(0, 1fr);
}

.ca-dashboard {
padding: 12px;
}

.ca-kpi-card,
.ca-chart-card,
.ca-outcome-card,
.ca-recent-card {
padding: 11px;
}

.ca-canvas-wrap,
#campaignCanvasWrap {
height: 225px;
}

.testimonials-meta {
flex-direction: column;
}

.tst-card {
width: calc(100vw - 56px);
flex-basis: calc(100vw - 56px);
padding: 18px;
}

.faq-q {
min-height: 68px;
gap: 10px;
padding: 12px;
}

.faq-q-main {
gap: 9px;
}

.faq-q .fnum {
width: 35px;
height: 35px;
flex-basis: 35px;
}

.faq-q-text {
font-size: 13px;
}

.faq-q .ficon {
width: 34px;
height: 34px;
flex-basis: 34px;
}

.faq-answer-inner {
grid-template-columns: 25px minmax(0, 1fr);
gap: 8px;
padding: 0 13px 17px 55px;
}

.footer-grid {
grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 430px) {
.feature-tab-nav {
grid-template-columns: minmax(0, 1fr);
}

.feature-tab-button {
min-height: 64px;
}

.feature-tab-label b {
white-space: normal;
}

.workspace-stats,
.integration-grid,
.demo-metrics {
grid-template-columns: minmax(0, 1fr);
}

.demo-metrics > div:last-child {
grid-column: auto;
}

.demo-footer {
align-items: flex-start;
flex-direction: column;
}

.aiw-shared-context,
.aiw-intelligence-head {
grid-template-columns: minmax(0, 1fr);
}

.aiw-intelligence-head {
display: flex;
flex-direction: column;
}

.aiw-lead-score {
width: 100%;
text-align: left;
}
}

@media (max-width: 380px) {
.hero-copy .hero-rotator {
grid-template-columns: 34px minmax(0, 1fr);
gap: 8px;
padding: 10px 11px;
}

.hero-copy .hero-rotator-icon {
width: 34px;
height: 34px;
flex-basis: 34px;
}

.hero-copy .hero-rotator-text {
font-size: 21px;
}



.cx-board-body {
grid-template-columns: minmax(0, 1fr) 86px minmax(0, 1fr);
}

.cx-whatsapp-hub {
width: 82px;
}

.salesx-pro .salesx-pipeline,
.salesx-pro .salesx-quick-actions,
.salesx-workspace-footer,
.ca-kpi-grid {
grid-template-columns: minmax(0, 1fr);
}

.salesx-footer-stat {
display: none;
}

.salesx-team {
justify-content: center;
}

.tst-nav-label {
display: none;
}
}





@media (max-width: 520px) {
#home .wrap{
padding-top:50px !important;
}
body > main > section:first-child > .wrap {
padding-top: 15px;
}
body > .market-mainsx > section:first-child > .wrap{
padding-top: 15px;
}

}


@media (min-width: 1081px) and (max-width: 1240px) {
.wmh-solutions-grid {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.wmh-industry-grid {
grid-template-columns: minmax(0, 1fr);
}
}



/* Keep the two large desktop mega menus on one shared header axis. */



@media (min-width: 761px) and (max-width: 920px) {
.pricing-page .pp-hero {
padding-bottom: 60px;
}

.pricing-page .pp-hero-shell {
padding: 30px 0;
}

.pricing-page .pp-hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.82fr);
align-items: center;
gap: 26px;
}

.pricing-page .pp-hero-copy {
width: 100%;
max-width: none;
margin: 0;
text-align: left;
}

.pricing-page .pp-hero-title {
max-width: 100%;
margin: 18px 0 0;
font-size: clamp(34px, 4.6vw, 40px);
line-height: 1.05;
}

.pricing-page .pp-hero-text {
max-width: 100%;
margin: 16px 0 0;
font-size: 14px;
line-height: 1.65;
}

.pricing-page .pp-hero-actions {
justify-content: flex-start;
gap: 10px;
margin-top: 22px;
}

.pricing-page .pp-btn {
min-height: 46px;
padding-inline: 16px;
font-size: 12px;
}

.pricing-page .pp-hero-points {
justify-content: flex-start;
gap: 8px 13px;
margin-top: 19px;
}

.pricing-page .pp-hero-points li {
font-size: 10px;
}

.pricing-page .pp-hero-visual {
width: 100%;
min-width: 0;
min-height: 390px;
max-width: none;
margin: 0;
}

.pricing-page .pp-growth-orbit {
width: 310px;
height: 310px;
}

.pricing-page .pp-growth-card {
width: min(100%, 320px);
min-height: 350px;
padding: 22px;
}

.pricing-page .pp-growth-value strong {
font-size: 58px;
}

.pricing-page .pp-growth-value strong span {
font-size: 31px;
}

.pricing-page .pp-growth-chart {
height: 108px;
}

.pricing-page .pp-growth-float {
padding: 10px 12px;
}

.pricing-page .pp-growth-float--rate {
top: 58px;
right: -4px;
}

.pricing-page .pp-growth-float--ai {
bottom: 24px;
left: 14px;
}

.pricing-page .pp-value-shell {
grid-template-columns: minmax(0, 1fr);
text-align: center;
}

.pricing-page .pp-value-copy h2,
.pricing-page .pp-value-copy > p {
margin-right: auto;
margin-left: auto;
}

.pricing-page .pp-value-copy h2{
max-width:100%;

}

.pricing-page .pp-value-grid {
width: 100%;
max-width: 700px;
margin-inline: auto;
text-align: left;
}
}

@media (max-width: 1100px) {

.feature-tabs-shell {
max-width: 100%;
grid-template-columns:
230px minmax(0, 1fr);

gap: 17px;
}

.feature-tab-stage {
padding: 24px;
}

.feature-panel-grid {
grid-template-columns:
minmax(0, 1fr) minmax(290px, 0.82fr);

gap: 22px;
}

.feature-panel-copy h3 {
line-height: 1.04;
}
.salesx-shell {
grid-template-columns: 1fr;

gap: 46px;

padding: 15px;
}

.salesx-copy {
max-width: 720px;

margin-inline: auto;

text-align: center;
}

.salesx-copy-label {
margin-inline: auto;
}

.salesx-copy h3,
.salesx-description {
max-width: 680px;

margin-inline: auto;
}

.salesx-description {
margin-top: 16px;
}

.salesx-benefits {
max-width: 620px;

margin-inline: auto;
margin-top: 24px;

text-align: left;
}

.salesx-metrics {
max-width: 580px;

margin-inline: auto;
margin-top: 23px;

text-align: left;
}

.salesx-actions {
justify-content: center;
}

.salesx-workspace {
width: 100%;
max-width: 800px;

margin-inline: auto;
}


.pricing-page .pp-value-shell {
gap: 35px;
padding: 40px;
}

#sales-page-hero .saleshero-layout {
grid-template-columns: minmax(0, 1fr);
gap: 48px;
}

#sales-page-hero .saleshero-content {
max-width: 820px;
text-align: center;
justify-self: center;
}

#sales-page-hero .saleshero-description {
margin-inline: auto;
}

#sales-page-hero .saleshero-benefits,
#sales-page-hero .saleshero-actions {
justify-content: center;
}

#sales-page-hero .saleshero-visual {
width: 100%;
max-width: 760px;
justify-self: center;
justify-content: center;
}

#sales-page-hero .saleshero-image-frame {
max-width: 700px;
margin-inline: auto;
}

.wmcatalog-hero-grid,
.wmcatalog-split,
.wmcatalog-feature-block,
.wmcatalog-workflow-shell,
.wmcatalog-faq-layout {
    grid-template-columns: 1fr;
}

.wmcatalog-hero-grid,
.wmcatalog-split,
.wmcatalog-workflow-shell,
.wmcatalog-faq-layout {
    gap: 42px;
}

.wmcatalog-hero-copy {
    max-width: 760px;
}

.wmcatalog-hero-visual,
.wmcatalog-intro-visual,
.wmcatalog-feature-copy,
.wmcatalog-ui-card {
    width: 100%;
    max-width: 820px;
}

.wmcatalog-feature-reverse .wmcatalog-feature-copy,
.wmcatalog-feature-reverse .wmcatalog-ui-card {
    order: initial;
}

.wmcatalog-workflow-steps,
.wmcatalog-usecase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wmcatalog-faq-intro {
    position: static;
    max-width: 720px;
}

}


@media (max-width: 480px) {

.pricing-page
.pp-hero
> .wrap,
.pricing-page
.pp-value-section
> .wrap,
.pricing-page
.pp-compare-section
> .wrap,
.pricing-page
.pp-final-section
> .wrap {
padding-inline: 13px;
}


.pricing-page
.pp-hero
> .wrap
> .pp-hero-grid {
padding: 23px 15px;
}

.pricing-page .pp-hero-copy h1,
.pricing-page .pp-hero-title {
font-size:
  clamp(
    31px,
    9.5vw,
    37px
  );
}

.pricing-page .pp-value-shell {
padding: 27px 15px;
}

.pricing-page .pp-value-grid article {
grid-template-columns:
  39px minmax(0, 1fr);

padding: 16px;
}

.pricing-page .pp-value-icon {
min-width: 39px;
height: 39px;
}

.pricing-page .pp-final-card {
padding: 41px 15px;
}

.pricing-page .pp-final-card h2 {
font-size: 30px;
}

}

@media (prefers-reduced-motion: reduce) {

.pricing-page .pp-main *,
.pricing-page .pp-main *::before,
.pricing-page .pp-main *::after {
scroll-behavior: auto !important;
animation: none !important;
transition: none !important;
}

}

@media (prefers-reduced-motion: reduce) {

.wmprice-component *,
.wmprice-component *::before,
.wmprice-component *::after {
scroll-behavior: auto !important;
transition: none !important;
}

}


@media (prefers-reduced-motion: reduce) {
.wmh-shell::after { animation: none; }
}


@media (prefers-reduced-motion: reduce) {
.wmh-shell,
.wmh-header.is-scrolled .wmh-shell {
animation: none;
}
}


/* Marketing hero responsive styles */

@media (min-width: 981px) and (max-width: 1160px) {
#marketing-hero .wmkhero-grid {
grid-template-columns: minmax(0, 0.88fr) minmax(470px, 1.12fr);
gap: 38px;
}

#marketing-hero .wmkhero-copy h1 {
font-size: clamp(41px, 4.7vw, 56px);
}

#marketing-hero .wmkhero-stage {
min-height: 570px;
}

#marketing-hero .wmkhero-float-card {
width: 185px;
}

#marketing-hero .wmkhero-float-card--roi {
left: 130px;
width: 195px;
}

#marketing-hero .wmkhero-person {
width: 305px;
height: 415px;
}
}


@media (max-width: 520px) {

#marketing-hero {
padding-top: 92px;
}

#marketing-hero > .wrap {
padding-inline: 13px;
}

#marketing-hero .wmkhero-copy h1 {
font-size: clamp(31px, 9.5vw, 38px);
}

#marketing-hero .wmkhero-trust {
align-items: flex-start;
flex-direction: column;
width: fit-content;
}

#marketing-hero .wmkhero-stage {
min-height: 600px;
}

#marketing-hero .wmkhero-float-card {
width:
  calc(50% - 5px);

max-width: 158px;
}

#marketing-hero .wmkhero-float-card--cost {
top: 7px;
left: 0;
}

#marketing-hero .wmkhero-float-card--leads {
top: 7px;
right: 0;
}

#marketing-hero .wmkhero-float-card--roi {
top: 132px;
left: 50%;

width: 174px;
max-width: 174px;

transform:
  translateX(-50%);
}

#marketing-hero
.wmkhero-float-card--roi {
animation:
  wmkheroCardFloatCentered
  5.5s ease-in-out
  infinite;
}

#marketing-hero .wmkhero-halo {
right: 50%;
bottom: 76px;

width: 310px;
height: 310px;

transform:
  translateX(50%) !important;
}

#marketing-hero .wmkhero-orbit {
display: none;
}

#marketing-hero .wmkhero-person {
right: 50%;
bottom: 70px;

width: 248px;
height: 340px;

transform:
  translateX(50%);
}

#marketing-hero .wmkhero-person-badge {
top: 85px;
right: -16px;
}

#marketing-hero .wmkhero-channel-stack {
left: 8px;
bottom: 117px;

gap: 6px;
}

#marketing-hero .wmkhero-channel {
width: 40px;
height: 40px;

border-radius: 12px;
}

#marketing-hero
.wmkhero-channel:nth-child(2) {
width: 46px;
height: 46px;
}

#marketing-hero .wmkhero-channel svg {
width: 23px;
height: 23px;
}

#marketing-hero .wmkhero-results article {
min-height: 78px;

padding: 13px 8px;
}

#marketing-hero .wmkhero-results strong {
font-size: 20px;
}

#marketing-hero .wmkhero-results span {
font-size: 9px;
}

}


@media (max-width: 390px) {

#marketing-hero > .wrap {
padding-inline: 11px;
}

#marketing-hero .wmkhero-kicker {
gap: 7px;
padding-right: 10px;

font-size: 9px;
}

#marketing-hero .wmkhero-copy h1 {
font-size: 30px;
}

#marketing-hero .wmkhero-description {
font-size: 12.5px;
}

#marketing-hero .wmkhero-stage {
min-height: 570px;
}

#marketing-hero .wmkhero-float-card {
max-width: 145px;
}

#marketing-hero .wmkhero-float-card--roi {
width: 162px;
max-width: 162px;
}

#marketing-hero
.wmkhero-float-card
small {
display: none;
}

#marketing-hero .wmkhero-person {
width: 225px;
height: 315px;
}

#marketing-hero .wmkhero-person-badge {
display: none;
}

#marketing-hero .wmkhero-results strong {
font-size: 18px;
}

#marketing-hero .wmkhero-results span {
font-size: 9px;
}

}


@keyframes wmkheroCardFloatCentered {
0%,
100% {
transform:
  translateX(-50%)
  translateY(0);
}

50% {
transform:
  translateX(-50%)
  translateY(-7px);
}
}


@media (prefers-reduced-motion: reduce) {

#marketing-hero *,
#marketing-hero *::before,
#marketing-hero *::after {
animation: none !important;
transition: none !important;
}

#marketing-hero .wmkhero-chart-line {
stroke-dashoffset: 0;
}

}

@media (max-width: 520px) {

#marketing-hero
.wmkhero-channel-stack {
left: 8px;
bottom: 117px;

gap: 6px;
}

#marketing-hero
.wmkhero-channel {
width: 41px;
height: 41px;

flex-basis: 41px;

border-radius: 12px;
}

#marketing-hero
.wmkhero-channel:nth-child(2) {
width: 48px;
height: 48px;

flex-basis: 48px;

border-radius: 14px;
}

#marketing-hero
.wmkhero-channel-logo {
width: 28px;
height: 28px;
}

#marketing-hero
.wmkhero-channel:nth-child(2)
.wmkhero-channel-logo {
width: 33px;
height: 33px;
}

#marketing-hero
.wmkhero-channel::before,
#marketing-hero
.wmkhero-channel::after {
display: none;
}

}


@media (max-width: 390px) {

#marketing-hero
.wmkhero-channel-stack {
left: 4px;
}

#marketing-hero
.wmkhero-channel {
width: 38px;
height: 38px;

flex-basis: 38px;
}

#marketing-hero
.wmkhero-channel:nth-child(2) {
width: 44px;
height: 44px;

flex-basis: 44px;
}

#marketing-hero
.wmkhero-channel-logo {
width: 26px;
height: 26px;
}

#marketing-hero
.wmkhero-channel:nth-child(2)
.wmkhero-channel-logo {
width: 30px;
height: 30px;
}

}
/*   MARKETING CHANNEL PNG ICONS — RESPONSIVE  */



@media (max-width: 520px) {

#marketing-hero
.wmkhero-channel--whatsapp
.wmkhero-channel-logo {
width: 28px;
height: 28px;
}

#marketing-hero
.wmkhero-channel--google
.wmkhero-channel-logo {
width: 28px;
height: 28px;
}

}


@media (max-width: 390px) {

#marketing-hero
.wmkhero-channel--whatsapp
.wmkhero-channel-logo {
width: 26px;
height: 26px;
}

#marketing-hero
.wmkhero-channel--google
.wmkhero-channel-logo {
width: 26px;
height: 26px;
}

}


@media (max-width: 520px) {
#marketing-hero .wmkhero-person-badge {
min-height: 31px;
gap: 6px;
padding: 4px 9px 4px 5px;
font-size: 9px;
}

#marketing-hero .wmkhero-badge-whatsapp {
width: 21px;
height: 21px;
flex-basis: 21px;
}

#marketing-hero .wmkhero-badge-whatsapp img {
width: 19px !important;
height: 19px !important;
max-width: 19px !important;
}
}

/* marketing second section css  */

/* Trusted brands responsive styles */

@media (max-width: 480px) {
#marketing-trusted > .wrap {
padding-inline: 13px;
}

#marketing-trusted .wmktrust-eyebrow {
min-height: 33px;
padding-inline: 11px;
font-size: 9px;
}

#marketing-trusted .wmktrust-heading h2 {
font-size: 29px;
}

#marketing-trusted .wmktrust-logo-card {
width: 138px;
min-width: 138px;
height: 72px;
padding: 12px;
}

#marketing-trusted .wmktrust-logo-card img {
max-width: 112px;
max-height: 33px;
}
}


@media (max-width: 480px) {
#marketing-trusted .wmktrust-group {
gap: 11px;
}
}
/* end second section css  */


@media (max-width: 480px) {
#marketing-touchpoints > .wrap {
padding-inline: 13px;
}

#marketing-touchpoints .wmtouch-eyebrow {
min-height: 33px;
padding-inline: 11px;
font-size: 9px;
}

#marketing-touchpoints .wmtouch-heading h2 {
font-size: 29px;
}

#marketing-touchpoints .wmtouch-visual-topbar {
align-items: flex-start;
}

#marketing-touchpoints .wmtouch-live {
min-height: 26px;
padding-inline: 8px;
font-size: 9px;
}

#marketing-touchpoints .wmtouch-visual-label small {
display: none;
}

#marketing-touchpoints .wmtouch-visual-label strong {
max-width: 175px;
line-height: 1.35;
}
}
/* third section css end  */

/* Marketing performance responsive styles */



@media (max-width: 480px) {
#marketing-performance > .wrap {
padding-inline: 13px;
}

#marketing-performance .wmgrowth-shell {
padding: 0px;
border-radius: 20px;
}

#marketing-performance .wmgrowth-intro {
padding: 24px 16px;
}

#marketing-performance .wmgrowth-eyebrow {
font-size: 9px;
}

#marketing-performance .wmgrowth-intro h2 {
font-size: 28px;
}

#marketing-performance .wmgrowth-card {
padding: 20px 17px;
border-radius: 17px;
}

#marketing-performance .wmgrowth-value strong {
font-size: 48px;
}
}
/* fourth section css end  */

/*  WHATSAPP COMMERCE FEATURES — RESPONSIVE  */


@media (max-width: 720px) {
#whatsapp-commerce-features {
padding: 68px 0;
}

#whatsapp-commerce-features > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 16px;
}

#whatsapp-commerce-features .commercex-heading {
margin-bottom: 34px;
text-align: left;
}

#whatsapp-commerce-features .commercex-heading h2 {
font-size: clamp(34px, 9vw, 46px);
}

#whatsapp-commerce-features .commercex-heading p {
margin-left: 0;
font-size: 14px;
}

#whatsapp-commerce-features .commercex-grid {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}

#whatsapp-commerce-features .commercex-card:last-child {
grid-column: auto;
max-width: none;
}

#whatsapp-commerce-features .commercex-image-wrap {
min-height: 290px;
}

#whatsapp-commerce-features .commercex-image-wrap img {
height: 250px;
}
}

@media (max-width: 480px) {
#whatsapp-commerce-features > .wrap {
padding-inline: 13px;
}

#whatsapp-commerce-features .commercex-heading h2 {
font-size: 31px;
}

#whatsapp-commerce-features .commercex-card {
border-radius: 22px;
}

#whatsapp-commerce-features .commercex-card-top {
padding: 16px 16px 11px;
}

#whatsapp-commerce-features .commercex-image-wrap {
min-height: 250px;
margin-inline: 10px;
padding: 14px;
border-radius: 17px;
}

#whatsapp-commerce-features .commercex-image-wrap img {
height: 220px;
}

#whatsapp-commerce-features .commercex-card-content {
padding: 21px 17px 18px;
}

#whatsapp-commerce-features .commercex-card-content h3 {
font-size: 23px;
}

#whatsapp-commerce-features .commercex-card-content > p {
font-size: 12.5px;
}
}

@media (prefers-reduced-motion: reduce) {
#whatsapp-commerce-features *,
#whatsapp-commerce-features *::before,
#whatsapp-commerce-features *::after {
animation: none !important;
transition: none !important;
}
}

/*  CUSTOMER RETENTION JOURNEY — RESPONSIVE  */

@media (max-width: 680px) {
#customer-retention-journey {
padding: 70px 0;
}

#customer-retention-journey > .wrap {
width: 100%;
max-width: 100%;
padding-inline: 15px;
}

#customer-retention-journey .retentionx-heading {
margin-bottom: 42px;
text-align: left;
}

#customer-retention-journey .retentionx-heading h2 {
font-size: clamp(30px, 7.6vw, 47px);
}

#customer-retention-journey .retentionx-heading p {
margin-left: 0;
font-size: 14px;
}

#customer-retention-journey .retentionx-rail {
display: none;
}

#customer-retention-journey .retentionx-item {
display: flex;
flex-direction: column;
gap: 0;
padding: 10px;
border-radius: 23px;
}

#customer-retention-journey .retentionx-node {
display: none;
}

#customer-retention-journey .retentionx-content,
#customer-retention-journey .retentionx-visual {
width: 100%;
}

#customer-retention-journey .retentionx-content {
order: 1;
padding: 24px 18px;
}

#customer-retention-journey .retentionx-visual {
order: 2;
padding: 0;
}

#customer-retention-journey .retentionx-content h3 {
font-size: 29px;
}

#customer-retention-journey .retentionx-image-frame {
min-height: 280px;
border-radius: 18px;
}

#customer-retention-journey .retentionx-image-frame img {
height: 265px;
}

#customer-retention-journey .retentionx-floating-badge {
right: 9px;
bottom: 15px;
}
}


@media (max-width: 420px) {
#customer-retention-journey > .wrap {
padding-inline: 12px;
}

#customer-retention-journey .retentionx-heading h2 {
font-size: 32px;
}

#customer-retention-journey .retentionx-content {
padding: 21px 15px;
}

#customer-retention-journey .retentionx-content h3 {
font-size: 26px;
}

#customer-retention-journey .retentionx-content > p {
font-size: 13px;
}

#customer-retention-journey .retentionx-image-frame {
min-height: 245px;
}

#customer-retention-journey .retentionx-image-frame img {
height: 225px;
}
}


@media (prefers-reduced-motion: reduce) {
#customer-retention-journey *,
#customer-retention-journey *::before,
#customer-retention-journey *::after {
animation: none !important;
transition: none !important;
}
}

/*  BUSINESS MARKETING USE CASES — PREMIUM RESPONSIVE  */

@media (max-width: 1000px) {
#marketing-business-use-cases .marketcase-card-grid {
grid-template-columns:
  repeat(2, minmax(0, 1fr));
}

#marketing-business-use-cases .marketcase-card:last-child {
grid-column: 1 / -1;
width: min(100%, 560px);
justify-self: center;
}
}


@media (max-width: 480px) {
#marketing-business-use-cases > .wrap {
padding-inline: 12px;
}

#marketing-business-use-cases .marketcase-heading h2 {
font-size: 33px;
}

#marketing-business-use-cases .marketcase-heading p {
font-size: 14px;
}

#marketing-business-use-cases .marketcase-industry {
padding: 9px;
border-radius: 22px;
}

#marketing-business-use-cases .marketcase-industry-header {
gap: 12px;
padding: 18px 15px;
}

#marketing-business-use-cases .marketcase-industry-icon {
width: 52px;
height: 52px;
flex-basis: 52px;
border-radius: 15px;
}

#marketing-business-use-cases .marketcase-category {
font-size: 10px;
}

#marketing-business-use-cases .marketcase-industry-header h3 {
font-size: 27px;
}

#marketing-business-use-cases .marketcase-industry-header p {
font-size: 13px;
}

#marketing-business-use-cases .marketcase-card {
min-height: 215px;
padding: 22px 19px;
border-radius: 19px;
}

#marketing-business-use-cases .marketcase-card h4 {
font-size: 21px;
}

#marketing-business-use-cases .marketcase-card p {
font-size: 14px;
}


#marketing-business-use-cases .marketcase-main-button {
width: 100%;
min-height: 57px;
font-size: 15px;
}
}

@media (prefers-reduced-motion: reduce) {
#marketing-business-use-cases *,
#marketing-business-use-cases *::before,
#marketing-business-use-cases *::after {
animation: none !important;
transition: none !important;
}
}

/*  MARKETING INTEGRATIONS — RESPONSIVE  */


@media (max-width: 480px) {
#integrations > .wrap {
padding-inline: 12px;
}

#integrations .mkintegrate-eyebrow {
min-height: 36px;
padding: 8px 13px;
font-size: 10px;
}

#integrations .mkintegrate-header h2 {
font-size: 33px;
}

#integrations .mkintegrate-header p {
font-size: 14px;
line-height: 1.65;
}

#integrations .mkintegrate-image-frame {
padding: 7px;
border-radius: 18px;
}

#integrations .mkintegrate-image-frame::after {
inset: 7px;
border-radius: 13px;
}

#integrations .mkintegrate-image {
border-radius: 13px;
}
}

@media (prefers-reduced-motion: reduce) {
#integrations .mkintegrate-image-frame {
transition: none;
}
}


@media (max-width: 520px) {
#marketing-performance > .wrap {
padding-inline: 12px;
}

#marketing-performance .marketflow-heading h2 {
font-size: 33px;
}

#marketing-performance .marketflow-main-content h3 {
font-size: 24px;
}

#marketing-performance .marketflow-checks {
display: grid;
}

#marketing-performance .marketflow-main-visual {
min-height: 240px;
}

#marketing-performance .marketflow-feature-card {
grid-template-columns: minmax(0, 1fr);
padding: 21px 18px;
}

#marketing-performance .marketflow-feature-image {
min-height: 210px;
margin-top: 17px;
}

#marketing-performance .marketflow-delivery-metrics {
grid-template-columns: minmax(0, 1fr);
}

#marketing-performance .marketflow-cta {
padding: 25px 20px;
}

#marketing-performance .marketflow-actions {
flex-direction: column;
}

#marketing-performance .marketflow-btn {
width: 100%;
}
}

@media (prefers-reduced-motion: reduce) {
#marketing-performance *,
#marketing-performance *::before,
#marketing-performance *::after {
transition: none !important;
}
}

@media (max-width: 520px) {
#brand-recognition > .wrap {
padding-inline: 12px;
}

#brand-recognition .brandproof-eyebrow {
min-height: 35px;
padding: 8px 13px;
font-size: 10px;
}

#brand-recognition .brandproof-content h2 {
font-size: 31px;
}

#brand-recognition .brandproof-content > p {
font-size: 14px;
}

#brand-recognition .brandproof-highlight {
padding: 13px;
}

#brand-recognition .brandproof-summary {
align-items: flex-start;
}

#brand-recognition .brandproof-summary-icon {
width: 43px;
height: 43px;
flex-basis: 43px;
}

#brand-recognition .brandproof-summary-icon svg {
width: 21px;
height: 21px;
}

#brand-recognition .brandproof-platforms {
padding: 16px 12px;
}

#brand-recognition .brandproof-platform-list {
grid-template-columns:
  repeat(2, minmax(0, 1fr));
}

#brand-recognition .brandproof-platform-item {
height: 61px;
}

#brand-recognition .brandproof-platform-item:last-child {
grid-column: 1 / -1;
width: min(100%, 210px);
justify-self: center;
}
}

@media (prefers-reduced-motion: reduce) {
#brand-recognition *,
#brand-recognition *::before,
#brand-recognition *::after {
transition: none !important;
}
}

/* AWARDS PANEL — RESPONSIVE  */


@media (max-width: 520px) {
#brand-recognition .brandproof-award-header {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}

#brand-recognition .brandproof-award-grid {
grid-template-columns: minmax(0, 1fr);
}

#brand-recognition .brandproof-award-card {
min-height: 210px;
}

#brand-recognition .brandproof-award-image {
width: 122px;
height: 136px;
}

#brand-recognition .brandproof-award-label {
max-width: 190px;
justify-self: center;
font-size: 11px;
}

#brand-recognition .brandproof-award-card:hover {
transform: none;
}
}

@media (max-width: 520px) {
#support-page-hero > .wrap {
padding-inline: 12px;
}

#support-page-hero .supporthero-kicker {
padding-right: 12px;
font-size: 9px;
}

#support-page-hero .supporthero-content h1 {
font-size: 37px;
}

#support-page-hero .supporthero-content h1 span {
display: inline;
}

#support-page-hero .supporthero-description {
font-size: 14px;
}

#support-page-hero .supporthero-benefits li {
align-items: flex-start;
font-size: 13px;
}

#support-page-hero .supporthero-actions {
flex-direction: column;
}

#support-page-hero .supporthero-button {
width: 100%;
}

#support-page-hero .supporthero-trust {
align-items: flex-start;
}

#support-page-hero .supporthero-image-frame {
min-height: 390px;
padding: 16px 12px 0;
border-radius: 22px;
}

#support-page-hero .supporthero-image-frame::before {
inset: 10px;
border-radius: 17px;
}

#support-page-hero .supporthero-image {
max-height: 375px;
}

#support-page-hero .supporthero-image-badge {
top: 15px;
left: 15px;
font-size: 9px;
}
}

@media (prefers-reduced-motion: reduce) {
#support-page-hero *,
#support-page-hero *::before,
#support-page-hero *::after {
transition: none !important;
}
}


@media (max-width: 520px) {
#support-page-hero .supporthero-visual {
min-height: 340px;
}

#support-page-hero .supporthero-image-frame {
padding: 0 !important;
border-radius: 20px;
}

#support-page-hero .supporthero-image-frame::before {
inset: 9px;
border-radius: 15px;
}

#support-page-hero .supporthero-image-badge {
top: 13px;
left: 13px;
}
}


@media (max-width: 991.98px) {
.wmsupportflow-section {
padding: 70px 0;
}

.wmsupportflow-top-card,
.wmsupportflow-balance-card {
padding: 28px 20px;
border-radius: 24px;
}

.wmsupportflow-balance-grid {
grid-template-columns: 1fr;
}

.wmsupportflow-info-card h4 {
font-size: 22px;
}

.wmsupportflow-info-card p,
.wmsupportflow-list li,
.wmsupportflow-balance-subtitle {
font-size: 16px;
}
}

@media (max-width: 767.98px) {
.wmsupportflow-section .wrap {
width: min(100% - 20px, 1200px);
}

.wmsupportflow-top-head {
margin-bottom: 20px;
}

.wmsupportflow-eyebrow {
min-height: 38px;
padding: 0 14px;
font-size: 11px;
}

.wmsupportflow-visual-shell {
padding: 12px;
border-radius: 20px;
}

.wmsupportflow-main-image {
border-radius: 14px;
}

.wmsupportflow-btn {
width: 100%;
}
}



@media (max-width: 480px) {
#ai-support-automation {
padding: 66px 0;
}

#ai-support-automation > .wrap {
padding-inline: 12px;
}

#ai-support-automation .dualassist-eyebrow {
font-size: 9px;
}

#ai-support-automation .dualassist-header h2 {
font-size: 30px;
}

#ai-support-automation .dualassist-header p {
font-size: 14px;
}

#ai-support-automation .dualassist-image-area {
max-height: 300px;
padding: 10px;
}

#ai-support-automation .dualassist-image {
max-height: 280px;
}

#ai-support-automation .dualassist-frame-label strong {
font-size: 14px;
}

#ai-support-automation .dualassist-capability {
min-height: 80px;
padding: 14px;
}
}

@media (prefers-reduced-motion: reduce) {
#ai-support-automation *,
#ai-support-automation *::before,
#ai-support-automation *::after {
transition: none !important;
animation: none !important;
}
}


@media (max-width: 520px) {
#unified-support-inbox > .wrap {
padding-inline: 12px;
}

#unified-support-inbox .omnichat-eyebrow {
font-size: 9px;
}

#unified-support-inbox .omnichat-content h2 {
font-size: 30px;
}

#unified-support-inbox .omnichat-description {
font-size: 14px;
}

#unified-support-inbox .omnichat-benefit {
padding: 14px;
}

#unified-support-inbox .omnichat-benefit h3 {
font-size: 15px;
}

#unified-support-inbox .omnichat-benefit p {
font-size: 12px;
}

#unified-support-inbox .omnichat-channels {
display: grid;
}

#unified-support-inbox .omnichat-channel {
width: 100%;
}
}


@media (max-width: 991px) {
.wmksupportcta-box {
flex-direction: column;
align-items: flex-start;
padding: 34px 21px;
gap: 26px;
text-align: center;
}

.wmksupportcta-points {
  justify-content: center;
}

.wmksupportcta-content,
.wmksupportcta-text {
max-width: 100%;
}

.wmksupportcta-action {
width: 100%;
justify-content: center;
}
}



/* sales page  */


@media (max-width: 520px) {
#sales-page-hero > .wrap {
padding-inline: 12px;
}

#sales-page-hero .saleshero-eyebrow {
font-size: 9px;
}

#sales-page-hero .saleshero-content h1 {
font-size: 34px;
}

#sales-page-hero .saleshero-description {
font-size: 14px;
}

#sales-page-hero .saleshero-actions {
flex-direction: column;
}

#sales-page-hero .saleshero-btn {
width: 100%;
}

#sales-page-hero .saleshero-visual {
min-height: 330px;
}

#sales-page-hero .saleshero-image-frame {
height: auto;
padding: 0;
border-radius: 21px;
}

#sales-page-hero .saleshero-image-frame::before {
inset: 9px;
border-radius: 15px;
}

#sales-page-hero .saleshero-image-badge {
top: 13px;
left: 13px;
}
}

@media (prefers-reduced-motion: reduce) {
#sales-page-hero *,
#sales-page-hero *::before,
#sales-page-hero *::after {
transition: none !important;
}
}


@media (max-width: 520px) {
#sales-capabilities > .wrap {
padding-inline: 12px;
}

#sales-capabilities .salesedge-eyebrow {
font-size: 9px;
}

#sales-capabilities .salesedge-heading h2 {
font-size: 32px;
}

#sales-capabilities .salesedge-heading p {
font-size: 14px;
}

#sales-capabilities .salesedge-feature {
padding: 22px 16px;
border-radius: 22px;
}

#sales-capabilities .salesedge-feature-content h3 {
font-size: 27px;
}

#sales-capabilities .salesedge-feature-content > p {
font-size: 14px;
}

#sales-capabilities .salesedge-image-topbar {
align-items: flex-start;
flex-direction: column;
}

#sales-capabilities .salesedge-image-area {
min-height: 240px;
padding: 10px;
}

#sales-capabilities .salesedge-image {
max-height: 215px;
}

#sales-capabilities .salesedge-image-footer {
grid-template-columns: minmax(0, 1fr);
}

#sales-capabilities
.salesedge-image-footer
span + span {
border-top: 1px solid rgba(16, 24, 40, 0.065);
border-left: 0;
}
}

@media (prefers-reduced-motion: reduce) {
#sales-capabilities *,
#sales-capabilities *::before,
#sales-capabilities *::after {
transition: none !important;
}
}



@media (max-width: 1000px) {
#sales-automation-path .salespath-layout {
grid-template-columns: minmax(0, 1fr);
}

#sales-automation-path .salespath-benefits {
grid-template-columns:
  repeat(3, minmax(0, 1fr));
}

#sales-automation-path .salespath-benefit {
display: block;
}

#sales-automation-path .salespath-benefit-number {
margin-bottom: 13px;
}
}


@media (max-width: 520px) {
#sales-automation-path > .wrap {
padding-inline: 12px;
}

#sales-automation-path .salespath-shell {
padding: 22px 15px;
border-radius: 21px;
}

#sales-automation-path .salespath-eyebrow {
font-size: 9px;
}

#sales-automation-path .salespath-header h2 {
font-size: 30px;
}

#sales-automation-path .salespath-benefit {
padding: 15px;
}

#sales-automation-path .salespath-benefit h3 {
font-size: 16px;
}

#sales-automation-path .salespath-benefit p {
font-size: 12px;
}

#sales-automation-path .salespath-workflow {
padding: 12px;
border-radius: 19px;
}

#sales-automation-path .salespath-workflow-head {
align-items: flex-start;
flex-direction: column;
}

#sales-automation-path .salespath-flow-step {
grid-template-columns:
  37px
  minmax(0, 1fr);
}

#sales-automation-path .salespath-flow-state {
grid-column: 2;
justify-self: flex-start;
margin-top: 4px;
}

#sales-automation-path .salespath-flow-line {
margin-left: 30px;
}
}

/*  MOBILE  */

@media (max-width: 480px) {
#sales-insights-preview > .wrap {
padding-inline: 12px;
}

#sales-insights-preview .salesinsight-eyebrow {
font-size: 9px;
}

#sales-insights-preview .salesinsight-header h2 {
font-size: 30px;
}

#sales-insights-preview .salesinsight-card {
padding: 19px;
border-radius: 18px;
}

#sales-insights-preview .salesinsight-card-copy h3 {
font-size: 18px;
}

#sales-insights-preview .salesinsight-note {
padding-top: 18px;
}
}


@media (prefers-reduced-motion: reduce) {
#sales-insights-preview *,
#sales-insights-preview *::before,
#sales-insights-preview *::after {
transition: none !important;
}
}






@media (max-width: 480px) {
#sales-crm-integrations > .wrap {
padding-inline: 12px;
}

#sales-crm-integrations .salescrm-eyebrow {
font-size: 9px;
}

#sales-crm-integrations .salescrm-header h2 {
font-size: 30px;
}

#sales-crm-integrations .salescrm-image-area {
min-height: 290px;
padding: 10px;
}

#sales-crm-integrations .salescrm-image {
max-height: 265px;
}

#sales-crm-integrations .salescrm-frame-title strong {
font-size: 13px;
}

#sales-crm-integrations .salescrm-footer-item {
min-height: 76px;
padding: 14px;
}
}

@media (prefers-reduced-motion: reduce) {
#sales-crm-integrations *,
#sales-crm-integrations *::before,
#sales-crm-integrations *::after {
transition: none !important;
}
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 950px) {
#sales-flexibility .salesflex-grid {
grid-template-columns:
  repeat(2, minmax(0, 1fr));
}

#sales-flexibility .salesflex-card:last-child {
grid-column: 1 / -1;
width: min(100%, 560px);
justify-self: center;
}
}



@media (max-width: 480px) {
#sales-flexibility > .wrap {
padding-inline: 12px;
}

#sales-flexibility .salesflex-eyebrow {
font-size: 9px;
}

#sales-flexibility .salesflex-header h2 {
font-size: 30px;
}

#sales-flexibility .salesflex-card {
min-height: 270px;
padding: 20px;
border-radius: 18px;
}

#sales-flexibility .salesflex-card h3 {
margin-top: 21px;
font-size: 18px;
}
}

@media (prefers-reduced-motion: reduce) {
#sales-flexibility *,
#sales-flexibility *::before,
#sales-flexibility *::after {
transition: none !important;
}
}




/* MOBILE */



@media (max-width: 480px) {
#sales-engagement-impact > .wrap {
padding-inline: 12px;
}

#sales-engagement-impact .salesimpact-eyebrow {
font-size: 9px;
}

#sales-engagement-impact .salesimpact-header h2 {
font-size: 30px;
}

#sales-engagement-impact .salesimpact-card {
padding: 15px;
}

#sales-engagement-impact .salesimpact-result {
min-height: auto;
padding: 27px 18px;
border-radius: 22px;
}

#sales-engagement-impact .salesimpact-result h3 {
font-size: 24px;
}

#sales-engagement-impact .salesimpact-result-stats {
grid-template-columns: minmax(0, 1fr);
}
}

@media (prefers-reduced-motion: reduce) {
#sales-engagement-impact *,
#sales-engagement-impact *::before,
#sales-engagement-impact *::after {
transition: none !important;
}
}



/*  MOBILE  */



@media (max-width: 480px) {
#education-communication-solutions > .wrap {
padding-inline: 12px;
}

#education-communication-solutions .eduflow-eyebrow {
font-size: 9px;
}

#education-communication-solutions .eduflow-header h2 {
font-size: 30px;
}

#education-communication-solutions .eduflow-card {
min-height: 250px;
padding: 20px;
border-radius: 18px;
}

#education-communication-solutions .eduflow-card h3 {
margin-top: 21px;
font-size: 18px;
}
}

@media (prefers-reduced-motion: reduce) {
#education-communication-solutions *,
#education-communication-solutions *::before,
#education-communication-solutions *::after {
transition: none !important;
}
}



/*   MOBILE  */



@media (max-width: 480px) {
#education-communication-message > .wrap {
padding-inline: 12px;
}

#education-communication-message .edumessage-panel {
padding: 21px 16px;
}

#education-communication-message .edumessage-content h2 {
font-size: 25px;
}

#education-communication-message .edumessage-label {
font-size: 9px;
}
}

@media (prefers-reduced-motion: reduce) {
#education-communication-message *,
#education-communication-message *::before,
#education-communication-message *::after {
transition: none !important;
}
}



@media (max-width: 1000px) {
#education-growth-journey .edugrowth-item,
#education-growth-journey .edugrowth-item-two {
grid-template-columns: minmax(0, 1fr);
gap: 30px;
}

#education-growth-journey .edugrowth-content h3, #education-growth-journey .edugrowth-content > p{
max-width: 100%;
}

#education-growth-journey .edugrowth-item-two .edugrowth-content,
#education-growth-journey .edugrowth-item-two .edugrowth-visual {
grid-column: auto;
grid-row: auto;
}

#education-growth-journey .edugrowth-item-two .edugrowth-content {
order: 1;
}

#education-growth-journey .edugrowth-item-two .edugrowth-visual {
order: 2;
}
}

/* =========================================================
MOBILE
========================================================= */


@media (max-width: 480px) {
#education-growth-journey > .wrap {
padding-inline: 12px;
}

#education-growth-journey .edugrowth-eyebrow {
font-size: 9px;
}

#education-growth-journey .edugrowth-header h2 {
font-size: 30px;
}

#education-growth-journey .edugrowth-item {
padding: 21px 16px;
border-radius: 20px;
}

#education-growth-journey .edugrowth-content h3 {
font-size: 26px;
}

#education-growth-journey .edugrowth-image-card {
min-height: auto;
padding: 0;
}

#education-growth-journey .edugrowth-image-card img {
height: 235px;
}

#education-growth-journey .edugrowth-image-note {
right: 12px;
bottom: 12px;
min-width: 160px;
padding: 10px 11px;
}
}

@media (prefers-reduced-motion: reduce) {
#education-growth-journey *,
#education-growth-journey *::before,
#education-growth-journey *::after {
transition: none !important;
}
}



@media (max-width: 720px) {
.wmecom-benefits {
    padding: 58px 0;
}

.wmecom-benefits-head {
    margin-bottom: 30px;
}

.wmecom-benefits-head h2 {
    font-size: clamp(30px, 7vw, 39px);
}

.wmecom-benefits-head p {
    font-size: 14px;
}

.wmecom-benefits-grid {
    grid-template-columns: 1fr;
    gap: 11px;
    padding: 11px;
    border-radius: 20px;
}

.wmecom-benefit-card {
    min-height: 0;
    padding: 19px 43px 19px 16px;
}
}

@media (max-width: 480px) {
.wmecom-benefits {
    padding: 52px 0;
}

.wmecom-benefits-eyebrow {
    font-size: 9px;
}

.wmecom-benefits-head h2 {
    margin-top: 14px;
}

.wmecom-benefits-grid {
    padding: 8px;
    border-radius: 17px;
}

.wmecom-benefit-card {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 17px 38px 17px 14px;
    border-radius: 16px;
}

.wmecom-benefit-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
}

.wmecom-benefit-icon svg {
    width: 20px;
    height: 20px;
}

.wmecom-benefit-copy h3 {
    font-size: 15px;
}

.wmecom-benefit-copy p {
    margin-top: 6px;
    font-size: 11.5px;
}

.wmecom-benefit-number {
    top: 13px;
    right: 13px;
    font-size: 9px;
}
}


@media (max-width: 520px) {
.wmcb-flow-section {
    padding: 62px 0;
}

.wmcb-flow-head {
    margin-bottom: 30px;
}

.wmcb-flow-head h2 {
    font-size: 31px;
}

.wmcb-flow-head p {
    font-size: 14px;
}

.wmcb-flow-shell {
    padding: 12px;
    border-radius: 21px;
}

.wmcb-flow-item {
    padding: 20px;
    border-radius: 18px;
}
}



@media (max-width: 800px) {
.wmcj-shell {
    padding: 15px;
}

.wmcj-progress-line {
    left: 47px;
}

.wmcj-stage {
    grid-template-columns: 40px minmax(0, 1fr);
}

.wmcj-stage-icon {
    display: none;
}

.wmcj-bottom {
    grid-template-columns: 1fr;
}
}

@media (max-width: 520px) {
.wmcj-section {
    padding: 64px 0;
}

.wmcj-head {
    margin-bottom: 31px;
}

.wmcj-head h2 {
    font-size: 31px;
}

.wmcj-head p {
    font-size: 14px;
}

.wmcj-shell {
    border-radius: 21px;
}

.wmcj-stage {
    gap: 12px;
    padding: 17px;
    border-radius: 16px;
}

.wmcj-stage-copy h3 {
    font-size: 16px;
}

.wmcj-progress-line {
    top: 50px;
    bottom: 50px;
    left: 41px;
}

.wmcj-stage-marker {
    width: 34px;
    height: 34px;
}

.wmcj-bottom-card {
    padding: 16px;
}
}




@media (max-width: 560px) {
.wmcompare-section {
    padding: 62px 0;
}

.wmcompare-head {
    margin-bottom: 30px;
}

.wmcompare-head h2 {
    font-size: 31px;
}

.wmcompare-head p {
    font-size: 14px;
}

.wmcompare-shell {
    padding: 10px;
    border-radius: 21px;
}

.wmcompare-row {
    grid-template-columns: 1fr;
    gap: 8px;
}

.wmcompare-feature {
    grid-column: auto;
}

.wmcompare-basic,
.wmcompare-mark,
.wmcompare-feature {
    border-radius: 15px;
}
}

@media (max-width: 560px) {
.wmapi-intro-section {
    padding: 62px 0;
}

.wmapi-intro-head {
    margin-bottom: 30px;
}

.wmapi-intro-head h2 {
    font-size: 31px;
}

.wmapi-intro-head p {
    font-size: 14px;
}

.wmapi-intro-shell {
    gap: 25px;
    padding: 12px;
    border-radius: 21px;
}

.wmapi-intro-visual,
.wmapi-intro-visual img {
    min-height: 300px;
}

.wmapi-intro-float {
    right: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
}

.wmapi-intro-content h3 {
    font-size: 27px;
}
}



@media (max-width: 560px) {
.wmapiroles-section {
    padding: 62px 0;
}

.wmapiroles-heading {
    margin-bottom: 29px;
}

.wmapiroles-heading h2 {
    font-size: 30px;
}

.wmapiroles-heading p {
    font-size: 13.5px;
}

.wmapiroles-panel {
    border-radius: 20px;
}

.wmapiroles-item {
    padding: 22px;
}

.wmapiroles-item::before {
    left: 22px;
    right: 22px;
}

.wmapiroles-item h3 {
    font-size: 17px;
}

.wmapiroles-action {
    width: 100%;
    min-height: 44px;
    padding: 12px 16px;
}
}



@media (max-width: 560px) {
.wmapimetrics-section {
    padding: 62px 0;
}

.wmapimetrics-shell {
    gap: 24px;
    padding: 14px;
    border-radius: 21px;
}

.wmapimetrics-copy {
    padding: 10px 5px 4px;
}

.wmapimetrics-copy h2 {
    font-size: 29px;
}

.wmapimetrics-copy p {
    font-size: 13.5px;
}

.wmapimetrics-grid {
    grid-template-columns: 1fr;
    gap: 11px;
}

.wmapimetrics-card {
    min-height: 0;
    padding: 18px;
}
}





/* Mobile */

@media (max-width: 560px) {
.wmbapdiff-section {
    padding: 62px 0;
}

.wmbapdiff-head {
    margin-bottom: 28px;
}

.wmbapdiff-head h2 {
    font-size: 30px;
}

.wmbapdiff-head p {
    font-size: 13.5px;
}

.wmbapdiff-showcase {
    border-radius: 20px;
}
}



@media (max-width: 560px) {
.wmstartflow-section {
    padding: 62px 0;
}

.wmstartflow-head {
    margin-bottom: 30px;
}

.wmstartflow-head h2 {
    font-size: 30px;
}

.wmstartflow-head p {
    font-size: 13.5px;
}

.wmstartflow-step {
    padding: 20px;
    border-radius: 18px;
}

.wmstartflow-step h3 {
    font-size: 17px;
}

.wmstartflow-bottom {
    flex-direction: column;
    align-items: stretch;
    padding: 17px;
}

.wmstartflow-btn {
    width: 100%;
}
}


/* Responsive */

@media (max-width: 560px) {

.wmjourney-section {
    padding: 62px 0;
}

.wmjourney-head {
    margin-bottom: 30px;
}

.wmjourney-head h2 {
    font-size: 30px;
}

.wmjourney-head p {
    font-size: 13.5px;
}

.wmjourney-stack {
    gap: 14px;
}

.wmjourney-feature {
    border-radius: 19px;
}

.wmjourney-visual {
    min-height: 270px;
    padding: 16px;
}

.wmjourney-image-frame {
    min-height: 235px;
    border-radius: 15px;
}

.wmjourney-image-frame img {
    min-height: 235px;
}

.wmjourney-content {
    padding: 25px 21px 27px;
}

.wmjourney-content h3 {
    font-size: 23px;
}

.wmjourney-content > p {
    font-size: 12.5px;
}

.wmjourney-index {
    top: 12px;
    left: 12px;
}

.wmjourney-feature-reverse .wmjourney-index {
    left: 12px;
}
}

/* Tablet */



/* Mobile */

@media (max-width: 560px) {
.wmintegrate-section {
    padding: 62px 0;
}

.wmintegrate-head {
    margin-bottom: 30px;
}

.wmintegrate-head h2 {
    font-size: 30px;
}

.wmintegrate-head p {
    font-size: 13.5px;
}

.wmintegrate-showcase {
    border-radius: 20px;
}

.wmintegrate-showcase-top {
    flex-direction: column;
    align-items: flex-start;
    padding: 17px;
}

.wmintegrate-image-wrap {
    min-height: 310px;
    padding: 18px 12px;
}

.wmintegrate-image-wrap::before {
    inset: 12px;
    border-radius: 16px;
}

.wmintegrate-image-wrap img {
    max-height: 275px;
}

.wmintegrate-point {
    padding: 16px 17px;
}
}



/* Tablet */

@media (max-width: 800px) {

.wmcaseflow-grid {
    grid-template-columns: 1fr;
    max-width: 700px;
}

.wmcaseflow-card {
    grid-template-rows: auto;
}

.wmcaseflow-content h3 {
    min-height: 0;
}
}


/* Mobile */

@media (max-width: 560px) {

.wmcaseflow-section {
    padding: 62px 0;
}

.wmcaseflow-head {
    margin-bottom: 30px;
}

.wmcaseflow-head h2 {
    font-size: 30px;
}

.wmcaseflow-head p {
    font-size: 13.5px;
}

.wmcaseflow-card {
    padding: 20px;
    border-radius: 18px;
}

.wmcaseflow-card::before {
    left: 20px;
}

.wmcaseflow-logo {
    width: 125px;
    height: 48px;
    flex-basis: 125px;
}

.wmcaseflow-logo img {
    max-width: 120px;
    height: 42px;
}

.wmcaseflow-content {
    padding-top: 15px;
}

.wmcaseflow-content h3 {
    font-size: 18px;
}

.wmcaseflow-result {
    min-height: 104px;
    padding: 13px;
}

.wmcaseflow-result strong {
    font-size: 25px;
}
}

@media (max-width: 430px) {

.wmcaseflow-brand {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
}

.wmcaseflow-outcomes {
    grid-template-columns: 1fr;
}
}



@media (max-width: 560px) {
.wmmessengerflow-section {
    padding: 62px 0;
}

.wmmessengerflow-shell {
    gap: 14px;
    padding: 14px;
    border-radius: 21px;
}

.wmmessengerflow-copy {
    padding: 20px 18px;
}

.wmmessengerflow-copy h2 {
    font-size: 28px;
}

.wmmessengerflow-copy > p {
    font-size: 13px;
}

.wmmessengerflow-summary {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 14px;
}

.wmmessengerflow-summary-icon {
    width: 44px;
    height: 44px;
}

.wmmessengerflow-step {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    padding: 17px;
    border-radius: 16px;
}

.wmmessengerflow-step-top {
    width: 58px;
    height: 58px;
}

.wmmessengerflow-step-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
}

.wmmessengerflow-step-icon svg {
    width: 20px;
    height: 20px;
}

.wmmessengerflow-step-number {
    width: 21px;
    height: 21px;
    font-size: 9px;
}

.wmmessengerflow-step-copy strong {
    font-size: 16px;
}

.wmmessengerflow-step-copy p {
    font-size: 10px;
}
}

@media (max-width: 390px) {
.wmmessengerflow-step {
    grid-template-columns: 1fr;
}

.wmmessengerflow-step-top {
    width: 58px;
}
}


/* Welcome & Away Section Responsive */

@media (max-width: 950px) {
.wmfbai-box,
.wmfbteam-dashboard,
.wmfbmulti-box,
.wmfbwelcome-box {
    grid-template-columns: 1fr;
}

.wmfbteam-head {
    grid-template-columns: 1fr;
    gap: 12px;
}

.wmfbteam-tools {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wmfbmulti-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.wmfbmulti-flow-line {
    display: none;
}
}


@media (max-width: 650px) {
.wmfbai-section,
.wmfbteam-section,
.wmfbmulti-section,
.wmfbwelcome-section {
    padding: 62px 0;
}

.wmfbai-box,
.wmfbteam-dashboard,
.wmfbmulti-box,
.wmfbwelcome-box {
    padding: 16px;
    border-radius: 20px;
}

.wmfbai-features,
.wmfbmulti-benefits,
.wmfbwelcome-rules,
.wmfbteam-tools {
    grid-template-columns: 1fr;
}

.wmfbmulti-flow {
    grid-template-columns: 1fr;
}

.wmfbai-card-two,
.wmfbmulti-page-chip {
    display: none;
}
}

@media (max-width: 620px) {
.wmfbwelcome-box {
    padding: 16px;
    border-radius: 20px;
}

.wmfbwelcome-phone {
    min-height: 300px;
    padding: 10px;
    border-radius: 17px;
}

.wmfbwelcome-image {
    min-height: 280px;
    border-radius: 13px;
}
}


/* Setup / Connected Workspace / Use Cases Responsive */

@media (max-width: 950px) {
.wmfbsetup-head {
    grid-template-columns: 1fr;
    gap: 12px;
}

.wmfbsetup-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.wmfbsetup-connector {
    display: none;
}

.wmfbconnect-box {
    grid-template-columns: 1fr;
}

.wmfbcases-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 650px) {
.wmfbsetup-section,
.wmfbconnect-section,
.wmfbcases-section {
    padding: 62px 0;
}

.wmfbsetup-track,
.wmfbconnect-box {
    padding: 16px;
    border-radius: 20px;
}

.wmfbsetup-track,
.wmfbcases-grid {
    grid-template-columns: 1fr;
}

.wmfbsetup-step {
    min-height: auto;
}

.wmfbconnect-footer {
    grid-template-columns: 1fr;
    gap: 10px;
}

.wmfbconnect-footer-arrow {
    display: none;
}

.wmfbconnect-floating-two {
    display: none;
}

.wmfbcases-head h2,
.wmfbconnect-content h2,
.wmfbsetup-head h2 {
    font-size: 29px;
}
}



@media(max-width:768px){
.wmadvisual-section{
    padding:70px 0;
}
.wmadvisual-head{
    margin-bottom:28px;
}
.wmadvisual-image-wrap{
    border-radius:21px;
}
}
@media(max-width:560px){
.wmadvisual-section{
    padding:60px 0;
}
.wmadvisual-head h2{
    font-size:30px;
}
.wmadvisual-head p{
    font-size:13px;
}
.wmadvisual-image-wrap{
    border-radius:17px;
}
}





@media(max-width:850px){
.wmctafinal-box{
    grid-template-columns:1fr;
    gap:22px;
    padding:30px;
}
}

@media(max-width:560px){
.wmctafinal-section{
    padding:52px 0;
}

.wmctafinal-box{
    gap:20px;
    padding:24px 20px;
    border-radius:20px;
}

.wmctafinal-content h2{
    font-size:24px;
}

.wmctafinal-content p{
    font-size:12px;
}

.wmctafinal-actions{
    width:100%;
}

.wmctafinal-btn{
    flex:1;
    min-width:140px;
}
}

@media(max-width:420px){
.wmctafinal-actions{
    flex-direction:column;
    align-items:stretch;
}

.wmctafinal-btn{
    width:100%;
}
}


@media(max-width:950px){
.wmadslead-layout,
.wmadsremarket-layout,
.wmadsmeasure-layout{
    grid-template-columns:1fr;
    gap:38px;
}
.wmadslead-content {
  margin-inline: auto;
  text-align: center;
}

.wmadslead-point div {
  text-align: left !important;
}

.wmadsremarket-content {
    order: 1;
    text-align: center;
    margin-inline: auto;
}

.wmadsremarket-visual{
    order:2;
}
.wmadsremarket-point div {
  text-align: left;
}
.wmadsmeasure-content, .wmctwawork-content{
margin-inline: auto;
text-align: center;
}
.wmadsmeasure-content div{
text-align: left;
}
}
@media(max-width:620px){
.wmadslead-section,
.wmadsremarket-section,
.wmadsmeasure-section{
    padding:64px 0;
}
.wmadslead-head{
    margin-bottom:34px;
}
.wmadslead-head h2,
.wmadsremarket-content h2,
.wmadsmeasure-content h2{
    font-size:29px;
}
.wmadslead-head p,
.wmadslead-content>p,
.wmadsremarket-content>p,
.wmadsmeasure-content>p{
    font-size:12.5px;
}
.wmadslead-image-frame,
.wmadsremarket-image-frame,
.wmadsmeasure-dashboard{
    padding:10px;
    border-radius:19px;
}
.wmadslead-image,
.wmadsremarket-image{
    border-radius:13px;
}
.wmadsmeasure-metrics{
    grid-template-columns:1fr;
}
.wmadsmeasure-funnel-row{
    grid-template-columns:1fr 35px;
}
.wmadsmeasure-funnel-row>div{
    grid-column:1/-1;
    grid-row:2;
}
.wmadsmeasure-funnel-row strong{
    grid-column:2;
    grid-row:1;
    text-align:right;
}
}



@media(max-width:900px){
.wmadcase2-grid{
    grid-template-columns:1fr;
}
}
@media(max-width:620px){
.wmadcase2-section{
    padding:64px 0;
}
.wmadcase2-head{
    margin-bottom:30px;
}
.wmadcase2-head h2{
    font-size:29px;
}
.wmadcase2-head p{
    font-size:12.5px;
}
.wmadcase2-card{
    padding:21px 18px;
    border-radius:19px;
}
.wmadcase2-card blockquote{
    font-size:16px;
    line-height:1.6;
}
.wmadcase2-card-footer{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}
.wmadcase2-card-btn{
    width:100%;
}
}
@media(max-width:430px){
.wmadcase2-card-top{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
}
.wmadcase2-logo{
    max-width:125px;
    max-height:46px;
}
.wmadcase2-all-btn{
    width:100%;
}
}



@media(max-width:920px){
.wmctwawork-row{
    grid-template-columns:1fr;
    gap:28px;
}
.wmctwawork-row-reverse .wmctwawork-content,
.wmctwawork-row-reverse .wmctwawork-visual{
    order:initial;
}
.wmctwawork-row-reverse .wmctwawork-content{
    order:1;
}
.wmctwawork-row-reverse .wmctwawork-visual{
    order:2;
}
}
@media(max-width:620px){
.wmctwawork-section{
    padding:64px 0;
}
.wmctwawork-head{
    margin-bottom:34px;
}
.wmctwawork-head h2{
    font-size:29px;
}
.wmctwawork-head p{
    font-size:12.5px;
}
.wmctwawork-list{
    gap:16px;
}
.wmctwawork-row{
    gap:22px;
    padding:20px 17px;
    border-radius:20px;
}
.wmctwawork-content h3{
    font-size:26px;
}
.wmctwawork-content>p{
    font-size:12px;
}
.wmctwawork-image-frame{
    padding:8px;
    border-radius:17px;
}
.wmctwawork-image{
    border-radius:11px;
}
}
@media(max-width:390px){
.wmctwawork-points span{
    align-items:flex-start;
    font-size:9.5px;
}
}



@media(max-width:960px){
.wmintegratehub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:650px){
.wmintegratehub-section{
    padding:64px 0;
}

.wmintegratehub-head{
    margin-bottom:30px;
}

.wmintegratehub-head h2{
    font-size:29px;
}

.wmintegratehub-head p{
    font-size:12.5px;
}

.wmintegratehub-grid{
    grid-template-columns:1fr;
}

.wmintegratehub-card{
    min-height:auto;
    padding:19px;
    border-radius:18px;
}

.wmintegratehub-card h3{
    font-size:18px;
}

.wmintegratehub-logo-row{
    min-height:auto;
}
}

@media(max-width:390px){
.wmintegratehub-card-top{
    align-items:flex-start;
    flex-direction:column;
}

.wmintegratehub-logo-row{
    flex-wrap:wrap;
}

.wmintegratehub-all{
    width:100%;
}
}


/* Responsive */
@media(max-width:960px){
.wmintegratehub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.wmintegratecontext-row,
.wmintegrateauto-row,
.wmintegrateapi-row,
.wmintegratepersonal-row,
.wmintegratesync-row,
.wmintegratechannels-row{
    grid-template-columns:1fr;
    gap:28px;
}
.wmintegrateauto-content,
.wmintegratepersonal-content,
.wmintegratechannels-content{
    order:1;
}
.wmintegrateauto-visual,
.wmintegratepersonal-visual,
.wmintegratechannels-visual{
    order:2;
}
}
@media(max-width:650px){
.wmintegratehub-section{
    padding:64px 0;
}
.wmintegratehub-head{
    margin-bottom:30px;
}
.wmintegratehub-head h2{
    font-size:29px;
}
.wmintegratehub-head p{
    font-size:12.5px;
}
.wmintegratehub-grid{
    grid-template-columns:1fr;
}
.wmintegratehub-card{
    min-height:auto;
    padding:19px;
    border-radius:18px;
}
.wmintegratecontext-section,
.wmintegrateauto-section,
.wmintegrateapi-section,
.wmintegratepersonal-section,
.wmintegratesync-section,
.wmintegratechannels-section{
    padding:18px 0;
}
.wmintegratecontext-row,
.wmintegrateauto-row,
.wmintegrateapi-row,
.wmintegratepersonal-row,
.wmintegratesync-row,
.wmintegratechannels-row{
    gap:22px;
    padding:20px 17px;
    border-radius:20px;
}
.wmintegratecontext-content h2,
.wmintegrateauto-content h2,
.wmintegrateapi-content h2,
.wmintegratepersonal-content h2,
.wmintegratesync-content h2,
.wmintegratechannels-content h2{
    font-size:27px;
}
.wmintegratecontext-content>p,
.wmintegrateauto-content>p,
.wmintegrateapi-content>p,
.wmintegratepersonal-content>p,
.wmintegratesync-content>p,
.wmintegratechannels-content>p{
    font-size:12px;
}
}


@media(max-width:390px){
.wmintegratehub-link{
    white-space:normal;
}
}



/* Tablet */


/* Mobile */

@media (max-width: 680px) {
.wmreqint-section {
padding: 54px 0;
}

.wmreqint-shell {
padding: 30px 21px 27px;
border-radius: 21px;
}

.wmreqint-copy h2 {
font-size: clamp(28px, 9vw, 37px);
}

.wmreqint-copy h2 span {
margin-top: 2px;
}

.wmreqint-copy p {
font-size: 13.5px;
}

.wmreqint-form {
margin-top: 24px;
}

.wmreqint-fields {
grid-template-columns: 1fr;
gap: 15px;
}

.wmreqint-footer {
align-items: stretch;
flex-direction: column;
gap: 14px;
margin-top: 16px;
}

.wmreqint-submit {
width: 100%;
}
}


/* Small Mobile */

@media (max-width: 420px) {
.wmreqint-shell {
padding: 27px 17px 24px;
}

.wmreqint-input-wrap input {
min-height: 51px;
padding-left: 55px;
}

.wmreqint-input-icon {
left: 11px;
width: 32px;
height: 32px;
}
}




/* MOBILE  */



/*  SMALL MOBILE  */

@media (max-width: 420px) {
.wmbcastvalue-shell {
    padding: 27px 16px;
}

.wmbcastvalue-card {
    padding: 21px;
}

.wmbcastreach-points span,
.wmbcasttemplate-points span,
.wmbcastanalytics-points span,
.wmbcastretarget-points span {
    align-items: flex-start;
}

.wmbcastreach-image-label,
.wmbcasttemplate-image-label,
.wmbcastanalytics-image-label,
.wmbcastretarget-image-label {
    top: 18px;
    left: 18px;
}
}






/*  MOBILE  */

@media (max-width: 650px) {

.wmstory-section {
    padding: 56px 0;
}

.wmstory-heading {
    margin-bottom: 30px;
}

.wmstory-heading h2 {
    font-size: clamp(29px, 9vw, 38px);
}

.wmstory-heading p {
    font-size: 13.5px;
}

.wmstory-stage {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    border-radius: 21px;
}

.wmstory-center,
.wmstory-node--audience,
.wmstory-node--message,
.wmstory-node--delivery,
.wmstory-node--insights {
    grid-column: 1;
}

.wmstory-center {
    grid-row: 1;
}

.wmstory-node--audience {
    grid-row: 2;
}

.wmstory-node--message {
    grid-row: 3;
}

.wmstory-node--delivery {
    grid-row: 4;
}

.wmstory-node--insights {
    grid-row: 5;
}

.wmstory-center-image {
    height: 300px;
}

.wmstory-node h3 {
    font-size: 20px;
}

.wmstory-node p {
    font-size: 11px;
}

}


/* =========================================================
SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

.wmstory-stage {
    padding: 10px;
}

.wmstory-center-frame {
    border-radius: 18px;
}

.wmstory-center-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
}

.wmstory-center-image {
    height: 235px;
}

.wmstory-center-footer {
    justify-content: flex-start;
}

.wmstory-node {
    padding: 17px;
}

}



/* =========================================================
TABLET
========================================================= */

@media (max-width: 950px) {

.wmkiboxcap-section {
    padding: 70px 0 75px;
}

.wmkiboxcap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wmkiboxcap-card {
    min-height: 170px;
}

.wmkiboxfeat-section {
    padding: 72px 0;
}

.wmkiboxfeat-layout,
.wmkiboxfeat-layout--reverse {
    gap: 40px;
}

}



/*  SMALL MOBILE */

@media (max-width: 420px) {

.wmkiboxcap-card {
    padding: 17px;
}

.wmkiboxcap-arrow {
    top: 17px;
    right: 17px;
}

.wmkiboxfeat-list span {
    align-items: flex-start;
    font-size: 10.5px;
}

.wmkiboxfeat-status {
    top: 18px;
    left: 18px;
}

}


/*   MOBILE */


/*  SMALL MOBILE  */

@media (max-width: 420px) {

.wmkcallintro-mini-grid {
    grid-template-columns: 1fr;
}

.wmkcallintro-panel-head {
    grid-template-columns: 42px minmax(0, 1fr);
}

.wmkcallintro-live {
    grid-column: 1 / -1;
    width: max-content;
}

.wmkcallimpact-card,
.wmkcallfeatures-card,
.wmkcallchoice-card,
.wmkcallrules-card {
    padding: 18px 16px;
}

.wmkcallsetup-shell {
    padding: 22px 14px;
}

.wmkcallsetup-step {
    padding: 15px;
}

.wmkcallsetup-footer-head {
    grid-template-columns: 1fr;
}

}


/*   MOBILE   */


/*  SMALL MOBILE */

@media (max-width: 420px) {

.wmcallflow-points span {
    align-items: flex-start;
    font-size: 10px;
}

.wmcallflow-badge {
    left: 17px;
    bottom: 17px;
    max-width: calc(100% - 34px);
}

}


/* MOBILE  */



/* SMALL MOBILE  */

@media (max-width: 420px) {

.wmkcallregion-item {
    grid-template-columns: 1fr;
}

.wmkcallregion-icon {
    width: 44px;
    height: 44px;
}

.wmkcallregion-side {
    grid-column: auto;
}

.wmkcallregion-foot {
    grid-template-columns: 1fr;
}

}


/* Mobile */


/* Small Mobile */

@media (max-width: 420px) {

.wmkaiassist-feature {
    grid-template-columns: 38px minmax(0, 1fr);
}

.wmkaiassist-feature-icon {
    width: 38px;
    height: 38px;
}

.wmkaiassist-image-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}

.wmkaiassist-image-badge {
    left: 17px;
    bottom: 17px;
}

}




/* =========================================================
TABLET
========================================================= */

@media (max-width: 950px) {

.wmkaiscale-section {
    padding: 72px 0;
}

.wmkaiscale-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

}




/* SMALL MOBILE */

@media (max-width: 420px) {

.wmkaiscale-card-head {
    align-items: flex-start;
    flex-direction: column;
}

.wmkaiscale-label {
    white-space: normal;
    text-align: center;
}

.wmkaiscale-bottom {
    grid-template-columns: 1fr;
}

}


/*  TABLET  */

@media (max-width: 950px) {

.wmkaiway-section {
    padding: 68px 0;
}

.wmkaiway-shell {
    padding: 36px 30px;
}

.wmkaiway-row,
.wmkaiway-row--reverse {
    gap: 42px;
}

}



/*  SMALL MOBILE  */

@media (max-width: 420px) {

.wmkaiway-shell {
    padding: 23px 14px;
}

.wmkaiway-feature {
    grid-template-columns: 39px minmax(0,1fr);
}

.wmkaiway-feature-icon {
    width: 39px;
    height: 39px;
}

.wmkaiway-image-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}

.wmkaiway-image-badge {
    left: 17px;
    bottom: 17px;
    max-width: calc(100% - 34px);
}

}


@media (max-width: 480px) {

.wmkaidivider-actions {
    flex-direction: column;
}

.wmkaidivider-btn {
    width: 100%;
}

}




/*   SMALL MOBILE  */

@media (max-width: 420px) {

.wmkaiconnectx-shell,
.wmkaivoicex-shell {
    padding: 22px 14px;
}

.wmkaiconnectx-image-head,
.wmkaivoicex-image-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
}

.wmkaiconnectx-image-head strong,
.wmkaivoicex-image-head strong {
    white-space: normal;
}

.wmkaiconnectx-image-badge,
.wmkaivoicex-image-badge {
    left: 17px;
    bottom: 17px;
}

.wmkaicomparex-bottom {
    grid-template-columns: 1fr;
}

}





/*  TABLET  */

@media (max-width: 900px) {

.mmeai10x-section {
    padding: 70px 18px 80px;
}

.mmeai10x-heading {
    margin-bottom: 48px;
}

.mmeai10x-grid {
    grid-template-columns: 1fr;

    width: min(100%, 540px);
    margin-inline: auto;

    gap: 28px;
}

.mmeai10x-heading h2 {
    font-size: clamp(36px, 6vw, 44px);
}

.wmkaboutv2-section {
    padding: 68px 0 70px;
}

.wmkaboutv2-layout {
    grid-template-columns: 1fr;
    gap: 54px;
}

.wmkaboutv2-content {
    max-width: 720px;
    text-align: center;
    margin-inline: auto;
}

.wmkaboutv2-actions{
  justify-content: center;
}

.wmkaboutv2-visual {
    max-width: 520px;
    margin: 0 auto;
}
#marketing-trusted {
padding: 74px 0 78px;
}

#marketing-trusted .wmktrust-heading {
margin-bottom: 34px;
}

#marketing-trusted .wmktrust-logo-card {
width: 175px;
min-width: 175px;
height: 88px;
}

#marketing-trusted .wmktrust-logo-card img {
max-width: 140px;
max-height: 43px;
}

#marketing-touchpoints {
padding: 78px 0;
}

#marketing-touchpoints .wmtouch-heading {
margin-bottom: 34px;
}

#marketing-touchpoints .wmtouch-visual-shell {
padding: 13px;
border-radius: 25px;
}

#marketing-touchpoints .wmtouch-figure {
border-radius: 19px;
}

#marketing-performance {
padding: 66px 0;
}

#marketing-performance .wmgrowth-shell {
grid-template-columns: minmax(0, 1fr);
}

#marketing-performance .wmgrowth-intro {
text-align: center;
}

#marketing-performance .wmgrowth-intro h2,
#marketing-performance .wmgrowth-intro > p {
margin-right: auto;
margin-left: auto;
max-width: 100%;
}

#marketing-performance .wmgrowth-proof {
justify-content: center;
}

#integrations {
padding: 85px 0;
}

#integrations .mkintegrate-visual {
padding: 12px;
}

#integrations .mkintegrate-image-frame {
padding: 13px;
border-radius: 27px;
}

#integrations .mkintegrate-image-frame::after {
inset: 13px;
border-radius: 20px;
}

#integrations .mkintegrate-image {
border-radius: 20px;
}

.feature-tabs-shell {
grid-template-columns: 220px minmax(0, 1fr);
gap: 15px;
}

.feature-tab-nav {
gap: 7px;
padding: 9px;
}

.feature-tab-button {
min-height: 67px;

grid-template-columns:
35px minmax(0, 1fr);

padding:
9px 9px 13px;
}

.feature-tab-button::after {
display: none;
}

.feature-tab-icon {
width: 35px;
height: 35px;
}

.feature-tab-label b {
font-size: 11.5px;
}

.feature-tab-stage {
padding: 23px;
}

.feature-panel-grid {
grid-template-columns: 1fr;
gap: 24px;
}

.feature-demo {
min-height: 350px;
}
.feature-tabs-shell {
grid-template-columns:
1fr;

min-height: 0;
}

.feature-tab-nav {
flex-direction: row;

overflow-x: auto;

padding: 12px;

scrollbar-width: thin;
}

.feature-tab-button {
min-width: 220px;
min-height: 78px;
}

.feature-tab-button:hover {
transform:
translateY(-2px);
}

.feature-tab-stage {
padding: 32px;
}

.feature-panel-grid {
min-height: 0;
}
.ca-heading {
margin-bottom: 34px;
}

.ca-layout {
grid-template-columns: 1fr;
gap: 30px;
}

.ca-intro {
position: relative;
top: auto;

max-width: 740px;
margin-inline: auto;
}

.ca-intro>h3,
.ca-intro>p {
max-width: 650px;
}

.ca-benefit-list {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}

.ca-benefit-list article {
grid-template-columns: 1fr;
}

.ca-benefit-list article>span {
margin-bottom: 2px;
}

.ca-sync-note {
max-width: 480px;
}

.ca-main-grid {
grid-template-columns:
minmax(0, 1fr) 220px;
}
.testimonials-header {
grid-template-columns: 1fr;
align-items: start;

gap: 24px;
}

.testimonials-heading {
max-width: 720px;
}

.testimonials-meta {
width: 100%;

flex-direction: row;
align-items: center;
justify-content: space-between;

gap: 20px;
}

.tst-card {
width: 410px;
flex-basis: 410px;
}
.pricing-grid {
grid-template-columns: 1fr;
max-width: 420px;
margin: 0 auto;
}

.pcard.pop {
transform: none;
}
.faq-shell {
grid-template-columns:
1fr;

gap: 33px;
}

.faq-intro {
position: relative;
top: auto;

max-width: 700px;

margin-inline: auto;

text-align: center;
}

.faq-heading {
text-align: center;
}

.faq-heading h2,
.faq-heading p {
max-width: 700px;

margin-inline: auto;
}

.faq-topics {
justify-content: center;
}

.faq-intro-card {
max-width: 470px;

margin-inline: auto;

text-align: left;
}

.faq-grid {
max-width: 760px;

margin-inline: auto;
}

#ai-support-automation {
padding: 78px 0;
}

#ai-support-automation .dualassist-image-area {
max-height: 470px;
}

#ai-support-automation .dualassist-frame-bottom {
grid-template-columns: minmax(0, 1fr);
}

#ai-support-automation
.dualassist-capability
+ .dualassist-capability {
border-top: 1px solid rgba(16, 24, 40, 0.065);
border-left: 0;
}

#sales-crm-integrations {
padding: 76px 0;
}

#sales-crm-integrations .salescrm-image-area {
min-height: 480px;
}

#sales-crm-integrations .salescrm-image {
max-height: 440px;
}

#sales-crm-integrations .salescrm-frame-footer {
grid-template-columns: minmax(0, 1fr);
}

#sales-crm-integrations
.salescrm-footer-item
+ .salescrm-footer-item {
border-top: 1px solid rgba(16, 24, 40, 0.065);
border-left: 0;
}

.wmecom-benefits {
    padding: 70px 0;
}

.wmecom-benefits-grid {
    gap: 13px;
    padding: 14px;
    border-radius: 23px;
}

.wmecom-benefit-card {
    min-height: 190px;
    padding: 19px 45px 19px 17px;
}

.wmcb-flow-shell {
    grid-template-columns: 1fr;
    /* max-width: 680px; */
    margin: 0 auto;
}

.wmcb-flow-track {
    display: none;
}

.wmapi-intro-shell {
    grid-template-columns: 1fr;
    max-width: 720px;
}

.wmapi-intro-content {
    padding: 5px 4px 8px;
}

.wmapiroles-panel {
    grid-template-columns: 1fr;
    max-width: 700px;
}

.wmapiroles-item + .wmapiroles-item {
    border-left: 0;
    border-top: 1px solid rgba(16, 24, 40, .075);
}

.wmapiroles-text {
    min-height: 0;
}

.wmapiroles-action,
.wmapiroles-features + .wmapiroles-action {
    margin-top: 24px;
}

.wmapimetrics-shell {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin: 0 auto;
}

.wmapimetrics-copy {
    padding: 8px 4px;
    text-align: center;
    align-items: center;
}

.wmapimetrics-copy h2,
.wmapimetrics-copy p {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.wmbapdiff-showcase {
    overflow-x: auto;
}

.wmbapdiff-top,
.wmbapdiff-line,
.wmbapdiff-bottom {
    min-width: 840px;
}

.pricing-page .wmprice-card { min-height: 0; }
.pricing-page .wmprice-card--featured { transform: none; }
.pricing-page .pp-compare-section { padding: 72px 0; }

.wmjourney-feature,
.wmjourney-feature-reverse {
    grid-template-columns: 1fr;
    min-height: 0;
}

.wmjourney-feature-reverse .wmjourney-visual,
.wmjourney-feature-reverse .wmjourney-content {
    order: initial;
}

.wmjourney-visual {
    min-height: 330px;
    padding: 24px;
}

.wmjourney-image-frame,
.wmjourney-image-frame img {
    min-height: 280px;
}

.wmjourney-content {
    padding: 32px;
}

.wmjourney-feature-reverse .wmjourney-index {
    left: 20px;
    right: auto;
}

.wmintegrate-image-wrap {
    min-height: 440px;
    padding: 26px;
}

.wmintegrate-image-wrap img {
    max-height: 380px;
}

.wmintegrate-bottom {
    grid-template-columns: 1fr;
}

.wmintegrate-point + .wmintegrate-point {
    border-left: 0;
    border-top: 1px solid rgba(16, 24, 40, .065);
}

.wmmessengerflow-shell {
    grid-template-columns: 1fr;
}

.wmmessengerflow-copy {
    padding: 26px 14px;
}

.wmmessengerflow-steps {
    grid-template-rows: none;
}

.wmfbwelcome-box {
    grid-template-columns: 1fr;
    gap: 26px;
}

.wmfbwelcome-phone {
    min-height: 380px;
}

.wmfbwelcome-image {
    min-height: 350px;
}

.wmreqint-section {
padding: 64px 0;
}

.wmreqint-shell {
padding: 38px 32px 34px;
}

.wmreqint-copy h2 {
max-width: 850px;
}

.wmreqint-copy p {
max-width: 760px;
}

.wmbcastvalue-section,
.wmbcastreach-section,
.wmbcasttemplate-section,
.wmbcastanalytics-section,
.wmbcastretarget-section {
    padding: 70px 0;
}

.wmbcastvalue-shell {
    padding: 40px 30px;
}

.wmbcastreach-row,
.wmbcasttemplate-row,
.wmbcastanalytics-row,
.wmbcastretarget-row {
    gap: 38px;
}

.wmcallflow-section {
    padding: 72px 0;
}

.wmcallflow-row,
.wmcallflow-row--reverse {
    gap: 42px;
}

.wmstartflow-wrap {
    grid-template-columns: 1fr;
    max-width: 700px;
}

.wmstartflow-track {
    display: none;
}

.wmstartflow-step > p {
    min-height: 0;
}

.wmstartflow-bottom {
    max-width: 700px;
}


.wmkcallregion-section {
    padding: 72px 0;
}

.wmkcallregion-item {
    grid-template-columns: 52px minmax(0,1fr);
}

.wmkcallregion-side {
    grid-column: 2;
    padding: 13px 0 0;
    border-top: 1px solid var(--border);
    border-left: 0;
}

.wmkaiassist-section {
    padding: 72px 0;
}

.wmkaiassist-shell {
    gap: 42px;
}

.wmkuseflow-layout {
    grid-template-columns: 1fr;
}

.wmkuseflow-featured {
    min-height: 390px;
}

.wmh-integration-grid { grid-template-columns: 1fr; }
.wmh-integration-actions { grid-template-columns: 1fr; }
.wmh-mega-menu--integrations { width: min(520px, calc(100vw - 28px)); }

#support-page-hero {
    padding: 52px 0 28px;
}

}


/*    MOBILE */

@media (max-width: 650px) {

.wmkaboutv2-section {
    padding: 52px 0 54px;
}

.wmkaboutv2-content h1 {
    font-size: clamp(32px, 8.5vw, 48px);
}

.wmkaboutv2-description {
    font-size: 13px;
}

.wmkaboutv2-actions {
    gap: 12px;
}

.wmkaboutv2-primary,
.wmkaboutv2-secondary {
    min-height: 50px;
    padding: 0 18px;
    font-size: 12.5px;
}

.wmkaboutv2-values {
    grid-template-columns: 1fr;
    gap: 0;
    padding-top: 18px;
}

.wmkaboutv2-values > div,
.wmkaboutv2-values > div + div {
    padding: 12px 0;
    border: 0;
}

.wmkaboutv2-values > div:first-child {
    padding-top: 0;
}

.wmkaboutv2-values > div:last-child {
    padding-bottom: 0;
}

.wmkaboutv2-values > div + div {
    border-top: 1px solid #edf1f5;
}

.wmkaboutv2-values > div + div::before {
    display: none;
}

.wmkaboutv2-values span {
    margin-bottom: 5px;
}

.wmkaboutv2-values strong {
    font-size: 13px;
}

.wmkaboutv2-visual {
    padding: 38px 8px 10px;
}

.wmkaboutv2-floating-tag {
    top: 0;
    left: 18px;
}

}


/*   SMALL MOBILE = */

@media (max-width: 480px) {

.wmkaboutv2-actions {
    flex-direction: column;
    align-items: stretch;
}

.wmkaboutv2-primary,
.wmkaboutv2-secondary {
    width: 100%;
}

.wmkaboutv2-primary {
    justify-content: center;
}

.wmkaboutv2-image {
    border-width: 5px;
    border-radius: 22px;
}

.wmkaboutv2-backdrop {
    border-radius: 25px;
}

.wmkaboutv2-image-label {
    right: 16px;
    bottom: 16px;
    left: 16px;
}

.wmkaboutv2-image-label strong {
    font-size: 13px;
}

}


/* Tablet */

@media (max-width: 950px) {
.wmkaboutjourney-section {
    padding: 64px 0;
}

.wmkaboutjourney-shell {
    padding: 32px;
}

.wmkaboutjourney-header {
    grid-template-columns: 1fr;
    gap: 14px;
}

.wmkaboutjourney-header > p {
    max-width: 720px;
}

.wmkaboutjourney-grid {
    grid-template-columns: 1fr;
}
}


/* Mobile */

@media (max-width: 650px) {
.wmkaboutjourney-section {
    padding: 50px 0;
}

.wmkaboutjourney-shell {
    padding: 21px;
    border-radius: 20px;
}

.wmkaboutjourney-heading h2 {
    font-size: 30px;
}

.wmkaboutjourney-story,
.wmkaboutjourney-principles {
    padding: 20px;
    border-radius: 15px;
}

.wmkaboutjourney-footer {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
}
}


/* Small Mobile */

@media (max-width: 480px) {
.wmkaboutjourney-shell {
    padding: 17px;
}

.wmkaboutjourney-story h3 {
    font-size: 19px;
}
}


@media (max-width: 650px) {
.wmkawardwall-section {
    padding: 54px 0;
}

.wmkawardwall-intro h2 {
    font-size: 31px;
}

.wmkawardwall-display {
    padding: 18px;
    border-radius: 21px;
}

.wmkawardwall-row {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.wmkawardwall-badge {
    min-height: 160px;
    padding: 14px;
}

.wmkawardwall-badge img,
.wmkawardwall-badge-featured img {
    max-width: 125px;
    max-height: 135px;
}
}

@media (max-width: 430px) {
.wmkawardwall-row {
    grid-template-columns: 1fr;
}

.wmkawardwall-divider {
    grid-template-columns: 1fr;
    text-align: center;
}

.wmkawardwall-divider span {
    display: none;
}
}



@media(max-width:980px){
.wmkway-section{padding:68px 0}
.wmkway-shell{padding:34px}
.wmkway-head{grid-template-columns:1fr;gap:15px}
.wmkway-head>p{max-width:700px}
.wmkway-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wmkway-connector{display:none}
}

@media(max-width:650px){
.wmkway-section{padding:52px 0}
.wmkway-shell{padding:22px;border-radius:21px}
.wmkway-head h2{font-size:31px}
.wmkway-flow{grid-template-columns:1fr}
.wmkway-foot{align-items:flex-start;flex-direction:column;gap:8px}
.wmkway-foot strong{text-align:left}
}


@media(max-width:900px){
.wmkpurpose-section{padding:68px 0}
.wmkpurpose-layout{grid-template-columns:1fr;gap:38px}
.wmkpurpose-statement h2,.wmkpurpose-statement>p{max-width:720px}
}

@media(max-width:650px){
.wmkpurpose-section{padding:52px 0}
.wmkpurpose-statement h2{font-size:31px}
.wmkpurpose-row{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:20px 0}
.wmkpurpose-number{width:34px;height:34px}
.wmkpurpose-row strong{font-size:14px}
}



/* ========================
Tablet
======================== */

@media (max-width: 950px) {

.wmkintshow-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
}

.wmkintshow-custom {
    grid-column: 1 / -1;
    max-width: calc(50% - 11px);
    width: 100%;
    justify-self: center;
}
}


/* ========================
Mobile
======================== */

@media (max-width: 680px) {

.wmkintshow-section {
    padding: 60px 0;
}

.wmkintshow-head {
    margin-bottom: 32px;
}

.wmkintshow-head h2 {
    font-size: 32px;
}

.wmkintshow-grid {
    grid-template-columns: 1fr;
}

.wmkintshow-custom {
    grid-column: auto;
    max-width: none;
}

.wmkintshow-card {
    padding: 21px;
    border-radius: 20px;
}

.wmkintshow-content {
    margin-top: 23px;
}

.wmkintshow-content p {
    min-height: 0;
}
}


/* ========================
Small Mobile
======================== */

@media (max-width: 430px) {

.wmkintshow-actions {
    grid-template-columns: 1fr;
}

.wmkintshow-primary,
.wmkintshow-secondary {
    min-height: 48px;
    font-size: 13px;
}
}




/*   MOBILE */



/*   SMALL MOBILE  */

@media (max-width: 480px) {

.wmkflowbridge-eyebrow {
    min-height: 30px;
    padding: 0 10px;
    font-size: 9px;
}

.wmkflowbridge-intro h2 {
    font-size: 29px;
}

.wmkflowbridge-highlight {
    grid-template-columns: 34px minmax(0,1fr);
    padding: 14px;
}

.wmkflowbridge-highlight-number {
    width: 32px;
    height: 32px;
}

.wmkflowbridge-board {
    padding: 68px 18px 18px;
}

.wmkflowbridge-source {
    grid-template-columns: 44px minmax(0,1fr);
}

.wmkflowbridge-source-icon {
    width: 44px;
    height: 44px;
}

.wmkflowbridge-hub {
    padding: 27px 20px;
    border-radius: 22px;
}

.wmkflowbridge-hub-ring-two {
    width: 200px;
    height: 200px;
}
}




/* Responsive */

@media (max-width: 650px) {
.wmkuseflow-section {
    padding: 62px 0;
}

.wmkuseflow-head {
    margin-bottom: 32px;
}

.wmkuseflow-head h2 {
    font-size: 31px;
}

.wmkuseflow-featured {
    min-height: 0;
    padding: 24px;
    border-radius: 22px;
}

.wmkuseflow-featured h3 {
    font-size: 21px;
}

.wmkuseflow-item {
    grid-template-columns: 46px minmax(0,1fr);
    padding: 20px;
    border-radius: 18px;
}

.wmkuseflow-item-icon {
    width: 46px;
    height: 46px;
}

.wmkuseflow-mini-flow {
    grid-column: 1 / -1;
}
}



/* Mobile */

@media (max-width: 650px) {
.wmkbotlibx-section {
    padding: 62px 0;
}

.wmkbotlibx-heading {
    margin-bottom: 34px;
}

.wmkbotlibx-heading h2 {
    font-size: 32px;
}

.wmkbotlibx-library-head {
    align-items: flex-start;
}

.wmkbotlibx-grid {
    grid-template-columns: 1fr;
    gap: 15px;
}

.wmkbotlibx-card {
    min-height: 0;
    padding: 22px;
}

.wmkbotlibx-view {
    margin-top: 2px;
}

.wmkbotlibx-modal {
    padding: 14px;
}

.wmkbotlibx-modal-box {
    max-height: calc(100vh - 28px);
    border-radius: 18px;
}

.wmkbotlibx-modal-media {
    min-height: 350px;
    padding: 18px;
}
}


/* Small Mobile */

@media (max-width: 420px) {
.wmkbotlibx-heading h2 {
    font-size: 29px;
}

.wmkbotlibx-heading p {
    font-size: 13px;
}

.wmkbotlibx-library-head {
    flex-direction: column;
    gap: 10px;
}

.wmkbotlibx-card {
    padding: 19px;
    border-radius: 18px;
}

.wmkbotlibx-card h3 {
    font-size: 18px;
}

.wmkbotlibx-icon {
    width: 47px;
    height: 47px;
}

.wmkbotlibx-view {
    min-height: 43px;
    font-size: 11px;
}

.wmkbotlibx-modal-top {
    padding-left: 16px;
}

.wmkbotlibx-modal-media {
    min-height: 300px;
    padding: 14px;
}
}




/* Tablet */

@media (max-width: 768px) {
.wmkbotlibx-modal {
    padding: 54px 18px 24px;
}

.wmkbotlibx-modal-preview img {
    max-width: 94vw;
    max-height: calc(100vh - 90px);
}

.wmkbotlibx-modal-close {
    top: 10px;
    right: 10px;
}
}


/* Mobile */

@media (max-width: 480px) {
.wmkbotlibx-modal {
    padding: 52px 12px 18px;
}

.wmkbotlibx-modal-preview img {
    max-width: 96vw;
    max-height: calc(100vh - 78px);
}

.wmkbotlibx-modal-close {
    width: 34px;
    height: 34px;
    font-size: 30px;
}
}





/* Responsive */


@media(max-width:1000px){

.wmkchatflow-wrapper {
    grid-template-columns:1fr;
    gap:45px;
}

.wmmessengerflow-copy h2{
  max-width: 100%;
}

}


@media(max-width:700px){

.wmkchatflow-section {
    padding:70px 0;
}


.wmkchatflow-heading h2 {
    font-size:31px;
}


.wmkchatflow-item {
    padding:22px;
}


.wmkchatflow-device {
    width:100%;
}

}


@media(prefers-reduced-motion:reduce){

*,
*::before,
*::after {

    animation:none!important;
    transition:none!important;

}

}




/* =====================================
Responsive
===================================== */

@media(max-width:1100px){

.wmkcareer-story-grid{
    grid-template-columns:1fr;
    gap:45px;
}

.wmkcareer-story-visual{
    max-width:650px;
    width:100%;
    margin:auto;
}

.wmkcareer-culture-grid,
.wmkcareer-values-grid{
    grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:768px){

.wmkcareer-story-section,
.wmkcareer-culture-section,
.wmkcareer-values-section{
    padding:70px 0;
}

.wmkcareer-story-content h2,
.wmkcareer-culture-heading h2,
.wmkcareer-values-heading h2{
    font-size:36px;
}

.wmkcareer-story-content p,
.wmkcareer-culture-heading p{
    font-size:16px;
}

.wmkcareer-story-frame{
    padding:22px;
}

.wmkcareer-culture-grid,
.wmkcareer-values-grid{
    grid-template-columns:1fr;
}

}


@media(max-width:480px){

.wmkcareer-story-section,
.wmkcareer-culture-section,
.wmkcareer-values-section{
    padding:55px 0;
}

.wmkcareer-story-content h2,
.wmkcareer-culture-heading h2,
.wmkcareer-values-heading h2{
    font-size:30px;
    line-height:1.2;
}

.wmkcareer-story-main strong{
    font-size:21px;
}

.wmkcareer-story-step strong{
    font-size:15px;
}

.wmkcareer-culture-card,
.wmkcareer-value-card{
    padding:24px;
}

.wmkcareer-culture-card h3,
.wmkcareer-value-card h3{
    font-size:21px;
}

}



/* =====================================
Responsive
===================================== */

@media(max-width:900px){
.wmkcareer-hiring-grid{
    grid-template-columns:1fr;
}
}

@media(max-width:768px){
.wmkcareer-hiring-section{
    padding:75px 0;
}

.wmkcareer-hiring-card{
    min-height:auto;
    padding:26px;
    border-radius:24px;
}

.wmkcareer-hiring-top strong{
    font-size:22px;
}

.wmkcareer-hiring-card p{
    font-size:15px;
    max-width:100%;
}
}

@media(max-width:480px){
.wmkcareer-hiring-top{
    gap:14px;
    margin-bottom:18px;
}

.wmkcareer-hiring-top span{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:14px;
}

.wmkcareer-hiring-top strong{
    font-size:20px;
}
}


/* ==========================================
Responsive
========================================== */


@media(max-width:1100px){

.wmkcareer-why-grid,
.wmkcareer-life-grid{
    grid-template-columns:1fr;
    gap:45px;
}


.wmkcareer-team-grid{
    grid-template-columns:repeat(2,1fr);
}


.wmkcareer-highlights{
    grid-template-columns:1fr;
}

}



@media(max-width:768px){

.wmkcareer-why-section,
.wmkcareer-teams-section,
.wmkcareer-life-section,
.wmkcareer-hiring-section{
    padding:75px 0;
}


.wmkcareer-section-head h2,
.wmkcareer-why-content h2,
.wmkcareer-life-content h2{
    font-size:36px;
}


.wmkcareer-section-head p,
.wmkcareer-why-content p,
.wmkcareer-life-content p{
    font-size:16px;
}


.wmkcareer-team-grid{
    grid-template-columns:1fr;
}

}



@media(max-width:480px){

.wmkcareer-section-head h2,
.wmkcareer-why-content h2,
.wmkcareer-life-content h2{
    font-size:30px;
    line-height:1.2;
}


.wmkcareer-image-frame{
    border-radius:22px;
}


.wmkcareer-team-card,
.wmkcareer-highlight{
    padding:22px;
}

}






/* ==========================================
Responsive
========================================== */


@media(max-width:1100px){

.wmkcareer-benefitx-grid{
    grid-template-columns:repeat(2,1fr);
}


.wmkcareer-diversex-layout{
    grid-template-columns:1fr;
    gap:45px;
}

}



@media(max-width:768px){

.wmkcareer-benefitx-section,
.wmkcareer-diversex-section{
    padding:75px 0;
}


.wmkcareer-benefitx-head h2,
.wmkcareer-diversex-content h2{
    font-size:36px;
}


.wmkcareer-benefitx-grid,
.wmkcareer-diversex-values{
    grid-template-columns:1fr;
}


.wmkcareer-diversex-image img{
    height:420px;
}

}



@media(max-width:480px){

.wmkcareer-benefitx-head h2,
.wmkcareer-diversex-content h2{
    font-size:30px;
    line-height:1.2;
}


.wmkcareer-benefitx-card{
    padding:24px;
}


.wmkcareer-diversex-image img{
    height:320px;
    border-radius:22px;
}

}



/* ==========================================
Responsive
========================================== */


@media(max-width:1100px){

.wmkcontact-v6-hero-grid,
.wmkcontact-v6-form-box{
    grid-template-columns:1fr;
}

.wmkcontact-v6-hero-content, .wmkcontact-v6-form-info {
    margin-inline: auto;
    text-align: center;
}
.wmkcontact-v6-hero-content h1,p{
  max-width: 100% !important;
  padding-inline: 10px;
}
.wmkcontact-v6-actions{
  justify-content: center;
}
.wmkcontact-v6-benefits {
  display: flex;
  gap: 15px;
  justify-content: center;
}


.wmkcontact-v6-cards{
    grid-template-columns:repeat(2,1fr);
}

}



@media(max-width:768px){

.wmkcontact-v6-hero,
.wmkcontact-v6-options,
.wmkcontact-v6-form-section{
    padding:70px 0;
}


.wmkcontact-v6-hero-content h1{
    font-size:38px;
}


.wmkcontact-v6-heading h2,
.wmkcontact-v6-form-info h2{
    font-size:34px;
}


.wmkcontact-v6-cards,
.wmkcontact-v6-row{
    grid-template-columns:1fr;
}


.wmkcontact-v6-actions,
.wmkcontact-v6-points{
    flex-direction:column;
}


.wmkcontact-v6-form-box{
    padding:25px;
}

.wmkcontact-v6-hero-content, .wmkcontact-v6-form-info {
  margin-inline: 0;
  text-align: left;
}

.wmkcontact-v6-benefits{
  display: block;
}

}



@media(max-width:480px){

.wmkcontact-v6-hero-content h1{
    font-size:31px;
}


.wmkcontact-v6-form{
    padding:22px;
}


.wmkcontact-v6-image img{
    height:350px;
}

}




/* Responsive */

@media (max-width:1050px) {
.wmkprivacyx-hero-inner {
    grid-template-columns:1fr;
    gap:40px;
}

.wmkprivacyx-hero-panel {
    max-width:700px;
}

.wmkprivacyx-layout {
    grid-template-columns:1fr;
    gap:42px;
}

.wmkprivacyx-sidebar {
    position:static;
}

.wmkprivacyx-sidebar nav {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}
}


@media (max-width:768px) {
.wmkprivacyx-hero {
    padding:72px 0 65px;
}

.wmkprivacyx-hero h1 {
    font-size:40px;
}

.wmkprivacyx-content {
    padding:65px 0 80px;
}

.wmkprivacyx-sidebar nav,
.wmkprivacyx-data-grid,
.wmkprivacyx-info-list {
    grid-template-columns:1fr;
}

.wmkprivacyx-block {
    padding-bottom:42px;
    margin-bottom:42px;
}

.wmkprivacyx-block h2 {
    font-size:27px;
}

.wmkprivacyx-contact-layout {
    grid-template-columns:1fr;
    gap:25px;
}
}


@media (max-width:520px) {
.wmkprivacyx-hero {
    padding:58px 0 52px;
}

.wmkprivacyx-hero h1 {
    font-size:34px;
}

.wmkprivacyx-hero-copy > p {
    font-size:15px;
}

.wmkprivacyx-hero-panel {
    padding:20px;
    border-radius:18px;
}

.wmkprivacyx-sidebar-card {
    padding:17px;
}

.wmkprivacyx-data-grid article,
.wmkprivacyx-info-list > div {
    padding:19px;
}

.wmkprivacyx-contact {
    padding:24px 20px;
}

.wmkprivacyx-contact-action a {
    width:100%;
}
}



/* =========================================================
RESPONSIVE
========================================================= */

@media (max-width: 1020px) {

.wmshp2-hero-layout {
    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,1fr);
    gap: 40px;
}

.wmshp2-overview-grid {
    gap: 45px;
}

}


@media (max-width: 880px) {

.wmshp2-hero-layout,
.wmshp2-overview-grid,
.wmshp2-section-head {
    grid-template-columns: 1fr;
}

.wmshp2-hero-copy {
    max-width: 680px;
    margin-inline: auto;
    text-align: center;
}

.wmshp2-app-line {
    margin-inline: auto;
}

.wmshp2-hero-copy h1,
.wmshp2-hero-copy > p {
    margin-left: auto;
    margin-right: auto;
}

.wmshp2-hero-actions,
.wmshp2-hero-proof {
    justify-content: center;
}

.wmshp2-hero-media {
    width: min(100%,620px);
    margin-inline: auto;
}

.wmshp2-overview-copy {
    max-width: 650px;
}

.wmshp2-section-head {
    gap: 13px;
}

.wmshp2-section-head > p {
    max-width: 650px;
}

}



@media (max-width: 620px) {

.wmshp2-hero {
    padding: 106px 0 36px;
}

.wmshp2-hero-copy h1 {
    font-size: 33px;
}

.wmshp2-hero-copy > p {
    font-size: 14px;
}

.wmshp2-app-line {
    grid-template-columns: 40px minmax(0,1fr);
}

.wmshp2-app-line > b {
    grid-column: 1 / -1;
    width: fit-content;
    margin-left: 50px;
}

.wmshp2-hero-actions {
    flex-direction: column;
}

.wmshp2-primary-btn,
.wmshp2-secondary-btn {
    width: 100%;
}

.wmshp2-secondary-btn {
    padding-right: 14px;
}

.wmshp2-hero-proof {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-items: flex-start;
}

.wmshp2-hero-media {
    min-height: 410px;
}

.wmshp2-main-image {
    height: 365px;
    border-radius: 18px;
}

.wmshp2-image-badge {
    min-width: 150px;
    padding: 8px 9px;
}

.wmshp2-image-badge > span {
    width: 30px;
    height: 30px;
}

.wmshp2-image-badge strong {
    font-size: 9px;
}

.wmshp2-image-badge small {
    font-size: 9px;
}

.wmshp2-image-badge-top {
    right: -2px;
    top: 25px;
}

.wmshp2-image-badge-bottom {
    left: -2px;
    bottom: 20px;
}

.wmshp2-overview,
.wmshp2-capabilities,
.wmshp2-journey {
    padding: 54px 0;
}

.wmshp2-overview-copy h2,
.wmshp2-section-head h2,
.wmshp2-journey-heading h2 {
    font-size: 27px;
}

.wmshp2-overview-image,
.wmshp2-overview-image img {
    min-height: 300px;
    height: 300px;
}

.wmshp2-inline-action {
    width: 100%;
    justify-content: flex-start;
}

.wmshp2-inline-action > i {
    margin-left: auto;
}

.wmshp2-capability {
    padding: 20px;
}

.wmshp2-journey-shell {
    padding: 27px 20px;
}

.wmshp2-flow article {
    min-height: 0;
    padding: 20px;
}

.wmshp2-cta {
    padding-bottom: 58px;
}

.wmshp2-cta-shell {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 31px 22px;
    border-radius: 17px;
}

.wmshp2-cta-btn {
    width: 100%;
}

}


/* Responsive page-system rules. */
@media (min-width: 921px) {


.pricing-page .pp-hero-grid {
grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
gap: 44px;
}

.pricing-page .pp-hero-title {
font-size: clamp(44px, 4.35vw, 57px);
line-height: 1.04;
}

.pricing-page .pp-hero-visual {
min-height: 440px;
}

.pricing-page .pp-growth-orbit {
width: 370px;
height: 370px;
border: 0;
box-shadow: none;
}

.pricing-page .pp-growth-card {
width: min(100%, 390px);
min-height: 365px;
padding: 26px;
border-radius: 22px;
}
}



@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}



@media (min-width: 1051px) {
.wmkprivacyx-sidebar {
position: sticky !important;
top: 110px !important;
align-self: start !important;
}

.wmkprivacyx-sidebar-card {
max-height: calc(100vh - 140px);
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
}
}



/* Tablet feature tabs: keep every tab visible in a vertical rail and give
the active panel enough width for readable copy and its demo. */
@media (min-width: 701px) and (max-width: 1080px) {
.feature-tabs-shell {
grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) !important;
align-items: start;
gap: 16px;
}

.feature-tab-nav {
position: sticky !important;
top: 82px !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
width: 100%;
height: max-content;
padding: 8px !important;
overflow: visible !important;
}

.feature-tab-button {
width: 100%;
min-width: 0 !important;
min-height: 62px;
grid-template-columns: 34px minmax(0, 1fr) !important;
gap: 8px;
padding: 8px !important;
}

.feature-tab-button::after {
display: none !important;
}

.feature-tab-stage {
min-width: 0;
padding: 22px !important;
overflow: hidden;
}

.feature-panel-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px;
min-height: 0 !important;
}

.feature-panel-copy h3 {
max-width: 100%;
font-size: clamp(25px, 3.6vw, 32px);
}

.feature-panel-copy > p {
max-width: 100%;
font-size: 14px;
}

.feature-point-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}

.feature-demo {
min-height: 330px;
}
}


/* =========================================================
   FOOTER RESPONSIVE
========================================================= */

@media (max-width: 1100px){

.webftminexc-shell{
padding:40px 30px 24px;
}

.webftminexc-top-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:52px;
row-gap:38px;
}

.webftminexc-brand-awards{
grid-template-columns:1fr;
gap:34px;
margin-top:36px;
}

.webftminexc-brand-side{
max-width:420px;
}

.webftminexc-awards-side{
align-items:flex-start;
}

.webftminexc-award-row{
justify-content:flex-start;
}

.webftminexc-bottom{
grid-template-columns:1fr auto;
gap:22px 30px;
}

.webftminexc-copyright{
min-width:0;
}

.webftminexc-social{
justify-content:flex-end;
}

.webftminexc-legal{
justify-content:flex-start;
}

.webftminexc-security{
justify-content:flex-end;
}

}


@media (max-width: 800px){

.webftminexc-footer{
padding-top:16px;
}

.webftminexc-shell{
padding:34px 22px 22px;
border-radius:24px 24px 0 0;
}

.webftminexc-top-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:28px;
row-gap:34px;
}

.webftminexc-heading{
margin-bottom:15px;
font-size:14px;
}

.webftminexc-heading-space{
margin-top:26px;
}

.webftminexc-list li{
margin-bottom:12px;
}

.webftminexc-list a{
font-size:13px;
line-height:1.5;
}

.webftminexc-brand-awards{
gap:28px;
margin-top:34px;
padding-bottom:26px;
}

.webftminexc-footer-logo{
width:150px;
}

.webftminexc-tagline{
margin-top:19px;
font-size:12.5px;
}

.webftminexc-official-partners{
gap:12px;
margin-top:20px;
}

.webftminexc-partner-logo:first-child{
padding-right:12px;
}

.webftminexc-partner-logo:first-child img{
width:85px;
}

.webftminexc-partner-logo:last-child img{
width:94px;
}

.webftminexc-awards-side{
gap:13px;
}

.webftminexc-award-row{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
width:100%;
}

.webftminexc-award-row > img,
.webftminexc-meta-award img{
width:100%;
max-width:76px;
height:68px;
margin:0 auto;
object-fit:contain;
}

.webftminexc-meta-award{
width:100%;
}

.webftminexc-bottom{
grid-template-columns:1fr;
gap:17px;
padding-top:21px;
}

.webftminexc-copyright p{
font-size:10.8px;
}

.webftminexc-social,
.webftminexc-legal,
.webftminexc-security{
justify-content:flex-start;
}

.webftminexc-social{
gap:12px;
}

.webftminexc-social a{
width:20px;
height:20px;
}

.webftminexc-social svg{
width:17px;
height:17px;
}

.webftminexc-legal{
flex-wrap:wrap;
gap:8px;
}

.webftminexc-legal a{
font-size:10.5px;
}

.webftminexc-security{
gap:8px;
}

.webftminexc-security img{
width:50px;
height:50px;
}

}


@media (max-width: 600px){

.webftminexc-shell{
padding:30px 20px 20px;
border-radius:22px 22px 0 0;
}

.webftminexc-top-grid{
grid-template-columns:1fr;
gap:28px;
}

.webftminexc-column{
width:100%;
}

.webftminexc-heading{
font-size:14px;
}

.webftminexc-heading-space{
margin-top:24px;
}

.webftminexc-list li{
margin-bottom:11px;
}

.webftminexc-list a{
font-size:12.5px;
}

.webftminexc-brand-awards{
margin-top:30px;
}

.webftminexc-award-row{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:7px;
}

.webftminexc-award-row > img,
.webftminexc-meta-award img{
max-width:68px;
height:62px;
}

.webftminexc-bottom{
gap:16px;
}

.webftminexc-social{
flex-wrap:wrap;
}

.webftminexc-legal{
line-height:1.6;
}

}


@media (max-width: 480px){

.webftminexc-footer{
padding-top:12px;
}

.webftminexc-shell{
padding:27px 17px 18px;
border-radius:20px 20px 0 0;
}

.webftminexc-top-grid{
gap:25px;
}

.webftminexc-heading{
font-size:13.5px;
}

.webftminexc-list a{
font-size:12px;
}

.webftminexc-footer-logo{
width:140px;
}

.webftminexc-tagline{
font-size:12px;
}

.webftminexc-official-partners{
gap:10px;
}

.webftminexc-partner-logo:first-child{
padding-right:10px;
}

.webftminexc-partner-logo:first-child img{
width:76px;
}

.webftminexc-partner-logo:last-child img{
width:86px;
}

.webftminexc-award-row{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}

.webftminexc-award-row > img,
.webftminexc-meta-award img{
max-width:72px;
height:60px;
}

.webftminexc-copyright p{
font-size:10.3px;
}

.webftminexc-legal{
gap:7px;
}

.webftminexc-legal a{
font-size:10px;
}

.webftminexc-security img{
width:46px;
height:46px;
}

}


@media (max-width: 360px){

.webftminexc-shell{
padding-left:15px;
padding-right:15px;
}

.webftminexc-award-row{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.webftminexc-award-row > img,
.webftminexc-meta-award img{
height:58px;
}

.webftminexc-security{
flex-wrap:wrap;
}

}




@media (min-width:1081px) {
.wmh-header .wmh-nav-item.is-open > .wmh-mega-menu {
opacity:1;
visibility:visible;
pointer-events:auto;
}

.wmh-header .wmh-nav-item.is-open .wmh-parent-chevron {
transform:rotate(225deg) translate(-1px,-1px);
}
}


@media (max-width: 640px) {
.hero-cta .play {
    min-height: 50px;
    padding: 5px 14px 5px 6px;
    font-size: 13px;
}
.hero-cta .play .pbtn {
    width: 38px;
    height: 38px;
}
.feature-point-list li b {
    font-size: 12px;
}
.aiw-shared-tags {
    gap: 6px;
}
.aiw-shared-tags span {
    font-size: 9px;
    padding: 6px 8px;
}
}



@media (max-width: 640px) {
main [class*="tag"],
main [class*="badge"],
main [class*="category"],
main [class*="status"],
main [class*="note"] {
    font-size: 9px !important;
}
}

@media (max-width: 640px) {
.pricing-page .pp-compare-section { padding: 58px 0; }
}



@media (max-width: 480px) {
.wmcatalog-page section {
    padding: 58px 0;
}

.wmcatalog-eyebrow,
.wmcatalog-kicker {
    max-width: 100%;
    white-space: normal;
}

.wmcatalog-mini-points {
    grid-template-columns: 1fr;
}

.wmcatalog-feature-block,
.wmcatalog-workflow-shell,
.wmcatalog-cta-box {
    padding: 20px;
}

.wmcatalog-ui-head,
.wmcatalog-update-row,
.wmcatalog-chat-product {
    gap: 10px;
}

.wmcatalog-return-items {
    grid-template-columns: 1fr;
}
}




@media (max-width:991px){
.wcatgridx-section{padding:80px 0}
.wcatgridx-grid{grid-template-columns:1fr 1fr}
.wcatgridx-card:last-child{grid-column:1/-1}
}

@media (max-width:767px){

.wcatgridx-section{padding:65px 0}
.wcatgridx-heading{margin-bottom:34px}
.wcatgridx-heading h2{font-size:42px}
.wcatgridx-heading p{font-size:15px}
.wcatgridx-grid{grid-template-columns:1fr;gap:16px}
.wcatgridx-card:last-child{grid-column:auto}
.wcatgridx-card{min-height:auto;padding:24px}
}

@media (max-width:480px){
.wcatgridx-heading h2{font-size:36px}
.wcatgridx-content h3{font-size:20px}
.wcatgridx-card{border-radius:20px}
}


@media (max-width:991px){
.wcatbridgepro-shell{grid-template-columns:1fr;gap:30px;padding:40px}
}

@media (max-width:767px){
.wcatbridgepro-section{padding:35px 0}
.wcatbridgepro-shell{padding:32px 22px;border-radius:22px}
.wcatbridgepro-copy h2{font-size:29px}
.wcatbridgepro-flow{grid-template-columns:1fr}
.wcatbridgepro-arrow{transform:rotate(90deg)}
}

@media (max-width:480px){
.wcatbridgepro-shell{padding:28px 17px}
.wcatbridgepro-copy h2{font-size:26px}
}




@media (max-width:1100px){
.wcatpro-row{gap:55px}
.wcatpro-image-frame{width:88%}
}

@media (max-width:991px){
.wcatpro-section{padding:82px 0}
.wcatpro-heading{margin-bottom:65px}
.wcatpro-list{gap:90px}
.wcatpro-row{grid-template-columns:1fr;gap:45px}
.wcatpro-row--reverse .wcatpro-content,.wcatpro-row--reverse .wcatpro-visual{order:initial}
.wcatpro-content{max-width:720px}
.wcatpro-visual{max-width:680px;width:100%;margin:0 auto}
}

@media (max-width:767px){
.wcatpro-section{padding:65px 0}
.wcatpro-heading h2{font-size:42px}
.wcatpro-heading p{font-size:15px}
.wcatpro-content h3{font-size:28px}
.wcatpro-visual{min-height:430px;padding:20px}
.wcatpro-image-frame{width:88%;height:360px}
.wcatpro-image-badge{right:5px;bottom:10px}
.wcatpro-image-badge--left{right:auto;left:5px}
}

@media (max-width:480px){
.wcatpro-heading h2{font-size:34px}
.wcatpro-content h3{font-size:25px}
.wcatpro-list{gap:70px}
.wcatpro-visual{min-height:390px;padding:12px 0 55px}
.wcatpro-image-shape{inset:35px 20px 25px}
.wcatpro-image-frame{width:92%;height:320px;border-radius:24px}
.wcatpro-image-badge{bottom:3px;max-width:230px}
}


/*  RESPONSIVE — TABLET  */

@media (max-width: 991px) {

.wmrate-page .wmrate-calculator-card,
.wmcapc-page .wmcapc-calculator {
    max-width: 100%;
}

.wmrate-page .wmrate-guide-shell {
    grid-template-columns: 1fr;
    gap: 28px;
}

.wmcapc-page .wmcapc-guide-top {
    grid-template-columns: 1fr;
    gap: 20px;
}

.wmcapc-page .wmcapc-guide-note {
    max-width: 650px;
}

.wmcapc-page .wmcapc-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}



/*   RESPONSIVE — SMALL MOBILE  */

@media (max-width: 520px) {

.wmrate-page .wmrate-calc-heading2,
.wmcapc-page .wmcapc-calculator-heading h2 {
    font-size: 30px;
}

.wmrate-page .mmewa-calculator-head h2,
.wmcapc-page .wmcapc-calculator-head h3 {
    font-size: 20px;
}

.wmrate-page .mmewa-currency,
.wmcapc-page .wmcapc-currency {
    min-width: 61px;
}

.wmrate-page .mmewa-rate-row,
.wmcapc-page .wmcapc-rate-panel {
    padding: 17px;
}

.wmrate-page .mmewa-rate-name > span:first-child,
.wmcapc-page .wmcapc-rate-header > div:first-child strong {
    font-size: 13px;
}

.wmrate-page .mmewa-slider-bubble,
.wmcapc-page #wmcapcBubble {
    min-width: 76px;
    font-size: 9px;
}

.wmrate-page .mmewa-total strong,
.wmcapc-page .wmcapc-total strong {
    font-size: 35px;
}

.wmrate-page .wmrate-usd-note {
    text-align: left;
}

.wmrate-page .wmrate-guide-shell,
.wmcapc-page .wmcapc-guide-shell {
    padding: 26px 20px;
}

.wmcapc-page .wmcapc-guide-rule {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 14px;
}

.wmcapc-page .wmcapc-guide-rule > span {
    width: 42px;
}
}


@media (prefers-reduced-motion: reduce) {
.wmrate-page .mmewa-total.is-floating,
.wmcapc-page .wmcapc-total.is-floating {
    animation: none;
}
}

@media (max-width: 1100px) {
  .home-buyer-tabs .feature-panel-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    gap: 24px;
  }

  .home-buyer-tabs .feature-tab-stage {
    padding: 24px;
  }

  .home-buyer-tabs .home-buyer-tabs__visual {
    min-height: 370px;
    padding: 15px;
  }

  .home-buyer-flow__step {
    padding: 9px;
  }
}

@media (max-width: 800px) {
  .home-buyer-tabs {
    padding: 70px 0;
  }

  .home-buyer-tabs .home-buyer-tabs__heading {
    margin-bottom: 25px;
  }

  .home-buyer-tabs .home-buyer-tabs__heading h2 {
    font-size: clamp(32px, 6vw, 39px);
  }

  .home-buyer-tabs .feature-tab-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }

  .home-buyer-tabs .feature-tab-button {
    width: 100%;
    min-width: 0;
  }

  .home-buyer-tabs .feature-panel-grid {
    grid-template-columns: 1fr;
    gap: 26px;
    min-height: 0;
  }

  .home-buyer-tabs .feature-panel-copy h3 {
    max-width: 620px;
  }

  .home-buyer-tabs .feature-point-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-buyer-tabs .home-buyer-tabs__visual {
    width: 100%;
    min-height: 360px;
  }
}

@media (max-width: 560px) {
  .home-buyer-tabs {
    padding: 58px 0;
  }

  .home-buyer-tabs .home-buyer-tabs__heading h2 {
    font-size: clamp(29px, 9vw, 35px);
  }

  .home-buyer-tabs .home-buyer-tabs__heading p {
    font-size: 15px;
  }

  .home-buyer-tabs .feature-tab-nav {
    gap: 5px;
    padding: 6px;
    border-radius: 15px;
  }

  .home-buyer-tabs .feature-tab-button {
    min-height: 61px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 5px;
    padding: 8px 5px 11px;
    text-align: center;
  }

  .home-buyer-tabs .feature-tab-icon {
    width: 31px;
    height: 31px;
    border-radius: 9px;
  }

  .home-buyer-tabs .feature-tab-label {
    align-items: center;
  }

  .home-buyer-tabs .feature-tab-label small {
    display: none;
  }

  .home-buyer-tabs .feature-tab-label b {
    font-size: 12px;
  }

  .home-buyer-tabs .feature-tab-stage {
    padding: 17px;
    border-radius: 19px;
  }

  .home-buyer-tabs .feature-panel-copy h3 {
    font-size: clamp(27px, 8vw, 32px);
  }

  .home-buyer-tabs .feature-panel-copy > p {
    font-size: 14px;
    line-height: 1.65;
  }

  .home-buyer-tabs .feature-point-list {
    grid-template-columns: 1fr;
  }

  .home-buyer-tabs .home-buyer-tabs__visual {
    min-height: 0;
    padding: 13px;
    border-radius: 17px;
  }

  .home-buyer-ui__top {
    align-items: flex-start;
  }

  .home-buyer-flow {
    grid-template-columns: 1fr;
  }

  .home-buyer-flow__arrow {
    justify-self: center;
    line-height: 1;
    transform: rotate(90deg);
  }

  .home-buyer-details {
    grid-template-columns: 1fr;
  }

  .home-buyer-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-buyer-support-path {
    grid-template-columns: 1fr;
  }

  .home-buyer-chat__row {
    max-width: 92%;
  }
}


@media (max-width:600px){
  .webftminexc-awards-side{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px 20px;
width:100%;
align-items:center;
}

.webftminexc-award-row{
display:contents;
}

.webftminexc-award-row > img,
.webftminexc-meta-award{
width:100%;
min-width:0;
height:92px;
display:flex;
align-items:center;
justify-content:center;
}

.webftminexc-award-row > img{
max-width:110px;
margin:0 auto;
object-fit:contain;
}

.webftminexc-meta-award img{
width:auto;
max-width:110px;
max-height:92px;
height:auto;
margin:0 auto;
object-fit:contain;
}
}

@media (max-width:480px) {
  .webftminexc-awards-side{
gap:16px 18px;
}

.webftminexc-award-row > img,
.webftminexc-meta-award{
height:88px;
}

.webftminexc-award-row > img{
max-width:105px;
}

.webftminexc-meta-award img{
max-width:105px;
max-height:88px;
}
}

@media (max-width:360px){
  .webftminexc-award-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* =========================================================
   PRICING CALCULATOR LINKS RESPONSIVE
========================================================= */

@media (max-width:900px){

.pricing-page .ppcalcnav-section{
padding:64px 0 70px;
}

.pricing-page .ppcalcnav-grid{
gap:15px;
}

.pricing-page .ppcalcnav-card{
/* min-height:260px; */
padding:22px;
border-radius:21px;
}

.pricing-page .ppcalcnav-card-copy h3{
font-size:21px;
}

}


@media (max-width:700px){

.pricing-page .ppcalcnav-section{
padding:58px 0 64px;
}

.pricing-page .ppcalcnav-section > .wrap{
width:100%;
max-width:100%;
padding-inline:16px;
}

.pricing-page .ppcalcnav-head{
margin-bottom:30px;
}

.pricing-page .ppcalcnav-head h2{
font-size:clamp(30px,8.5vw,38px);
}

.pricing-page .ppcalcnav-head p{
font-size:13px;
}

.pricing-page .ppcalcnav-grid{
grid-template-columns:minmax(0,1fr);
max-width:560px;
}

.pricing-page .ppcalcnav-card{
min-height:0;
padding:22px;
}

.pricing-page .ppcalcnav-card-copy{
margin-top:23px;
}

.pricing-page .ppcalcnav-card-copy h3{
font-size:21px;
}

.pricing-page .ppcalcnav-card-copy p{
font-size:13px;
}

}


@media (max-width:480px){

.pricing-page .ppcalcnav-section{
padding:52px 0 58px;
}

.pricing-page .ppcalcnav-section > .wrap{
padding-inline:13px;
}

.pricing-page .ppcalcnav-head{
margin-bottom:26px;
}

.pricing-page .ppcalcnav-kicker{
min-height:30px;
padding-inline:11px;
}

.pricing-page .ppcalcnav-head h2{
font-size:30px;
}

.pricing-page .ppcalcnav-card{
padding:19px;
border-radius:19px;
}

.pricing-page .ppcalcnav-icon{
width:47px;
height:47px;
flex-basis:47px;
border-radius:13px;
}

.pricing-page .ppcalcnav-icon svg{
width:23px;
height:23px;
}

.pricing-page .ppcalcnav-type{
font-size:8.5px;
}

.pricing-page .ppcalcnav-card-copy h3{
font-size:20px;
}

.pricing-page .ppcalcnav-card-bottom{
padding-top:21px;
}

}