.subpage .lang-switch { display: inline-flex; align-items: center; gap: 10px; }

.subpage .lang-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgb(52, 64, 84);
  box-shadow: none;
}

.subpage .lang-switch a.active {
  color: rgb(49, 87, 255);
  font-weight: 600;
}
















































.page-hero .breadcrumbs a { color: rgb(169, 184, 230); }

.page-hero .breadcrumbs a:hover { color: rgb(255, 255, 255); }

.page-hero .breadcrumbs i { font-style: normal; color: rgb(74, 90, 143); }

.page-hero small { display: block; color: rgb(143, 165, 255); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }

.page-hero h1 { max-width: 880px; margin: 24px 0px; font-size: clamp(40px, 4.4vw, 66px); font-weight: 400; line-height: 1.08; letter-spacing: -0.045em; }

.page-hero .lead { max-width: 680px; margin: 0px; color: rgb(184, 194, 210); font-size: 17px; line-height: 1.8; }

.page-hero-actions { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 14px; }

.page-hero-actions .btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; color: rgb(255, 255, 255); background: rgb(49, 87, 255); border-radius: 10px; font-size: 14px; font-weight: 600; box-shadow: rgba(49, 87, 255, 0.28) 0px 12px 28px; transition: transform 0.2s, background 0.2s; }

.page-hero-actions .btn-primary:hover { background: rgb(36, 72, 223); transform: translateY(-1px); }

.page-hero-actions .btn-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; color: rgb(219, 227, 255); border: 1px solid rgba(151, 170, 255, 0.42); border-radius: 10px; font-size: 14px; transition: border-color 0.2s, color 0.2s; }

.page-hero-actions .btn-ghost:hover { color: rgb(255, 255, 255); border-color: rgb(143, 165, 255); }

.page-hero .hero-note { margin-top: 22px; color: rgb(115, 134, 184); font-size: 12px; }

.section-head { max-width: 820px; margin: 0px 0px clamp(40px, 4.5vw, 64px); }

.section-head.center { margin-left: auto; margin-right: auto; text-align: center; }

.section-head small { display: block; margin-bottom: 14px; color: rgb(49, 87, 255); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }

.section-dark .section-head small { color: rgb(143, 165, 255); }

.section-head h2 { margin: 0px; font-size: clamp(32px, 3.4vw, 52px); font-weight: 430; line-height: 1.12; letter-spacing: -0.04em; }

.section-head p { margin: 18px 0px 0px; color: rgb(102, 112, 133); font-size: 15px; line-height: 1.8; }

.section-dark .section-head p { color: rgb(174, 185, 202); }

.feature-row { display: grid; grid-template-columns: minmax(0px, 0.94fr) minmax(0px, 1.06fr); gap: clamp(32px, 4.5vw, 72px); align-items: center; padding: clamp(34px, 3.5vw, 52px) 0px; }

.feature-row + .feature-row { border-top: 1px solid rgb(226, 231, 242); }

.feature-row.reverse .feature-media { order: 2; }

.feature-copy b { color: rgb(49, 87, 255); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; }

.feature-copy h3 { margin: 14px 0px; font-size: clamp(24px, 2.2vw, 32px); font-weight: 480; line-height: 1.2; letter-spacing: -0.03em; }

.feature-copy p { margin: 0px; color: rgb(91, 100, 116); font-size: 14.5px; line-height: 1.85; }

.feature-copy ul { margin: 20px 0px 0px; padding: 0px; list-style: none; display: grid; gap: 11px; }

.feature-copy li { position: relative; padding-left: 22px; color: rgb(64, 73, 90); font-size: 13.5px; line-height: 1.6; }

.feature-copy li::before { position: absolute; left: 0px; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: rgb(49, 87, 255); opacity: 0.75; content: ""; }

.feature-media { position: relative; }

.feature-media img { display: block; width: 100%; border: 1px solid rgb(221, 227, 240); border-radius: 16px; box-shadow: rgba(23, 39, 68, 0.12) 0px 24px 60px; background: rgb(255, 255, 255); }

.feature-media figcaption { margin-top: 12px; color: rgb(152, 162, 179); font-size: 11px; letter-spacing: 0.04em; text-align: center; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }

.feature-grid article { padding: 30px 26px 34px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 231, 242); border-radius: 16px; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s; }

.feature-grid article:hover { transform: translateY(-5px); box-shadow: rgba(23, 39, 68, 0.1) 0px 22px 50px; }

.section-dark .feature-grid article { background: rgba(255, 255, 255, 0.04); border-color: rgba(151, 170, 255, 0.22); }

.feature-grid b { color: rgb(49, 87, 255); font-size: 11px; letter-spacing: 0.08em; }

.section-dark .feature-grid b { color: rgb(143, 165, 255); }

.feature-grid h3 { margin: 20px 0px 10px; font-size: 18px; font-weight: 550; }

.feature-grid p { margin: 0px; color: rgb(102, 112, 133); font-size: 13px; line-height: 1.7; }

.section-dark .feature-grid p { color: rgb(174, 185, 202); }

.step-flow { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgb(213, 220, 234); border-bottom: 1px solid rgb(213, 220, 234); }

.step-flow article { padding: 34px 26px 40px; border-left: 1px solid rgb(213, 220, 234); }

.step-flow article:first-child { border-left: 0px; }

.step-flow b { color: rgb(49, 87, 255); font-size: 11px; letter-spacing: 0.08em; }

.step-flow h3 { margin: 34px 0px 10px; font-size: 17px; font-weight: 550; }

.step-flow p { margin: 0px; color: rgb(102, 112, 133); font-size: 12.5px; line-height: 1.7; }

.scenario-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }

.scenario-cards article { padding: 26px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 231, 242); border-radius: 16px; display: flex; flex-direction: column; gap: 14px; }

.scenario-cards .q { align-self: flex-start; max-width: 88%; padding: 12px 16px; background: rgb(238, 241, 247); border-radius: 14px 14px 14px 4px; color: rgb(16, 24, 40); font-size: 13.5px; line-height: 1.6; }

.scenario-cards .a { position: relative; align-self: flex-end; max-width: 88%; padding: 12px 16px; background: rgb(237, 241, 255); border: 1px solid rgb(217, 225, 255); border-radius: 14px 14px 4px; color: rgb(34, 48, 122); font-size: 13.5px; line-height: 1.6; }

.scenario-cards .a::before { display: block; margin-bottom: 6px; color: rgb(49, 87, 255); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; content: "SHULEX AI"; }

.scenario-cards footer { margin-top: auto; padding-top: 10px; border-top: 1px solid rgb(237, 240, 246); color: rgb(152, 162, 179); font-size: 11px; letter-spacing: 0.05em; }

.proof-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; text-align: center; }

.proof-band article { padding: 34px 12px; }

.proof-band strong { display: block; font-size: clamp(38px, 3.6vw, 56px); font-weight: 420; letter-spacing: -0.04em; color: rgb(255, 255, 255); }

.proof-band span { display: block; margin-top: 10px; color: rgb(143, 160, 206); font-size: 12.5px; line-height: 1.6; }

.proof-band em { display: block; margin-top: 6px; color: rgb(92, 108, 157); font-size: 10.5px; font-style: normal; }

.faq-list { max-width: 860px; margin: 0px auto; border-top: 1px solid rgb(217, 223, 236); }

.faq-list details { border-bottom: 1px solid rgb(217, 223, 236); }

.faq-list summary { padding: 22px 42px 22px 2px; position: relative; cursor: pointer; list-style: none; font-size: 16px; font-weight: 520; color: rgb(16, 24, 40); }

.faq-list summary::-webkit-details-marker { display: none; }

.faq-list summary::after { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: rgb(49, 87, 255); font-size: 20px; font-weight: 300; content: "＋"; transition: transform 0.3s; }

.faq-list details[open] summary::after { content: "−"; }

.faq-list .faq-body { padding: 0px 2px 24px; color: rgb(91, 100, 116); font-size: 14px; line-height: 1.85; }

.faq-list .faq-body p { margin: 0px 0px 10px; }

.faq-list .faq-body p:last-child { margin-bottom: 0px; }

.related-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(28px, 4vw, 56px); padding: 10px 0px; }

.related-logos img { max-width: 126px; max-height: 38px; object-fit: contain; filter: grayscale(1); opacity: 0.55; transition: filter 0.3s, opacity 0.3s; }

.related-logos img:hover { filter: none; opacity: 1; }

.case-feature { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: clamp(30px, 4vw, 64px); align-items: stretch; padding: clamp(38px, 4vw, 56px) 0px; }

.case-feature + .case-feature { border-top: 1px solid rgb(226, 231, 242); }

.case-feature.reverse .case-media { order: 2; }

.case-media { position: relative; min-height: 340px; border-radius: 18px; overflow: hidden; background: rgb(11, 18, 50); }

.case-media img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }

.case-media .case-logo { position: absolute; left: 20px; bottom: 20px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; background: rgba(8, 20, 38, 0.82); border: 1px solid rgba(151, 170, 255, 0.28); border-radius: 10px; backdrop-filter: blur(8px); }

.case-media .case-logo img { position: static; width: auto; height: 22px; object-fit: contain; }

.case-media .case-logo span { color: rgb(201, 212, 255); font-size: 11px; }

.case-body { display: flex; flex-direction: column; }

.case-body small { color: rgb(49, 87, 255); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; }

.case-body h3 { margin: 16px 0px; font-size: clamp(24px, 2.4vw, 34px); font-weight: 460; line-height: 1.22; letter-spacing: -0.03em; }

.case-body p { margin: 0px 0px 12px; color: rgb(91, 100, 116); font-size: 14px; line-height: 1.85; }

.case-metric { margin-top: auto; padding-top: 22px; display: flex; align-items: baseline; gap: 16px; }

.case-metric strong { font-size: clamp(40px, 4vw, 60px); font-weight: 420; letter-spacing: -0.04em; color: rgb(16, 24, 40); }

.case-metric span { color: rgb(102, 112, 133); font-size: 12px; line-height: 1.5; max-width: 220px; }

.case-metric em { display: block; color: rgb(152, 162, 179); font-size: 10.5px; font-style: normal; }

.legal-body { max-width: 840px; margin: 0px auto; padding: clamp(56px, 6vw, 88px) clamp(24px, 5.5vw, 48px); }

.legal-body .legal-updated { color: rgb(152, 162, 179); font-size: 12px; }

.legal-body h2 { margin: 44px 0px 14px; font-size: 22px; font-weight: 560; letter-spacing: -0.01em; }

.legal-body h3 { margin: 28px 0px 10px; font-size: 16px; font-weight: 560; }

.legal-body p, .legal-body li { color: rgb(64, 73, 90); font-size: 14px; line-height: 1.9; }

.legal-body ul { padding-left: 20px; }

.legal-body .legal-note { margin: 28px 0px; padding: 16px 18px; background: rgb(253, 246, 232); border: 1px solid rgb(240, 220, 176); border-radius: 10px; color: rgb(122, 92, 30); font-size: 12.5px; line-height: 1.7; }

.legal-region { margin-top: 14px; padding: 18px 20px; background: rgb(244, 246, 251); border: 1px solid rgb(226, 231, 242); border-radius: 12px; }

.legal-region b { display: block; margin-bottom: 6px; color: rgb(16, 24, 40); font-size: 13.5px; }

/* Public legal pages */
.legal-page { background: #f6f7fb; }
.legal-page main { background: #f6f7fb; }
.legal-page .legal-body { max-width: 980px; margin: 0 auto; padding: clamp(72px, 8vw, 120px) clamp(28px, 6vw, 80px); border-top: 1px solid #e0e4ee; background: #f6f7fb; }
.legal-page .legal-body .legal-updated { display: inline-flex; margin: 0 0 36px; border: 1px solid #dfe3eb; border-radius: 999px; padding: 9px 14px; background: #f8f9fb; color: #687386; font-size: 12px; font-weight: 650; }
.legal-page .legal-body h2 { position: relative; margin: 64px 0 18px; padding-top: 25px; border-top: 1px solid #e3e6ec; color: #111b2d; font-size: clamp(24px, 2vw, 31px); font-weight: 760; line-height: 1.3; letter-spacing: -.035em; }
.legal-page .legal-body .legal-updated + h2 { margin-top: 0; }
.legal-page .legal-body p, .legal-page .legal-body li { color: #505d72; font-size: 16px; line-height: 1.95; }
.legal-page .legal-body ul { display: grid; gap: 9px; padding-left: 22px; }
.legal-page .legal-body a { color: #315cff; font-weight: 680; text-underline-offset: 4px; }
.legal-page .legal-region { margin-top: 14px; border: 1px solid #dde3ee; border-radius: 18px; padding: 24px 26px; background: #f7f9fc; }
.legal-page .legal-region b { margin-bottom: 8px; color: #15233c; font-size: 15px; }
.legal-page .legal-region p { margin: 0; font-size: 14px; line-height: 1.85; }
@media (max-width: 720px) {
  .legal-page .legal-body { padding: 60px 22px; }
  .legal-page .legal-body h2 { margin-top: 48px; font-size: 25px; }
  .legal-page .legal-body p, .legal-page .legal-body li { font-size: 15px; line-height: 1.85; }
  .legal-page .legal-region { padding: 21px 19px; }
}

.subpage .nav-wrap { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; width: 100%; height: 68px; padding: 0px clamp(24px, 5.5vw, 96px); color: rgb(16, 24, 40); background: rgba(255, 255, 255, 0.96); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(16, 24, 40, 0.1); border-image: initial; border-radius: 0px; box-shadow: none; transform: none; backdrop-filter: blur(16px); }

.subpage .nav-wrap .logo img { filter: none; }

.subpage .nav-wrap nav { display: flex; align-items: center; justify-content: center; gap: 10px; }

.subpage .nav-wrap nav .nav-dropdown { height: 42px; padding: 0 16px; border-radius: 0; color: rgb(16, 24, 40); background: transparent; box-shadow: none; }

.subpage .nav-wrap nav > a,
.subpage .account-cta,
.subpage .nav-cta {
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid rgb(208, 213, 221);
  color: rgb(52, 64, 84);
  background: rgb(246, 246, 246);
  box-shadow: none;
}


.subpage .nav-wrap nav .nav-dropdown:hover,
.subpage .nav-wrap nav > a:hover,
.subpage .account-cta:hover,
.subpage .nav-cta:hover,
.subpage .lang-switch a:hover {
  color: rgb(49, 87, 255);
  background: rgb(242, 244, 247);
}

.subpage .nav-wrap nav .nav-dropdown[aria-expanded="true"] { color: rgb(49, 87, 255); background: rgb(237, 241, 255); }

.subpage .nav-actions {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  position: relative;
}

.subpage .nav-actions .lang-switch {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  position: static;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  margin-right: 0;
}

.subpage .nav-actions .lang-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgb(52, 64, 84);
  box-shadow: none;
  pointer-events: auto;
}

.subpage .nav-actions .lang-switch a + a { border-left: 0; }

.subpage .nav-actions .lang-switch a:hover {
  background: transparent;
  color: rgb(49, 87, 255);
}

.subpage .nav-actions .lang-switch a.active {
  color: rgb(49, 87, 255);
  font-weight: 600;
  pointer-events: auto;
}

.subpage .account-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.subpage .account-menu-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 30;
  display: none;
  min-width: 164px;
  padding: 8px;
  border: 1px solid rgb(208, 213, 221);
  border-radius: 12px;
  background: rgb(255, 255, 255);
  box-shadow: 0 16px 32px rgba(16, 24, 40, 0.12);
}

.subpage .account-menu.open .account-menu-panel {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.subpage .account-menu-panel a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  color: rgb(52, 64, 84);
  background: transparent;
  box-shadow: none;
}

.subpage .account-menu-panel a:hover {
  background: rgb(242, 244, 247);
  color: rgb(49, 87, 255);
}

.subpage .nav-actions .account-cta,
.subpage .nav-actions .nav-cta {
  border-radius: 12px;
}


.subpage .nav-cta { min-width: 112px; padding: 0 20px; color: rgb(255, 255, 255); background: rgb(16, 17, 20); border-color: rgb(16, 17, 20); }

.subpage main { padding-top: 68px; }

.subpage-section { max-width: 1240px; margin: 0px auto; padding: clamp(72px, 7vw, 110px) clamp(24px, 5.5vw, 48px); }

.subpage-section + .subpage-section { padding-top: 0px; }

.section-alt { max-width: none; background: rgb(238, 241, 247); }

.section-alt > .section-inner { max-width: 1240px; margin: 0px auto; }

.section-dark { max-width: none; background: rgb(8, 20, 38); color: rgb(255, 255, 255); }

.section-dark > .section-inner { max-width: 1240px; margin: 0px auto; }

.page-hero { position: relative; overflow: hidden; padding: clamp(78px, 9vw, 140px) clamp(24px, 5.5vw, 96px) clamp(64px, 7vw, 110px); color: rgb(255, 255, 255); background: radial-gradient(circle at 14% 88%, rgba(49, 87, 255, 0.55), transparent 32%), radial-gradient(circle at 86% 6%, rgba(103, 126, 255, 0.22), transparent 30%), rgb(8, 20, 38); }

.page-hero::after { position: absolute; right: -190px; bottom: -260px; width: 540px; height: 540px; border: 1px solid rgba(140, 161, 255, 0.2); border-radius: 50%; box-shadow: rgba(90, 112, 255, 0.043) 0px 0px 0px 80px, rgba(90, 112, 255, 0.024) 0px 0px 0px 160px; content: ""; pointer-events: none; }

.page-hero > * { position: relative; z-index: 1; }

.page-hero .breadcrumbs { margin: 0px 0px 26px; display: flex; flex-wrap: wrap; gap: 8px; color: rgb(134, 152, 201); font-size: 12px; }.subpage .nav-wrap nav .nav-dropdown { border-radius: 0; box-shadow: none; }
.subpage .support-cta,
.subpage .voc-cta {
  min-width: 84px;
  padding: 0 18px;
  border-radius: 0;
  box-shadow: none;
}
.subpage .support-cta { font-weight: 600; }


.thanks-hero { min-height: calc(-68px + 100vh); display: grid; place-items: center; padding: 80px 24px; background: radial-gradient(circle at 16% 90%, rgba(49, 87, 255, 0.5), transparent 34%), radial-gradient(circle at 84% 8%, rgba(103, 126, 255, 0.2), transparent 30%), rgb(8, 20, 38); }

.thanks-card { max-width: 560px; padding: clamp(36px, 5vw, 56px); text-align: center; background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(4, 10, 26, 0.45) 0px 40px 90px; }

.thanks-card .thanks-mark { width: 64px; height: 64px; margin: 0px auto 24px; display: grid; place-items: center; color: rgb(255, 255, 255); background: rgb(39, 198, 133); border-radius: 50%; font-size: 30px; }

.thanks-card h1 { margin: 0px 0px 14px; font-size: clamp(26px, 3vw, 34px); font-weight: 480; letter-spacing: -0.03em; }

.thanks-card p { margin: 0px 0px 10px; color: rgb(91, 100, 116); font-size: 14px; line-height: 1.8; }

.thanks-card .thanks-actions { margin-top: 28px; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }

.thanks-card .btn-primary { display: inline-flex; padding: 13px 24px; color: rgb(255, 255, 255); background: rgb(49, 87, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; }

.thanks-card .btn-ghost { display: inline-flex; padding: 13px 24px; color: rgb(52, 64, 84); border: 1px solid rgb(208, 213, 221); border-radius: 10px; font-size: 13.5px; }

@media (max-width: 1050px) {
  .feature-row { grid-template-columns: 1fr; gap: 28px; }
  .feature-row.reverse .feature-media { order: 0; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .step-flow { grid-template-columns: 1fr 1fr; }
  .step-flow article:nth-child(n+3) { border-top: 1px solid rgb(213, 220, 234); }
  .step-flow article:nth-child(2n+1) { border-left: 0px; }
  .scenario-cards { grid-template-columns: 1fr; }
  .proof-band { grid-template-columns: 1fr 1fr; }
  .case-feature { grid-template-columns: 1fr; }
  .case-feature.reverse .case-media { order: 0; }
}

@media (max-width: 700px) {
  .subpage .nav-wrap nav { top: 60px; left: 0px; right: 0px; border-radius: 0px; }
  .subpage main { padding-top: 60px; }
  .page-hero { padding: 56px 22px 60px; }
  .page-hero h1 { font-size: clamp(30px, 8.6vw, 38px); }
  .page-hero .lead { font-size: 15px; }
  .feature-grid { grid-template-columns: 1fr; }
  .step-flow { grid-template-columns: 1fr; }
  .step-flow article { border-left: 0px; border-top: 1px solid rgb(213, 220, 234); }
  .step-flow article:first-child { border-top: 0px; }
  .proof-band { grid-template-columns: 1fr 1fr; gap: 6px; }
  .case-media { min-height: 240px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-hero-actions .btn-primary, .feature-grid article, .related-logos img { transition: none; }
}

.industry-furniture { --industry-accent: #d59a63; --industry-rgb: 213,154,99; --industry-image: url('../assets/generated/industry-furniture-hero-bright.webp'); }

.industry-electronics { --industry-accent: #67a7ff; --industry-rgb: 103,167,255; --industry-image: url('../assets/generated/industry-electronics.webp'); }

.industry-smart-home { --industry-accent: #63d6c0; --industry-rgb: 99,214,192; --industry-image: url('../assets/generated/industry-robotics.webp'); }

.industry-security { --industry-accent: #8b91ff; --industry-rgb: 139,145,255; --industry-image: url('../assets/generated/industry-security.webp'); }

.industry-auto { --industry-accent: #f08c68; --industry-rgb: 240,140,104; --industry-image: url('../assets/generated/industry-auto.webp'); }

.industry-fashion { --industry-accent: #e58bc4; --industry-rgb: 229,139,196; --industry-image: url('../assets/generated/industry-fashion.webp'); }

.industry-solution { background: rgb(255, 255, 255); color: rgb(16, 24, 40); }

.industry-solution .page-hero { min-height: 680px; padding: 98px max(6vw, 72px) 82px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; background: radial-gradient(circle at 30% 100%,rgba(var(--industry-rgb),.23),transparent 34%),linear-gradient(118deg,#030b1b 0%,#07152f 56%,#0a1832 100%); }

.industry-solution .page-hero::before { position: absolute; z-index: 0; top: 0px; right: 0px; bottom: 0px; width: 45%; background: linear-gradient(90deg,#07152f 0%,rgba(7,21,47,.35) 30%,rgba(4,12,29,.06) 100%),linear-gradient(0deg,rgba(4,12,29,.28),rgba(4,12,29,.04)),var(--industry-image) center/cover; clip-path: polygon(16% 0px, 100% 0px, 100% 100%, 0px 100%); content: ""; }

.industry-solution .page-hero::after { z-index: 0; right: calc(45% - 54px); bottom: 54px; width: 108px; height: 108px; border: 1px solid rgba(var(--industry-rgb),.55); border-radius: 50%; background: radial-gradient(circle,rgba(var(--industry-rgb),.24),transparent 67%); box-shadow: 0 0 0 18px rgba(var(--industry-rgb),.06),0 0 42px rgba(var(--industry-rgb),.2); }

.industry-solution .page-hero > * { max-width: 56%; }

.industry-solution .page-hero .breadcrumbs { margin-bottom: 38px; }

.industry-solution .page-hero > small { color: var(--industry-accent); font-size: 10px; font-weight: 750; letter-spacing: 0.18em; }

.industry-solution .page-hero h1 { max-width: 760px; margin: 22px 0px 26px; font-size: clamp(48px, 5vw, 72px); font-weight: 500; line-height: 1.04; letter-spacing: -0.052em; }

.industry-solution .page-hero .lead { max-width: 700px; color: rgb(193, 203, 221); font-size: 16px; line-height: 1.8; }

.industry-solution .page-hero-actions { margin-top: 34px; }

.industry-solution .page-hero-actions .btn-primary { color: rgb(7, 19, 41); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.22) 0px 16px 38px; }

.industry-solution .page-hero-actions .btn-primary:hover { background: var(--industry-accent); }

.industry-solution .page-hero-actions .btn-ghost { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.3); }

.industry-solution .page-hero .hero-note { margin-top: 24px; color: rgb(143, 158, 186); }

.industry-solution .subpage-section { max-width: 1280px; padding-top: clamp(88px, 8vw, 126px); padding-bottom: clamp(88px, 8vw, 126px); }

.industry-solution .section-alt { background: rgb(243, 246, 252); }

.industry-solution .section-head { max-width: 900px; }

.industry-solution .section-head.center { text-align: left; margin-left: 0px; }

.industry-solution .section-head small { color: rgb(49, 87, 255); font-size: 10px; font-weight: 750; letter-spacing: 0.16em; }

.industry-solution .section-head h2 { font-size: clamp(38px, 4vw, 58px); font-weight: 480; line-height: 1.08; }

.industry-solution .section-head p { max-width: 720px; font-size: 15px; }

.industry-solution .feature-grid { gap: 0px; border-top: 1px solid rgb(219, 227, 242); border-bottom: 1px solid rgb(219, 227, 242); }

.industry-solution .feature-grid article { position: relative; min-height: 290px; padding: 38px 34px 34px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }

.industry-solution .feature-grid article + article { border-left: 1px solid rgb(219, 227, 242); }

.industry-solution .feature-grid article::before { position: absolute; top: 0px; left: 34px; width: 42px; height: 3px; background: var(--industry-accent); content: ""; }

.industry-solution .feature-grid article:hover { background: rgb(248, 250, 255); transform: none; box-shadow: none; }

.industry-solution .feature-grid b { color: rgb(49, 87, 255); font-size: 10px; }

.industry-solution .feature-grid h3 { margin-top: 52px; font-size: 22px; }

.industry-solution .feature-grid p { font-size: 14px; line-height: 1.8; }

.industry-solution .scenario-cards { gap: 14px; }

.industry-solution .scenario-cards article { min-height: 310px; padding: 28px; border-color: rgb(219, 227, 242); border-radius: 18px; box-shadow: rgba(19, 40, 86, 0.06) 0px 18px 44px; }

.industry-solution .scenario-cards article:nth-child(2), .industry-solution .scenario-cards article:nth-child(3) { color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(11, 24, 50), rgb(18, 42, 86)); border-color: rgb(30, 60, 117); }

.industry-solution .scenario-cards .q { font-size: 14px; }

.industry-solution .scenario-cards .a { background: rgba(var(--industry-rgb),.11); border-color: rgba(var(--industry-rgb),.34); color: rgb(36, 58, 118); }

.industry-solution .scenario-cards article:nth-child(2) .q, .industry-solution .scenario-cards article:nth-child(3) .q { color: rgb(232, 237, 250); background: rgba(255, 255, 255, 0.08); }

.industry-solution .scenario-cards article:nth-child(2) .a, .industry-solution .scenario-cards article:nth-child(3) .a { color: rgb(240, 244, 255); background: rgba(var(--industry-rgb),.14); border-color: rgba(var(--industry-rgb),.36); }

.industry-solution .scenario-cards article:nth-child(2) footer, .industry-solution .scenario-cards article:nth-child(3) footer { border-color: rgba(255, 255, 255, 0.1); color: rgb(128, 145, 185); }

.industry-solution .feature-row { min-height: 520px; padding: 66px 0px; gap: clamp(44px, 6vw, 90px); }

.industry-solution .feature-copy b { color: rgb(49, 87, 255); font-size: 10px; }

.industry-solution .feature-copy h3 { font-size: clamp(28px, 3vw, 42px); font-weight: 500; }

.industry-solution .feature-copy p { font-size: 15px; }

.industry-solution .feature-copy li::before { background: var(--industry-accent); }

.industry-solution .feature-media img { height: 420px; object-fit: cover; border-radius: 20px; box-shadow: rgba(18, 38, 80, 0.14) 0px 28px 70px; }

.industry-solution .case-feature { padding-top: 10px; }

.industry-solution .case-media { min-height: 430px; border-radius: 20px; }

.industry-solution .case-body { padding: 34px 0px; }

.industry-solution .case-body h3 { font-size: clamp(30px, 3vw, 44px); }

.industry-solution .related-logos { margin-top: 18px; padding: 28px; border-top: 1px solid rgb(219, 227, 242); }

.industry-solution .faq-list { max-width: 1000px; margin: 0px; }

.industry-solution .faq-list summary { padding: 26px 54px 26px 0px; font-size: 17px; }

.industry-solution .faq-list summary::after { width: 34px; height: 34px; right: 0px; display: grid; place-items: center; border: 1px solid rgb(212, 222, 244); border-radius: 50%; font-size: 16px; }

.industry-solution .faq-list .faq-body { max-width: 780px; }

.industry-solution .closing-section { background: rgb(255, 255, 255); }

.industry-solution .contact:not(.contact-hero-echo) { min-height: 430px; margin: 0px 4vw 4vw; padding: 80px 30px; border-radius: 26px; color: rgb(255, 255, 255); background: radial-gradient(circle at 80% 10%,rgba(var(--industry-rgb),.23),transparent 28%),linear-gradient(125deg,#071329,#102957); }

.industry-solution .contact:not(.contact-hero-echo) h2 { font-size: clamp(40px, 4vw, 62px); }

.industry-solution .contact:not(.contact-hero-echo) p { max-width: 640px; color: rgb(185, 198, 220); text-align: center; }

.industry-solution .contact-action { color: rgb(7, 19, 41); background: rgb(255, 255, 255); }

.industry-furniture .page-hero { min-height: 680px; padding-right: 52%; background: radial-gradient(circle at 28% 100%, rgba(213, 154, 99, 0.2), transparent 35%), linear-gradient(118deg, rgb(3, 11, 27) 0%, rgb(7, 21, 47) 100%); }

.industry-furniture .page-hero::before { top: 34px; right: 34px; bottom: 34px; width: 45%; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 28px; background: var(--industry-image) center/cover; clip-path: none; box-shadow: rgba(0, 0, 0, 0.32) 0px 28px 70px; }

.industry-furniture .page-hero::after { display: none; }

.industry-furniture .page-hero > * { max-width: 100%; }

.industry-furniture .page-hero .lead { max-width: 650px; }

.industry-furniture .page-hero-actions { gap: 12px; align-items: center; }

.industry-furniture .page-hero-actions a { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; }

.industry-furniture .furniture-solution-cards { grid-template-columns: repeat(3, 1fr); gap: 16px; }

.industry-furniture .furniture-solution-cards article, .industry-furniture .furniture-solution-cards article:nth-child(2), .industry-furniture .furniture-solution-cards article:nth-child(3) { min-height: 670px; padding: 22px; gap: 18px; color: rgb(16, 24, 40); background: rgb(255, 255, 255); border: 1px solid rgb(219, 227, 242); border-radius: 18px; box-shadow: rgba(19, 40, 86, 0.07) 0px 20px 50px; }

.industry-furniture .furniture-solution-cards article > header { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid rgb(227, 232, 242); }

.industry-furniture .furniture-solution-cards article > header b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: rgb(49, 87, 255); font-size: 11px; }

.industry-furniture .furniture-solution-cards article > header span { font-size: 18px; font-weight: 650; }

.industry-furniture .scenario-dialogue { display: grid; gap: 12px; }

.industry-furniture .furniture-solution-cards .q, .industry-furniture .furniture-solution-cards article:nth-child(2) .q, .industry-furniture .furniture-solution-cards article:nth-child(3) .q { max-width: 92%; margin: 0px; padding: 13px 15px; color: rgb(38, 48, 68); background: rgb(240, 243, 248); border-radius: 14px 14px 14px 4px; font-size: 13px; line-height: 1.65; }

.industry-furniture .furniture-solution-cards .a, .industry-furniture .furniture-solution-cards article:nth-child(2) .a, .industry-furniture .furniture-solution-cards article:nth-child(3) .a { max-width: 94%; margin: 0px 0px 0px auto; padding: 14px 16px; color: rgb(37, 56, 111); background: rgb(237, 241, 255); border: 1px solid rgb(206, 217, 255); border-radius: 14px 14px 4px; font-size: 13px; line-height: 1.65; }

.industry-furniture .service-console { overflow: hidden; border: 1px solid rgb(220, 227, 240); border-radius: 14px; background: rgb(247, 249, 252); box-shadow: rgba(25, 45, 85, 0.08) 0px 14px 36px; }

.industry-furniture .console-bar { height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 5px; color: rgb(124, 136, 157); border-bottom: 1px solid rgb(225, 230, 239); background: rgb(255, 255, 255); font-size: 9px; }

.industry-furniture .console-bar i { width: 6px; height: 6px; border-radius: 50%; background: rgb(215, 221, 234); }

.industry-furniture .console-bar i:first-child { background: rgb(255, 141, 130); }

.industry-furniture .console-bar i:nth-child(2) { background: rgb(248, 203, 100); }

.industry-furniture .console-bar i:nth-child(3) { background: rgb(111, 208, 155); }

.industry-furniture .console-bar span { margin-left: 6px; }

.industry-furniture .console-bar em { margin-left: auto; padding: 4px 7px; color: rgb(39, 82, 220); border-radius: 999px; background: rgb(237, 241, 255); font-style: normal; font-weight: 650; }

.industry-furniture .order-context { margin: 12px; padding: 9px; display: flex; align-items: center; gap: 10px; border: 1px solid rgb(224, 230, 240); border-radius: 10px; background: rgb(255, 255, 255); }

.industry-furniture .order-context img { width: 48px; height: 48px; flex: 0 0 auto; object-fit: cover; border-radius: 7px; }

.industry-furniture .order-context span { min-width: 0px; display: grid; gap: 4px; }

.industry-furniture .order-context b { overflow: hidden; color: rgb(39, 50, 71); font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }

.industry-furniture .order-context small { color: rgb(138, 149, 168); font-size: 9px; }

.industry-furniture .console-chat { padding: 2px 12px 14px; display: grid; gap: 10px; }

.industry-furniture .console-chat p { position: relative; max-width: 90%; margin: 0px; padding: 10px 12px; font-size: 10px; line-height: 1.55; }

.industry-furniture .console-chat p small { margin-bottom: 4px; display: block; font-size: 8px; opacity: 0.62; }

.industry-furniture .console-chat .customer { justify-self: end; color: rgb(255, 255, 255); border-radius: 11px 11px 3px; background: rgb(49, 87, 255); }

.industry-furniture .console-chat .agent { justify-self: start; color: rgb(42, 52, 72); border: 1px solid rgb(223, 229, 239); border-radius: 11px 11px 11px 3px; background: rgb(255, 255, 255); }

.industry-furniture .ai-path { margin: 2px 0px 0px; padding: 0px; display: grid; gap: 0px; list-style: none; counter-reset: path 0; }

.industry-furniture .ai-path li { position: relative; min-height: 56px; padding: 8px 0px 8px 36px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgb(205, 216, 246); }

.industry-furniture .ai-path li::before { position: absolute; left: -6px; top: 21px; width: 11px; height: 11px; border: 3px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(49, 87, 255); box-shadow: rgb(148, 169, 233) 0px 0px 0px 1px; content: ""; }

.industry-furniture .ai-path b { color: rgb(49, 87, 255); font-size: 11px; letter-spacing: 0.08em; }

.industry-furniture .ai-path span { margin-top: 3px; color: rgb(82, 96, 120); font-size: 12px; }

.industry-furniture .furniture-solution-cards article > footer, .industry-furniture .furniture-solution-cards article:nth-child(2) > footer, .industry-furniture .furniture-solution-cards article:nth-child(3) > footer { margin-top: auto; padding-top: 16px; color: rgb(135, 147, 170); border-top: 1px solid rgb(230, 234, 242); font-size: 9px; letter-spacing: 0.07em; }

.industry-furniture .furniture-scenario-kicker { margin: 72px 0px 28px; padding-top: 42px; border-top: 1px solid rgb(203, 214, 232); color: rgb(102, 112, 133); font-size: 12px; letter-spacing: 0.04em; }

.industry-furniture .furniture-scenario-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; background: transparent; }

.industry-furniture .furniture-scenario-list span { position: relative; min-height: 112px; padding: 24px 22px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 9px; overflow: hidden; color: rgb(16, 24, 40); border: 1px solid rgb(213, 222, 239); border-radius: 14px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(247, 249, 255)); font-size: 15px; font-weight: 620; box-shadow: rgba(28, 48, 88, 0.05) 0px 12px 28px; }

.industry-furniture .furniture-scenario-list span::before { display: none; content: ""; }

.industry-furniture .furniture-scenario-list span { transition: color 0.25s, border-color 0.25s, background 0.25s, box-shadow 0.25s, transform 0.25s; }

.industry-furniture .furniture-scenario-list span:hover { color: rgb(255, 255, 255); border-color: rgb(24, 55, 111); background: linear-gradient(145deg, rgb(16, 36, 75), rgb(23, 59, 128)); box-shadow: rgba(16, 45, 101, 0.2) 0px 20px 42px; transform: translateY(-4px); }

.industry-furniture .furniture-scenario-list b { color: rgb(49, 87, 255); font-size: 9px; font-weight: 700; letter-spacing: 0.09em; }

.industry-furniture .furniture-scenario-list span:hover b { color: rgb(155, 179, 255); }

.industry-furniture .furniture-customer-band { margin-top: 64px; padding: 44px 48px; display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(420px, 1.2fr); align-items: center; gap: 48px; color: rgb(255, 255, 255); background: linear-gradient(125deg, rgb(7, 19, 41), rgb(16, 41, 87)); border-radius: 22px; }

.industry-furniture .furniture-customer-band small { color: rgb(143, 165, 255); font-size: 9px; letter-spacing: 0.15em; }

.industry-furniture .furniture-customer-band h3 { margin: 14px 0px 10px; font-size: 28px; font-weight: 520; line-height: 1.2; }

.industry-furniture .furniture-customer-band p { margin: 0px; color: rgb(174, 187, 210); font-size: 13px; line-height: 1.7; }

.industry-furniture .furniture-customer-band a { margin-top: 24px; padding: 13px 18px; display: inline-flex; align-items: center; gap: 28px; color: rgb(7, 19, 41); background: rgb(255, 255, 255); border-radius: 10px; font-size: 13px; font-weight: 650; }

.industry-furniture .furniture-customer-band .related-logos { margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; border: 0px; }

.industry-furniture .furniture-customer-band .related-logos img { width: 100%; max-width: none; height: 92px; max-height: none; padding: 24px; object-fit: contain; filter: none; opacity: 1; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 12px; background: rgb(255, 255, 255); }

.industry-furniture #furniture-case .subpage-section { padding-top: 0px; }

.industry-furniture .furniture-partner-section { margin-top: 0px; padding: 66px 56px 50px; text-align: center; border-top: 1px solid rgb(206, 216, 235); border-bottom: 1px solid rgb(206, 216, 235); background: rgba(255, 255, 255, 0.45); }

.industry-furniture .furniture-partner-section header { max-width: 760px; margin: 0px auto 42px; }

.industry-furniture .furniture-partner-section header small { color: rgb(49, 87, 255); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; }

.industry-furniture .furniture-partner-section h3 { margin: 14px 0px 12px; color: rgb(16, 24, 40); font-size: clamp(30px, 3vw, 44px); font-weight: 500; letter-spacing: -0.035em; }

.industry-furniture .furniture-partner-section p { margin: 0px; color: rgb(102, 112, 133); font-size: 14px; line-height: 1.75; }

.industry-furniture .furniture-partner-section .related-logos { margin: 0px auto; padding: 0px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border: 1px solid rgb(217, 225, 239); background: rgb(255, 255, 255); }

.industry-furniture .furniture-partner-section .related-logos img { width: 100%; max-width: none; height: 130px; max-height: none; padding: 36px; object-fit: contain; filter: none; opacity: 1; border-right: 1px solid rgb(217, 225, 239); background: rgb(255, 255, 255); }

.industry-furniture .furniture-partner-section .related-logos img:last-child { border-right: 0px; }

.industry-furniture .furniture-partner-section > a { margin-top: 28px; display: inline-flex; align-items: center; gap: 24px; color: rgb(49, 87, 255); font-size: 13px; font-weight: 650; }

.industry-furniture .furniture-partner-section > a span { transition: transform 0.2s; }

.industry-furniture .furniture-partner-section > a:hover span { transform: translateX(4px); }

.industry-furniture .contact.contact-hero-echo { min-height: 460px; margin: 0px; padding-bottom: 76px; grid-template-columns: 1fr; border-radius: 0px; }

.industry-furniture .contact.contact-hero-echo .contact-echo-copy { max-width: 900px; margin: 0px auto; text-align: center; }

.industry-furniture .contact.contact-hero-echo p { margin-left: auto; margin-right: auto; text-align: center; }

.industry-furniture .contact.contact-hero-echo .contact-echo-actions { justify-content: center; }

@media (max-width: 1100px) {
  .industry-furniture .furniture-solution-cards { grid-template-columns: 1fr; }
  .industry-furniture .furniture-solution-cards article, .industry-furniture .furniture-solution-cards article:nth-child(2), .industry-furniture .furniture-solution-cards article:nth-child(3) { min-height: 0px; }
  .industry-furniture .furniture-customer-band { grid-template-columns: 1fr; }
  .industry-furniture .furniture-scenario-list { grid-template-columns: repeat(3, 1fr); }
  .industry-furniture .furniture-partner-section .related-logos { grid-template-columns: repeat(2, 1fr); }
  .industry-furniture .furniture-partner-section .related-logos img:nth-child(2) { border-right: 0px; }
  .industry-furniture .furniture-partner-section .related-logos img:nth-child(-n+2) { border-bottom: 1px solid rgb(217, 225, 239); }
}

@media (max-width: 900px) {
  .industry-furniture .page-hero { min-height: 860px; padding: 64px 42px 390px; }
  .industry-furniture .page-hero::before { inset: auto 42px 42px; width: auto; height: 310px; border-radius: 22px; background: var(--industry-image) center/cover; clip-path: none; }
  .industry-furniture .page-hero-actions { align-items: stretch; }
  .industry-furniture .furniture-scenario-list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .industry-furniture .page-hero { min-height: 820px; padding: 48px 22px 310px; }
  .industry-furniture .page-hero::before { right: 22px; bottom: 22px; left: 22px; height: 260px; border-radius: 18px; }
  .industry-furniture .page-hero-actions { display: grid; }
  .industry-furniture .page-hero-actions a { width: 100%; }
  .industry-furniture .furniture-scenario-list { grid-template-columns: 1fr; }
  .industry-furniture .furniture-customer-band { margin-top: 42px; padding: 28px 20px; gap: 30px; }
  .industry-furniture .furniture-customer-band .related-logos { grid-template-columns: 1fr; }
  .industry-furniture .furniture-customer-band .related-logos img { height: 78px; }
  .industry-furniture .furniture-partner-section { margin-top: 48px; padding: 48px 20px 38px; }
  .industry-furniture .furniture-partner-section .related-logos { grid-template-columns: 1fr; }
  .industry-furniture .furniture-partner-section .related-logos img, .industry-furniture .furniture-partner-section .related-logos img:nth-child(2) { height: 100px; border-right: 0px; border-bottom: 1px solid rgb(217, 225, 239); }
  .industry-furniture .furniture-partner-section .related-logos img:last-child { border-bottom: 0px; }
  .industry-furniture .contact.contact-hero-echo { margin: 0px; padding: 64px 22px; }
  .industry-furniture .contact.contact-hero-echo h2 { font-size: 38px; }
}

.industry-solution:not(.industry-furniture) .page-hero { min-height: 680px; padding-right: 52%; background: radial-gradient(circle at 28% 100%,rgba(var(--industry-rgb),.18),transparent 35%),linear-gradient(118deg,#030b1b 0%,#07152f 100%); }

.industry-solution:not(.industry-furniture) .page-hero::before { top: 34px; right: 34px; bottom: 34px; width: 45%; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 28px; background: var(--industry-image) center/cover; clip-path: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 28px 70px; }

.industry-solution:not(.industry-furniture) .page-hero::after { display: none; }

.industry-solution:not(.industry-furniture) .page-hero > * { max-width: 100%; }

.industry-solution:not(.industry-furniture) .page-hero .breadcrumbs, .industry-solution:not(.industry-furniture) .page-hero .hero-note { display: none; }

.industry-solution:not(.industry-furniture) .scenario-cards { grid-template-columns: repeat(2, 1fr); gap: 16px; }

.industry-solution:not(.industry-furniture) .scenario-cards article, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(2), .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(3) { position: relative; min-height: 430px; padding: 144px 26px 24px; color: rgb(16, 24, 40); background: rgb(255, 255, 255); border: 1px solid rgb(219, 227, 242); border-radius: 18px; box-shadow: rgba(19, 40, 86, 0.07) 0px 20px 50px; }

.industry-solution:not(.industry-furniture) .scenario-cards article::before { position: absolute; top: 0px; left: 0px; right: 0px; height: 38px; border-bottom: 1px solid rgb(225, 230, 239); border-radius: 18px 18px 0px 0px; background: linear-gradient(90deg, rgb(255, 141, 130) 0px, rgb(255, 141, 130) 6px, transparent 6px, transparent 12px, rgb(248, 203, 100) 12px, rgb(248, 203, 100) 18px, transparent 18px, transparent 24px, rgb(111, 208, 155) 24px, rgb(111, 208, 155) 30px, transparent 30px) 18px 16px / 30px 6px no-repeat, rgb(255, 255, 255); content: "LIVE CONVERSATION"; padding: 13px 18px 0px 60px; color: rgb(137, 149, 170); font-size: 8px; letter-spacing: 0.08em; }

.industry-solution:not(.industry-furniture) .scenario-cards article::after { position: absolute; top: 52px; left: 26px; right: 26px; height: 70px; padding: 18px 14px 10px 88px; display: block; overflow: hidden; color: rgb(39, 50, 71); border: 1px solid rgb(223, 229, 239); border-radius: 11px; background-color: rgb(248, 250, 255); background-position: 10px center; background-size: 66px 50px; background-repeat: no-repeat; content: "Product · Order context"; font-size: 11px; font-weight: 650; line-height: 1.45; white-space: pre-line; box-sizing: border-box; }

.industry-solution:not(.industry-furniture) .scenario-cards .q, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(2) .q, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(3) .q { align-self: flex-end; margin-left: auto; color: rgb(255, 255, 255); background: rgb(49, 87, 255); border-radius: 13px 13px 4px; }

.industry-solution:not(.industry-furniture) .scenario-cards .a, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(2) .a, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(3) .a { color: rgb(39, 50, 71); background: rgb(247, 249, 252); border-color: rgb(220, 227, 240); border-radius: 13px 13px 13px 4px; }

.industry-solution:not(.industry-furniture) .scenario-cards .q::before, .industry-solution:not(.industry-furniture) .scenario-cards .a::before { margin-bottom: 5px; display: block; font-size: 8px; font-weight: 500; opacity: 0.66; letter-spacing: 0.02em; }

.industry-solution:not(.industry-furniture) .scenario-cards .q::before { content: "Customer · just now"; }

.industry-solution:not(.industry-furniture) .scenario-cards .a::before { content: "Shulex AI · replied instantly"; }

.industry-electronics .scenario-cards article::after { background-image: url("../assets/generated/industry-electronics.webp"); }

.industry-electronics .scenario-cards article:nth-child(1)::after { content: "USB-C Charging Hub · SKU EC-2048\a Order #E10482"; }

.industry-electronics .scenario-cards article:nth-child(2)::after { content: "Wireless Earbuds Pro · SKU AU-310\a Product support"; }

.industry-electronics .scenario-cards article:nth-child(3)::after { content: "Portable Projector · SKU PJ-820\a Order #E20819"; }

.industry-electronics .scenario-cards article:nth-child(4)::after { content: "GaN Fast Charger · SKU CH-140\a Order #E77206"; }

.industry-smart-home .scenario-cards article::after { background-image: url("../assets/generated/industry-robotics.webp"); }

.industry-smart-home .scenario-cards article:nth-child(1)::after { content: "Robot Vacuum S8 · Device RV-8821\a App connected"; }

.industry-smart-home .scenario-cards article:nth-child(2)::after { content: "Smart Pool Cleaner · Device PC-410\a Error code E04"; }

.industry-smart-home .scenario-cards article:nth-child(3)::after { content: "Smart Air Purifier · Device AP-220\a Firmware 3.8.1"; }

.industry-smart-home .scenario-cards article:nth-child(4)::after { content: "Robotic Lawn Mower · Device LM-760\a Mapping support"; }

.industry-security .scenario-cards article::after { background-image: url("../assets/generated/industry-security.webp"); }

.industry-security .scenario-cards article:nth-child(1)::after { content: "Outdoor Camera Pro · Device SC-204\a Offline since 22:18"; }

.industry-security .scenario-cards article:nth-child(2)::after { content: "Indoor Security Cam · Device IC-118\a Privacy & storage"; }

.industry-security .scenario-cards article:nth-child(3)::after { content: "Home Security Hub · Plan HS-Cloud\a Storage comparison"; }

.industry-security .scenario-cards article:nth-child(4)::after { content: "Video Doorbell · Device DB-330\a Wi-Fi setup"; }

.industry-auto .scenario-cards article::after { background-image: url("../assets/generated/industry-auto.webp"); }

.industry-auto .scenario-cards article:nth-child(1)::after { content: "LED Headlight Kit · SKU HL-2019\a Vehicle fitment"; }

.industry-auto .scenario-cards article:nth-child(2)::after { content: "4K Dash Camera · SKU DC-810\a Installation support"; }

.industry-auto .scenario-cards article:nth-child(3)::after { content: "Rear Tail Light · Order #A20819\a Damage claim"; }

.industry-auto .scenario-cards article:nth-child(4)::after { content: "Motorcycle Foot Peg · Order #A77206\a Return request"; }

.industry-fashion .scenario-cards article::after { background-image: url("../assets/generated/industry-fashion.webp"); }

.industry-fashion .scenario-cards article:nth-child(1)::after { content: "Relaxed Fit Blazer · SKU FS-204\a Size recommendation"; }

.industry-fashion .scenario-cards article:nth-child(2)::after { content: "Leather Crossbody Bag · SKU BG-118\a Product details"; }

.industry-fashion .scenario-cards article:nth-child(3)::after { content: "Seasonal Collection · Order #F20819\a Delivery tracking"; }

.industry-fashion .scenario-cards article:nth-child(4)::after { content: "Black Friday Order · #F77206\a Size change"; }

.industry-solution:not(.industry-furniture) .scenario-cards article footer, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(2) footer, .industry-solution:not(.industry-furniture) .scenario-cards article:nth-child(3) footer { color: rgb(49, 87, 255); border-color: rgb(228, 233, 242); }

.industry-solution:not(.industry-furniture) .step-flow { grid-template-columns: repeat(4, 1fr); gap: 12px; border: 0px; }

.industry-solution:not(.industry-furniture) .step-flow article { min-height: 170px; padding: 24px 22px; border: 1px solid rgb(213, 222, 239); border-radius: 14px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(247, 249, 255)); transition: 0.25s; }

.industry-solution:not(.industry-furniture) .step-flow article:hover { color: rgb(255, 255, 255); border-color: rgb(24, 55, 111); background: linear-gradient(145deg, rgb(16, 36, 75), rgb(23, 59, 128)); transform: translateY(-4px); }

.industry-solution:not(.industry-furniture) .step-flow article:hover p, .industry-solution:not(.industry-furniture) .step-flow article:hover b { color: rgb(203, 216, 255); }

.industry-solution:not(.industry-furniture) .section-alt .related-logos { padding: 48px; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0px; border: 1px solid rgb(217, 225, 239); background: rgb(255, 255, 255); }

.industry-solution:not(.industry-furniture) .section-alt .related-logos img { width: 100%; max-width: none; height: 118px; max-height: none; padding: 32px; object-fit: contain; filter: none; opacity: 1; border-right: 1px solid rgb(217, 225, 239); }

.industry-solution:not(.industry-furniture) .contact.contact-hero-echo { min-height: 460px; margin: 0px; padding-bottom: 76px; grid-template-columns: 1fr; border-radius: 0px; }

.industry-solution:not(.industry-furniture) .contact.contact-hero-echo .contact-echo-copy { max-width: 900px; margin: 0px auto; text-align: center; }

.industry-solution:not(.industry-furniture) .contact.contact-hero-echo .contact-echo-copy > p { margin-left: auto; margin-right: auto; text-align: center; }

.industry-solution:not(.industry-furniture) .contact.contact-hero-echo .contact-echo-actions { justify-content: center; }

.industry-solution:not(.industry-furniture) .industry-more-scenes { padding-top: 58px; border-top: 1px solid rgb(203, 214, 232); }

.industry-solution:not(.industry-furniture) .industry-scenario-kicker { margin: 0px 0px 28px; color: rgb(102, 112, 133); font-size: 12px; letter-spacing: 0.04em; }

.industry-solution:not(.industry-furniture) .industry-keyword-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.industry-solution:not(.industry-furniture) .industry-keyword-list span { min-height: 112px; padding: 24px 22px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 9px; color: rgb(16, 24, 40); border: 1px solid rgb(213, 222, 239); border-radius: 14px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(247, 249, 255)); font-size: 15px; font-weight: 620; box-shadow: rgba(28, 48, 88, 0.05) 0px 12px 28px; transition: color 0.25s, border-color 0.25s, background 0.25s, box-shadow 0.25s, transform 0.25s; }

.industry-solution:not(.industry-furniture) .industry-keyword-list span:hover { color: rgb(255, 255, 255); border-color: rgb(24, 55, 111); background: linear-gradient(145deg, rgb(16, 36, 75), rgb(23, 59, 128)); box-shadow: rgba(16, 45, 101, 0.2) 0px 20px 42px; transform: translateY(-4px); }

.industry-solution:not(.industry-furniture) .industry-keyword-list b { color: rgb(49, 87, 255); font-size: 9px; font-weight: 700; letter-spacing: 0.09em; }

.industry-solution:not(.industry-furniture) .industry-keyword-list span:hover b { color: rgb(155, 179, 255); }

.industry-solution:not(.industry-furniture) .section-alt:has(.related-logos) .case-feature { display: none; }

.industry-solution:not(.industry-furniture) .section-alt:has(.related-logos) .section-head { max-width: 820px; margin-left: auto; margin-right: auto; text-align: center; }

.industry-solution:not(.industry-furniture) .section-alt:has(.related-logos) .related-logos { margin-top: 42px; }

@media (max-width: 900px) {
  .industry-solution:not(.industry-furniture) .page-hero { min-height: 850px; padding: 64px 42px 390px; }
  .industry-solution:not(.industry-furniture) .page-hero::before { inset: auto 42px 42px; width: auto; height: 310px; border-radius: 22px; }
  .industry-solution:not(.industry-furniture) .scenario-cards { grid-template-columns: 1fr; }
  .industry-solution:not(.industry-furniture) .step-flow { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .industry-solution:not(.industry-furniture) .industry-keyword-list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .industry-solution:not(.industry-furniture) .page-hero { min-height: 820px; padding: 48px 22px 310px; }
  .industry-solution:not(.industry-furniture) .page-hero::before { right: 22px; bottom: 22px; left: 22px; height: 260px; }
  .industry-solution:not(.industry-furniture) .step-flow { grid-template-columns: 1fr; }
  .industry-solution:not(.industry-furniture) .industry-keyword-list { grid-template-columns: 1fr; }
  .industry-solution:not(.industry-furniture) .section-alt .related-logos { grid-template-columns: 1fr; padding: 20px; }
}

.support-page .support-hero { min-height: 610px; padding: 92px 52% 56px 64px; display: flex; flex-direction: column; justify-content: center; background-image: linear-gradient(90deg, rgba(2, 10, 27, 0.98) 0%, rgba(2, 10, 27, 0.9) 28%, rgba(2, 10, 27, 0.48) 52%, rgba(2, 10, 27, 0.08) 76%), linear-gradient(0deg, rgba(4, 16, 42, 0.25), rgba(4, 16, 42, 0.04)), url("../assets/generated/customer-success-hero-v1.png"); background-position: center center; background-size: cover; }

.support-page .support-hero h1 { font-size: clamp(42px, 4.35vw, 66px); line-height: 1.04; }

.support-page .support-hero .lead { margin-top: 22px; max-width: 690px; font-size: 15px; line-height: 1.8; }

.support-page .support-hero .page-hero-actions { margin-top: 28px; }

.support-page .support-hero > * { max-width: none; }

.support-hero-copy { position: relative; z-index: 2; max-width: 740px; }

.support-hero-proof { margin-top: 32px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.18); }

.support-hero-proof span { padding: 16px 18px 0px; color: rgb(183, 196, 220); font-size: 10px; line-height: 1.5; border-left: 1px solid rgba(255, 255, 255, 0.18); }

.support-hero-proof span:first-child { padding-left: 0px; border-left: 0px; }

.support-hero-proof b { display: block; margin-bottom: 4px; color: rgb(255, 255, 255); font-size: 15px; }

.outcome-panel { padding: 34px; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 32px; color: rgb(255, 255, 255); border-radius: 24px; background: linear-gradient(120deg, rgb(8, 33, 77), rgb(23, 71, 149)); }

.outcome-panel small { color: rgb(157, 183, 255); font-size: 9px; letter-spacing: 0.14em; }

.outcome-panel h3 { margin: 12px 0px 25px; font-size: 29px; }

.outcome-panel ol { margin: 0px; padding: 0px; display: flex; gap: 8px; list-style: none; counter-reset: steps 0; }

.outcome-panel li { flex: 1 1 0%; padding: 12px; color: rgb(219, 229, 255); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; font-size: 11px; text-align: center; }

.outcome-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

.outcome-metrics article { padding: 26px 20px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 16px; background: rgba(255, 255, 255, 0.08); }

.outcome-metrics strong { font-size: 20px; }

.outcome-metrics p { margin: 10px 0px 0px; color: rgb(189, 202, 226); font-size: 11px; line-height: 1.6; }

.employment-model { margin-bottom: 22px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 14px; align-items: stretch; }

.employment-model article { padding: 30px 27px; border: 1px solid rgb(219, 227, 242); border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(19, 40, 86, 0.06) 0px 16px 40px; }

.employment-model > i { align-self: center; color: rgb(49, 87, 255); font-size: 24px; font-style: normal; }

.employment-model span { color: rgb(49, 87, 255); font-size: 9px; font-weight: 750; letter-spacing: 0.1em; }

.employment-model h3 { margin: 15px 0px 12px; font-size: 20px; line-height: 1.35; }

.employment-model p { margin: 0px; color: rgb(102, 112, 133); font-size: 12px; line-height: 1.75; }

.support-foundations { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgb(216, 225, 240); background: rgb(255, 255, 255); }

.support-foundations article { min-height: 270px; padding: 30px 25px; border-left: 1px solid rgb(216, 225, 240); }

.support-foundations article:first-child { border-left: 0px; }

.support-foundations b { color: rgb(49, 87, 255); font-size: 11px; }

.support-foundations h3 { margin: 42px 0px 14px; font-size: 20px; }

.support-foundations p { margin: 0px; color: rgb(102, 112, 133); font-size: 12px; line-height: 1.75; }

.delivery-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

.delivery-steps article { position: relative; min-height: 470px; padding: 28px 24px; border: 1px solid rgb(217, 225, 239); border-radius: 18px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(248, 250, 255)); box-shadow: rgba(24, 45, 88, 0.05) 0px 18px 38px; }

.delivery-steps span { color: rgb(49, 87, 255); font-size: 11px; font-weight: 700; }

.delivery-steps h3 { margin: 16px 0px 30px; font-size: 24px; }

.delivery-steps dl { margin: 0px; }

.delivery-steps dt { margin-top: 22px; color: rgb(16, 24, 40); font-size: 13px; font-weight: 650; }

.delivery-steps dd { margin: 7px 0px 0px; color: rgb(123, 135, 157); font-size: 11px; line-height: 1.65; }

.trainer-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

.trainer-layout figure { margin: 0px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 20px; background: rgba(255, 255, 255, 0.06); }

.trainer-layout figure img { width: 100%; height: 420px; object-fit: contain; border-radius: 12px; background: rgb(255, 255, 255); }

.trainer-layout figcaption { padding: 12px 2px 0px; color: rgb(145, 162, 193); font-size: 10px; }

.trainer-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

.trainer-metrics span { padding: 22px 16px; color: rgb(174, 187, 210); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 14px; font-size: 10px; }

.trainer-metrics b { display: block; margin-bottom: 7px; color: rgb(255, 255, 255); font-size: 25px; }

.trainer-capabilities { margin-top: 14px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }

.trainer-capabilities article { padding: 25px 20px; border-radius: 14px; background: rgb(255, 255, 255); }

.trainer-capabilities h3 { margin: 0px 0px 8px; color: rgb(16, 24, 40); font-size: 17px; }

.trainer-capabilities p { margin: 0px; color: rgb(102, 112, 133); font-size: 11px; }

.values-section { background: rgb(240, 244, 255); }

.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

.value-grid article { min-height: 260px; padding: 30px 25px; border: 1px solid rgb(216, 225, 240); border-radius: 18px; background: rgb(255, 255, 255); }

.value-grid b { color: rgb(49, 87, 255); font-size: 10px; }

.value-grid h3 { margin: 52px 0px 13px; font-size: 21px; }

.value-grid p { margin: 0px; color: rgb(102, 112, 133); font-size: 12px; line-height: 1.75; }

@media (max-width: 1000px) {
  .support-page .support-hero { min-height: 680px; padding: 82px 42px 48px; background-image: linear-gradient(90deg, rgba(2, 10, 27, 0.96), rgba(2, 10, 27, 0.68) 68%, rgba(2, 10, 27, 0.28)), url("../assets/generated/customer-success-hero-v1.png"); background-position: 58% center; }
  .support-page .support-hero-copy { max-width: 620px; }
  .support-foundations, .delivery-steps, .value-grid { grid-template-columns: repeat(2, 1fr); }
  .outcome-panel, .trainer-layout { grid-template-columns: 1fr; }
  .employment-model { grid-template-columns: 1fr; }
  .employment-model > i { transform: rotate(90deg); justify-self: center; }
}

@media (max-width: 700px) {
  .support-page .support-hero { min-height: 690px; padding: 76px 22px 40px; background-image: linear-gradient(90deg, rgba(2, 10, 27, 0.97), rgba(2, 10, 27, 0.78)), url("../assets/generated/customer-success-hero-v1.png"); background-position: 62% center; }
  .support-hero-proof, .outcome-metrics, .support-foundations, .delivery-steps, .value-grid { grid-template-columns: 1fr; }
  .support-hero-proof span { padding: 14px 0px; border-top: 1px solid rgba(255, 255, 255, 0.15); border-left: 0px; }
  .outcome-panel { padding: 24px; }
  .outcome-panel ol { display: grid; }
  .support-foundations article { border-top: 1px solid rgb(216, 225, 240); border-left: 0px; }
  .trainer-metrics { grid-template-columns: 1fr; }
  .trainer-layout figure img { height: 280px; }
}

.site-header > .section-alt { display: none; }

.manual-showcase { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; }

.manual-card { overflow: hidden; border: 1px solid rgb(219, 227, 242); border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(19, 40, 86, 0.07) 0px 18px 44px; }

.manual-card img { width: 100%; aspect-ratio: 16 / 9; display: block; object-fit: cover; object-position: center center; border-bottom: 1px solid rgb(224, 230, 241); }

.manual-card > div { padding: 24px 26px 28px; }

.manual-card small { color: rgb(49, 87, 255); font-size: 9px; font-weight: 750; letter-spacing: 0.13em; }

.manual-card h3 { margin: 10px 0px; font-size: 22px; font-weight: 550; letter-spacing: -0.025em; }

.manual-card p { margin: 0px; color: rgb(102, 112, 133); font-size: 13px; line-height: 1.75; }

.manual-card.wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1.12fr 0.88fr; }

.manual-card.wide img { height: 100%; aspect-ratio: auto; border-right: 1px solid rgb(224, 230, 241); border-bottom: 0px; }

.manual-card.wide > div { display: flex; flex-direction: column; justify-content: center; padding: 36px; }

.channel-solution-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }

.channel-solution-card { position: relative; min-height: 280px; padding: 30px; border: 1px solid rgb(219, 227, 242); border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(19, 40, 86, 0.06) 0px 18px 44px; }

.channel-solution-card > small { color: rgb(49, 87, 255); font-size: 9px; font-weight: 750; letter-spacing: 0.14em; }

.channel-solution-card h3 { margin: 14px 0px 10px; font-size: 25px; font-weight: 540; }

.channel-solution-card p { margin: 0px; color: rgb(102, 112, 133); font-size: 13px; line-height: 1.75; }

.channel-solution-card ul { margin: 20px 0px 0px; padding: 0px; display: grid; gap: 9px; list-style: none; }

.channel-solution-card li { position: relative; padding-left: 16px; color: rgb(68, 80, 102); font-size: 12px; line-height: 1.55; }

.channel-solution-card li::before { position: absolute; top: 7px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background: rgb(49, 87, 255); content: ""; }

.channel-solution-card figure { margin: 24px 0px 0px; }

.channel-solution-card img { width: 100%; display: block; border: 1px solid rgb(223, 229, 239); border-radius: 12px; }

.manual-proof-line { margin-top: 22px; padding-top: 22px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(219, 227, 242); }

.manual-proof-line span { padding: 0px 20px; color: rgb(102, 112, 133); font-size: 12px; line-height: 1.55; border-left: 1px solid rgb(219, 227, 242); }

.manual-proof-line span:first-child { padding-left: 0px; border-left: 0px; }

.manual-proof-line b { display: block; margin-bottom: 5px; color: rgb(16, 24, 40); font-size: 15px; }

@media (max-width: 900px) {
  .manual-showcase, .channel-solution-grid { grid-template-columns: 1fr; }
  .manual-card.wide { grid-template-columns: 1fr; }
  .manual-card.wide img { aspect-ratio: 16 / 9; border-right: 0px; border-bottom: 1px solid rgb(224, 230, 241); }
  .manual-proof-line { grid-template-columns: 1fr; }
  .manual-proof-line span { padding: 14px 0px; border-top: 1px solid rgb(219, 227, 242); border-left: 0px; }
  .manual-proof-line span:first-child { border-top: 0px; }
}

@media (max-width: 900px) {
  .industry-solution .page-hero { min-height: 760px; padding-inline: 42px; padding-bottom: 330px; justify-content: flex-start; }
  .industry-solution .page-hero::before { top: auto; width: 100%; height: 310px; clip-path: polygon(0px 14%, 100% 0px, 100% 100%, 0px 100%); background: linear-gradient(0deg,rgba(4,12,29,.38),rgba(4,12,29,.03)),var(--industry-image) center/cover; }
  .industry-solution .page-hero::after { display: none; }
  .industry-solution .page-hero > * { max-width: 100%; }
}

@media (max-width: 700px) {
  .industry-solution .page-hero { min-height: 750px; padding: 48px 22px 280px; }
  .industry-solution .page-hero::before { height: 270px; }
  .industry-solution .page-hero h1 { font-size: 40px; }
  .industry-solution .feature-grid article + article { border-top: 1px solid rgb(219, 227, 242); border-left: 0px; }
  .industry-solution .feature-grid article { min-height: 230px; }
  .industry-solution .section-head.center { text-align: left; }
  .industry-solution .feature-media img { height: 280px; }
  .industry-solution .contact { margin: 0px 14px 14px; padding: 64px 22px; }
  .industry-solution .contact h2 { font-size: 38px; }
}

.customers-page .customers-hero { padding-bottom: clamp(72px, 8vw, 118px); background: radial-gradient(68% 55% at 82% 44%, rgba(49, 87, 255, 0.36), transparent 64%), radial-gradient(42% 32% at 38% 82%, rgba(96, 127, 255, 0.16), transparent 66%), linear-gradient(rgb(4, 7, 17) 0%, rgb(7, 18, 38) 54%, rgb(3, 6, 13) 100%); }

.customers-page .customers-hero::before { position: absolute; inset: 0px; opacity: 0.12; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E"); mix-blend-mode: overlay; content: ""; pointer-events: none; }

.customers-page .customers-hero::after { right: -150px; bottom: -250px; width: 620px; height: 620px; box-shadow: rgba(90, 112, 255, 0.043) 0px 0px 0px 90px, rgba(90, 112, 255, 0.024) 0px 0px 0px 180px; }

.customers-page .case-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(440px, 1.08fr); gap: clamp(42px, 5vw, 78px); align-items: end; }

.customers-page .case-hero-copy h1 { max-width: 760px; font-size: clamp(48px, 5.2vw, 78px); font-weight: 500; letter-spacing: -0.06em; }

.customers-page .case-hero-copy .lead { max-width: 720px; color: rgba(226, 234, 255, 0.72); }

.customers-page .case-tile-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }

.customers-page .case-tile { min-height: 220px; padding: 24px; display: flex; flex-direction: column; color: rgb(255, 255, 255); border: 1px solid rgba(226, 234, 255, 0.16); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.043)); box-shadow: rgba(0, 0, 0, 0.22) 0px 24px 60px; backdrop-filter: blur(18px); transition: transform 0.22s, border-color 0.22s, background 0.22s; }

.customers-page .case-tile:hover { transform: translateY(-4px); border-color: rgba(143, 165, 255, 0.46); background: linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.06)); }

.customers-page .case-tile.featured { background: linear-gradient(145deg, rgba(49, 87, 255, 0.34), rgba(255, 255, 255, 0.07)); }

.customers-page .case-tile.quiet { background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)); }

.customers-page .case-tile span { color: rgb(159, 177, 255); font-size: 10px; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; }

.customers-page .case-tile h3 { margin: 18px 0px 10px; font-size: 24px; font-weight: 560; letter-spacing: -0.035em; }

.customers-page .case-tile p { margin: 0px; color: rgb(192, 201, 221); font-size: 13px; line-height: 1.65; }

.customers-page .case-tile strong { margin-top: auto; padding-top: 26px; color: rgb(255, 255, 255); font-size: clamp(26px, 2.5vw, 38px); font-weight: 460; letter-spacing: -0.05em; }

.customers-page .case-tile em { margin-top: 6px; color: rgb(129, 144, 184); font-size: 11px; font-style: normal; }

.customers-page .customer-proof-wall { background: radial-gradient(circle at 10% 0px, rgba(49, 87, 255, 0.22), transparent 34%), linear-gradient(rgb(8, 20, 38), rgb(5, 11, 23)); }

.customers-page .customer-proof-wall .section-head { margin-bottom: 38px; }

.customers-page .customer-proof-wall .proof-band.metrics-five { grid-template-columns: repeat(5, 1fr); gap: 10px; }

.customers-page .customer-proof-wall .proof-band article { padding: 30px 14px; border: 1px solid rgba(151, 170, 255, 0.14); border-radius: 18px; background: rgba(255, 255, 255, 0.035); }

.customers-page .customers-featured-cases { padding-bottom: clamp(80px, 8vw, 130px); }

.customers-page .featured-case-pair { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(320px, 0.78fr) minmax(280px, 0.62fr); gap: 18px; align-items: stretch; padding: 34px 0px; }

.customers-page .featured-case-pair + .featured-case-pair { border-top: 1px solid rgb(225, 231, 242); }

.customers-page .featured-case-pair.reverse .case-media { order: 2; }

.customers-page .featured-case-pair.reverse .case-story-card { order: 1; }

.customers-page .featured-case-pair.reverse .case-testimonial-card { order: 3; }

.customers-page .featured-case-pair .case-media { min-height: 420px; border-radius: 24px; box-shadow: rgba(18, 35, 67, 0.16) 0px 24px 70px; }

.customers-page .featured-case-pair .case-logo { left: 22px; bottom: 22px; padding: 10px 15px; border-radius: 999px; }

.customers-page .case-story-card, .customers-page .case-testimonial-card { padding: 30px; border: 1px solid rgb(221, 229, 242); border-radius: 24px; background: rgb(255, 255, 255); box-shadow: rgba(19, 40, 86, 0.07) 0px 18px 46px; }

.customers-page .case-story-card { display: flex; flex-direction: column; }

.customers-page .case-story-card small { color: rgb(49, 87, 255); font-size: 10px; font-weight: 750; letter-spacing: 0.13em; text-transform: uppercase; }

.customers-page .case-story-card h3 { margin: 18px 0px 14px; font-size: clamp(26px, 2.5vw, 36px); font-weight: 520; line-height: 1.16; letter-spacing: -0.04em; }

.customers-page .case-story-card p { margin: 0px 0px 18px; color: rgb(95, 107, 125); font-size: 14px; line-height: 1.8; }

.customers-page .case-story-card > a { margin-top: 22px; color: rgb(49, 87, 255); font-size: 13px; font-weight: 650; }

.customers-page .case-story-card .case-metric { margin-top: auto; }

.customers-page .case-testimonial-card { display: flex; flex-direction: column; justify-content: space-between; color: rgb(255, 255, 255); border-color: rgba(151, 170, 255, 0.18); background: linear-gradient(145deg, rgb(8, 20, 38), rgb(19, 43, 91)); }

.customers-page .case-testimonial-card.muted { background: linear-gradient(145deg, rgb(16, 24, 40), rgb(29, 41, 57)); }

.customers-page .case-testimonial-card img { width: 116px; max-height: 34px; object-fit: contain; filter: brightness(0) invert(1); }

.customers-page .case-testimonial-card b { color: rgb(143, 165, 255); font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; }

.customers-page .case-testimonial-card blockquote { margin: 34px 0px; color: rgb(238, 243, 255); font-size: 21px; line-height: 1.55; letter-spacing: -0.025em; }

.customers-page .case-testimonial-card span { color: rgb(130, 147, 191); font-size: 11px; }

.customers-page .case-result { margin-top: auto; padding: 20px 0px 0px; border-top: 1px solid rgb(229, 234, 244); color: rgb(23, 39, 68); font-size: 15px; line-height: 1.7; }

.customers-page .case-result em { display: block; margin-top: 6px; color: rgb(152, 162, 179); font-size: 10.5px; font-style: normal; }

.customers-page .more-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin-bottom: 64px; }

.customers-page .more-story-grid a { min-height: 250px; padding: 28px; display: flex; flex-direction: column; color: rgb(16, 24, 40); border: 1px solid rgb(219, 227, 242); border-radius: 22px; background: rgb(255, 255, 255); box-shadow: rgba(19, 40, 86, 0.06) 0px 18px 42px; transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; }

.customers-page .more-story-grid a:hover { transform: translateY(-5px); border-color: rgb(183, 198, 255); box-shadow: rgba(19, 40, 86, 0.11) 0px 24px 58px; }

.customers-page .more-story-grid small { color: rgb(49, 87, 255); font-size: 10px; font-weight: 750; letter-spacing: 0.13em; text-transform: uppercase; }

.customers-page .more-story-grid h3 { margin: 38px 0px 12px; font-size: 22px; font-weight: 560; line-height: 1.25; letter-spacing: -0.03em; }

.customers-page .more-story-grid p { margin: 0px; color: rgb(102, 112, 133); font-size: 13px; line-height: 1.75; }

.customers-page .more-story-grid span { margin-top: auto; color: rgb(49, 87, 255); font-size: 13px; font-weight: 650; }

.customers-page .related-logos.logo-wall { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 0px; padding: 0px; border: 1px solid rgb(217, 225, 239); background: rgb(255, 255, 255); }

.customers-page .related-logos.logo-wall img { width: 100%; max-width: none; height: 96px; max-height: none; padding: 28px; object-fit: contain; filter: none; opacity: 1; border-right: 1px solid rgb(217, 225, 239); border-bottom: 1px solid rgb(217, 225, 239); }

.customers-page .related-logos.logo-wall img:nth-child(6n) { border-right: 0px; }

@media (max-width: 1160px) {
  .customers-page .case-hero-grid { grid-template-columns: 1fr; }
  .customers-page .case-tile-grid { max-width: 860px; }
  .customers-page .featured-case-pair { grid-template-columns: 1fr 1fr; }
  .customers-page .featured-case-pair .case-media { grid-column: 1 / -1; }
  .customers-page .featured-case-pair.reverse .case-media, .customers-page .featured-case-pair.reverse .case-story-card, .customers-page .featured-case-pair.reverse .case-testimonial-card { order: 0; }
  .customers-page .customer-proof-wall .proof-band.metrics-five { grid-template-columns: repeat(3, 1fr); }
  .customers-page .more-story-grid { grid-template-columns: repeat(2, 1fr); }
  .customers-page .related-logos.logo-wall { grid-template-columns: repeat(4, 1fr); }
  .customers-page .related-logos.logo-wall img:nth-child(6n) { border-right: 1px solid rgb(217, 225, 239); }
  .customers-page .related-logos.logo-wall img:nth-child(4n) { border-right: 0px; }
}

@media (max-width: 760px) {
  .customers-page .customers-hero { padding: 52px 22px 60px; }
  .customers-page .case-hero-copy h1 { font-size: 40px; }
  .customers-page .case-tile-grid, .customers-page .featured-case-pair, .customers-page .more-story-grid { grid-template-columns: 1fr; }
  .customers-page .case-tile { min-height: 190px; }
  .customers-page .customer-proof-wall .proof-band.metrics-five { grid-template-columns: 1fr 1fr; }
  .customers-page .featured-case-pair { padding: 24px 0px; }
  .customers-page .featured-case-pair .case-media { min-height: 280px; }
  .customers-page .case-story-card, .customers-page .case-testimonial-card { padding: 24px; }
  .customers-page .case-testimonial-card blockquote { font-size: 18px; }
  .customers-page .related-logos.logo-wall { grid-template-columns: repeat(2, 1fr); }
  .customers-page .related-logos.logo-wall img, .customers-page .related-logos.logo-wall img:nth-child(4n), .customers-page .related-logos.logo-wall img:nth-child(6n) { height: 82px; border-right: 1px solid rgb(217, 225, 239); }
  .customers-page .related-logos.logo-wall img:nth-child(2n) { border-right: 0px; }
}

/* Customer story hero: full-width, single-line editorial title */
.customer-story-detail-page .story-detail-title-block {
  margin-bottom: clamp(38px, 5vw, 66px) !important;
}

.customer-story-detail-page .story-detail-title-block .story-detail-back {
  margin-bottom: 28px !important;
}

.customer-story-detail-page .story-detail-title-block .story-detail-brand-lockup {
  margin-bottom: 24px !important;
}

.customer-story-detail-page .story-detail-title {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #090b12 !important;
  font-size: 64px;
  font-weight: 820 !important;
  line-height: 1.08 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Wider customer-story reading column */

.customer-story-detail-page .story-inline-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 34px;
  align-items: end;
  margin: 64px 0 !important;
  padding: 36px 38px !important;
  border-radius: 20px;
  background: #111522;
  color: #fff;
}

.customer-story-detail-page .story-inline-cta small {
  display: block;
  margin-bottom: 12px;
  color: #8fa5ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}

.customer-story-detail-page .story-inline-cta strong {
  display: block;
  color: #fff;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.2;
  letter-spacing: -.04em;
}

.customer-story-detail-page .story-inline-cta p {
  max-width: 590px;
  margin: 14px 0 0 !important;
  color: #b8c0d4 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.customer-story-detail-page .story-inline-cta-actions {
  display: grid;
  gap: 10px;
  min-width: 156px;
}

.customer-story-detail-page .story-inline-cta-actions a {
  display: inline-flex;
  min-height: 44px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #3157ff;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.customer-story-detail-page .story-inline-cta-actions a + a {
  border: 1px solid #343b50;
  background: transparent;
  color: #d8deed;
}

@media (max-width: 700px) {
  .customer-story-detail-page .story-inline-cta {
    grid-template-columns: 1fr;
    margin: 48px 0 !important;
    padding: 28px 24px !important;
  }
}

.customer-story-detail-page .story-detail-copy > .story-detail-brand-lockup {
  margin: 0 0 34px !important;
}

@media (max-width: 980px) {
  .customer-story-detail-page .story-detail-title {
    font-size: clamp(34px, 7vw, 52px) !important;
    line-height: 1.12 !important;
    white-space: normal;
    text-wrap: balance;
    overflow: visible !important;
    text-overflow: clip;
  }
}

/* Customer story reading template — unified editorial layout */




.customer-story-detail-page .story-detail-brand-lockup {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
}

.customer-story-detail-page .story-detail-brand-lockup .story-detail-logo {
  width: auto;
  max-width: 172px;
  height: 40px;
  object-fit: contain;
  object-position: left center;
}

.customer-story-detail-page .story-detail-brand-lockup .story-detail-logo-text {
  color: #0b0d12;
  font-size: 24px;
  font-weight: 850;
}

.customer-story-detail-page .story-detail-logo-fallback { display: none; }
.customer-story-detail-page .story-detail-brand-lockup.has-logo-error .story-detail-logo { display: none; }
.customer-story-detail-page .story-detail-brand-lockup.has-logo-error .story-detail-logo-fallback { display: block; }

.customer-story-detail-page .story-detail-brand-lockup span:last-child {
  padding-left: 18px;
  border-left: 1px solid #d8dce6;
  color: #62697a;
  font-size: 13px;
  font-weight: 740;
}

.customer-story-detail-page .story-detail-copy h1 {
  max-width: 620px !important;
  font-size: clamp(40px, 4.15vw, 64px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}

.customer-story-detail-page .story-detail-copy-long-title h1 {
  font-size: clamp(36px, 3.55vw, 52px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.045em !important;
}

.customer-story-detail-page .story-detail-copy > p {
  max-width: 650px !important;
  margin: 26px 0 0 !important;
  color: #51596b !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
}


.customer-story-detail-page .story-detail-image::after { display: none !important; }


.customer-story-detail-page .story-detail-body-grid {
  grid-template-columns: 240px minmax(0, 760px) !important;
  gap: clamp(56px, 7vw, 104px) !important;
  justify-content: center !important;
}

.customer-story-detail-page .story-detail-sidebar {
  position: sticky;
  top: 108px;
  display: block !important;
  max-height: calc(100vh - 140px);
  overflow: auto;
  padding: 0 22px 0 0;
}

.customer-story-detail-page .story-detail-sidebar strong {
  display: block;
  padding-bottom: 16px !important;
  color: #111725 !important;
  font-size: 16px !important;
}

.customer-story-detail-page .story-detail-sidebar strong small {
  display: block;
  margin-bottom: 7px;
  color: #3157ff;
  font-size: 10px;
  letter-spacing: .13em;
}

.customer-story-detail-page .story-detail-sidebar nav {
  display: grid;
  gap: 4px;
  margin-top: 12px;
}

.customer-story-detail-page .story-detail-sidebar a {
  position: relative;
  display: block;
  padding: 9px 10px 9px 15px;
  border-left: 2px solid #dfe3eb;
  color: #4f586b !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

.customer-story-detail-page .story-detail-sidebar a:hover {
  border-left-color: #3157ff;
  background: rgba(49, 87, 255, .055);
}

.customer-story-detail-page .story-detail-sidebar .story-detail-toc-sub {
  padding-left: 27px;
  color: #737b8c !important;
  font-size: 13px !important;
}

.customer-story-detail-page .story-detail-article,
.customer-story-detail-page .blogger-case-content {
  max-width: 760px !important;
}

.customer-story-detail-page .story-detail-article h2 {
  scroll-margin-top: 110px;
  margin: 72px 0 22px !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  line-height: 1.22 !important;
  letter-spacing: -.04em !important;
  text-wrap: balance;
}

.customer-story-detail-page .story-detail-article h3 {
  scroll-margin-top: 110px;
  margin: 42px 0 16px !important;
  color: #182033 !important;
  font-size: 23px !important;
  line-height: 1.35 !important;
}


.customer-story-detail-page .story-detail-article blockquote {
  margin: 40px 0 !important;
  padding: 30px 34px !important;
  border: 0 !important;
  border-left: 4px solid #3157ff !important;
  border-radius: 0 16px 16px 0 !important;
  background: #fff !important;
}

.customer-story-detail-page .story-detail-article blockquote p {
  margin: 0 !important;
  color: #172035 !important;
  font-size: 19px !important;
  line-height: 1.75 !important;
  font-weight: 650 !important;
}

.customer-story-detail-page .blogger-case-content > p > img:only-child {
  display: block;
  margin: 38px auto 44px;
  border: 1px solid #e1e5ee;
  border-radius: 18px !important;
  background: #fff;
  box-shadow: 0 18px 45px rgba(21, 31, 61, .08);
}

@media (max-width: 980px) {
  .customer-story-detail-page .story-detail-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .customer-story-detail-page .story-detail-body-grid {
    grid-template-columns: 1fr !important;
  }
  .customer-story-detail-page .story-detail-sidebar {
    position: static;
    max-height: none;
    padding: 0;
  }
  .customer-story-detail-page .story-detail-sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .customer-story-detail-page .story-detail-brand-lockup { align-items: flex-start; flex-direction: column; gap: 12px; }
  .customer-story-detail-page .story-detail-brand-lockup span:last-child { padding: 0; border: 0; }
  .customer-story-detail-page .story-detail-sidebar nav { grid-template-columns: 1fr; }
  .customer-story-detail-page .story-detail-sidebar .story-detail-toc-sub { padding-left: 22px; }
  .customer-story-detail-page .story-detail-hero-actions a { width: 100%; }
  .customer-story-detail-page .story-detail-article h2 { margin-top: 56px !important; }
}

.customers-page main { background: rgb(243, 243, 243); color: rgb(11, 13, 18); }

.customers-page .customers-story-hero { padding: clamp(82px, 8vw, 132px) clamp(22px, 4.8vw, 96px) 58px; background: rgb(243, 243, 243); }

.customers-page .customers-story-hero .breadcrumbs { margin: 0px 0px 54px; display: flex; gap: 9px; color: rgb(124, 131, 143); font-size: 13px; }

.customers-page .customers-story-hero .breadcrumbs a { color: rgb(111, 119, 133); }

.customers-page .customers-story-hero .breadcrumbs i { font-style: normal; color: rgb(182, 187, 196); }


.customers-page .customers-hero-copy h1 { margin: 0px; color: rgb(11, 13, 18); font-size: clamp(72px, 7vw, 118px); font-weight: 650; line-height: 0.95; letter-spacing: -0.07em; }

.customers-page .customers-hero-copy p { max-width: 760px; margin: 28px 0px 0px; color: rgb(107, 114, 128); font-size: clamp(20px, 1.65vw, 28px); font-weight: 450; line-height: 1.45; letter-spacing: -0.03em; }

.customers-page .hero-story-card { padding: 18px; display: grid; grid-template-columns: minmax(340px, 0.42fr) minmax(0px, 0.58fr); gap: 18px; align-items: stretch; background: rgb(255, 255, 255); border-radius: 30px; box-shadow: rgba(16, 24, 40, 0.06) 0px 18px 70px; }

.customers-page .hero-story-copy { padding: clamp(44px, 5vw, 86px) clamp(34px, 4vw, 72px); display: flex; flex-direction: column; justify-content: center; }

.customers-page .hero-story-copy > span { align-self: flex-start; padding: 8px 17px; color: rgb(77, 85, 99); border: 1px solid rgb(154, 162, 173); border-radius: 999px; font-size: 13px; }

.customers-page .hero-story-copy h2 { max-width: 620px; margin: 70px 0px 22px; color: rgb(11, 13, 18); font-size: clamp(38px, 3.35vw, 62px); font-weight: 520; line-height: 1.08; letter-spacing: -0.055em; }

.customers-page .hero-story-copy p { max-width: 570px; margin: 0px; color: rgb(95, 102, 115); font-size: clamp(19px, 1.35vw, 25px); line-height: 1.35; letter-spacing: -0.03em; }

.customers-page .hero-story-copy a { margin-top: 74px; align-self: flex-start; color: rgb(49, 87, 255); border-bottom: 2px solid; font-size: 22px; font-weight: 620; letter-spacing: -0.035em; }

.customers-page .hero-story-media { position: relative; min-height: 520px; margin: 0px; overflow: hidden; border-radius: 24px; background: rgb(8, 20, 38); }

.customers-page .hero-story-media > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.98) contrast(0.96); }

.customers-page .hero-story-media::after { position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.36) 100%); content: ""; }

.customers-page .hero-story-media figcaption { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(72%, 720px); display: flex; align-items: center; justify-content: center; gap: 18px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.38) 0px 2px 20px; }

.customers-page .hero-story-media figcaption strong { font-size: 42px; font-weight: 720; letter-spacing: -0.05em; }

.customers-page .hero-story-media figcaption span { font-size: 20px; font-weight: 650; line-height: 1.25; }

.customers-page .story-brand-lockup { position: absolute; z-index: 2; left: 50%; bottom: 32%; transform: translateX(-50%); display: flex; align-items: center; gap: 24px; }

.customers-page .story-brand-lockup img { width: auto; height: 44px; max-width: 170px; object-fit: contain; padding: 7px 14px; background: rgba(255, 255, 255, 0.92); border-radius: 4px; }

.customers-page .story-brand-lockup img:last-child { filter: brightness(0) invert(1); background: transparent; padding: 0px; height: 36px; }

.customers-page .story-brand-lockup b { color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; opacity: 0.75; }

.customers-page .story-progress { margin-top: 26px; display: grid; grid-template-columns: repeat(4, 1fr) auto; gap: 24px; align-items: center; }

.customers-page .story-progress i { height: 1px; background: rgb(211, 214, 220); }

.customers-page .story-progress i:first-child { background: rgb(11, 13, 18); }

.customers-page .story-progress div { display: flex; gap: 12px; }

.customers-page .story-progress button { width: 56px; height: 56px; border: 1px solid rgb(212, 216, 223); border-radius: 50%; background: rgb(255, 255, 255); color: rgb(11, 13, 18); font-size: 26px; line-height: 1; }

.customers-page .customer-logo-marquee { padding: 56px 0px; background: rgb(243, 243, 243); overflow: hidden; }

.customers-page .logo-track { width: max-content; min-width: 100%; display: flex; align-items: center; gap: 78px; padding: 0px 44px; }

.customers-page .logo-track img { width: auto; height: 38px; max-width: 170px; object-fit: contain; filter: grayscale(1); opacity: 0.52; }

.customers-page .story-gallery-section { padding: clamp(78px, 8vw, 132px) clamp(22px, 4.8vw, 96px); background: rgb(255, 255, 255); border-top: 1px solid rgb(228, 231, 236); border-bottom: 1px solid rgb(228, 231, 236); }

.customers-page .story-gallery-head { max-width: 770px; margin: 0px 0px 58px; }

.customers-page .story-gallery-head h2 { margin: 0px; color: rgb(11, 13, 18); font-size: clamp(58px, 5vw, 92px); font-weight: 590; line-height: 0.96; letter-spacing: -0.07em; }

.customers-page .story-gallery-head p { margin: 26px 0px 0px; color: rgb(107, 114, 128); font-size: clamp(20px, 1.55vw, 27px); line-height: 1.45; letter-spacing: -0.035em; }

.customers-page .story-gallery-grid { display: grid; grid-template-columns: minmax(180px, 0.75fr) minmax(420px, 2.6fr) minmax(180px, 0.75fr); grid-auto-rows: minmax(250px, auto); gap: 18px; }

.customers-page .story-card { position: relative; min-height: 300px; overflow: hidden; display: flex; color: rgb(255, 255, 255); border-radius: 18px; background: rgb(17, 24, 39); }

.customers-page .story-card.wide { min-height: 520px; }

.customers-page .story-card.tall { min-height: 520px; }

.customers-page .story-card img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s; }

.customers-page .story-card::after { position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.25) 38%, rgba(0, 0, 0, 0.72) 100%); content: ""; }

.customers-page .story-card:hover img { transform: scale(1.04); }

.customers-page .story-card > div { position: relative; z-index: 1; margin-top: auto; padding: 32px; }

.customers-page .story-card small { display: block; margin-bottom: 14px; color: rgba(255, 255, 255, 0.78); font-size: 13px; font-weight: 750; letter-spacing: 0.02em; }

.customers-page .story-card h3 { max-width: 760px; margin: 0px; color: rgb(255, 255, 255); font-size: clamp(24px, 2vw, 36px); font-weight: 650; line-height: 1.16; letter-spacing: -0.045em; }

.customers-page .story-card p { max-width: 630px; margin: 16px 0px 0px; color: rgba(255, 255, 255, 0.76); font-size: 16px; line-height: 1.55; }

.customers-page .story-card span { margin-top: 22px; display: inline-flex; padding: 11px 18px; color: rgb(17, 24, 39); background: rgb(255, 255, 255); border-radius: 10px; font-size: 15px; font-weight: 650; }

.customers-page .story-card:not(:has(img)) { color: rgb(11, 13, 18); background: rgb(244, 246, 251); border: 1px solid rgb(226, 231, 242); }

.customers-page .story-card:not(:has(img))::after { display: none; }

.customers-page .story-card:not(:has(img)) > div { margin-top: 0px; display: flex; flex-direction: column; height: 100%; }

.customers-page .story-card:not(:has(img)) small { color: rgb(49, 87, 255); }

.customers-page .story-card:not(:has(img)) h3 { color: rgb(11, 13, 18); }

.customers-page .story-card:not(:has(img)) p { color: rgb(102, 112, 133); }

.customers-page .story-card:not(:has(img)) span { margin-top: auto; color: rgb(49, 87, 255); background: transparent; padding: 0px; }

.customers-page .story-proof-strip { padding: 54px clamp(22px, 4.8vw, 96px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgb(243, 243, 243); }

.customers-page .story-proof-strip article { padding: 34px 24px; background: rgb(255, 255, 255); }

.customers-page .story-proof-strip strong { display: block; color: rgb(11, 13, 18); font-size: clamp(42px, 4vw, 68px); font-weight: 580; letter-spacing: -0.065em; }

.customers-page .story-proof-strip span { display: block; margin-top: 10px; color: rgb(51, 59, 72); font-size: 16px; }

.customers-page .story-proof-strip em { display: block; margin-top: 8px; color: rgb(154, 162, 173); font-size: 12px; font-style: normal; }

@media (max-width: 1120px) {
  .customers-page .hero-story-card { grid-template-columns: 1fr; }
  .customers-page .story-gallery-grid { grid-template-columns: 1fr 1fr; }
  .customers-page .story-card.wide { grid-column: 1 / -1; }
  .customers-page .story-proof-strip { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .customers-page .hero-story-media figcaption { width: 88%; gap: 10px; }
  .customers-page .story-brand-lockup { bottom: 24%; gap: 10px; }
  .customers-page .story-progress { grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .customers-page .story-progress div { grid-column: 1 / -1; justify-content: flex-end; }
  .customers-page .story-gallery-section { padding: 64px 22px; }
  .customers-page .story-gallery-grid { grid-template-columns: 1fr; }
  .customers-page .story-card:not(:has(img)) { min-height: 260px; }
  .customers-page .story-proof-strip { grid-template-columns: 1fr; padding: 36px 22px; }
  .customers-page .story-proof-strip article { padding: 28px 24px; }
}

@media (max-width: 760px) {
  .customers-page .hero-story-card { border-radius: 22px; box-shadow: rgba(16, 24, 40, 0.07) 0px 14px 42px; }
}

@media (max-width: 390px) {
  .customers-page .customers-hero-copy h1 { font-size: 54px; }
  .customers-page .customers-hero-copy p { font-size: 19px; }
  .customers-page .hero-story-copy { padding: 38px 28px 28px; }
  .customers-page .hero-story-copy h2 { font-size: 36px; }
}



.customers-page .hero-story-copy h2 { font-size: clamp(30px, 2.55vw, 48px); }

.customers-page .hero-story-copy p { font-size: clamp(17px, 1.1vw, 21px); }

.customers-page .hero-story-media { min-height: 440px; }

.customers-page .logo-track { gap: 56px; }

.customers-page .logo-track img { height: 30px; max-width: 138px; }

.customers-page .story-gallery-head h2 { font-size: clamp(46px, 4vw, 74px); }

.customers-page .story-card h3 { font-size: clamp(22px, 1.7vw, 31px); }

@media (max-width: 760px) {
  .customers-page .nav-wrap .logo img { height: 28px !important; max-width: 132px !important; }
  .customers-page .customers-story-hero .breadcrumbs { margin-bottom: 34px; font-size: 13px; }
  .customers-page .customers-hero-copy p { margin-top: 18px; line-height: 1.45; letter-spacing: -0.025em; font-size: 16px !important; }
  .customers-page .hero-story-card { width: 100%; padding: 8px; border-radius: 18px; }
  .customers-page .hero-story-copy { padding: 30px 24px 24px; }
  .customers-page .hero-story-copy > span { padding: 6px 13px; font-size: 12px; }
  .customers-page .hero-story-copy h2 { margin: 38px 0px 16px; line-height: 1.08; letter-spacing: -0.045em; font-size: 28px !important; }
  .customers-page .hero-story-copy p { line-height: 1.45; letter-spacing: -0.025em; font-size: 16px !important; }
  .customers-page .hero-story-copy a { margin-top: 32px; font-size: 16px; }
  .customers-page .hero-story-media { min-height: 230px; }
  .customers-page .hero-story-media figcaption strong { font-size: 24px; }
  .customers-page .hero-story-media figcaption span { font-size: 13px; }
  .customers-page .story-brand-lockup img { height: 24px; max-width: 94px; padding: 4px 8px; }
  .customers-page .story-brand-lockup img:last-child { height: 22px; }
  .customers-page .logo-track { gap: 34px; padding: 0px 24px; }
  .customers-page .logo-track img { height: 23px; max-width: 108px; }
  .customers-page .story-gallery-head h2 { font-size: 40px; }
  .customers-page .story-gallery-head p { font-size: 16px; }
  .customers-page .story-card, .customers-page .story-card.tall, .customers-page .story-card.wide { min-height: 310px; }
  .customers-page .story-card > div { padding: 24px; }
  .customers-page .story-card h3 { font-size: 23px; }
}





.customers-page .customers-hero-cta { display: none !important; }

@media (max-width: 760px) {
  .customers-page .customers-hero-copy h1 { line-height: 1.08; letter-spacing: -0.035em; font-size: 38px !important; }
}

.customers-page .customers-story-hero .hero-story-gallery { padding: 0px; background: transparent; border: 0px; }

.customers-page .customers-story-hero .story-gallery-head { display: none; }


.customers-page .hero-story-card { margin: 54px clamp(22px, 4.8vw, 96px) 0px; }

.customers-page .story-progress { display: none; }

@media (max-width: 760px) {
  .customers-page .hero-story-card { margin: 36px 22px 0px; }
}

.customers-page .customers-story-hero { padding: 72px clamp(28px, 5vw, 88px) 56px; }


.customers-page .customers-hero-copy h1 { font-size: clamp(42px, 3.6vw, 64px) !important; line-height: 1.08 !important; letter-spacing: -0.045em !important; font-weight: 680 !important; }



@media (max-width: 760px) {
  .customers-page .customers-story-hero { padding: 28px 22px 24px; }
}

.customers-page .customers-hero-copy h1 { font-size: clamp(34px, 2.8vw, 52px) !important; line-height: 1.12 !important; letter-spacing: -0.035em !important; }

.customers-page .customers-hero-copy p { max-width: 820px; margin-top: 18px; font-size: clamp(16px, 1.05vw, 20px) !important; line-height: 1.55 !important; letter-spacing: -0.015em !important; }

.customers-page .customers-story-hero { padding-top: 56px; }

@media (min-width: 1280px) {
  .customers-page .customers-hero-copy h1 { font-size: 52px !important; }
  .customers-page .customers-hero-copy p { font-size: 20px !important; }
}

@media (max-width: 760px) {
  .customers-page .customers-story-hero { padding-top: 24px; }
  .customers-page .customers-hero-copy h1 { font-size: 30px !important; line-height: 1.16 !important; }
  .customers-page .customers-hero-copy p { font-size: 14px !important; line-height: 1.55 !important; }
}

.customers-page .customers-hero-copy { max-width: 1040px; margin: 0px auto 44px; text-align: center; }

.customers-page .customers-hero-copy h1 { margin-left: auto; margin-right: auto; text-align: center; }

.customers-page .customers-hero-copy p { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; }

.customers-page .customers-story-hero .story-gallery-grid { margin-top: 48px; }

@media (max-width: 760px) {
  .customers-page .customers-hero-copy { margin-bottom: 34px; text-align: center; }
  .customers-page .customers-hero-copy p { max-width: 320px; }
  .customers-page .customers-story-hero .story-gallery-grid { margin-top: 32px; }
}

@media (min-width: 1121px) {
  .customers-page .customers-story-hero .story-gallery-grid { grid-template-columns: 0.72fr 2.45fr 0.72fr; transition: grid-template-columns 0.42s cubic-bezier(0.22, 1, 0.36, 1); }
  .customers-page .customers-story-hero .story-gallery-grid:has(.story-card:nth-child(1):hover) { grid-template-columns: 1.25fr 1.95fr 0.56fr; }
  .customers-page .customers-story-hero .story-gallery-grid:has(.story-card:nth-child(2):hover) { grid-template-columns: 0.56fr 2.75fr 0.56fr; }
  .customers-page .customers-story-hero .story-gallery-grid:has(.story-card:nth-child(3):hover) { grid-template-columns: 0.56fr 1.95fr 1.25fr; }
  .customers-page .customers-story-hero .story-card { transition: min-height 0.42s cubic-bezier(0.22, 1, 0.36, 1), filter 0.42s, box-shadow 0.42s, transform 0.42s; }
  .customers-page .customers-story-hero .story-gallery-grid:has(.story-card:hover) .story-card:not(:hover) { filter: saturate(0.86) brightness(0.86); }
  .customers-page .customers-story-hero .story-card:hover { box-shadow: rgba(15, 23, 42, 0.18) 0px 22px 54px; transform: translateY(-4px); }
  .customers-page .customers-story-hero .story-card:hover img { transform: scale(1.05); }
}


.customers-page .customer-result-cards article { min-height: 330px; padding: 30px 32px; display: flex; flex-direction: column; background: rgb(247, 247, 245); border: 1px solid rgb(222, 222, 222); border-radius: 18px; box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; }

.customers-page .customer-result-cards article:hover { transform: translateY(-4px); border-color: rgb(201, 211, 255); box-shadow: rgba(15, 23, 42, 0.08) 0px 18px 42px; }

.customers-page .customer-result-cards span { color: rgb(119, 125, 135); font-size: 17px; line-height: 1.3; letter-spacing: -0.02em; }

.customers-page .customer-result-cards img { align-self: center; width: auto; height: 46px; max-width: 190px; margin: auto 0px 74px; object-fit: contain; filter: grayscale(1) contrast(1.08); }

.customers-page .customer-result-cards p { margin: 0px; color: rgb(17, 24, 39); font-size: 18px; line-height: 1.55; letter-spacing: -0.025em; }


@media (max-width: 760px) {
  .customers-page .customer-result-cards { padding: 22px 22px 48px; grid-template-columns: 1fr; gap: 14px; }
  .customers-page .customer-result-cards article { min-height: 260px; padding: 24px; border-radius: 16px; }
  .customers-page .customer-result-cards span { font-size: 14px; }
  .customers-page .customer-result-cards img { height: 36px; max-width: 150px; margin: auto 0px 48px; }
  .customers-page .customer-result-cards p { font-size: 15px; line-height: 1.55; }
}

.customers-page .customer-results-section { padding: 28px clamp(22px, 4.8vw, 96px) 74px; background: rgb(243, 243, 243); }

.customers-page .customer-results-toolbar { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 28px; }

.customers-page .customer-stream-heading { margin: 0px 0px 24px; display: flex; align-items: flex-end; justify-content: space-between; }

.customers-page .customer-stream-heading h2 { margin: 6px 0px 0px; color: rgb(17, 24, 39); font-size: 34px; font-weight: 450; line-height: 1.16; letter-spacing: -0.04em; }

.customers-page .industry-filter-button { height: 52px; padding: 0px 28px; display: inline-flex; align-items: center; gap: 12px; border: 1px solid rgb(216, 216, 216); border-radius: 999px; background: rgb(247, 247, 245); color: rgb(75, 85, 99); font-size: 18px; font-weight: 520; letter-spacing: -0.025em; box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset; cursor: default; }

.customers-page .industry-filter-button span { font-size: 18px; line-height: 1; color: rgb(107, 114, 128); }

.customers-page .customer-results-section .customer-result-cards { padding: 0px; background: transparent; }

@media (max-width: 760px) {
  .customers-page .customer-results-section { padding: 22px 22px 48px; }
  .customers-page .customer-stream-heading { margin-bottom: 18px; }
  .customers-page .customer-stream-heading h2 { font-size: 30px; }
  .customers-page .customer-results-toolbar { justify-content: flex-start; margin-bottom: 18px; }
  .customers-page .industry-filter-button { height: 42px; padding: 0px 18px; font-size: 14px; }
}

.customers-page .customer-results-toolbar { justify-content: space-between; align-items: center; gap: 18px; flex-wrap: nowrap; margin-bottom: 26px; }

.customers-page .industry-filter-list { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.customers-page .industry-filter-chip { height: 42px; padding: 0px 18px; border: 1px solid rgb(216, 216, 216); border-radius: 999px; background: rgb(247, 247, 245); color: rgb(75, 85, 99); font-size: 15px; font-weight: 560; letter-spacing: -0.02em; box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }

.customers-page .industry-filter-chip:hover { border-color: rgb(191, 200, 255); color: rgb(49, 87, 255); }

.customers-page .industry-filter-chip.active { background: rgb(17, 24, 39); border-color: rgb(17, 24, 39); color: rgb(255, 255, 255); box-shadow: rgba(17, 24, 39, 0.12) 0px 12px 24px; }

.customers-page .customer-search { width: min(100%, 330px); height: 48px; padding: 0px 18px; display: flex; align-items: center; gap: 12px; border: 1px solid rgb(216, 216, 216); border-radius: 16px; background: rgb(247, 247, 245); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset; color: rgb(138, 144, 153); }


.customers-page .customer-search input { width: 100%; border: 0px; outline: 0px; background: transparent; color: rgb(17, 24, 39); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; font-weight: 540; letter-spacing: -0.02em; }


.customers-page .customer-result-cards article[hidden] { display: none; }

@media (max-width: 1120px) {
  .customers-page .customer-results-toolbar { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
  .customers-page .customer-results-toolbar { gap: 12px; margin-bottom: 18px; }
  .customers-page .industry-filter-list { width: 100%; gap: 8px; overflow-x: auto; flex-wrap: nowrap; margin-right: -22px; padding-right: 22px; }
  .customers-page .industry-filter-chip { height: 36px; padding: 0px 14px; flex: 0 0 auto; font-size: 13px; }
  .customers-page .customer-search span, .customers-page .customer-search input { font-size: 13px; }
}

.customers-page .customer-results-toolbar { align-items: flex-start !important; gap: 24px !important; }

.customers-page .industry-filter-list { max-width: 760px; gap: 12px !important; }

.customers-page .industry-filter-chip { height: 44px !important; padding: 0px 17px !important; border-color: rgb(221, 226, 236) !important; background: rgb(249, 250, 251) !important; color: rgb(89, 100, 120) !important; font-size: 15px !important; font-weight: 650 !important; }

.customers-page .industry-filter-chip.active { background: rgb(17, 24, 39) !important; border-color: rgb(17, 24, 39) !important; color: rgb(255, 255, 255) !important; }


.customers-page .customer-search span { width: 32px; line-height: 1.05; text-align: center; letter-spacing: 0.08em; color: rgb(102, 112, 133) !important; font-size: 15px !important; font-weight: 760 !important; }



.customers-page .customer-result-cards article { justify-content: flex-start; }

.customers-page .customer-result-cards img { margin: 54px 0px 44px !important; }

.customers-page .customer-result-value { margin-top: auto; padding-top: 22px; border-top: 1px solid rgb(227, 231, 239); display: flex; align-items: baseline; gap: 12px; color: rgb(17, 24, 39); font-style: normal; }

.customers-page .customer-result-value b { font-size: 34px; line-height: 1; letter-spacing: -0.045em; color: rgb(49, 87, 255); }

.customers-page .customer-result-value small { font-size: 14px; line-height: 1.35; font-weight: 650; color: rgb(102, 112, 133); letter-spacing: -0.02em; }

@media (max-width: 1120px) {
  .customers-page .customer-results-toolbar { gap: 16px !important; }
  .customers-page .industry-filter-list { max-width: none; }
}

@media (max-width: 760px) {
  .customers-page .customer-search { height: 48px !important; border-radius: 24px !important; }
  .customers-page .customer-search span { font-size: 13px !important; }
  .customers-page .customer-search input { font-size: 16px !important; }
  .customers-page .customer-result-value { padding-top: 18px; }
  .customers-page .customer-result-value b { font-size: 28px; }
  .customers-page .customer-result-value small { font-size: 12px; }
}

.customers-page .customer-result-cards { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 26px !important; padding: 0px !important; background: transparent !important; }

.customers-page .customer-story-result-card { display: flex; min-height: 520px; flex-direction: column; overflow: hidden; border: 1px solid rgb(228, 231, 238); border-radius: 0px; background: rgb(255, 255, 255); color: rgb(12, 20, 36); text-decoration: none; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; }

.customers-page .customer-story-result-card:hover { transform: translateY(-5px); border-color: rgb(207, 215, 255); box-shadow: rgba(15, 23, 42, 0.1) 0px 20px 48px; }

.customers-page .customer-story-result-card figure { height: 255px; margin: 0px; overflow: hidden; background: rgb(232, 237, 246); }

.customers-page .customer-story-result-card figure img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1); filter: none !important; }

.customers-page .customer-story-result-card:hover figure img { transform: scale(1.045); }

.customers-page .customer-story-card-body { padding: 28px 28px 30px; display: flex; flex: 1 1 0%; flex-direction: column; align-items: flex-start; }

.customers-page .customer-story-card-body span { margin: 0px 0px 24px; color: rgb(22, 77, 83); font-size: 19px; line-height: 1.2; font-weight: 760; letter-spacing: -0.02em; }

.customers-page .customer-story-card-body .customer-card-logo { width: auto !important; height: 48px !important; max-width: 160px !important; margin: 0px 0px 38px !important; object-fit: contain !important; align-self: flex-start !important; filter: none !important; }

.customers-page .customer-story-card-body h3 { margin: 0px; color: rgb(22, 77, 83); font-size: 28px; line-height: 1.24; font-weight: 760; letter-spacing: -0.045em; }

.customers-page .customer-story-card-body em { margin-top: auto; padding-top: 28px; color: rgb(22, 77, 83); font-size: 18px; line-height: 1.2; font-style: normal; font-weight: 760; text-decoration: underline 1.5px; text-underline-offset: 5px; letter-spacing: -0.02em; }

.customers-page .customer-story-card-body em b { font-size: 20px; font-weight: 760; }

.customers-page .customer-result-cards .customer-story-result-card[hidden] { display: none !important; }

@media (max-width: 1120px) {
  .customers-page .customer-result-cards { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 760px) {
  .customers-page .customer-result-cards { grid-template-columns: 1fr !important; gap: 18px !important; }
  .customers-page .customer-story-result-card { min-height: 0px; }
  .customers-page .customer-story-card-body { padding: 24px; }
  .customers-page .customer-story-card-body span { margin-bottom: 20px; font-size: 16px; }
}

.customers-page .customer-results-toolbar { align-items: center !important; }

.customers-page .industry-filter-chip { height: 38px !important; padding: 0px 15px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: -0.015em !important; }

.customers-page .customer-search { width: min(100%, 300px) !important; height: 44px !important; padding: 0px 15px !important; gap: 10px !important; border-radius: 14px !important; background: rgb(255, 255, 255) !important; border-color: rgb(216, 222, 234) !important; }

.customers-page .customer-search svg { width: 19px; height: 19px; flex: 0 0 19px; fill: none; stroke: rgb(102, 112, 133); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.customers-page .customer-search span { display: none !important; }

.customers-page .customer-search input { font-size: 15px !important; font-weight: 520 !important; color: rgb(17, 24, 39) !important; }

.customers-page .customer-search input::placeholder { color: rgb(122, 129, 144) !important; }

.customers-page .customer-result-cards { gap: 18px !important; }

.customers-page .customer-story-result-card { min-height: 430px !important; border-radius: 18px !important; background: rgb(255, 255, 255) !important; }

.customers-page .customer-story-result-card figure { border-radius: 18px 18px 0px 0px; height: 205px !important; }

.customers-page .customer-story-card-body { padding: 22px 24px 24px !important; }

.customers-page .customer-story-card-body .customer-card-logo { height: 34px !important; max-width: 132px !important; margin: 0px 0px 26px !important; }


.customers-page .customer-story-card-body em { padding-top: 22px !important; font-size: 15px !important; text-underline-offset: 4px !important; text-decoration-thickness: 1px !important; }

.customers-page .customer-story-card-body em b { font-size: 16px !important; }

@media (max-width: 1120px) {
  .customers-page .customer-search { width: min(100%, 320px) !important; }
  .customers-page .customer-story-result-card { min-height: 410px !important; }
}

@media (max-width: 760px) {
  .customers-page .industry-filter-chip { height: 34px !important; font-size: 12px !important; }
  .customers-page .customer-search { width: 100% !important; height: 42px !important; }
  .customers-page .customer-story-result-card figure { height: 190px !important; }
  .customers-page .customer-story-card-body .customer-card-logo { height: 30px !important; max-width: 120px !important; margin-bottom: 22px !important; }
  .customers-page .customer-story-card-body em { font-size: 14px !important; }
}

.customers-page .customer-story-card-body h3 { font-size: 17px !important; line-height: 1.42 !important; font-weight: 660 !important; letter-spacing: -0.025em !important; }


.customers-page .customer-story-card-body h3 { transition: none; font-size: 20px !important; line-height: 1.34 !important; font-weight: 700 !important; color: rgb(17, 24, 39) !important; }

.customers-page .customer-story-result-card:hover .customer-story-card-body h3 { color: rgb(17, 24, 39) !important; }

.customers-page .customer-story-card-body em { transition: color 0.2s, text-decoration-color 0.2s; color: rgb(17, 24, 39) !important; }

.customers-page .customer-story-result-card:hover .customer-story-card-body em { color: rgb(49, 87, 255) !important; text-decoration-color: rgb(49, 87, 255) !important; }



.customers-page .customer-pagination button { width: 38px; height: 38px; border: 1px solid rgb(216, 222, 234); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(102, 112, 133); font-size: 14px; font-weight: 680; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; }

.customers-page .customer-pagination button:hover, .customers-page .customer-pagination button.active { background: rgb(49, 87, 255); border-color: rgb(49, 87, 255); color: rgb(255, 255, 255); box-shadow: rgba(49, 87, 255, 0.2) 0px 10px 22px; }

@media (max-width: 760px) {
  .customers-page .customer-story-card-body h3 { font-size: 18px !important; line-height: 1.38 !important; }
  .customers-page .customer-pagination { margin-top: 22px; }
}



.customers-page .closing-section .contact-echo-copy > small { color: rgb(114, 149, 255) !important; }

.customers-page .closing-section .contact.contact-hero-echo h2 { color: rgb(255, 255, 255) !important; }

.customers-page .closing-section .contact.contact-hero-echo .contact-echo-copy > p { color: rgb(184, 196, 220) !important; }

.customers-page .contact-echo-primary { background: rgb(255, 255, 255) !important; color: rgb(49, 87, 255) !important; }



.customers-page .closing-section .contact.contact-hero-echo { width: 100% !important; margin: 0px !important; border-radius: 0px !important; }

@media (max-width: 700px) {
  .customers-page .closing-section { margin-top: 0px !important; padding-top: 0px !important; background: rgb(2, 11, 28) !important; border-radius: 0px !important; }
  .customers-page .closing-section .contact.contact-hero-echo { margin: 0px !important; border-radius: 0px !important; }
}




.customers-page .closing-section .contact.contact-hero-echo { border-top-left-radius: 56px !important; border-top-right-radius: 56px !important; overflow: hidden !important; }


.customers-page .closing-section { width: 100% !important; margin: 36px 0px 0px !important; padding: 0px !important; border-radius: 28px 28px 0px 0px !important; overflow: hidden !important; background: rgb(5, 8, 22) !important; }

.customers-page .closing-section .contact.contact-hero-echo, .customers-page .closing-section .footer-modern { width: 100% !important; margin: 0px !important; }

.customers-page .closing-section .contact.contact-hero-echo { border-radius: 28px 28px 0px 0px !important; }

@media (max-width: 700px) {
  .customers-page .closing-section { margin: 24px 0px 0px !important; border-radius: 22px 22px 0px 0px !important; }
  .customers-page .closing-section .contact.contact-hero-echo { border-radius: 22px 22px 0px 0px !important; }
}

.customers-page .story-gallery-grid .story-card, .customers-page .customer-story-result-card figure { aspect-ratio: 16 / 10 !important; }

.customers-page .story-gallery-grid .story-card img, .customers-page .customer-story-result-card figure img { width: 100% !important; height: 100% !important; object-fit: cover !important; }


@media (max-width: 760px) {
  .customers-page .story-gallery-grid .story-card, .customers-page .customer-story-result-card figure { aspect-ratio: 16 / 10 !important; }
}

.customers-page .story-gallery-grid .story-card, .customers-page .customer-story-result-card figure { background: rgb(238, 243, 251) !important; }

.customers-page .story-gallery-grid .story-card > img, .customers-page .customer-story-result-card figure > img { display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center center !important; }

.customers-page #songmics-case > img, .customers-page .customer-story-result-card[data-industry="furniture"] figure > img { object-position: center 58% !important; }

.customers-page .story-gallery-grid .story-card { aspect-ratio: auto !important; }


.customers-page .customer-story-result-card figure { aspect-ratio: 4 / 3 !important; height: auto !important; display: block !important; overflow: hidden !important; }

.customers-page .customer-story-result-card figure > img { margin: 0px !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center center !important; }

.customers-page .customer-story-result-card[data-industry="furniture"] figure > img { object-position: center 62% !important; }

.customers-page .customer-story-card-body > .customer-card-logo { margin: 0px 0px 26px !important; }

.customers-page .closing-section { margin-top: 0px !important; }

@media (max-width: 700px) {
  .customers-page .closing-section { margin-top: 0px !important; }
}

.customers-page .customer-story-card-body > .customer-card-logo-text { display: inline-flex !important; align-items: center !important; height: 34px !important; max-width: 132px !important; margin: 0px 0px 26px !important; color: rgb(17, 24, 39) !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1 !important; }

@media (max-width: 760px) {
  .customers-page .customer-story-card-body > .customer-card-logo-text { height: 30px !important; max-width: 120px !important; margin-bottom: 22px !important; font-size: 20px !important; }
}

.customers-page .customer-pagination button:disabled { cursor: not-allowed !important; color: rgb(184, 192, 204) !important; background: rgb(246, 248, 251) !important; border-color: rgb(226, 231, 240) !important; box-shadow: none !important; }

.customers-page .customer-pagination button:disabled:hover { color: rgb(184, 192, 204) !important; background: rgb(246, 248, 251) !important; border-color: rgb(226, 231, 240) !important; box-shadow: none !important; }


.customer-story-detail-page .story-detail-hero { position: relative; overflow: hidden; padding: 132px 5vw 70px; background: linear-gradient(rgb(6, 18, 38) 0%, rgb(10, 26, 54) 58%, rgb(246, 248, 252) 58%); }

.customer-story-detail-page .story-detail-hero::before { content: ""; position: absolute; inset: -20% -10% auto; height: 430px; background: radial-gradient(circle at 50% 15%, rgba(49, 87, 255, 0.45), transparent 58%); pointer-events: none; }

.customer-story-detail-page .story-detail-shell { position: relative; z-index: 1; max-width: 1180px; margin: 0px auto; }

.customer-story-detail-page .story-detail-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 30px; color: rgb(185, 200, 234); font-size: 14px; font-weight: 700; text-decoration: none; }


.customer-story-detail-page .story-detail-kicker { display: inline-flex; margin-bottom: 18px; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; color: rgb(185, 200, 234); font-size: 13px; font-weight: 800; }


.customer-story-detail-page .story-detail-copy p { max-width: 720px; margin: 22px 0px 0px; color: rgb(215, 226, 251); font-size: 18px; line-height: 1.78; }

.customer-story-detail-page .story-detail-media { display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(280px, 0.7fr); gap: 22px; align-items: stretch; margin-top: 54px; }



.customer-story-detail-page .story-detail-card { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 30px; border: 1px solid rgba(255, 255, 255, 0.68); border-radius: 30px; background: rgba(255, 255, 255, 0.92); box-shadow: rgba(15, 23, 42, 0.1) 0px 24px 64px; }

.customer-story-detail-page .story-detail-logo { width: auto; max-width: 170px; height: 46px; object-fit: contain; object-position: left center; }

.customer-story-detail-page .story-detail-logo-text { color: rgb(17, 24, 39); font-size: 30px; font-weight: 850; letter-spacing: -0.04em; }


.customer-story-detail-page .story-detail-metrics div { padding: 18px; border-radius: 20px; background: rgb(243, 246, 255); }



.customer-story-detail-page .story-detail-content { max-width: 1180px; margin: 0px auto; padding: 70px 5vw 0px; }

.customer-story-detail-page .story-detail-grid { display: grid; grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1.18fr); gap: 38px; align-items: start; }

.customer-story-detail-page .story-detail-section-label { margin: 0px 0px 14px; color: rgb(49, 87, 255); font-size: 13px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }

.customer-story-detail-page .story-detail-content h2 { margin: 0px; color: rgb(16, 24, 40); font-size: 42px; line-height: 1.08; letter-spacing: -0.045em; }

.customer-story-detail-page .story-detail-content p { margin: 0px; color: rgb(71, 84, 103); font-size: 17px; line-height: 1.9; }

.customer-story-detail-page .story-detail-points { display: grid; gap: 14px; margin: 24px 0px 0px; padding: 0px; list-style: none; }

.customer-story-detail-page .story-detail-points li { position: relative; padding: 18px 18px 18px 46px; border: 1px solid rgb(228, 232, 242); border-radius: 18px; background: rgb(255, 255, 255); color: rgb(24, 34, 48); font-size: 16px; font-weight: 700; }

.customer-story-detail-page .story-detail-points li::before { content: ""; position: absolute; left: 18px; top: 24px; width: 12px; height: 12px; border-radius: 999px; background: rgb(49, 87, 255); box-shadow: rgba(49, 87, 255, 0.12) 0px 0px 0px 6px; }





.customer-story-detail-page .story-detail-missing { max-width: 720px; margin: 140px auto; padding: 40px; border-radius: 28px; background: rgb(255, 255, 255); text-align: center; box-shadow: rgba(15, 23, 42, 0.08) 0px 22px 60px; }

.customer-story-detail-page .story-detail-missing h1 { margin: 0px 0px 14px; color: rgb(16, 24, 40); font-size: 38px; }

.customer-story-detail-page .story-detail-missing p { margin: 0px 0px 24px; color: rgb(102, 112, 133); line-height: 1.8; }

@media (max-width: 900px) {
  .customer-story-detail-page .story-detail-media, .customer-story-detail-page .story-detail-grid { grid-template-columns: 1fr; }
  .customer-story-detail-page .story-detail-hero { padding-top: 104px; }
  .customer-story-detail-page .story-detail-image { min-height: 320px; }
}

@media (max-width: 640px) {
  .customers-page .customer-pagination button { width: 34px; height: 34px; }
  .customer-story-detail-page .story-detail-hero { padding: 92px 18px 48px; }
  .customer-story-detail-page .story-detail-copy h1 { font-size: 40px; }
  .customer-story-detail-page .story-detail-copy p, .customer-story-detail-page .story-detail-content p { font-size: 15px; }
  .customer-story-detail-page .story-detail-media { margin-top: 36px; }
  .customer-story-detail-page .story-detail-image, .customer-story-detail-page .story-detail-card { border-radius: 22px; }
  .customer-story-detail-page .story-detail-content { padding: 46px 18px 0px; }
  .customer-story-detail-page .story-detail-content h2 { font-size: 30px; }
}

.customer-story-detail-page .closing-section { width: 100% !important; margin: 0px !important; padding: 0px !important; border-radius: 28px 28px 0px 0px !important; overflow: hidden !important; background: rgb(5, 8, 22) !important; }

.customer-story-detail-page .closing-section .contact.contact-hero-echo, .customer-story-detail-page .closing-section .footer-modern { width: 100% !important; margin: 0px !important; }

.customer-story-detail-page .closing-section .contact.contact-hero-echo { border-radius: 28px 28px 0px 0px !important; }

@media (max-width: 700px) {
  .customer-story-detail-page .closing-section, .customer-story-detail-page .closing-section .contact.contact-hero-echo { border-radius: 22px 22px 0px 0px !important; }
}

.customer-story-detail-page main { background: rgb(244, 244, 246) !important; color: rgb(11, 13, 18) !important; }

.customer-story-detail-page .story-detail-editorial { padding: 72px 5vw 58px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; }

.customer-story-detail-page .story-detail-editorial::before { display: none !important; }

.customer-story-detail-page .story-detail-shell { max-width: 1160px !important; margin: 0px auto !important; }

.customer-story-detail-page .story-detail-hero-grid { display: grid !important; grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1.08fr) !important; gap: 72px !important; align-items: center !important; }

.customer-story-detail-page .story-detail-copy { max-width: none !important; color: rgb(9, 11, 18) !important; }

.customer-story-detail-page .story-detail-back { display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 0px 0px 48px !important; color: rgb(138, 143, 156) !important; font-size: 15px !important; font-weight: 700 !important; }

.customer-story-detail-page .story-detail-back a { color: inherit !important; text-decoration: none !important; }

.customer-story-detail-page .story-detail-back b { color: inherit !important; font: inherit !important; }

.customer-story-detail-page .story-detail-back span { color: rgb(156, 163, 175) !important; }

.customer-story-detail-page .story-detail-copy h1 { max-width: 470px !important; margin: 0px !important; color: rgb(9, 11, 18) !important; font-size: clamp(38px, 3.7vw, 56px) !important; line-height: 1.08 !important; letter-spacing: -0.06em !important; font-weight: 820 !important; }

.customer-story-detail-page .story-detail-image { position: relative !important; min-height: 0px !important; aspect-ratio: 16 / 9 !important; margin: 0px !important; overflow: hidden !important; border-radius: 14px !important; background: rgb(217, 221, 230) !important; box-shadow: none !important; }

.customer-story-detail-page .story-detail-image::after { content: ""; position: absolute; inset: 0px; background: rgba(5, 8, 13, 0.28); pointer-events: none; }

.customer-story-detail-page .story-detail-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }

.customer-story-detail-page .story-detail-image figcaption { position: absolute !important; z-index: 2 !important; inset: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: none !important; }

.customer-story-detail-page .story-detail-image figcaption .story-detail-logo { width: auto !important; max-width: 210px !important; height: auto !important; max-height: 74px !important; object-fit: contain !important; filter: brightness(0) invert(1) !important; }

.customer-story-detail-page .story-detail-image figcaption .story-detail-logo-text { color: rgb(255, 255, 255) !important; font-size: 44px !important; font-weight: 850 !important; letter-spacing: -0.05em !important; }

.customer-story-detail-page .story-detail-metrics { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0px !important; margin: 54px 0px 0px !important; }

.customer-story-detail-page .story-detail-metrics article { position: relative !important; padding: 14px 32px 10px !important; border-radius: 0px !important; background: transparent !important; }

.customer-story-detail-page .story-detail-metrics article::before { content: ""; position: absolute; left: 0px; top: 10px; width: 1px; height: 76px; background: linear-gradient(rgb(49, 87, 255) 0%, rgb(95, 125, 255) 52%, rgb(157, 183, 255) 100%); }

.customer-story-detail-page .story-detail-metrics strong { display: block !important; color: rgb(9, 11, 18) !important; font-size: clamp(48px, 5vw, 66px) !important; line-height: 0.95 !important; letter-spacing: -0.065em !important; font-weight: 820 !important; }

.customer-story-detail-page .story-detail-metrics span { display: block !important; margin-top: 18px !important; color: rgb(77, 83, 96) !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 750 !important; }

.customer-story-detail-page .story-detail-editorial-body { max-width: none !important; margin: 0px !important; padding: 80px 5vw 0px !important; background: rgb(244, 244, 246) !important; }

.customer-story-detail-page .story-detail-body-grid { display: grid !important; grid-template-columns: 190px minmax(0px, 650px) !important; gap: 70px !important; align-items: start !important; }

.customer-story-detail-page .story-detail-sidebar { display: grid !important; gap: 28px !important; }

.customer-story-detail-page .story-detail-sidebar strong { padding-bottom: 18px !important; border-bottom: 1px solid rgb(213, 215, 220) !important; color: rgb(21, 24, 33) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 820 !important; }

.customer-story-detail-page .story-detail-sidebar a { transition: color 0.2s; color: rgb(77, 83, 96) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 760 !important; text-decoration: none !important; }

.customer-story-detail-page .story-detail-sidebar a:hover { color: rgb(49, 87, 255) !important; }

.customer-story-detail-page .story-detail-main { min-width: 0px !important; }

.customer-story-detail-page .story-detail-quote { position: relative !important; margin: 0px 0px 52px !important; padding: 34px 38px !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }

.customer-story-detail-page .story-detail-quote::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2px; border-radius: 0px 0px 12px 12px; background: linear-gradient(90deg, rgb(49, 87, 255) 0%, rgb(95, 125, 255) 50%, rgb(157, 183, 255) 100%); }

.customer-story-detail-page .story-detail-quote p { margin: 0px !important; color: rgb(11, 13, 18) !important; font-size: 24px !important; line-height: 1.28 !important; letter-spacing: -0.035em !important; font-weight: 820 !important; }

.customer-story-detail-page .story-detail-quote div { display: grid !important; gap: 3px !important; margin-top: 28px !important; }

.customer-story-detail-page .story-detail-quote span { color: rgb(17, 24, 39) !important; font-size: 14px !important; font-weight: 800 !important; }

.customer-story-detail-page .story-detail-quote small { color: rgb(96, 103, 117) !important; font-size: 13px !important; font-weight: 600 !important; }

.customer-story-detail-page .story-detail-article { max-width: 650px !important; }

.customer-story-detail-page .story-detail-article h2 { margin: 34px 0px 20px !important; color: rgb(11, 13, 18) !important; font-size: 31px !important; line-height: 1.16 !important; letter-spacing: -0.045em !important; font-weight: 780 !important; }

.customer-story-detail-page .story-detail-article h2:first-child { margin-top: 0px !important; }

.customer-story-detail-page .story-detail-article p, .customer-story-detail-page .story-detail-article li { color: rgb(84, 91, 104) !important; font-size: 18px !important; line-height: 1.72 !important; letter-spacing: -0.01em !important; }

.customer-story-detail-page .story-detail-article p { margin: 0px 0px 24px !important; }

.customer-story-detail-page .story-detail-article ul { display: grid !important; gap: 8px !important; margin: 0px 0px 30px 22px !important; padding: 0px !important; }

.customer-story-detail-page .story-detail-article li { padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; font-weight: 500 !important; }

.customer-story-detail-page .story-detail-article li::before { display: none !important; }

.customer-story-detail-page .story-detail-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 34px !important; }

.customer-story-detail-page .story-detail-actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0px 20px !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 800 !important; text-decoration: none !important; }

.customer-story-detail-page .story-detail-primary { background: rgb(49, 87, 255) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(49, 87, 255, 0.22) 0px 16px 36px !important; }

.customer-story-detail-page .story-detail-secondary { border: 1px solid rgb(216, 222, 234) !important; background: rgb(255, 255, 255) !important; color: rgb(24, 34, 48) !important; }

@media (max-width: 980px) {
  .customer-story-detail-page .story-detail-hero-grid, .customer-story-detail-page .story-detail-body-grid { grid-template-columns: 1fr !important; gap: 34px !important; }
  .customer-story-detail-page .story-detail-copy h1 { max-width: 760px !important; }
  .customer-story-detail-page .story-detail-sidebar { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 680px) {
  .customer-story-detail-page .story-detail-editorial { padding: 56px 20px 42px !important; }
  .customer-story-detail-page .story-detail-back { margin-bottom: 28px !important; }
  .customer-story-detail-page .story-detail-copy h1 { font-size: 36px !important; }
  .customer-story-detail-page .story-detail-metrics { grid-template-columns: 1fr !important; gap: 22px !important; margin-top: 34px !important; }
  .customer-story-detail-page .story-detail-metrics article { padding: 8px 0px 8px 22px !important; }
  .customer-story-detail-page .story-detail-metrics strong { font-size: 48px !important; }
  .customer-story-detail-page .story-detail-editorial-body { padding: 52px 20px 0px !important; }
  .customer-story-detail-page .story-detail-sidebar { grid-template-columns: 1fr !important; }
  .customer-story-detail-page .story-detail-quote { padding: 28px 24px !important; }
  .customer-story-detail-page .story-detail-quote p { font-size: 21px !important; }
  .customer-story-detail-page .story-detail-article h2 { font-size: 27px !important; }
  .customer-story-detail-page .story-detail-article p, .customer-story-detail-page .story-detail-article li { font-size: 16px !important; }
}

.about-page main { background: #f6f7fb; color: #050816; overflow: hidden; }

.about-page .about-shell { width: min(1160px, 100% - 48px); margin: 0 auto; }
.about-page .about-section-kicker { color: #3b5bfc; font-size: 11px; font-weight: 860; letter-spacing: .18em; text-transform: uppercase; }

.about-page .about-premium-hero { position: relative; padding: clamp(82px, 8vw, 132px) clamp(22px, 4.8vw, 96px) 0; background: rgb(243, 243, 243); }
.about-page .about-premium-hero::after { content: none; }
.about-page .about-premium-hero-inner { position: relative; z-index: 1; }
.about-page .about-hero-meta { display: flex; justify-content: center; gap: 18px; padding-bottom: 34px; color: #7a8298; font-size: 11px; font-weight: 760; letter-spacing: .18em; text-transform: uppercase; border-bottom: 1px solid rgba(132, 146, 176, .28); }
.about-page .about-premium-copy { max-width: 980px; margin: 0 auto 54px; text-align: center; }
.about-page .about-premium-copy h1 { margin: 0; color: rgb(11, 13, 18); font-size: clamp(38px, 4.2vw, 64px); font-weight: 650; line-height: 1.1; letter-spacing: -0.055em; }
.about-page .about-premium-copy p { max-width: 760px; margin: 24px auto 0; color: rgb(107, 114, 128); font-size: clamp(16px, 1.15vw, 20px); font-weight: 450; line-height: 1.55; letter-spacing: -0.025em; }
.about-page .about-landing-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }
.about-page .about-landing-actions a { min-height: 48px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 14px; font-weight: 820; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s, background .2s; }
.about-page .about-landing-actions a:first-child { color: #fff; background: #060d1f; box-shadow: rgba(5, 8, 22, .2) 0 18px 42px; }
.about-page .about-landing-actions a:last-child { color: #101828; background: rgba(255,255,255,.82); border: 1px solid rgba(219,227,242,.9); box-shadow: rgba(19, 40, 86, .06) 0 12px 30px; }
.about-page .about-landing-actions a:hover { transform: translateY(-2px); }
.about-page .about-premium-visual { margin: 58px 0 0; height: clamp(420px, 44vw, 620px); border: 1px solid rgba(187, 199, 222, .72); border-radius: 38px; overflow: hidden; background: #dfe7f5; box-shadow: rgba(19, 40, 86, .12) 0 34px 90px; }
.about-page .about-premium-intro-panel { margin: clamp(52px, 5.8vw, 86px) 0 0; padding: clamp(34px, 4.8vw, 64px); display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, .78fr); gap: clamp(42px, 6vw, 86px); align-items: center; border: 1px solid rgba(224, 229, 236, .95); border-radius: 34px; background: #fff; box-shadow: rgba(15, 23, 42, .05) 0 24px 70px; }
.about-page .about-premium-intro { max-width: none; margin: 0; color: #1f2937; font-size: clamp(17px, 1.1vw, 20px); line-height: 1.86; letter-spacing: -.02em; }
.about-page .about-premium-intro p { margin: 0; }
.about-page .about-premium-intro p + p { margin-top: 24px; }
.about-page .about-premium-intro-visual { margin: 0; height: clamp(420px, 38vw, 560px); border: 1px solid rgba(199, 212, 235, .82); border-radius: 28px; overflow: hidden; background: #e8f1ff; box-shadow: rgba(19, 40, 86, .1) 0 26px 74px; }
.about-page .about-premium-visual img, .about-page .about-narrative-visual img, .about-page .about-premium-intro-visual img { width: 100%; height: 100%; display: block; object-fit: cover; }

.about-page .about-editorial-belief { padding: clamp(92px, 9vw, 138px) 0 clamp(74px, 7vw, 108px); }
.about-page .about-editorial-belief h2 { max-width: 980px; margin: 22px 0 0; color: #060d1f; font-size: clamp(42px, 5.5vw, 76px); line-height: 1.02; letter-spacing: -.07em; font-weight: 860; }

.about-page .about-company-narrative { padding: clamp(88px, 8vw, 126px) 0; background: #fff; }
.about-page .about-narrative-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr); gap: clamp(34px, 5vw, 72px); align-items: center; }
.about-page .about-narrative-copy h2 { margin: 18px 0 0; color: #060d1f; font-size: clamp(38px, 4.8vw, 68px); line-height: 1.04; letter-spacing: -.065em; font-weight: 860; }
.about-page .about-narrative-copy p { margin: 24px 0 0; color: #5c657b; font-size: 16px; line-height: 1.86; }
.about-page .about-narrative-visual { margin: 0; height: 560px; border-radius: 34px; overflow: hidden; border: 1px solid rgba(225, 231, 242, .9); box-shadow: rgba(19, 40, 86, .09) 0 26px 70px; }

@media (max-width: 980px) {
  .about-page .about-editorial-belief h2 { margin-left: auto; margin-right: auto; text-align: center; }
  .about-page .about-landing-actions { justify-content: center; }
  .about-page .about-premium-intro-panel { grid-template-columns: 1fr; }
  .about-page .about-premium-intro-visual { height: 420px; }
  .about-page .about-narrative-grid { grid-template-columns: 1fr; }
  .about-page .about-narrative-copy { text-align: center; }
}

@media (max-width: 680px) {
  .about-page .about-shell { width: min(100% - 32px, 1160px); }
  .about-page .about-premium-hero { padding: 38px 22px 0; }
  .about-page .about-premium-copy { max-width: 980px; margin: 0 auto 54px; text-align: center; }
  .about-page .about-premium-copy h1 { font-size: 32px; line-height: 1.16; letter-spacing: -.04em; }
  .about-page .about-premium-copy p { max-width: 760px; margin: 18px auto 0; font-size: 14px; line-height: 1.55; }
  .about-page .about-landing-actions { display: grid; width: 100%; max-width: 310px; margin-left: auto; margin-right: auto; }
  .about-page .about-landing-actions a { width: 100%; }
  .about-page .about-premium-visual { height: 330px; margin-top: 38px; border-radius: 26px; }
  .about-page .about-premium-intro-panel { margin-top: 52px; gap: 28px; padding: 22px; border-radius: 24px; }
  .about-page .about-premium-intro { font-size: 15px; line-height: 1.78; letter-spacing: -.015em; }
  .about-page .about-premium-intro p + p { margin-top: 16px; }
  .about-page .about-premium-intro-visual { height: 300px; border-radius: 22px; }
  .about-page .about-editorial-belief, .about-page .about-company-narrative { padding-top: 72px; padding-bottom: 72px; }
  .about-page .about-editorial-belief h2, .about-page .about-narrative-copy h2 { font-size: 34px; line-height: 1.1; letter-spacing: -.045em; }
  .about-page .about-narrative-visual { height: 320px; border-radius: 24px; }
}

html, body { max-width: 100%; overflow-x: hidden !important; overscroll-behavior-x: none !important; overscroll-behavior-inline: none !important; }

body { touch-action: pan-y !important; }

.customers-page .customer-pagination { margin: 42px 0px 0px !important; padding: 28px 0px 2px !important; display: grid !important; grid-template-columns: minmax(116px, 1fr) auto minmax(116px, 1fr) !important; align-items: center !important; gap: 18px !important; border-top: 1px solid rgb(223, 226, 231) !important; font-family: var(--site-font-sans) !important; }

.customers-page .customer-pagination[hidden] { display: none !important; }

.customers-page .customer-pagination .pager-action { width: auto !important; min-height: 42px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; color: rgb(16, 24, 40) !important; background: #fff !important; border: 1px solid rgb(230, 235, 243) !important; border-radius: 999px !important; box-shadow: none !important; cursor: pointer !important; }

.customers-page .customer-pagination .pager-prev { justify-self: start !important; }

.customers-page .customer-pagination .pager-next { justify-self: end !important; }

.customers-page .customer-pagination .pager-action b { font-size: 13px !important; font-weight: 600 !important; }

.customers-page .customer-pagination .pager-action span { color: inherit !important; }

.customers-page .customer-pagination .pager-action:hover:not(:disabled) { color: rgb(36, 73, 220) !important; border-color: rgb(49, 93, 255) !important; }

.customers-page .customer-pagination .pager-action:disabled { opacity: .38 !important; cursor: default !important; box-shadow: none !important; }

.customers-page .customer-page-numbers { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }

.customers-page .customer-page-number { display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; padding: 0 !important; border: 1px solid rgb(230, 235, 243) !important; border-radius: 50% !important; background: #fff !important; color: rgb(16, 24, 40) !important; font: inherit !important; font-size: 13px !important; line-height: 1 !important; cursor: pointer !important; }

.customers-page .customer-page-number[aria-current="page"] { border-color: rgb(49, 93, 255) !important; background: rgb(49, 93, 255) !important; color: #fff !important; font-weight: 700 !important; }

.customers-page .customer-page-number:hover:not([aria-current="page"]) { color: rgb(36, 73, 220) !important; border-color: rgb(49, 93, 255) !important; }

@media (max-width: 760px) {
  .customers-page .customer-pagination { grid-template-columns: auto minmax(0, 1fr) auto !important; gap: 8px !important; padding-top: 22px !important; }
  .customers-page .customer-page-numbers { min-width: 0 !important; gap: 4px !important; }
  .customers-page .customer-page-number { width: 36px !important; height: 36px !important; }
  .customers-page .customer-pagination .pager-action { min-height: 40px !important; padding-inline: 13px !important; }
}

@media (max-width: 440px) {
  .customers-page .customer-pagination .pager-action { width: 40px !important; padding: 0 !important; }
  .customers-page .customer-pagination .pager-action b { display: none !important; }
}

.support-page { background: rgb(243, 243, 243); color: rgb(11, 13, 18); }





.support-feature-story { display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(380px, 0.75fr); min-height: 560px; overflow: hidden; border-radius: 28px; background: rgb(16, 24, 39); box-shadow: rgba(15, 23, 42, 0.14) 0px 24px 70px; }

.support-feature-media { position: relative; min-height: 560px; margin: 0px; overflow: hidden; background: rgb(223, 231, 245); }

.support-feature-media img { width: 100%; height: 100%; display: block; object-fit: cover; }

.support-feature-copy { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(34px, 4vw, 58px); color: rgb(255, 255, 255); }

.support-feature-copy small, .support-belief-copy small, .support-section-head small, .support-proof-card small { display: block; color: rgb(49, 93, 255); font-size: 12px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; }

.support-feature-copy h2 { margin: 18px 0px 0px; color: rgb(255, 255, 255); font-size: clamp(40px, 4.4vw, 68px); line-height: 0.98; letter-spacing: -0.065em; }

.support-feature-copy p { margin: 24px 0px 0px; color: rgba(255, 255, 255, 0.72); font-size: 17px; line-height: 1.72; }

.support-feature-actions { display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }

.support-feature-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0px 20px; border-radius: 999px; color: rgb(16, 24, 39); background: rgb(255, 255, 255); font-size: 15px; font-weight: 800; text-decoration: none; white-space: nowrap; }

.support-feature-actions a + a { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px inset; }

.support-statement-section { padding: clamp(86px, 8vw, 138px) clamp(28px, 5vw, 88px); background: rgb(255, 255, 255); }

.support-statement-copy { max-width: 1040px; margin: 0px auto; text-align: center; }

.support-statement-copy small, .support-operating-head small, .support-outcome-copy small { display: block; color: rgb(49, 93, 255); font-size: 12px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; }

.support-statement-copy h2 { max-width: 920px; margin: 18px auto 0px; color: rgb(11, 13, 18); font-size: clamp(42px, 4.4vw, 74px); font-weight: 590; line-height: 1.02; letter-spacing: -0.068em; }

.support-statement-copy p { max-width: 720px; margin: 26px auto 0px; color: rgb(102, 112, 133); font-size: clamp(17px, 1.25vw, 21px); line-height: 1.65; letter-spacing: -0.025em; }

.support-operating-section { padding: clamp(76px, 7vw, 116px) clamp(28px, 5vw, 88px); background: rgb(243, 243, 243); }

.support-operating-head { max-width: 760px; margin: 0px auto 52px; text-align: center; }

.support-operating-head h2, .support-outcome-copy h2 { margin: 14px 0px 0px; color: rgb(11, 13, 18); font-size: clamp(38px, 4vw, 66px); font-weight: 590; line-height: 1.02; letter-spacing: -0.066em; }

.support-operating-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; max-width: 1180px; margin: 0px auto; }

.support-operating-grid article { min-height: 300px; padding: 28px; border: 1px solid rgb(228, 231, 238); border-radius: 24px; background: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: space-between; box-shadow: rgba(15, 23, 42, 0.04) 0px 18px 45px; }

.support-operating-grid span { color: rgb(49, 93, 255); font-size: 13px; font-weight: 850; letter-spacing: 0.12em; }

.support-operating-grid h3 { margin: auto 0px 0px; color: rgb(11, 13, 18); font-size: clamp(24px, 2vw, 34px); font-weight: 620; line-height: 1.04; letter-spacing: -0.055em; }

.support-operating-grid p { margin: 18px 0px 0px; color: rgb(102, 112, 133); font-size: 15px; line-height: 1.65; }

.support-outcome-section { display: grid; grid-template-columns: minmax(280px, 0.82fr) minmax(0px, 1.18fr); gap: 36px; align-items: start; padding: clamp(84px, 8vw, 132px) clamp(28px, 5vw, 88px); background: rgb(255, 255, 255); }

.support-outcome-copy { position: sticky; top: 110px; max-width: 560px; }

.support-outcome-list { border-top: 1px solid rgb(223, 228, 238); }

.support-outcome-list article { display: grid; grid-template-columns: 64px minmax(180px, 0.5fr) minmax(0px, 1fr); gap: 24px; padding: 30px 0px; border-bottom: 1px solid rgb(223, 228, 238); align-items: baseline; }

.support-outcome-list b { color: rgb(49, 93, 255); font-size: 13px; letter-spacing: 0.12em; }

.support-outcome-list h3 { margin: 0px; color: rgb(11, 13, 18); font-size: clamp(22px, 1.8vw, 32px); line-height: 1.08; letter-spacing: -0.048em; }

.support-outcome-list p { margin: 0px; color: rgb(102, 112, 133); font-size: 16px; line-height: 1.64; }

.support-page .contact.contact-hero-echo { margin: 0px; border-radius: 0px; }

@media (max-width: 1120px) {
  .support-feature-story, .support-proof-section { grid-template-columns: 1fr; }
  .support-feature-copy { min-height: 420px; }
  .support-proof-grid { grid-template-columns: 1fr; }
  .support-proof-card, .support-proof-grid article { min-height: 260px; }
}

@media (max-width: 760px) {
  .support-story-hero { padding: 24px 22px; }
  .support-story-hero .support-hero-copy { margin-bottom: 34px; text-align: center; }
  .support-story-hero .support-hero-copy h1 { font-size: 30px !important; line-height: 1.16 !important; letter-spacing: -0.035em !important; }
  .support-story-hero .support-hero-copy p { max-width: 320px; font-size: 14px !important; line-height: 1.55 !important; }
  .support-feature-story { border-radius: 22px; }
  .support-feature-media { min-height: 320px; }
  .support-feature-copy { min-height: 0px; padding: 34px 26px 38px; }
  .support-feature-copy h2 { font-size: 42px; }
  .support-feature-actions { flex-direction: column; align-items: flex-start; }
  .support-feature-actions a { min-width: 178px; }
  .support-belief-section, .support-journey-section, .support-proof-section { padding: 64px 22px; }
  .support-belief-copy h2, .support-section-head h2, .support-proof-card h2 { font-size: 42px; }
  .support-belief-copy p { margin-left: 0px; font-size: 18px; }
  .support-journey-list article { grid-template-columns: 1fr; gap: 12px; padding: 28px 0px; }
}

/* Final support hero alignment */
.support-story-hero { padding: 72px clamp(28px,5vw,88px) 56px; background: #f3f3f3; }
.support-story-hero .support-hero-copy { max-width: 1040px; margin: 0 auto 40px; text-align: center; }
.support-story-hero .support-hero-copy h1 { margin: 0 auto; color: #0b0d12; font-size: clamp(42px,3.6vw,64px)!important; font-weight: 680!important; line-height: 1.08!important; letter-spacing: -.045em!important; text-align: center; }
.support-story-hero .support-hero-copy p { max-width: 940px; margin: 22px auto 0; color: #6b7280; font-size: clamp(18px,1.35vw,24px)!important; line-height: 1.48!important; letter-spacing: -.025em!important; text-align: center; }
@media (min-width:1280px) {
  .support-story-hero .support-hero-copy h1 { font-size: 64px!important; }
  .support-story-hero .support-hero-copy p { font-size: 24px!important; }
}
@media (max-width:760px) {
  .support-story-hero { padding: 28px 22px 24px; }
  .support-story-hero .support-hero-copy { margin-bottom: 34px; }
  .support-story-hero .support-hero-copy h1 { font-size: 36px!important; line-height: 1.08!important; letter-spacing: -.035em!important; }
  .support-story-hero .support-hero-copy p { max-width: 320px; margin-top: 18px; font-size: 15px!important; line-height: 1.48!important; }
}

@media (max-width: 1120px) {
  .support-operating-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .support-outcome-section { grid-template-columns: 1fr; }
  .support-outcome-copy { position: static; max-width: 760px; }
}

@media (max-width: 760px) {
  .support-statement-section, .support-operating-section, .support-outcome-section { padding: 64px 22px; }
  .support-statement-copy h2, .support-operating-head h2, .support-outcome-copy h2 { font-size: 38px; letter-spacing: -0.052em; }
  .support-statement-copy p { font-size: 17px; }
  .support-operating-head { margin-bottom: 30px; text-align: left; }
  .support-statement-copy { text-align: left; }
  .support-operating-grid { grid-template-columns: 1fr; gap: 12px; }
  .support-operating-grid article { min-height: 220px; padding: 24px; }
  .support-outcome-list article { grid-template-columns: 1fr; gap: 10px; padding: 26px 0; }
}

.support-how-section { padding: clamp(82px, 8vw, 132px) clamp(28px, 5vw, 88px); background: #fff; }
.support-how-head { max-width: 860px; margin: 0 auto 54px; text-align: center; }
.support-how-head small, .support-deliverables-title small { display: block; color: #315dff; font-size: 12px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.support-how-head h2, .support-deliverables-title h2 { margin: 14px 0 0; color: #0b0d12; font-size: clamp(40px, 4vw, 68px); font-weight: 620; line-height: 1.02; letter-spacing: -.066em; }
.support-how-head p { max-width: 620px; margin: 22px auto 0; color: #667085; font-size: 18px; line-height: 1.62; letter-spacing: -.02em; }
.support-how-board { display: grid; grid-template-columns: 1.1fr .95fr .95fr; gap: 18px; max-width: 1280px; margin: 0 auto; }
.support-how-card { min-height: 560px; padding: 30px; border: 1px solid #e4e7ee; border-radius: 28px; background: #f8faff; display: flex; flex-direction: column; overflow: hidden; }
.support-how-card-dark { background: #101827; border-color: #101827; color: #fff; }
.support-card-label { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #315dff; font-size: 13px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.support-how-card-dark .support-card-label { color: #8ca3ff; }
.support-card-label b { color: inherit; font-size: 13px; }
.support-how-card h3 { margin: 26px 0 0; color: #0b0d12; font-size: clamp(28px, 2.4vw, 44px); font-weight: 620; line-height: 1.04; letter-spacing: -.058em; }
.support-how-card-dark h3 { color: #fff; }
.support-how-card ul { display: grid; gap: 12px; margin: auto 0 0; padding: 0; list-style: none; color: #667085; font-size: 15px; line-height: 1.58; }
.support-how-card-dark ul { color: rgba(255,255,255,.72); }
.support-how-card li { position: relative; padding-left: 18px; }
.support-how-card li::before { content: ""; position: absolute; left: 0; top: .72em; width: 6px; height: 6px; border-radius: 999px; background: #315dff; }
.support-visual { position: relative; min-height: 170px; margin: 34px 0; border-radius: 22px; background: rgba(49,93,255,.08); overflow: hidden; }
.support-how-card-dark .support-visual { background: rgba(255,255,255,.08); }
.support-visual-map i { position: absolute; width: 42%; height: 42%; border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: rgba(49,93,255,.12) 0 18px 40px; }
.support-how-card-dark .support-visual-map i { background: rgba(255,255,255,.12); box-shadow: none; }
.support-visual-map i:nth-child(1) { left: 22px; top: 22px; }
.support-visual-map i:nth-child(2) { right: 22px; top: 36px; }
.support-visual-map i:nth-child(3) { left: 64px; bottom: 24px; }
.support-visual-map i:nth-child(4) { right: 54px; bottom: 36px; width: 26%; height: 26%; background: #315dff; }
.support-visual-stack { display: grid; align-content: center; gap: 12px; padding: 24px; }
.support-visual-stack i { display: flex; align-items: center; justify-content: space-between; height: 38px; padding: 0 16px; border-radius: 999px; background: #fff; color: #315dff; font-style: normal; font-size: 13px; font-weight: 800; box-shadow: rgba(15,23,42,.06) 0 12px 24px; }
.support-visual-pulse { display: flex; align-items: flex-end; gap: 10px; padding: 26px; }
.support-visual-pulse i { flex: 1; border-radius: 999px 999px 8px 8px; background: linear-gradient(180deg,#315dff,#8ca3ff); }
.support-visual-pulse i:nth-child(1) { height: 42%; opacity: .45; }
.support-visual-pulse i:nth-child(2) { height: 70%; opacity: .65; }
.support-visual-pulse i:nth-child(3) { height: 52%; opacity: .55; }
.support-visual-pulse i:nth-child(4) { height: 86%; }
.support-deliverables-section { padding: clamp(72px, 7vw, 112px) clamp(28px, 5vw, 88px); background: #f3f3f3; }
.support-deliverables-title { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.support-deliverables-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 1180px; margin: 0 auto; }
.support-deliverables-grid article { min-height: 190px; padding: 24px; border-radius: 24px; background: #fff; border: 1px solid #e4e7ee; }
.support-deliverables-grid span { display: block; color: #0b0d12; font-size: 22px; font-weight: 720; letter-spacing: -.045em; }
.support-deliverables-grid p { margin: 16px 0 0; color: #667085; font-size: 15px; line-height: 1.62; }

@media (max-width: 1120px) {
  .support-how-board { grid-template-columns: 1fr; }
  .support-how-card { min-height: 420px; }
  .support-deliverables-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .support-how-section, .support-deliverables-section { padding: 64px 22px; }
  .support-how-head, .support-deliverables-title { text-align: left; margin-bottom: 30px; }
  .support-how-head h2, .support-deliverables-title h2 { font-size: 38px; letter-spacing: -.052em; }
  .support-how-head p { margin-left: 0; font-size: 16px; }
  .support-how-card { min-height: 0; padding: 24px; border-radius: 24px; }
  .support-visual { min-height: 140px; margin: 26px 0; }
  .support-deliverables-grid { grid-template-columns: 1fr; }
  .support-deliverables-grid article { min-height: 150px; }
}

.support-proof-strip { display: grid; grid-template-columns: 1fr 1.85fr 1.25fr; gap: 16px; padding: 0 clamp(28px,5vw,88px) clamp(70px,7vw,108px); background: #f3f3f3; }
.support-proof-strip article { min-height: 96px; border-radius: 24px; background: #eaf0ff; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 18px 24px; color: #10213f; }
.support-proof-strip strong { color: #2554ee; font-size: clamp(32px,3vw,52px); line-height: 1; letter-spacing: -.055em; white-space: nowrap; }
.support-proof-strip span { color: #10213f; font-size: clamp(16px,1.25vw,22px); font-weight: 760; letter-spacing: -.035em; }
.support-story-section { display: grid; grid-template-columns: minmax(320px,.84fr) minmax(0,1.16fr); gap: clamp(28px,4vw,58px); align-items: center; padding: clamp(82px,8vw,128px) clamp(28px,5vw,88px); background: #fff; }
.support-story-reverse { grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); background: #f6f7fb; }
.support-story-reverse .support-story-copy { order: 2; }
.support-story-copy { max-width: 560px; }
.support-story-copy small, .support-results-head small { display: block; margin-bottom: 16px; color: #2554ee; font-size: 12px; font-weight: 820; letter-spacing: .16em; text-transform: uppercase; }
.support-story-copy h2, .support-results-head h2 { margin: 0; color: #0c1424; font-size: clamp(36px,4.2vw,64px); line-height: .98; letter-spacing: -.065em; }
.support-story-copy p { margin: 22px 0 0; color: #526075; font-size: clamp(17px,1.35vw,21px); line-height: 1.72; letter-spacing: -.025em; }
.support-story-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.support-story-points span { border-radius: 999px; background: #eef3ff; color: #2554ee; padding: 10px 16px; font-size: 14px; font-weight: 760; }
.support-story-steps { display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; counter-reset: supportSteps; }
.support-story-steps li { counter-increment: supportSteps; display: flex; align-items: center; gap: 12px; color: #17233a; font-size: 17px; font-weight: 760; }
.support-story-steps li::before { content: counter(supportSteps, decimal-leading-zero); display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #2554ee; color: #fff; font-size: 12px; letter-spacing: -.04em; }
.support-story-media { margin: 0; min-height: clamp(420px,42vw,620px); border-radius: 34px; overflow: hidden; background: #dfe7f5; box-shadow: rgba(15,23,42,.1) 0 26px 70px; }
.support-story-media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.support-results-section { padding: clamp(82px,8vw,128px) clamp(28px,5vw,88px); background: #101827; }
.support-results-head { max-width: 760px; margin: 0 auto clamp(32px,4vw,56px); text-align: center; }
.support-results-head small { color: #7da2ff; }
.support-results-head h2 { color: #fff; }
.support-results-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; max-width: 1180px; margin: 0 auto; }
.support-results-grid article { border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: rgba(255,255,255,.06); overflow: hidden; color: #fff; }
.support-results-grid figure { height: 220px; margin: 0 0 26px; overflow: hidden; background: #0b1220; }
.support-results-grid img { width: 100%; height: 100%; display: block; object-fit: cover; }
.support-results-grid span { display: block; margin: 0 26px 10px; color: #fff; font-size: 24px; font-weight: 820; letter-spacing: -.04em; }
.support-results-grid p { min-height: 72px; margin: 0 26px 28px; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.62; letter-spacing: -.02em; }

@media (max-width: 1120px) {
  .support-proof-strip, .support-story-section, .support-story-reverse, .support-results-grid { grid-template-columns: 1fr; }
  .support-story-reverse .support-story-copy { order: 0; }
  .support-story-copy { max-width: 720px; }
}

@media (max-width: 760px) {
  .support-proof-strip { padding: 0 22px 56px; gap: 10px; }
  .support-proof-strip article { min-height: 84px; justify-content: flex-start; border-radius: 20px; }
  .support-proof-strip strong { font-size: 30px; }
  .support-proof-strip span { font-size: 16px; }
  .support-story-section, .support-results-section { padding: 64px 22px; }
  .support-story-copy h2, .support-results-head h2 { font-size: 38px; letter-spacing: -.054em; }
  .support-story-copy p { font-size: 16px; }
  .support-story-media { min-height: 340px; border-radius: 26px; }
  .support-results-grid figure { height: 190px; }
  .support-results-grid span { font-size: 22px; }
  .support-results-grid p { min-height: auto; }
}

/* Channel solution pages */
.channel-livechat { --channel-image: url('../product-livechat-hero-flatkey.png'); --channel-accent: #4167ff; --channel-rgb: 65,103,255; }
.channel-app { --channel-image: url('../product-app-hero-flatkey.png'); --channel-accent: #4167ff; --channel-rgb: 65,103,255; }
.channel-help-center { --channel-image: url('../product-help-center-hero-flatkey.png'); --channel-accent: #4167ff; --channel-rgb: 65,103,255; }
.channel-email { --channel-image: url('../product-email-hero-flatkey-person-v12.png'); --channel-accent: #4167ff; --channel-rgb: 65,103,255; }
.channel-voice { --channel-image: url('../product-voice-hero-flatkey.png'); --channel-accent: #4167ff; --channel-rgb: 65,103,255; }

.channel-solution main {
  background: rgb(248, 250, 253);
}

.channel-solution .subpage-section {
  max-width: 1180px;
  padding-top: 118px;
  padding-bottom: 118px;
}

.channel-solution .section-alt {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(247, 250, 255) 100%);
  border-top: 1px solid rgb(232, 237, 247);
  border-bottom: 1px solid rgb(232, 237, 247);
}

.channel-solution .section-inner {
  max-width: 1180px;
}

.channel-solution .section-head {
  max-width: 760px;
  margin-bottom: 46px;
}

.livechat-page #channel-solutions .section-head {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.channel-solution .section-head.center {
  margin-right: auto;
  margin-left: auto;
}

.channel-solution .section-head small {
  color: rgb(65, 103, 255);
  letter-spacing: 0.1em;
}

.channel-solution .section-head h2 {
  max-width: 720px;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.channel-solution .section-head p {
  max-width: 700px;
  color: rgb(89, 101, 123);
  font-size: 16px;
  line-height: 1.8;
}

.channel-solution .channel-hero {
  min-height: calc(100svh - 68px);
  padding: clamp(88px, 11vw, 150px) 53% clamp(80px, 8vw, 120px) 6.4%;
  background:
    radial-gradient(circle at 18% 22%, rgba(var(--channel-rgb), 0.32), transparent 32%),
    radial-gradient(circle at 78% 78%, rgba(72, 115, 255, 0.2), transparent 28%),
    linear-gradient(122deg, rgb(3, 11, 27) 0%, rgb(7, 20, 44) 54%, rgb(10, 26, 58) 100%);
}

.channel-solution .channel-hero::before {
  top: 7.2%;
  right: 5.4%;
  bottom: 7.2%;
  width: 42.5%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  background: var(--channel-image) center/cover;
  clip-path: none;
  box-shadow: rgba(0, 0, 0, 0.28) 0 30px 80px;
}

.channel-solution .channel-hero::after { display: none; }

.channel-solution .channel-hero > * { max-width: 100%; }

.channel-solution .channel-hero small {
  color: rgba(190, 205, 255, 0.92);
}

.channel-solution .channel-hero h1 {
  max-width: 680px;
  font-size: clamp(42px, 4.7vw, 68px);
  line-height: 1.04;
  letter-spacing: -0.06em;
}

.channel-solution .channel-hero .lead {
  max-width: 610px;
  color: rgba(229, 235, 248, 0.86);
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.76;
}

.channel-solution .hero-note {
  max-width: 620px;
  margin-top: 22px;
  color: rgba(197, 209, 234, 0.74);
  font-size: 14px;
  line-height: 1.75;
}

.channel-solution .page-hero-actions {
  gap: 12px;
  align-items: center;
}

.channel-solution .page-hero-actions a {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

.livechat-insight-panel {
  margin: -18px 0 18px;
  display: grid;
  grid-template-columns: 0.78fr 1.72fr 0.88fr;
  gap: 20px;
  align-items: center;
}

.livechat-insight-panel > * {
  min-height: 150px;
}

.insight-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgb(225, 232, 246);
  border-radius: 32px 32px 32px 10px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(20, 36, 70, 0.055) 0 18px 40px;
}

.insight-card span {
  color: rgb(92, 108, 138);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.insight-card strong {
  color: rgb(30, 51, 105);
  font-size: 46px;
  line-height: 1;
  letter-spacing: -0.06em;
}

.insight-card p {
  margin: 0;
  color: rgb(89, 101, 123);
  font-size: 13px;
  line-height: 1.65;
}

.insight-flow {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  background: transparent;
}

.insight-flow i {
  min-height: 58px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(34, 49, 78);
  border: 1px solid rgb(222, 229, 244);
  border-radius: 999px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(20, 36, 70, 0.04) 0 12px 26px;
  font-size: 14px;
  font-style: normal;
  font-weight: 650;
  text-align: center;
}

.insight-flow b {
  display: none;
}

.insight-chart {
  position: relative;
  padding: 22px;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 10px;
  border-radius: 999px 999px 28px 28px;
  background: linear-gradient(180deg, rgb(15, 30, 64), rgb(28, 55, 116));
  box-shadow: rgba(32, 65, 150, 0.12) 0 22px 40px;
}

.insight-chart span {
  width: 24px;
  height: var(--h);
  min-height: 32px;
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, rgb(133, 159, 255), rgb(65, 103, 255));
}

.livechat-product-layout {
  display: grid;
  grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.4fr);
  gap: 24px;
  align-items: stretch;
}

.livechat-product-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.livechat-product-card {
  position: sticky;
  top: 92px;
  align-self: start;
  overflow: hidden;
  border: 1px solid rgb(222, 229, 244);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(20, 36, 70, 0.08) 0 22px 54px;
}

.product-topbar {
  height: 48px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgb(232, 237, 247);
  background: rgb(249, 251, 255);
}

.product-topbar span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgb(190, 201, 222);
}

.product-shell {
  min-height: 420px;
  display: grid;
  grid-template-columns: 130px 1fr;
}

.product-shell aside {
  padding: 22px 14px;
  display: grid;
  align-content: start;
  gap: 12px;
  border-right: 1px solid rgb(232, 237, 247);
  background: rgb(247, 250, 255);
}

.product-shell aside b {
  margin-bottom: 8px;
  color: rgb(17, 24, 39);
  font-size: 13px;
}

.product-shell aside i {
  padding: 10px 11px;
  color: rgb(97, 111, 137);
  border-radius: 12px;
  font-size: 12px;
  font-style: normal;
}

.product-shell aside i.active {
  color: rgb(47, 80, 210);
  background: rgb(238, 243, 255);
}

.product-shell section {
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  background:
    radial-gradient(circle at 88% 18%, rgba(65, 103, 255, 0.12), transparent 32%),
    rgb(255, 255, 255);
}

.chat-row {
  max-width: 88%;
  padding: 14px 16px;
  border-radius: 18px;
  color: rgb(49, 61, 84);
  font-size: 14px;
  line-height: 1.65;
}

.chat-row.customer {
  background: rgb(243, 246, 251);
  border-bottom-left-radius: 5px;
}

.chat-row.ai {
  margin-left: auto;
  color: rgb(37, 57, 120);
  background: rgb(237, 242, 255);
  border: 1px solid rgb(217, 226, 255);
  border-bottom-right-radius: 5px;
}

.mini-metrics {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.mini-metrics span {
  padding: 14px 12px;
  display: grid;
  gap: 5px;
  border: 1px solid rgb(230, 235, 247);
  border-radius: 14px;
  background: rgb(250, 252, 255);
  color: rgb(74, 88, 113);
  font-size: 12px;
}

.mini-metrics b {
  color: rgb(65, 103, 255);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.channel-pain-grid {
  gap: 18px;
}

.channel-pain-grid article {
  position: relative;
  min-height: 0;
  padding: 26px 30px 28px 34px;
  overflow: hidden;
  border: 1px solid rgb(226, 232, 242);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(20, 36, 70, 0.04) 0 14px 34px;
}

.channel-pain-grid article::before {
  display: none;
}

.channel-pain-grid article:nth-child(2) {
  border-radius: 28px 10px 28px 28px;
}

.channel-pain-grid article:nth-child(3) {
  border-radius: 10px 28px 28px 28px;
}

.channel-pain-grid article b {
  color: rgb(65, 103, 255);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.channel-pain-grid article h3 {
  margin-top: 22px;
  color: rgb(16, 24, 40);
  font-size: 22px;
  letter-spacing: -0.03em;
}

.channel-pain-grid article p {
  color: rgb(90, 103, 124);
  line-height: 1.78;
}

.channel-solution-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.channel-solution-cards article {
  grid-column: auto;
}

.channel-solution-cards article:nth-child(4),
.channel-solution-cards article:nth-child(5) {
  grid-column: auto;
}

.channel-solution-cards article,
.channel-solution-cards article:nth-child(2),
.channel-solution-cards article:nth-child(3) {
  min-height: 0;
  padding: 20px 22px;
  gap: 14px;
  color: rgb(16, 24, 40);
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgb(226, 232, 242);
  border-radius: 18px;
  box-shadow: none;
}

.channel-solution-cards article > header {
  display: grid;
  gap: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(235, 239, 247);
}

.channel-solution-cards article > header b {
  width: auto;
  height: auto;
  display: inline-flex;
  place-items: initial;
  border-radius: 0;
  color: rgb(126, 143, 176);
  background: transparent;
  font-size: 11px;
  letter-spacing: 0.08em;
}

.channel-solution-cards article > header span {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 680;
  letter-spacing: -0.035em;
}

.channel-solution-cards .scenario-dialogue {
  display: grid;
  gap: 10px;
}

.channel-solution-cards .q,
.channel-solution-cards article:nth-child(2) .q,
.channel-solution-cards article:nth-child(3) .q {
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: rgb(67, 78, 99);
  background: transparent;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.7;
}

.channel-solution-cards .a,
.channel-solution-cards article:nth-child(2) .a,
.channel-solution-cards article:nth-child(3) .a {
  max-width: 100%;
  margin: 0;
  padding: 14px 15px;
  color: rgb(42, 62, 122);
  background: rgb(245, 247, 255);
  border: 1px solid rgb(223, 230, 255);
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.72;
}

.channel-solution-cards .a::before {
  display: none;
}

.channel-solution-cards article > footer,
.channel-solution-cards article:nth-child(2) > footer,
.channel-solution-cards article:nth-child(3) > footer {
  margin-top: auto;
  padding-top: 16px;
  color: rgb(121, 135, 160);
  border-top: 1px solid rgb(235, 239, 247);
  font-size: 10px;
  line-height: 1.55;
  letter-spacing: 0.09em;
}

.channel-scenario-kicker {
  margin: 72px 0 28px;
}

.channel-scenario-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.channel-scenario-list span {
  position: relative;
  min-height: 132px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  overflow: hidden;
  color: rgb(16, 24, 40);
  border: 1px solid rgb(226, 232, 242);
  border-radius: 22px;
  background: rgb(255, 255, 255);
  font-size: 17px;
  line-height: 1.65;
  font-weight: 640;
  letter-spacing: -0.015em;
  box-shadow: rgba(20, 36, 70, 0.04) 0 14px 34px;
  transition: color 0.25s, border-color 0.25s, background 0.25s, box-shadow 0.25s, transform 0.25s;
}

.channel-scenario-list span::before {
  display: none;
}

.channel-scenario-list span:hover {
  color: rgb(255, 255, 255);
  border-color: rgb(21, 43, 92);
  background: rgb(15, 30, 64);
  box-shadow: rgba(15, 30, 64, 0.22) 0 22px 50px;
  transform: translateY(-3px);
}

.channel-scenario-list b {
  color: rgb(65, 103, 255);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0.12em;
}

.channel-scenario-list span:hover b { color: rgb(143, 165, 255); }

.channel-proof-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 24px;
  align-items: stretch;
}

.channel-proof-panel figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgb(223, 230, 242);
  border-radius: 26px;
  background: rgb(247, 249, 252);
  box-shadow: rgba(20, 36, 70, 0.06) 0 20px 46px;
}

.channel-proof-panel img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 470px;
  object-fit: cover;
}

.channel-path {
  margin: 0;
  padding: 18px;
  display: grid;
  gap: 10px;
  list-style: none;
  counter-reset: path 0;
  border: 1px solid rgb(223, 230, 242);
  border-radius: 26px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(20, 36, 70, 0.05) 0 18px 42px;
}

.channel-path li {
  position: relative;
  min-height: 0;
  padding: 16px 0 18px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0;
  border-left: 1px solid rgb(214, 224, 247);
  border-radius: 0;
  background: transparent;
}

.channel-path li:last-child { border-left-color: transparent; }

.channel-path li::before {
  position: absolute;
  left: -8px;
  top: 21px;
  width: 16px;
  height: 16px;
  border: 4px solid rgb(255, 255, 255);
  border-radius: 50%;
  background: rgb(65, 103, 255);
  box-shadow: rgb(201, 212, 246) 0 0 0 1px;
  content: "";
}

.channel-path b {
  color: rgb(32, 46, 76);
  font-size: 13px;
  letter-spacing: 0.02em;
}

.channel-path span {
  margin-top: 8px;
  color: rgb(82, 96, 120);
  font-size: 14px;
  line-height: 1.68;
}

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





@media (max-width: 700px) {
  .channel-solution .contact.contact-hero-echo .contact-echo-primary {
    width: auto;
    min-width: 104px !important;
  }
}

@media (max-width: 1280px) {
  .channel-solution .channel-hero {
    min-height: calc(100svh - 68px);
    padding: 64px 42px 390px;
  }
  .channel-solution .channel-hero::before {
    inset: auto 42px 42px;
    width: auto;
    height: 310px;
    border-radius: 22px;
    background: var(--channel-image) center/cover;
    clip-path: none;
  }
  .channel-solution .page-hero-actions { align-items: stretch; }
  .livechat-insight-panel { grid-template-columns: 1fr; }
  .insight-flow { display: flex; }
  .livechat-product-layout { grid-template-columns: 1fr; }
  .livechat-product-card { position: relative; top: auto; }
  .channel-solution-cards { grid-template-columns: 1fr; }
  .channel-solution-cards article,
  .channel-solution-cards article:nth-child(4),
  .channel-solution-cards article:nth-child(5) { grid-column: auto; }
  .channel-solution-cards article,
  .channel-solution-cards article:nth-child(2),
  .channel-solution-cards article:nth-child(3) { min-height: 0; }
  .channel-proof-panel { grid-template-columns: 1fr; }
  .channel-scenario-list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .channel-solution .channel-hero {
    min-height: calc(100svh - 68px);
    padding: 48px 22px 310px;
  }
  .channel-solution .channel-hero::before {
    right: 22px;
    bottom: 22px;
    left: 22px;
    height: 260px;
    border-radius: 18px;
  }
  .channel-solution .page-hero-actions { display: grid; }
  .channel-solution .page-hero-actions a { width: 100%; }
  .livechat-insight-panel { margin-bottom: 28px; }
  .livechat-insight-panel > * { min-height: 128px; }
  .insight-flow { display: flex; }
  .insight-flow i { min-height: 58px; }
  .product-shell { grid-template-columns: 1fr; }
  .product-shell aside { display: none; }
  .product-shell section { padding: 22px; }
  .mini-metrics { grid-template-columns: 1fr; }
  .channel-solution-cards { grid-template-columns: 1fr; }
  .channel-solution-cards article { grid-column: span 1; }
  .channel-scenario-list { grid-template-columns: 1fr; }
  .channel-proof-panel img { min-height: 260px; }
  .channel-path { padding: 26px 22px; }
  .channel-dialog-grid { grid-template-columns: 1fr; }
  .channel-solution .contact.contact-hero-echo { margin: 0; padding: 64px 22px; }
  .channel-solution .contact.contact-hero-echo h2 { font-size: 38px; }
}

.app-story-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 48px;
  align-items: center;
  padding: 52px;
  border: 1px solid rgb(226, 232, 242);
  border-radius: 34px;
  background: linear-gradient(135deg, rgb(255, 255, 255), rgb(244, 247, 252));
  box-shadow: rgba(20, 36, 70, 0.05) 0 18px 48px;
}

.app-story-copy small,
.app-value-copy small {
  display: block;
  margin-bottom: 16px;
  color: rgb(65, 103, 255);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.app-story-copy h2,
.app-value-copy h2 {
  margin: 0;
  color: rgb(16, 24, 40);
  font-size: clamp(34px, 3.4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.app-story-copy p,
.app-value-copy p {
  margin: 20px 0 0;
  color: rgb(89, 101, 123);
  font-size: 17px;
  line-height: 1.85;
}

.app-context-stack {
  display: grid;
  gap: 14px;
}

.app-context-stack span {
  padding: 22px 24px;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  align-items: center;
  border: 1px solid rgb(226, 232, 242);
  border-radius: 20px;
  background: rgb(255, 255, 255);
  color: rgb(89, 101, 123);
  font-size: 15px;
  line-height: 1.55;
}

.app-context-stack b {
  color: rgb(16, 24, 40);
  font-size: 18px;
}

.app-card-note .section-head {
  margin-bottom: 0;
  padding-top: 0;
}

.app-card-note .section-head p {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.app-friction-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgb(226, 232, 242);
  border-bottom: 1px solid rgb(226, 232, 242);
}

.app-friction-list article {
  padding: 34px 34px 38px;
  border-right: 1px solid rgb(226, 232, 242);
}

.app-friction-list article:last-child {
  border-right: 0;
}

.app-friction-list b,
.app-chain-steps span,
.app-scenario-rows small {
  display: block;
  margin-bottom: 18px;
  color: rgb(65, 103, 255);
  font-size: 11px;
  font-weight: 780;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.app-friction-list h3,
.app-chain-steps h3,
.app-scenario-rows h3 {
  margin: 0;
  color: rgb(16, 24, 40);
  font-size: 24px;
  line-height: 1.24;
  letter-spacing: -0.035em;
}

.app-friction-list p,
.app-chain-steps p,
.app-scenario-rows p {
  margin: 18px 0 0;
  color: rgb(89, 101, 123);
  font-size: 15px;
  line-height: 1.78;
}

.app-chain-board {
  overflow: hidden;
  border: 1px solid rgb(221, 228, 240);
  border-radius: 34px;
  background: rgb(15, 30, 64);
  box-shadow: rgba(15, 30, 64, 0.14) 0 28px 68px;
}

.app-chain-intro {
  padding: 38px 44px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.app-chain-intro b {
  color: rgb(255, 255, 255);
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.1;
  letter-spacing: -0.05em;
}

.app-chain-intro p {
  max-width: 460px;
  margin: 0;
  color: rgba(229, 235, 248, 0.78);
  font-size: 16px;
  line-height: 1.75;
}

.app-chain-steps {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(220px, 1fr));
  list-style: none;
  overflow-x: auto;
}

.app-chain-steps li {
  min-height: 310px;
  padding: 30px 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.app-chain-steps li:last-child {
  border-right: 0;
}

.app-chain-steps h3 {
  color: rgb(255, 255, 255);
}

.app-chain-steps p {
  color: rgba(229, 235, 248, 0.76);
}

.channel-app .app-scenario-section {
  display: block;
  width: 100%;
}

.channel-app .app-scenario-section .section-head {
  max-width: 820px;
  margin: 0 auto 40px;
  text-align: center;
}

.channel-app .app-scenario-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

.channel-app .app-scenario-rows article {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgb(226, 232, 242);
  border-radius: 24px;
  background: rgb(255, 255, 255);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.channel-app .app-scenario-rows article img {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgb(226, 232, 242);
}

.channel-app .app-scenario-rows small {
  margin-bottom: 0;
}

.channel-app .app-scenario-rows h3 {
  font-size: 22px;
}

.channel-app .app-scenario-rows p {
  margin-top: 0;
}

.app-value-section {
  display: grid;
  grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
}

.app-value-list {
  display: grid;
  gap: 12px;
}

.app-value-list span {
  padding: 22px 26px;
  color: rgb(16, 24, 40);
  border: 1px solid rgb(226, 232, 242);
  border-radius: 999px;
  background: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 680;
  letter-spacing: -0.025em;
}

@media (max-width: 980px) {
  .app-story-panel,
  .app-value-section {
    grid-template-columns: 1fr;
  }

  .app-friction-list {
    grid-template-columns: 1fr;
  }

  .app-friction-list article {
    border-right: 0;
    border-bottom: 1px solid rgb(226, 232, 242);
  }

  .app-friction-list article:last-child {
    border-bottom: 0;
  }

  .channel-app .app-scenario-rows {
    grid-template-columns: 1fr;
  }

  .channel-app .app-scenario-rows article {
    padding: 22px;
  }
}

@media (max-width: 640px) {
  .app-story-panel,
  .app-chain-intro {
    padding: 30px 24px;
  }

  .app-context-stack span {
    grid-template-columns: 1fr;
  }

  .channel-app .app-scenario-rows article {
    gap: 14px;
  }
}

.channel-solution .channel-hero.app-hero-visual {
  position: relative;
  min-height: calc(100svh - 68px);
  padding: clamp(56px, 7vh, 92px) 5.2%;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(480px, 0.92fr);
  gap: clamp(36px, 5vw, 72px);
  align-items: center;
  overflow: hidden;
}

.channel-solution .channel-hero.app-hero-visual::before {
  display: none;
  content: none;
}

.app-hero-copy {
  position: relative;
  z-index: 1;
}

.app-hero-device {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 560px;
  margin: 0;
  overflow: visible;
  pointer-events: none;
}

.app-hero-device::before {
  position: absolute;
  right: 4%;
  bottom: 4%;
  width: 76%;
  height: 62%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(65, 103, 255, 0.34), rgba(65, 103, 255, 0));
  filter: blur(12px);
  content: "";
}

.app-hero-device img {
  position: absolute;
  right: -4%;
  bottom: -9%;
  width: min(112%, 720px);
  max-width: none;
  height: auto;
  display: block;
  filter: drop-shadow(0 34px 76px rgba(0, 0, 0, 0.38));
}


.app-hero-device::after {
  position: absolute;
  right: 8%;
  bottom: 8%;
  width: 54%;
  height: 36%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(3, 11, 27, 0.62), rgba(65, 103, 255, 0.1));
  filter: blur(28px);
  content: "";
  z-index: 0;
}

.app-hero-device img {
  z-index: 1;
}

@media (max-width: 980px) {
  .channel-solution .channel-hero.app-hero-visual {
    padding: 64px 42px 72px;
    grid-template-columns: 1fr;
  }

  .channel-solution .channel-hero.app-hero-visual::before {
    display: none;
    content: none;
  }

  .app-hero-device {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    min-height: 420px;
    border-radius: 28px;
  }
}

@media (max-width: 640px) {
  .channel-solution .channel-hero.app-hero-visual {
    padding: 48px 22px 56px;
  }

  .app-hero-device {
    min-height: 320px;
  }
}


.channel-help-center .help-hero {
  min-height: calc(100svh - 68px);
  display: grid;
  grid-template-columns: minmax(620px, 1.08fr) minmax(520px, 0.92fr);
  gap: clamp(54px, 7vw, 108px);
  align-items: center;
  padding-top: clamp(76px, 8vw, 118px);
  padding-bottom: clamp(82px, 8vw, 128px);
}

.channel-help-center .help-hero > * {
  position: relative;
  z-index: 1;
}

.channel-help-center .help-hero h1 {
  max-width: 12.8ch;
  font-size: clamp(58px, 5vw, 88px);
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.channel-help-center .help-hero .lead {
  max-width: 780px;
}

.channel-help-center .help-hero .hero-note {
  max-width: 700px;
}

.help-search-card {
  width: min(100%, 650px);
  justify-self: end;
  padding: 30px;
  border: 1px solid rgba(158, 178, 255, 0.22);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.055));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.26);
  backdrop-filter: blur(16px);
}

.help-search-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 24px;
  border-radius: 20px;
  color: rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.16);
  font-size: 18px;
}

.help-search-box b {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #69e0ff;
  box-shadow: 0 0 24px rgba(105, 224, 255, 0.7);
}

.help-topic-list {
  margin: 24px 0 0;
  display: grid;
  gap: 14px;
}

.help-topic-list span {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 16px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.075);
  border: 1px solid rgba(255,255,255,0.1);
}

.help-topic-list i {
  color: rgba(181, 199, 255, 0.72);
  font-style: normal;
}

.help-principles {
  display: grid;
  grid-template-columns: 0.78fr 1fr;
  gap: 14px;
}

.help-principle-main,
.help-principles span,
.help-step,
.help-content-card,
.help-value-card {
  border: 1px solid #d9e2f4;
  border-radius: 22px;
  background: linear-gradient(145deg, #fff, #f7faff);
  box-shadow: 0 18px 42px rgba(31, 54, 105, 0.06);
}

.help-principle-main {
  grid-row: span 3;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 260px;
}

.help-principle-main b,
.help-step b,
.help-content-card b,
.help-value-card b {
  color: #4167ff;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.help-principle-main h3,
.help-step h3,
.help-content-card h3,
.help-value-card h3 {
  margin: 14px 0 10px;
  color: #101828;
  font-size: 24px;
}

.help-principle-main p,
.help-step p,
.help-content-card p,
.help-value-card p {
  margin: 0;
  color: #5f6f8b;
  line-height: 1.78;
}

.help-principles span {
  padding: 22px 24px;
  color: #22304a;
  font-size: 17px;
  line-height: 1.7;
}

.help-steps,
.help-content-grid,
.help-value-grid {
  display: grid;
  gap: 16px;
}

.help-steps {
  grid-template-columns: repeat(4, 1fr);
}

.help-step,
.help-content-card,
.help-value-card {
  padding: 26px 24px;
}

.help-content-grid {
  grid-template-columns: repeat(2, 1fr);
}

.help-value-grid {
  grid-template-columns: repeat(5, 1fr);
}

.help-value-card h3 {
  font-size: 20px;
}

@media (max-width: 980px) {
  .help-principles {
    grid-template-columns: 1fr;
  }

  .help-steps,
  .help-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.channel-help-center .help-steps {
  position: relative;
  grid-template-columns: 1fr;
  gap: 0;
}

.channel-help-center .help-step {
  display: grid;
  grid-template-columns: 72px minmax(160px, 0.34fr) 1fr;
  gap: 22px;
  align-items: start;
  padding: 28px 0;
  border-width: 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.channel-help-center .help-step:last-child {
  border-bottom: 1px solid #d9e2f4;
}

.channel-help-center .help-step b {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef3ff;
}

.channel-help-center .help-step h3,
.channel-help-center .help-step p {
  margin: 0;
}

.channel-help-center .help-content-grid {
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid #d9e2f4;
}

.channel-help-center .help-content-card {
  padding: 28px 28px 28px 0;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.channel-help-center .help-content-card:nth-child(odd) {
  padding-right: 36px;
  border-right: 1px solid #d9e2f4;
}

.channel-help-center .help-content-card:nth-child(even) {
  padding-left: 36px;
}

.channel-help-center .help-value-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.channel-help-center .help-value-card {
  flex: 1 1 260px;
  min-height: auto;
  padding: 24px 0 4px;
  border-width: 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}



.channel-help-center .help-value-illustration img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.channel-help-center .help-principles span {
  display: flex;
  align-items: center;
  padding: 0 0 0 24px;
  border-width: 0 0 0 3px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.channel-help-center .section-head small,
.channel-help-center .channel-hero small {
  display: inline-block;
  white-space: nowrap;
  text-transform: uppercase;
}

.channel-help-center .subpage-section .section-head {
  max-width: 1120px;
}

.channel-help-center .subpage-section .section-head h2 {
  max-width: none;
}

.channel-help-center .subpage-section .section-head p {
  max-width: 760px;
}

.channel-help-center main {
  max-width: 100%;
}

.channel-help-center main > .subpage-section:nth-of-type(2) {
  max-width: 1240px;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(44px, 5vw, 72px);
  align-items: start;
}

.channel-help-center main > .subpage-section:nth-of-type(2) .section-head {
  max-width: none;
  margin: 0;
}

.channel-help-center main > .subpage-section:nth-of-type(2) .help-why-head {
  padding: clamp(30px, 3.6vw, 48px);
  border: 1px solid rgba(218, 226, 241, .9);
  border-radius: 32px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 24px 72px rgba(28, 71, 129, .07);
}

.channel-help-center main > .subpage-section:nth-of-type(2) .section-head h2 {
  max-width: 12.5em;
  font-size: clamp(48px, 4.8vw, 76px);
  font-weight: 520;
  line-height: 1.02;
  letter-spacing: -0.065em;
}

.channel-help-center .help-principles {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0 0 0 38px;
  border-left: 1px solid rgba(65, 103, 255, 0.18);
}

.channel-help-center .help-principles::before {
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 118px;
  background: linear-gradient(180deg, rgb(65, 103, 255), rgba(65, 103, 255, 0));
  content: "";
}

.channel-help-center .help-principle-main {
  min-height: auto;
  padding: 0 0 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.channel-help-center .help-principle-main b,
.channel-help-center .help-step b,
.channel-help-center .help-content-card b,
.channel-help-center .help-value-card b {
  color: rgb(65, 103, 255);
  font-size: 11px;
  font-weight: 760;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.channel-help-center .help-principle-main h3 {
  max-width: 760px;
  margin: 22px 0 18px;
  color: rgb(16, 24, 40);
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 520;
  line-height: 1.14;
  letter-spacing: -0.055em;
}

.channel-help-center .help-principle-main p,
.channel-help-center .help-principles span {
  max-width: 740px;
  color: rgb(83, 95, 116);
  font-size: 18px;
  line-height: 1.82;
  letter-spacing: -0.02em;
}

.channel-help-center .help-principles span {
  position: relative;
  display: block;
  padding: 24px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.channel-help-center .help-principles span + span {
  margin-top: 6px;
}

.channel-help-center .help-principles span::before {
  position: absolute;
  top: 36px;
  left: -46px;
  width: 15px;
  height: 15px;
  border: 3px solid rgb(247, 249, 252);
  border-radius: 999px;
  background: rgb(65, 103, 255);
  box-shadow: 0 0 0 1px rgba(65, 103, 255, 0.22);
  content: "";
}

.channel-help-center .help-steps,
.channel-help-center .help-content-grid,
.channel-help-center .help-value-grid {
  gap: 0;
  border-top: 1px solid rgb(218, 226, 241);
}

.channel-help-center .help-step,
.channel-help-center .help-content-card,
.channel-help-center .help-value-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 980px) {
  .channel-help-center main > .subpage-section:nth-of-type(2) {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .channel-help-center main > .subpage-section:nth-of-type(2) .section-head h2 {
    max-width: none;
  }
}

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

  .channel-help-center .help-search-card {
    justify-self: start;
    width: min(100%, 560px);
  }

  .channel-help-center .help-step {
    grid-template-columns: 56px 1fr;
  }

  .channel-help-center .help-step p {
    grid-column: 2;
  }
}

@media (max-width: 640px) {
  .channel-help-center .help-content-grid {
    grid-template-columns: 1fr;
  }

  .channel-help-center .help-content-card,
  .channel-help-center .help-content-card:nth-child(odd),
  .channel-help-center .help-content-card:nth-child(even) {
    padding: 24px 0;
    border-right: 0;
  }

  .channel-help-center .help-value-card {
    border-radius: 24px;
  }
}


/* Shared channel hero aligned to Help Center visual system */
.channel-solution .page-hero.help-hero {
  min-height: 660px;
  padding: 92px 48% 82px max(6vw, 72px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  color: rgb(255, 255, 255);
  background:
    radial-gradient(circle at 24% 100%, rgba(65, 103, 255, 0.18), transparent 34%),
    linear-gradient(118deg, rgb(3, 11, 27) 0%, rgb(7, 21, 47) 100%);
}

.channel-solution .page-hero.help-hero::after {
  display: none;
}

.channel-solution .page-hero.help-hero > div:first-child {
  max-width: 100%;
}

.channel-solution .page-hero.help-hero > small,
.channel-solution .page-hero.help-hero small {
  color: #76c8ff;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.channel-solution .page-hero.help-hero h1 {
  max-width: 760px;
  margin: 22px 0 26px;
  color: rgb(255, 255, 255);
  font-size: clamp(42px, 4.4vw, 64px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.052em;
}

.channel-solution .page-hero.help-hero .lead {
  max-width: 650px;
  margin: 0;
  color: rgb(193, 203, 221);
  font-size: 16px;
  line-height: 1.8;
}

.channel-solution .page-hero.help-hero .page-hero-actions {
  margin-top: 34px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.channel-solution .page-hero.help-hero .btn-primary {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(7, 19, 41);
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.22) 0 16px 38px;
}

.channel-solution .page-hero.help-hero .btn-primary:hover {
  background: #76c8ff;
}

.channel-solution .page-hero.help-hero .hero-note {
  max-width: 650px;
  margin-top: 24px;
  color: rgb(143, 158, 186);
}

.channel-solution .page-hero.help-hero > div:last-child {
  position: absolute;
  z-index: 1;
  top: 78px;
  right: 60px;
  bottom: 78px;
  width: 40%;
  max-width: none;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(20px, 2.4vw, 36px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 22px;
  background:
    radial-gradient(circle at 82% 92%, rgba(45, 78, 160, 0.44), transparent 42%),
    linear-gradient(145deg, rgba(85, 96, 116, 0.72), rgba(38, 53, 81, 0.82));
  box-shadow: rgba(0, 0, 0, 0.32) 0 24px 56px;
  backdrop-filter: none;
  transform: scale(0.86);
  transform-origin: center right;
}

.channel-solution .page-hero.help-hero .help-search-box,
.channel-solution .page-hero.help-hero .help-topic-list span {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(12px, 1.05vw, 17px);
  line-height: 1.2;
}

.channel-solution .page-hero.help-hero .help-search-box {
  gap: 12px;
  padding: clamp(13px, 1.6vw, 22px);
}

.channel-solution .page-hero.help-hero .help-search-box b {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  background: #63d9ff;
  box-shadow: 0 0 24px rgba(99, 217, 255, 0.7);
}

.channel-solution .page-hero.help-hero .help-topic-list {
  margin-top: clamp(14px, 1.8vw, 28px);
  gap: clamp(8px, 1vw, 14px);
}

.channel-solution .page-hero.help-hero .help-topic-list span {
  padding: clamp(14px, 1.55vw, 20px) clamp(16px, 2vw, 28px);
}

.channel-solution .page-hero.help-hero .help-topic-list i {
  color: rgb(172, 188, 242);
  font-style: normal;
}

@media (max-width: 980px) {
  .channel-solution .page-hero.help-hero {
    min-height: 860px;
    padding: 64px 42px 390px;
    justify-content: flex-start;
  }

  .channel-solution .page-hero.help-hero > div:last-child {
    inset: auto 42px 42px;
    width: auto;
    height: 310px;
    border-radius: 22px;
    padding: 24px;
  }

  .channel-solution .page-hero.help-hero .help-search-box,
  .channel-solution .page-hero.help-hero .help-topic-list span {
    font-size: 15px;
  }
}

@media (max-width: 640px) {
  .channel-solution .page-hero.help-hero {
    min-height: 820px;
    padding: 48px 22px 310px;
  }

  .channel-solution .page-hero.help-hero h1 {
    font-size: 40px;
  }

  .channel-solution .page-hero.help-hero .page-hero-actions {
    display: grid;
    width: 100%;
  }

  .channel-solution .page-hero.help-hero .page-hero-actions a {
    width: 100%;
  }

  .channel-solution .page-hero.help-hero > div:last-child {
    right: 22px;
    bottom: 22px;
    left: 22px;
    height: 260px;
    border-radius: 18px;
    padding: 18px;
  }

  .channel-solution .page-hero.help-hero .help-search-box,
  .channel-solution .page-hero.help-hero .help-topic-list span {
    padding: 14px 16px;
    font-size: 13px;
  }

  .channel-solution .page-hero.help-hero .help-topic-list {
    gap: 10px;
    margin-top: 12px;
  }
}


/* Shared channel CTA aligned to Help Center closing style */
.channel-solution .closing-section {
  background: rgb(255, 255, 255);
}

.channel-solution .contact.contact-hero-echo {
  min-height: 460px;
  margin: 0;
  padding-bottom: 76px;
  grid-template-columns: 1fr;
  border-radius: 0;
  color: rgb(255, 255, 255);
  background:
    radial-gradient(circle at 72% 18%, rgba(90, 148, 255, 0.22), transparent 30%),
    radial-gradient(circle at 28% 100%, rgba(90, 148, 255, 0.18), transparent 34%),
    linear-gradient(118deg, rgb(3, 11, 27) 0%, rgb(7, 21, 47) 100%);
}

.channel-solution .contact.contact-hero-echo .contact-echo-copy {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.channel-solution .contact.contact-hero-echo h2 {
  color: rgb(255, 255, 255);
  font-size: clamp(40px, 4vw, 62px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.052em;
}

.channel-solution .contact.contact-hero-echo p {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  color: rgb(185, 198, 220);
  text-align: center;
}

.channel-solution .contact.contact-hero-echo .contact-echo-actions {
  justify-content: center;
}

.channel-solution .page-hero.help-hero .btn-primary,
.channel-solution .contact.contact-hero-echo .contact-echo-primary {
  min-height: 54px;
  padding: 14px 26px;
  border: 0 !important;
  border-radius: 999px !important;
  color: rgb(7, 19, 41) !important;
  background: rgb(255, 255, 255) !important;
  box-shadow: rgba(0, 0, 0, 0.22) 0 16px 38px !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.channel-solution .page-hero.help-hero .btn-primary:hover,
.channel-solution .contact.contact-hero-echo .contact-echo-primary:hover {
  color: rgb(255, 255, 255) !important;
  background: rgb(49, 87, 255) !important;
  box-shadow: rgba(255, 255, 255, 0.2) 0 0 0 1px, rgba(49, 87, 255, 0.72) 0 0 28px, rgba(49, 87, 255, 0.38) 0 22px 62px !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 640px) {
  .channel-solution .contact.contact-hero-echo {
    padding: 64px 22px;
  }

  .channel-solution .contact.contact-hero-echo h2 {
    font-size: 38px;
  }
}

.channel-help-center .help-value-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch;
  border-top: 0;
}

.channel-help-center .help-value-card:nth-child(-n + 2) {
  grid-column: span 3;
}

.channel-help-center .help-value-card:nth-child(n + 3) {
  grid-column: span 2;
}

.channel-help-center .help-value-card {
  display: flex;
  min-width: 0;
  min-height: 0;
  padding: 18px 18px 22px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(218, 226, 241, .86);
  border-radius: 24px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 22px 56px rgba(28, 71, 129, .07);
}

.channel-help-center .help-value-illustration {
  width: 100%;
  aspect-ratio: 1;
  margin: 0 0 18px;
  overflow: hidden;
  border-radius: 20px;
  background: #f6f8fc;
  box-shadow: none;
}

.channel-help-center .help-value-card h3 {
  margin-top: 0;
  font-size: 20px;
  line-height: 1.36;
}

.channel-help-center .help-value-card p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.74;
}

.channel-help-center .help-value-card > b {
  display: none;
}

@media (max-width: 1180px) {
  .channel-help-center .help-value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .channel-help-center .help-value-card:nth-child(-n + 2),
  .channel-help-center .help-value-card:nth-child(n + 3) {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .channel-help-center .help-value-grid {
    grid-template-columns: 1fr !important;
  }
}

.channel-help-center main > .subpage-section:nth-of-type(2) .help-why-head h2 {
  max-width: 760px;
  font-size: clamp(28px, 2.6vw, 40px);
  font-weight: 420;
  line-height: 1.18;
  letter-spacing: -0.04em;
}

.channel-app .app-scenario-illustration {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 10px;
  overflow: hidden;
  border-radius: 20px;
  background: #f6f8fc;
}

.channel-app .app-scenario-illustration img {
  display: block;
  width: 118%;
  height: 118%;
  object-fit: cover;
  object-position: left top;
  border: 0;
  border-radius: 0;
}


/* Email page restyle */
.channel-email .page-hero.email-hero {
  background:
    linear-gradient(90deg, rgba(3, 11, 27, 0.9) 0%, rgba(3, 11, 27, 0.64) 40%, rgba(3, 11, 27, 0.06) 72%),
    url('../product-email-hero-flatkey-person-v12.png') right center / cover no-repeat,
    #061225 !important;
}

.channel-email .page-hero.email-hero::after {
  opacity: .72;
}

.channel-email .page-hero.email-hero > div:first-child {
  max-width: 620px;
}

.channel-email .email-inbox-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-radius: 16px;
  background: rgba(49, 87, 255, 0.08);
  color: rgb(22, 36, 82);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .03em;
}

.channel-email .email-inbox-top span {
  color: rgb(111, 127, 180);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
}

.channel-email .email-thread-card {
  padding: 28px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgb(12, 25, 53), rgb(22, 49, 100));
  color: #fff;
  box-shadow: 0 24px 64px rgba(10, 23, 54, 0.26);
}

.channel-email .email-thread-card i {
  display: block;
  margin-bottom: 14px;
  color: rgba(220, 229, 255, 0.72);
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .16em;
}

.channel-email .email-thread-card strong {
  display: block;
  max-width: 300px;
  font-size: 28px;
  font-weight: 520;
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.channel-email .email-thread-card p {
  max-width: 330px;
  margin: 18px 0 0;
  color: rgba(226, 234, 255, 0.78);
  font-size: 14px;
  line-height: 1.72;
}

.channel-email .email-ai-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.channel-email .email-ai-steps span {
  min-height: 74px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 18px;
  background: #fff;
  color: rgb(26, 39, 73);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: 0 12px 30px rgba(18, 36, 74, 0.06);
}

.channel-email .email-ai-steps b {
  margin-bottom: 8px;
  color: rgb(49, 87, 255);
  font-size: 10px;
  letter-spacing: .14em;
}

.channel-email .email-story-section {
  max-width: 1240px;
}

.channel-email .email-section-kicker,
.channel-email .email-operating-head small,
.channel-email .email-value-shell small {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
}

.channel-email .email-section-kicker::after,
.channel-email .email-operating-head small::after,
.channel-email .email-value-shell small::after {
  width: 42px;
  height: 1px;
  background: rgba(49, 87, 255, .38);
  content: '';
}

.channel-email .email-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  gap: 28px;
  margin-top: 18px;
  align-items: start;
}

.channel-email .email-story-copy h2,
.channel-email .email-operating-head h2,
.channel-email .email-value-shell h2 {
  margin: 18px 0 0;
  font-size: clamp(34px, 3.2vw, 54px);
  font-weight: 430;
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.channel-email .email-story-copy p {
  margin-top: 18px;
  color: rgb(62, 77, 106);
  font-size: 18px;
  line-height: 1.78;
}

.channel-email .email-story-note {
  padding: 26px;
  border: 1px solid rgb(222, 229, 240);
  border-radius: 24px;
  background: linear-gradient(180deg, rgb(255,255,255), rgb(245,249,255));
  box-shadow: 0 18px 48px rgba(17, 36, 71, 0.06);
}

.channel-email .email-story-note span,
.channel-email .email-boundary-note,
.channel-email .email-story-footnote {
  display: block;
  color: rgb(110, 126, 170);
  font-size: 12px;
  line-height: 1.75;
}

.channel-email .email-story-note span {
  margin-bottom: 14px;
  color: rgb(49, 87, 255);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 750;
}

.channel-email .email-story-note p {
  margin: 0;
  color: rgb(26, 39, 73);
  font-size: 20px;
  line-height: 1.65;
  letter-spacing: -0.02em;
}

.channel-email .email-latency-strip {
  margin-top: 28px;
  padding: 18px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(18, 36, 74, 0.05);
}

.channel-email .email-latency-strip span {
  color: rgb(26, 39, 73);
  font-size: 13px;
  font-weight: 600;
}

.channel-email .email-latency-strip i {
  width: 38px;
  height: 1px;
  background: rgba(49, 87, 255, .34);
}

.channel-email .email-story-footnote {
  max-width: 840px;
  margin: 16px 0 0;
}

.channel-email .email-pain-section {
  max-width: 1240px;
}

.channel-email .email-pain-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.channel-email .email-pain-board article {
  min-height: 300px;
  padding: 28px;
  border: 1px solid rgb(222, 229, 240);
  border-radius: 22px;
  background: linear-gradient(180deg, rgb(255,255,255), rgb(246,249,255));
  box-shadow: 0 18px 48px rgba(17, 36, 71, 0.06);
}

.channel-email .email-pain-board span {
  display: inline-flex;
  margin-bottom: 18px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
}

.channel-email .email-pain-board h3,
.channel-email .email-capability-list b,
.channel-email .email-scenario-marquee h3 {
  margin: 0;
  color: rgb(18, 31, 60);
  font-size: 24px;
  font-weight: 520;
  line-height: 1.14;
  letter-spacing: -0.04em;
}

.channel-email .email-pain-board p,
.channel-email .email-capability-list p,
.channel-email .email-scenario-marquee p,
.channel-email .email-value-grid p {
  margin: 14px 0 0;
  color: rgb(85, 99, 131);
  font-size: 15px;
  line-height: 1.75;
}

.channel-email .email-operating-section {
  max-width: 1280px;
}

.channel-email .email-operating-head p {
  max-width: 760px;
  margin: 18px 0 0;
  color: rgb(62, 77, 106);
  font-size: 18px;
  line-height: 1.75;
}

.channel-email .email-operating-grid {
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
  gap: 22px;
  margin-top: 28px;
}

.channel-email .email-dialogue-panel {
  padding: 22px;
  border: 1px solid rgb(220, 228, 241);
  border-radius: 28px;
  background: linear-gradient(180deg, rgb(255,255,255), rgb(246,249,255));
  box-shadow: 0 24px 56px rgba(15, 31, 62, 0.08);
}

.channel-email .email-mailbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgb(232, 237, 247);
}

.channel-email .email-mailbar b {
  display: block;
  color: rgb(18, 31, 60);
  font-size: 20px;
  font-weight: 650;
}

.channel-email .email-mailbar span,
.channel-email .email-mailmeta span {
  color: rgb(110, 126, 170);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.channel-email .email-mailmeta {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.channel-email .email-mailthread {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

.channel-email .email-mailitem {
  padding: 18px 20px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(18, 36, 74, 0.04);
}

.channel-email .email-mailitem.customer {
  background: rgb(239, 243, 249);
  border-radius: 18px 18px 18px 6px;
}

.channel-email .email-mailitem.ai {
  background: rgb(237, 241, 255);
  border-color: rgb(217, 225, 255);
  color: rgb(34, 48, 122);
  border-radius: 18px 18px 6px;
}

.channel-email .email-mailhead {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.channel-email .email-avatar {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: rgb(49, 87, 255);
  font-size: 13px;
  font-weight: 800;
}

.channel-email .email-avatar.ai {
  color: #fff;
  background: rgb(49, 87, 255);
}

.channel-email .email-mailhead b {
  display: block;
  color: rgb(18, 31, 60);
  font-size: 14px;
  font-weight: 700;
}

.channel-email .email-mailhead small {
  color: rgb(110, 126, 170);
  font-size: 11px;
  font-weight: 650;
}

.channel-email .email-mailitem p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
}

.channel-email .email-human-node {
  justify-self: center;
  width: calc(100% - 34px);
  padding: 12px 16px;
  border: 1px dashed rgb(160, 175, 214);
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  color: rgb(83, 96, 128);
  font-size: 13px;
  line-height: 1.55;
  text-align: center;
}

.channel-email .email-human-node b {
  margin-right: 10px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.channel-email .email-path-panel {
  padding: 22px;
  border: 1px solid rgb(220, 228, 241);
  border-radius: 28px;
  background: linear-gradient(180deg, rgb(255,255,255), rgb(246,249,255));
  box-shadow: 0 24px 56px rgba(15, 31, 62, 0.08);
}

.channel-email .email-path-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgb(232, 237, 247);
}

.channel-email .email-path-head b {
  color: rgb(18, 31, 60);
  font-size: 20px;
  font-weight: 650;
}

.channel-email .email-path-head span {
  color: rgb(110, 126, 170);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.channel-email .email-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.channel-email .email-capability-card {
  padding: 18px 18px 20px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(18, 36, 74, 0.04);
}

.channel-email .email-capability-card.featured {
  grid-column: 1 / -1;
  padding: 22px 22px 24px;
  background: linear-gradient(180deg, rgb(249, 251, 255), rgb(241, 245, 255));
  border-color: rgb(217, 225, 255);
}

.channel-email .email-capability-card small {
  display: block;
  margin-bottom: 10px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
}

.channel-email .email-capability-card h3 {
  margin: 0 0 8px;
  color: rgb(18, 31, 60);
  font-size: 18px;
  font-weight: 620;
}

.channel-email .email-capability-card p {
  margin: 0;
  color: rgb(68, 82, 112);
  font-size: 14px;
  line-height: 1.72;
}

.channel-email .email-capability-foot {
  display: grid;
  gap: 6px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgb(232, 237, 247);
}

.channel-email .email-capability-foot strong {
  color: rgb(18, 31, 60);
  font-size: 14px;
  font-weight: 650;
}

.channel-email .email-capability-foot span {
  color: rgb(95, 108, 141);
  font-size: 13px;
  line-height: 1.65;
}

.channel-email .email-console-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgb(232, 237, 247);
}

.channel-email .email-console-top b {
  color: rgb(18, 31, 60);
  font-size: 20px;
  font-weight: 600;
}

.channel-email .email-console-top span {
  color: rgb(110, 126, 170);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.channel-email .email-console-body {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 18px;
}

.channel-email .email-console-body aside {
  display: grid;
  gap: 10px;
}

.channel-email .email-console-body aside i {
  padding: 12px 14px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 14px;
  background: #fff;
  color: rgb(95, 108, 141);
  font-style: normal;
  font-size: 12px;
  font-weight: 650;
  text-align: center;
}

.channel-email .email-console-body aside i.active {
  background: rgb(49, 87, 255);
  color: #fff;
  border-color: rgb(49, 87, 255);
}

.channel-email .email-message {
  max-width: 88%;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.65;
}

.channel-email .email-message.customer {
  align-self: flex-start;
  background: rgb(239, 243, 249);
  border-radius: 16px 16px 16px 4px;
}

.channel-email .email-message.ai {
  align-self: flex-end;
  background: rgb(237, 241, 255);
  border: 1px solid rgb(217, 225, 255);
  border-radius: 16px 16px 4px;
  color: rgb(34, 48, 122);
}

.channel-email .email-message.ai::before {
  display: block;
  margin-bottom: 6px;
  color: rgb(49, 87, 255);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .12em;
  content: 'SHULEX AI';
}

.channel-email .email-console-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.channel-email .email-console-metrics span {
  padding: 10px 12px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 14px;
  background: #fff;
  color: rgb(88, 101, 133);
  font-size: 12px;
}

.channel-email .email-console-metrics b {
  display: block;
  margin-bottom: 6px;
  color: rgb(49, 87, 255);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .14em;
}

.channel-email .email-capability-list {
  display: grid;
  gap: 14px;
}

.channel-email .email-capability-list article {
  padding: 22px 24px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 20px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 30px rgba(18, 36, 74, 0.04);
}

.channel-email .email-capability-list article:nth-child(2),
.channel-email .email-capability-list article:nth-child(4) {
  background: linear-gradient(180deg, rgb(249, 251, 255), rgb(241, 245, 255));
}

.channel-email .email-boundary-note {
  max-width: 860px;
  margin: 20px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgb(230, 235, 245);
}

.channel-email .email-scenarios-section {
  max-width: 1280px;
}

.channel-email .email-scenario-marquee {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.channel-email .email-scenario-marquee article {
  min-height: 250px;
  padding: 26px;
  border: 1px solid rgb(223, 230, 242);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(18, 36, 74, 0.06);
}

.channel-email .email-scenario-marquee span {
  display: inline-flex;
  margin-bottom: 18px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
}

.channel-email .email-value-section {
  max-width: 1280px;
}

.channel-email .email-value-shell {
  padding: 32px;
  border: 1px solid rgb(223, 230, 242);
  border-radius: 30px;
  background: linear-gradient(180deg, rgb(255,255,255), rgb(246,249,255));
  box-shadow: 0 24px 60px rgba(18, 36, 74, 0.07);
}

.channel-email .email-value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.channel-email .email-value-grid article {
  min-height: 180px;
  padding: 22px;
  border: 1px solid rgb(225, 232, 244);
  border-radius: 18px;
  background: #fff;
}

.channel-email .email-value-grid b {
  display: inline-flex;
  margin-bottom: 16px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .16em;
}

.channel-email .email-value-grid h3 {
  margin: 0;
  color: rgb(18, 31, 60);
  font-size: 22px;
  font-weight: 520;
  line-height: 1.16;
  letter-spacing: -0.035em;
}

@media (max-width: 1100px) {
  .channel-email .email-story-grid,
  .channel-email .email-operating-grid {
    grid-template-columns: 1fr;
  }

  .channel-email .email-pain-board,
  .channel-email .email-scenario-marquee,
  .channel-email .email-value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .channel-email .email-hero .help-search-card,
  .channel-email .email-product-console,
  .channel-email .email-value-shell {
    padding: 20px;
    border-radius: 22px;
  }

  .channel-email .email-ai-steps,
  .channel-email .email-pain-board,
  .channel-email .email-scenario-marquee,
  .channel-email .email-value-grid {
    grid-template-columns: 1fr;
  }

  .channel-email .email-console-body {
    grid-template-columns: 1fr;
  }

  .channel-email .email-console-body aside {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .channel-email .email-dialogue-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .channel-email .email-story-note p {
    font-size: 18px;
  }
}


/* Helpdesk Zendesk-style body */
.zendesk-body {
  padding-bottom: clamp(96px, 9vw, 150px);
}

.zendesk-capability-head {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.zendesk-capability-head small,
.zendesk-feature-copy small {
  display: block;
  margin-bottom: 14px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.zendesk-capability-head h2,
.zendesk-feature-copy h2 {
  margin: 0;
  color: rgb(9, 17, 35);
  font-size: clamp(34px, 3.8vw, 56px);
  font-weight: 430;
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.zendesk-capability-grid {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.zendesk-capability-grid article {
  min-height: 178px;
  padding: 26px 22px 24px;
  border: 1px solid rgba(207, 216, 235, 0.84);
  border-radius: 24px;
  background: linear-gradient(180deg, #fff, rgb(248, 250, 255));
  box-shadow: 0 20px 44px rgba(12, 24, 56, 0.08);
}

.zendesk-capability-grid span {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgb(238, 243, 255);
}

.zendesk-capability-grid img {
  width: 22px;
  height: 22px;
}

.zendesk-capability-grid h3 {
  margin: 18px 0 0;
  color: rgb(9, 17, 35);
  font-size: 19px;
  font-weight: 520;
  line-height: 1.22;
  letter-spacing: -0.03em;
}

.zendesk-feature {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(30px, 5vw, 72px);
  align-items: center;
}

.zendesk-feature.reverse {
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
}

.zendesk-feature.reverse .zendesk-feature-copy {
  order: 2;
}

.zendesk-feature.reverse .zendesk-visual {
  order: 1;
}

.zendesk-feature-copy {
  padding: 10px 0;
}

.zendesk-feature-copy p {
  max-width: 540px;
  margin: 18px 0 0;
  color: rgb(73, 86, 112);
  font-size: 17px;
  line-height: 1.78;
}

.zendesk-link {
  display: inline-flex;
  margin-top: 24px;
  color: rgb(49, 87, 255);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.zendesk-visual {
  position: relative;
  min-height: 420px;
  margin: 0;
  padding: 26px;
  border: 1px solid rgba(207, 216, 235, 0.9);
  border-radius: 30px;
  background: linear-gradient(180deg, #fff, rgb(246, 249, 255));
  box-shadow: 0 28px 70px rgba(12, 24, 56, 0.12);
  overflow: hidden;
}

.zendesk-visual::before {
  position: absolute;
  inset: 12% -8% auto auto;
  width: 46%;
  height: 36%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(49, 87, 255, 0.12), rgba(49, 87, 255, 0));
  filter: blur(16px);
  content: "";
}

.zendesk-visual > img,
.zendesk-visual > video {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 420px;
  object-fit: contain;
  border-radius: 20px;
  border: 1px solid rgb(224, 230, 242);
  background: #fff;
}

.zendesk-visual:has(> img),
.zendesk-visual:has(> video) {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.zendesk-visual-knowledge > img {
  max-width: min(100%, 430px);
}

.zendesk-visual-agent > img {
  max-width: min(100%, 500px);
  max-height: 320px;
}



.zendesk-visual-knowledge,
.zendesk-visual-agent,
.zendesk-visual-copilot {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.zendesk-visual-knowledge::before,
.zendesk-visual-agent::before,
.zendesk-visual-copilot::before {
  display: none !important;
}

.zendesk-visual-knowledge > img,
.zendesk-visual-agent > img,
.zendesk-visual-copilot > img,
.zendesk-visual-knowledge > video,
.zendesk-visual-agent > video,
.zendesk-visual-copilot > video {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.zendesk-video-center {
  width: 100%;
  max-width: 980px;
  margin: clamp(48px, 5vw, 76px) auto 0;
}

.zendesk-video-center video {
  display: block;
  width: 100%;
  max-width: 980px;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.06);
}

.zendesk-value-grid {
  width: 100%;
  max-width: 1120px;
  margin: clamp(64px, 7vw, 104px) auto 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(26px, 4vw, 48px);
}

.zendesk-value-grid article {
  padding: clamp(32px, 4vw, 48px);
  border: 1px solid rgba(207, 216, 235, 0.86);
  border-radius: 30px;
  background: linear-gradient(180deg, #fff, rgb(248, 250, 255));
  box-shadow: 0 24px 56px rgba(12, 24, 56, 0.08);
}

.zendesk-value-grid small {
  display: block;
  margin-bottom: 16px;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.zendesk-value-grid h3 {
  margin: 0;
  color: rgb(9, 17, 35);
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 520;
  letter-spacing: -0.045em;
}

.zendesk-value-grid p {
  margin: 18px 0 0;
  color: rgb(73, 86, 112);
  font-size: 17px;
  line-height: 1.78;
}

.zendesk-value-grid ul {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.zendesk-value-grid li {
  position: relative;
  padding-left: 20px;
  color: rgb(91, 103, 128);
  font-size: 15px;
  line-height: 1.72;
}

.zendesk-value-grid li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.74em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgb(49, 87, 255);
}

/* 智能服务台 business-language capability system */
.zendesk-capability-head > p{
  max-width:720px;
  margin:22px auto 0;
  color:#596780;
  font-size:17px;
  line-height:1.78;
}
.helpdesk-three-capabilities{
  width:100%;
  max-width:1120px;
  margin:48px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.helpdesk-three-capabilities article{
  min-height:310px;
  padding:34px 32px;
  border:1px solid rgba(199,211,238,.9);
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f7f9ff 100%);
  box-shadow:0 24px 58px rgba(12,24,56,.08);
}
.helpdesk-three-capabilities article>span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:28px;
  border-radius:16px;
  background:#eaf0ff;
}
.helpdesk-three-capabilities article>span img{width:24px;height:24px}
.helpdesk-three-capabilities small{
  display:block;
  color:#3157ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}
.helpdesk-three-capabilities h3{
  margin:13px 0 0;
  color:#091123;
  font-size:28px;
  font-weight:560;
  line-height:1.2;
  letter-spacing:-.04em;
}
.helpdesk-three-capabilities p{
  margin:18px 0 0;
  color:#596780;
  font-size:15px;
  line-height:1.75;
}
.helpdesk-scenarios{
  width:100%;
  max-width:1120px;
  margin:clamp(64px,7vw,104px) auto 0;
  padding:clamp(34px,4vw,54px);
  border-radius:30px;
  background:#08142d;
  color:#fff;
  box-shadow:0 28px 70px rgba(8,20,45,.16);
}
.helpdesk-scenarios>header small{
  color:#86a2ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
}
.helpdesk-scenarios>header h3{
  max-width:760px;
  margin:14px 0 36px;
  font-size:clamp(28px,3vw,42px);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.04em;
}
.helpdesk-scenario-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:54px}
.helpdesk-scenario-list article{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding:22px 0;
  border-top:1px solid rgba(207,220,255,.18);
}
.helpdesk-scenario-list article:last-child{grid-column:1/-1}
.helpdesk-scenario-list b{color:#fff;font-size:16px;font-weight:650}
.helpdesk-scenario-list p{margin:0;color:#aebbd7;font-size:14px;line-height:1.65}
@media(max-width:860px){
  .helpdesk-three-capabilities{grid-template-columns:1fr}
  .helpdesk-three-capabilities article{min-height:0}
  .helpdesk-scenario-list{grid-template-columns:1fr}
  .helpdesk-scenario-list article:last-child{grid-column:auto}
}
@media(max-width:520px){
  .helpdesk-three-capabilities article{padding:28px 24px}
  .helpdesk-scenarios{padding:30px 24px}
  .helpdesk-scenario-list article{grid-template-columns:1fr;gap:8px}
}

.helpdesk-explain-sections{
  width:100%;
  max-width:1280px;
  margin:clamp(48px,6vw,88px) auto 0;
  display:grid;
  gap:0;
}
.helpdesk-explain-block{
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(42px,8vw,132px);
  align-items:center;
  padding:clamp(78px,8.5vw,134px) 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.helpdesk-explain-block+.helpdesk-explain-block{border-top:1px solid rgba(207,216,235,.72)}
.helpdesk-explain-block.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:transparent}
.helpdesk-explain-block.reverse .helpdesk-explain-copy{order:2}
.helpdesk-explain-block.reverse .helpdesk-explain-visual{order:1}
.helpdesk-explain-copy>small{
  color:#3157ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.15em;
}
.helpdesk-explain-copy h3{
  margin:16px 0 0;
  color:#091123;
  font-size:clamp(30px,3.2vw,46px);
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.045em;
}
.helpdesk-explain-copy>p{
  margin:22px 0 0;
  color:#56647d;
  font-size:16px;
  line-height:1.8;
}
.helpdesk-explain-copy ul{
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:13px;
  list-style:none;
}
.helpdesk-explain-copy li{
  position:relative;
  padding-left:22px;
  color:#26344e;
  font-size:14px;
  line-height:1.65;
}
.helpdesk-explain-copy li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#3157ff;
  box-shadow:0 0 0 5px rgba(49,87,255,.1);
}
.helpdesk-explain-proof{
  min-height:260px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-radius:26px;
  background:radial-gradient(circle at 80% 10%,rgba(87,122,255,.65),transparent 42%),linear-gradient(145deg,#07142f,#142d6a);
  color:#fff;
  box-shadow:0 26px 58px rgba(10,27,68,.22);
}
.helpdesk-explain-proof span{color:#9eb4ff;font-size:12px;font-weight:650;letter-spacing:.06em}
.helpdesk-explain-proof strong{display:block;margin-top:16px;font-size:clamp(27px,2.8vw,38px);font-weight:520;line-height:1.15;letter-spacing:-.04em}
.helpdesk-explain-proof p{margin:18px 0 0;color:#b9c5df;font-size:14px;line-height:1.7}
.helpdesk-explain-visual{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.helpdesk-explain-visual img{
  display:block;
  width:100%;
  max-height:430px;
  aspect-ratio:auto;
  border:1px solid rgba(197,209,235,.82);
  border-radius:22px;
  object-fit:contain;
  object-position:center;
  background:#fff;
  box-shadow:0 26px 70px rgba(31,42,68,.12);
}
.helpdesk-explain-visual-wide img{object-fit:contain;background:#f5f8ff}
.helpdesk-explain-visual figcaption{
  padding:13px 4px 0;
  color:#66738b;
  font-size:12px;
  line-height:1.55;
}
@media(max-width:860px){
  .helpdesk-explain-block,.helpdesk-explain-block.reverse{grid-template-columns:1fr;gap:28px}
  .helpdesk-explain-block.reverse .helpdesk-explain-copy,.helpdesk-explain-block.reverse .helpdesk-explain-visual{order:initial}
  .helpdesk-explain-proof{min-height:220px}
}
@media(max-width:520px){
  .helpdesk-explain-block{min-height:0;padding:64px 0;border-radius:0}
  .helpdesk-explain-proof{min-height:190px;padding:28px 24px}
}

.zendesk-visual figcaption {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  color: rgb(99, 111, 137);
  font-size: 13px;
  text-align: center;
}

.zendesk-mini-window,
.zendesk-agent-stack,
.zendesk-copilot-panel {
  position: relative;
  z-index: 1;
  height: 100%;
}

.zendesk-window-bar {
  height: 36px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 14px 14px 0 0;
  background: rgb(19, 28, 49);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

.zendesk-window-bar span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.74);
}

.zendesk-window-bar b {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 600;
}

.zendesk-inbox-card {
  margin-top: 12px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(207, 216, 235, 0.9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(20, 34, 64, 0.06);
}

.zendesk-inbox-card.active {
  border-color: rgba(49, 87, 255, 0.22);
  box-shadow: 0 16px 36px rgba(49, 87, 255, 0.12);
}

.zendesk-inbox-card strong,
.zendesk-agent-card strong,
.zendesk-transcript strong {
  display: block;
  color: rgb(9, 17, 35);
  font-size: 16px;
  font-weight: 600;
}

.zendesk-inbox-card p,
.zendesk-agent-card p,
.zendesk-transcript p,
.zendesk-copilot-card p {
  margin: 8px 0 0;
  color: rgb(102, 112, 133);
  font-size: 13px;
  line-height: 1.6;
}

.zendesk-inbox-card em {
  display: inline-flex;
  margin-top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgb(238, 243, 255);
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
}

.zendesk-agent-stack {
  display: grid;
  grid-template-columns: 1fr 220px;
  grid-template-areas: "main flow" "customer flow" "agent flow";
  gap: 14px;
  align-items: start;
}

.zendesk-agent-card.main {
  grid-area: main;
  padding: 20px;
  border: 1px solid rgba(207, 216, 235, 0.9);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(12, 24, 56, 0.08);
}

.zendesk-agent-card.main small,
.zendesk-copilot-panel header small {
  display: block;
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.zendesk-agent-card.main button,
.zendesk-copilot-card button {
  margin-top: 14px;
  padding: 9px 14px;
  border: 0;
  border-radius: 999px;
  background: rgb(49, 87, 255);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.zendesk-agent-card.flow {
  grid-area: flow;
  align-self: stretch;
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(207, 216, 235, 0.9);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, rgb(247, 250, 255));
  display: grid;
  gap: 10px;
}

.zendesk-agent-card.flow span {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgb(238, 243, 255);
  color: rgb(33, 43, 65);
  font-size: 12px;
  font-weight: 550;
}

.zendesk-chat-bubble {
  max-width: 78%;
  padding: 14px 16px;
  border-radius: 18px;
  font-size: 13px;
  line-height: 1.6;
}

.zendesk-chat-bubble.customer {
  grid-area: customer;
  margin-left: auto;
  background: rgb(238, 243, 255);
  color: rgb(33, 43, 65);
}

.zendesk-chat-bubble.agent {
  grid-area: agent;
  background: #fff;
  border: 1px solid rgba(207, 216, 235, 0.9);
  color: rgb(33, 43, 65);
}

.zendesk-copilot-panel {
  padding: 10px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}

.zendesk-copilot-panel header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 16px;
}

.zendesk-copilot-panel header b {
  color: rgb(9, 17, 35);
  font-size: 18px;
  font-weight: 600;
}

.zendesk-transcript,
.zendesk-copilot-card {
  padding: 18px;
  border: 1px solid rgba(207, 216, 235, 0.9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(20, 34, 64, 0.06);
}

.zendesk-copilot-card {
  margin-top: 14px;
}

.zendesk-copilot-card span {
  color: rgb(49, 87, 255);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.zendesk-faq {
  padding-top: clamp(88px, 8vw, 136px);
}

@media (max-width: 980px) {
  .zendesk-capability-grid,
  .zendesk-feature,
  .zendesk-feature.reverse,
  .zendesk-agent-stack,
  .zendesk-value-grid {
    grid-template-columns: 1fr;
  }

  .zendesk-feature.reverse .zendesk-feature-copy,
  .zendesk-feature.reverse .zendesk-visual {
    order: initial;
  }
}

@media (max-width: 700px) {
  .zendesk-capability-grid {
    gap: 12px;
  }

  .zendesk-capability-grid article {
    min-height: 150px;
    padding: 22px 18px;
    border-radius: 20px;
  }

  .zendesk-visual {
    min-height: 0;
    padding: 18px;
    border-radius: 24px;
  }

  .zendesk-chat-bubble {
    max-width: none;
  }
}



@media (max-width: 980px) {
  .helpdesk-dashboard-media-grid {
    order: initial;
  }
}


.agent-page main {
  background: #ffffff;
}

.agent-page .agent-solutions {
  padding-top: clamp(86px, 9vw, 142px);
  padding-bottom: clamp(92px, 10vw, 158px);
}

.agent-page .agent-solutions .section-head h2 {
  font-size: clamp(34px, 4.2vw, 58px);
  letter-spacing: -0.055em;
}

.agent-page .agent-solutions .section-head p {
  max-width: 680px;
  margin-inline: auto;
}

.agent-solution-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 4.5vw, 70px);
  margin-top: clamp(58px, 7vw, 96px);
  text-align: center;
}

.agent-solution-grid a {
  color: #101828;
  text-decoration: none;
}

.agent-solution-grid span {
  display: inline-grid;
  width: 54px;
  height: 54px;
  margin-bottom: 24px;
  place-items: center;
  border-radius: 18px;
  background: #e9f1ff;
  color: #3157ff;
  box-shadow: 0 18px 42px rgba(49, 87, 255, 0.11);
}

.agent-solution-grid span img {
  width: 26px;
  height: 26px;
  filter: invert(35%) sepia(95%) saturate(2922%) hue-rotate(225deg) brightness(101%) contrast(102%);
}

.agent-solution-grid h3 {
  max-width: 150px;
  margin: 0 auto;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.18;
  font-weight: 520;
  letter-spacing: -0.04em;
}

.agent-story-section {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(42px, 8vw, 132px);
  align-items: center;
  min-height: 560px;
  padding-top: clamp(78px, 8.5vw, 134px);
  padding-bottom: clamp(78px, 8.5vw, 134px);
}

.agent-story-section + .agent-story-section {
  padding-top: clamp(78px, 8.5vw, 134px);
}

.agent-story-section.reverse .agent-story-copy {
  order: 2;
}

.agent-story-copy small {
  display: block;
  margin-bottom: 12px;
  color: #101828;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.11em;
}

.agent-story-copy h2 {
  max-width: 560px;
  margin: 0;
  color: #101828;
  font-size: clamp(34px, 3.5vw, 54px);
  line-height: 0.98;
  font-weight: 520;
  letter-spacing: -0.06em;
}

.agent-story-copy p {
  max-width: 520px;
  margin: 24px 0 0;
  color: #344054;
  font-size: 15px;
  line-height: 1.82;
}

.agent-story-copy a {
  display: inline-flex;
  margin-top: 28px;
  padding: 10px 18px;
  border: 1px solid #b8c2d6;
  border-radius: 999px;
  color: #101828;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  transition: border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.agent-story-copy a:hover {
  border-color: #3157ff;
  color: #3157ff;
  box-shadow: 0 14px 32px rgba(49, 87, 255, 0.12);
}

.agent-story-media {
  position: relative;
  margin: 0;
}

.agent-story-media::before {
  position: absolute;
  inset: 9% 5%;
  z-index: 0;
  border-radius: 36px;
  background: radial-gradient(circle, rgba(115, 138, 255, 0.18), rgba(49, 87, 255, 0.06) 48%, rgba(255, 255, 255, 0) 72%);
  filter: blur(10px);
  content: "";
}

.agent-story-media img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 26px 70px rgba(31, 42, 68, 0.12);
}

.agent-knowledge-board {
  position: relative;
  z-index: 1;
  padding: 28px;
  border: 1px solid rgba(177, 189, 214, 0.7);
  border-radius: 26px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 26px 70px rgba(31, 42, 68, 0.12);
}

.knowledge-card-list {
  display: grid;
  gap: 14px;
}

.knowledge-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 18px;
  min-height: 168px;
  padding: 26px;
  border: 1px solid #e2e8f4;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.knowledge-card:hover {
  border-color: #3157ff;
  background: #f8faff;
  box-shadow: 0 18px 40px rgba(49, 87, 255, 0.1);
  transform: translateY(-1px);
}

.knowledge-card-mark {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f4;
  border-radius: 14px;
  background: #f6f8ff;
}

.knowledge-card-mark img {
  width: 22px;
  height: 22px;
  display: block;
}

.knowledge-card small {
  display: block;
  margin-bottom: 12px;
  color: #3157ff;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.knowledge-card h3 {
  margin: 0 0 10px;
  color: #101828;
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 540;
  line-height: 1.16;
  letter-spacing: -0.045em;
}

.knowledge-card p {
  max-width: 560px;
  margin: 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.72;
}

.agent-quality-board {
  position: relative;
  z-index: 1;
  padding: 28px;
  border: 1px solid rgba(177, 189, 214, 0.7);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 26px 70px rgba(31, 42, 68, 0.12);
}

.quality-board-head {
  display: flex;
  margin-bottom: 18px;
  align-items: center;
  justify-content: space-between;
  color: #667085;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.quality-board-head b {
  color: #3157ff;
  font-size: 12px;
}

.quality-rule-list {
  display: grid;
  gap: 12px;
}

.quality-rule-list article {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 18px;
  border: 1px solid #e2e8f4;
  border-radius: 18px;
  background: #ffffff;
  transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.quality-rule-list article:hover {
  border-color: #3157ff;
  background: #f5f8ff;
  box-shadow: 0 16px 34px rgba(49, 87, 255, 0.12);
  transform: translateY(-1px);
}

.quality-rule-list h3 {
  margin: 0 0 6px;
  color: #101828;
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -0.025em;
}

.quality-rule-list p {
  max-width: 380px;
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.6;
}

.quality-rule-list article > span {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(49, 87, 255, 0.08);
  color: #3157ff;
  font-size: 12px;
  font-weight: 680;
}


.agent-proof-section .section-head p {
  max-width: 720px;
  margin-inline: auto;
}

.agent-capability-panel {
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid rgba(49, 87, 255, 0.16);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 255, 0.9));
  box-shadow: 0 28px 80px rgba(31, 42, 68, 0.09);
}

.agent-capability-lead {
  max-width: 860px;
  margin: 0 0 28px;
  color: #111827;
  font-size: clamp(22px, 2.1vw, 34px);
  font-weight: 460;
  line-height: 1.28;
  letter-spacing: -0.04em;
}

.agent-capability-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.55fr);
  gap: 16px;
}

.agent-capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.agent-capability-card {
  min-height: 170px;
  padding: 24px 24px 22px;
  border: 1px solid rgba(177, 189, 214, 0.58);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.82);
}

.agent-capability-card.feature-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  border-color: rgba(49, 87, 255, 0.24);
  background: linear-gradient(150deg, rgba(49, 87, 255, 0.12), rgba(255, 255, 255, 0.92) 58%);
}

.agent-capability-card span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  margin-bottom: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(49, 87, 255, 0.1);
}

.agent-capability-card img {
  width: 22px;
  height: 22px;
}

.agent-capability-card h3 {
  margin: 0 0 10px;
  color: #111827;
  font-size: clamp(21px, 1.5vw, 26px);
  font-weight: 580;
  line-height: 1.16;
  letter-spacing: -0.04em;
}

.agent-capability-card p {
  margin: 0;
  color: #5f6b7a;
  font-size: 14px;
  line-height: 1.68;
}

.agent-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 44px;
}

.agent-proof-grid article {
  min-height: 190px;
  padding: 30px 28px;
  border: 1px solid rgba(151, 170, 255, 0.18);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.045);
}

.agent-proof-grid h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 520;
  letter-spacing: -0.035em;
}

.agent-proof-grid p {
  margin: 0;
  color: #aeb9ca;
  font-size: 14px;
  line-height: 1.76;
}

@media (max-width: 980px) {
  .agent-capability-layout,
  .agent-knowledge-board {
    grid-template-columns: 1fr;
  }

  .knowledge-card {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 22px;
  }

  .knowledge-card h3 {
    font-size: 28px;
  }

  .knowledge-card p {
    max-width: none;
  }

  .agent-solution-grid,
  .agent-capability-grid,
  .agent-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-story-section {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .agent-story-section.reverse .agent-story-copy {
    order: 0;
  }
}

@media (max-width: 620px) {
  .agent-page .agent-solutions {
    padding-top: 68px;
    padding-bottom: 78px;
  }

  .agent-solution-grid,
  .agent-capability-grid,
  .agent-proof-grid,
  .knowledge-source-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .agent-solution-grid {
    margin-top: 42px;
  }

  .agent-solution-grid a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid #e2e8f4;
    border-radius: 20px;
    text-align: left;
  }

  .agent-solution-grid span {
    flex: 0 0 auto;
    margin: 0;
  }

  .agent-solution-grid h3 {
    max-width: none;
    margin: 0;
  }

  .agent-story-section {
    padding-top: 64px;
    padding-bottom: 64px;
    gap: 28px;
  }

  .agent-story-copy h2 {
    font-size: 34px;
  }

  .agent-story-copy p {
    font-size: 14px;
  }

  .agent-story-media img {
    max-height: 300px;
    border-radius: 18px;
  }
}

.customer-story-detail-page .blogger-case-content h1 {
  margin: 0 0 28px !important;
  color: rgb(9, 11, 18) !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.055em !important;
  font-weight: 780 !important;
}

.customer-story-detail-page .blogger-case-content h3 {
  margin: 28px 0 14px !important;
  color: rgb(17, 24, 39) !important;
  font-size: 24px !important;
  line-height: 1.24 !important;
  letter-spacing: -0.035em !important;
}

.customer-story-detail-page .blogger-case-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 22px !important;
}

.customer-story-detail-page .case-metrics {
  margin: 34px 0 42px !important;
}

.customer-story-detail-page .case-metrics ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.customer-story-detail-page .case-metrics li {
  min-height: 132px !important;
  padding: 22px !important;
  border: 1px solid rgb(226, 232, 246) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgb(248, 250, 255), rgb(255, 255, 255)) !important;
}

.customer-story-detail-page .case-metrics strong {
  display: block !important;
  color: rgb(49, 87, 255) !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  font-weight: 820 !important;
}

.customer-story-detail-page .case-metrics span {
  display: block !important;
  margin-top: 14px !important;
  color: rgb(77, 83, 96) !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
  font-weight: 720 !important;
}

.customers-page .customer-story-card-body p {
  display: none !important;
}

@media (max-width: 760px) {
  .customer-story-detail-page .case-metrics ul {
    grid-template-columns: 1fr !important;
  }
}

.customer-story-detail-page .story-detail-copy > p {
  margin-top: 0 !important;
}

/* Final width override for customer-story articles */
@media (min-width: 981px) {
  .customer-story-detail-page .story-detail-shell {
    max-width: 1280px !important;
  }

  .customer-story-detail-page .story-detail-body-grid {
    grid-template-columns: 210px minmax(0, 900px) !important;
    gap: 56px !important;
    justify-content: center !important;
  }

  .customer-story-detail-page .story-detail-article,
  .customer-story-detail-page .blogger-case-content {
    max-width: 900px !important;
  }
}

.customer-story-detail-page .story-detail-article .story-inline-cta p {
  color: #d9dfef !important;
  font-size: 16px !important;
  font-weight: 540 !important;
  line-height: 1.7 !important;
}

.customer-story-detail-page .story-detail-article .story-inline-cta {
  border: 1px solid rgba(143, 165, 255, .16) !important;
  background: linear-gradient(135deg, #121725 0%, #0e1220 100%) !important;
  box-shadow: 0 20px 50px rgba(18, 23, 37, .12) !important;
}

.customer-story-detail-page .story-detail-article .story-inline-cta-actions a + a {
  border-color: #4a536c !important;
  color: #f0f3fb !important;
}

/* Customer success — outcome-led delivery system */
.support-page main[data-page="customer-success"] { overflow: hidden; background: #f6f8fc; color: #0c1730; }
.support-page main[data-page="customer-success"] *, .support-page main[data-page="customer-success"] *::before, .support-page main[data-page="customer-success"] *::after { box-sizing: border-box; }
.cs-hero { display: grid; grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr); gap: clamp(40px, 6vw, 104px); align-items: center; min-height: 720px; padding: clamp(72px, 8vw, 132px) clamp(28px, 6vw, 112px) 76px; overflow: hidden; }
.cs-hero-copy { max-width: 760px; }
.cs-hero-copy small, .cs-section-head small { display: block; margin-bottom: 20px; color: #315cff; font-size: 12px; font-weight: 850; letter-spacing: .18em; }
.cs-hero-copy h1 { margin: 0; color: #091225; font-size: clamp(52px, 4.45vw, 78px); font-weight: 720; line-height: 1.02; letter-spacing: -.065em; }
.cs-hero-copy p { max-width: 690px; margin: 30px 0 0; color: #526078; font-size: clamp(17px, 1.25vw, 21px); line-height: 1.72; letter-spacing: -.02em; }
.cs-actions { display: flex; align-items: center; gap: 12px; margin-top: 38px; }
.cs-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; border: 1px solid #cfd6e6; border-radius: 999px; padding: 0 24px; color: #16233b; font-size: 15px; font-weight: 760; text-decoration: none; transition: transform .2s ease, border-color .2s ease; }
.cs-actions a:hover { transform: translateY(-2px); border-color: #315cff; }
.cs-actions .cs-primary { border-color: #315cff; background: #315cff; color: #fff; }
.cs-hero-media { position: relative; min-height: clamp(480px, 48vw, 700px); margin: 0; border-radius: 38px; overflow: hidden; background: #dce5f5; box-shadow: 0 30px 90px rgba(28, 50, 96, .14); }
.cs-hero-media::after { content: "行业专家全程陪跑"; position: absolute; left: 28px; bottom: 28px; border: 1px solid rgba(255,255,255,.44); border-radius: 999px; padding: 12px 18px; background: rgba(8,17,36,.66); color: #fff; font-size: 14px; font-weight: 700; backdrop-filter: blur(10px); }
.cs-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.cs-proof-strip { display: grid; grid-template-columns: .9fr 1.45fr 1.05fr; gap: 14px; padding: 0 clamp(28px, 6vw, 112px) clamp(84px, 8vw, 126px); }
.cs-proof-strip article { display: flex; align-items: baseline; justify-content: center; gap: 14px; min-height: 92px; border: 1px solid #dce4f3; border-radius: 22px; padding: 20px 24px; background: #edf2ff; }
.cs-proof-strip strong { color: #315cff; font-size: clamp(27px, 2.4vw, 44px); line-height: 1; letter-spacing: -.055em; white-space: nowrap; }
.cs-proof-strip span { color: #24324a; font-size: 15px; font-weight: 720; }
.cs-delivery, .cs-values { padding: clamp(88px, 9vw, 144px) clamp(28px, 6vw, 112px); }
.cs-delivery { background: #fff; }
.cs-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr); gap: 72px; align-items: end; max-width: 1500px; margin: 0 auto 64px; }
.cs-section-head h2 { margin: 0; color: #0a1428; font-size: clamp(46px, 4.5vw, 78px); line-height: 1.02; letter-spacing: -.065em; }
.cs-section-head > p { max-width: 610px; margin: 0 0 5px; color: #667187; font-size: 18px; line-height: 1.72; }
.cs-journey { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 1660px; margin: 0 auto; counter-reset: journey; }
.cs-journey > article { position: relative; min-height: 520px; border: 1px solid #e0e6f1; border-radius: 28px; padding: 30px 28px; background: #f8faff; }
.cs-journey > article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; top: 54px; right: -22px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #315cff; color: #fff; font-size: 16px; }
.cs-step-head { min-height: 110px; border-bottom: 1px solid #dbe3f2; }
.cs-step-head span, .cs-value-grid span { color: #315cff; font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.cs-step-head h3 { margin: 10px 0 25px; color: #0d1930; font-size: clamp(25px, 2vw, 34px); letter-spacing: -.045em; }
.cs-journey dl { display: grid; gap: 24px; margin: 28px 0 0; }
.cs-journey dl div { margin: 0; }
.cs-journey dt { margin-bottom: 7px; color: #13213a; font-size: 16px; font-weight: 800; line-height: 1.4; }
.cs-journey dd { margin: 0; color: #6b768c; font-size: 14px; line-height: 1.62; }
.cs-values { background: #0d1424; }
.cs-section-head-light h2 { color: #fff; }
.cs-section-head-light > p { color: #9ea8bb; }
.cs-section-head-light small { color: #82a0ff; }
.cs-value-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; max-width: 1500px; margin: 0 auto; border: 1px solid rgba(255,255,255,.12); border-radius: 30px; overflow: hidden; background: rgba(255,255,255,.12); }
.cs-value-grid article { min-height: 270px; padding: clamp(30px, 4vw, 58px); background: #111a2c; }
.cs-value-grid span { color: #82a0ff; }
.cs-value-grid h3 { margin: 54px 0 14px; color: #fff; font-size: clamp(28px, 2.4vw, 40px); letter-spacing: -.045em; }
.cs-value-grid p { max-width: 560px; margin: 0; color: #aab3c5; font-size: 16px; line-height: 1.7; }
.cs-security { padding: clamp(88px, 9vw, 144px) clamp(28px, 6vw, 112px); background: #f3f1ec; }
.cs-security-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1500px; margin: 0 auto; border: 1px solid #cfdbef; border-radius: 32px; overflow: hidden; background: #fff; box-shadow: 0 26px 70px rgba(29,52,95,.08); }
.cs-security-panel > article { display: flex; flex-direction: column; min-height: 650px; padding: clamp(34px, 4vw, 58px); }
.cs-security-panel > article + article { border-left: 1px solid #d7e1f1; }
.cs-security-icon { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid #ccd8f6; border-radius: 18px; background: #edf2ff; color: #315cff; }
.cs-security-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.cs-security-panel h3 { margin: 28px 0 12px; color: #0d1930; font-size: clamp(28px, 2.25vw, 38px); letter-spacing: -.045em; }
.cs-security-panel > article > p { min-height: 56px; margin: 0; color: #69758b; font-size: 15px; line-height: 1.7; }
.cs-certifications { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 34px 0 30px; }
.cs-certifications span { display: grid; place-items: center; min-height: 72px; border: 1px solid #dbe3f2; border-radius: 15px; background: #f8faff; color: #253550; font-size: 13px; font-weight: 820; text-align: center; }
.cs-security-panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 0; padding: 0; list-style: none; }
.cs-security-panel li, .cs-risk-list span { position: relative; padding-left: 30px; color: #253550; font-size: 15px; font-weight: 700; line-height: 1.55; }
.cs-security-panel li::before, .cs-risk-list span::before { content: "✓"; position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: #e5f8f2; color: #00a875; font-size: 12px; font-weight: 900; }
.cs-risk-list { display: grid; gap: 26px; margin: 44px 0 36px; }
.cs-security-panel footer { display: flex; align-items: center; gap: 12px; margin-top: auto; border-radius: 16px; padding: 18px 22px; background: #0d2047; color: #fff; }
.cs-security-panel footer b { color: #7fa2ff; white-space: nowrap; }
.cs-security-panel footer span { font-size: 14px; font-weight: 650; line-height: 1.45; }

@media (max-width: 1100px) {
  .cs-hero { grid-template-columns: 1fr; min-height: 0; }
  .cs-hero-copy { max-width: 880px; }
  .cs-hero-media { min-height: 520px; }
  .cs-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-journey > article:not(:last-child)::after { display: none; }
  .cs-security-panel { grid-template-columns: 1fr; }
  .cs-security-panel > article + article { border-top: 1px solid #d7e1f1; border-left: 0; }
}

@media (max-width: 720px) {
  .cs-hero { gap: 34px; padding: 48px 20px 42px; }
  .cs-hero-copy h1 { font-size: 46px; }
  .cs-hero-copy p { margin-top: 22px; font-size: 16px; }
  .cs-actions { align-items: stretch; flex-direction: column; }
  .cs-actions a { width: 100%; }
  .cs-hero-media { min-height: 330px; border-radius: 26px; }
  .cs-hero-media::after { left: 18px; bottom: 18px; }
  .cs-proof-strip { grid-template-columns: 1fr; padding: 0 20px 64px; }
  .cs-proof-strip article { justify-content: flex-start; }
  .cs-delivery, .cs-values, .cs-security { padding: 72px 20px; }
  .cs-section-head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 42px; }
  .cs-section-head h2 { font-size: 42px; }
  .cs-section-head > p { font-size: 16px; }
  .cs-journey, .cs-value-grid { grid-template-columns: 1fr; }
  .cs-journey > article { min-height: auto; }
  .cs-value-grid article { min-height: 230px; }
  .cs-security-panel { border-radius: 24px; }
  .cs-security-panel > article { min-height: auto; padding: 30px 24px; }
  .cs-security-panel > article > p { min-height: 0; }
  .cs-certifications { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-security-panel ul { grid-template-columns: 1fr; }
  .cs-security-panel footer { align-items: flex-start; flex-direction: column; margin-top: 34px; }
}

/* ============================================================
   Global navigation (applied from the homepage to every page)
   Flatkey-inspired: crisp header and compact dropdowns.
   ============================================================ */
.subpage .nav-wrap {
  height: 76px;
  padding: 0 clamp(24px, 4vw, 72px);
  grid-template-columns: 170px minmax(0, 1fr) auto;
  border-bottom: 1px solid #e6e8ec;
  background: rgba(255, 255, 255, .98);
  box-shadow: none;
  backdrop-filter: blur(18px);
}
.subpage .nav-wrap .logo img { width: 138px; height: auto; }
.subpage .nav-wrap nav { justify-content: center; gap: 4px; }
.subpage .nav-wrap nav > a,
.subpage .nav-wrap nav .nav-dropdown {
  height: 44px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  color: #17191f;
  background: transparent;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  transition: color .18s ease, background .18s ease;
}
.subpage .nav-wrap nav > a:hover,
.subpage .nav-wrap nav .nav-dropdown:hover,
.subpage .nav-wrap nav .nav-dropdown[aria-expanded="true"] {
  color: #111318;
  background: #f3f4f6;
}
.subpage .nav-actions { grid-column: 3; justify-self: end; gap: 10px; }
.subpage .home-lang-switch {
  position: relative;
  width: 40px;
  height: 40px;
}
.subpage .home-lang-trigger {
  width: 40px;
  height: 40px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid #e2e4e8;
  border-radius: 50%;
  color: #2f3540;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}
.subpage .home-lang-trigger:hover,
.subpage .home-lang-switch.open .home-lang-trigger { border-color: #d5d8de; background: #f5f6f7; }
.subpage .home-lang-trigger svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.subpage .home-lang-panel {
  position: absolute;
  z-index: 80;
  top: calc(100% + 10px);
  left: 50%;
  width: 154px;
  padding: 7px;
  border: 1px solid #e2e4e8;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(17, 24, 39, .14);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.subpage .home-lang-panel::before,
.subpage .account-menu-panel::before { position: absolute; left: 0; right: 0; bottom: 100%; height: 12px; content: ""; }
.subpage .home-lang-switch.open .home-lang-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.subpage .home-lang-panel a {
  height: 38px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  color: #303540;
  font-size: 12px;
  font-weight: 600;
}
.subpage .home-lang-panel a small { color: #9aa1ad; font-size: 10px; font-weight: 600; }
.subpage .home-lang-panel a:hover,
.subpage .home-lang-panel a.active { color: #1456d9; background: #edf3ff; }
.subpage .account-cta {
  height: 40px;
  min-width: 66px;
  padding: 0 14px;
  border: 1px solid #e2e4e8;
  border-radius: 10px;
  color: #17191f;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  font-size: 13px;
  font-weight: 650;
}
.subpage .nav-cta {
  height: 40px;
  min-width: 104px;
  padding: 0 18px;
  border-radius: 10px;
  color: #fff;
  background: #111;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .14);
  font-size: 13px;
  font-weight: 650;
}
.subpage .account-menu-panel {
  top: calc(100% + 9px);
  left: 50%;
  right: auto;
  min-width: 150px;
  padding: 7px;
  border: 1px solid #e2e4e8;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(17, 24, 39, .14);
  transform: translate(-50%, -6px);
}
.subpage .account-menu.open .account-menu-panel { transform: translate(-50%, 0); }
.subpage .account-menu-panel a {
  padding: 11px 12px;
  border-radius: 8px;
  color: #17191f;
  font-size: 13px;
  font-weight: 600;
}
.subpage .account-menu-panel a:hover { background: #f3f4f6; }

@media (min-width: 701px) {
  .subpage .nav-wrap nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  /* Keep dropdowns attached to the fixed navigation instead of reserving document space.
     The menu is absolutely positioned inside the header; a stale/legacy static rule
     can otherwise push the page content down and leave a large blank band below nav. */
  .subpage .nav-wrap > .mega-menu {
    position: absolute;
    top: 68px;
    bottom: auto;
    height: auto;
    min-height: 0;
    margin: 0;
  }
  .subpage .mega-menu {
    top: 68px;
    right: auto;
    padding: 7px;
    border: 1px solid #e2e4e8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(17, 24, 39, .14);
    transform: translateY(-8px);
    overflow: hidden;
  }
  .subpage .mega-menu.open { transform: translateY(0); }
  .subpage #product-menu,
  .subpage #support-menu,
  .subpage #resource-menu {
    left: 50%;
    width: 560px;
    transform: translate(-50%, -8px);
  }
  .subpage #product-menu.open,
  .subpage #support-menu.open,
  .subpage #resource-menu.open { transform: translate(-50%, 0); }
  .subpage #industry-menu { left: 50%; width: min(920px, calc(100vw - 48px)); transform: translate(-50%, -8px); }
  .subpage #industry-menu.open { transform: translate(-50%, 0); }

  .subpage #product-menu > .mega-feature { display: none; }
  .subpage #product-menu > .mega-feature::before,
  .subpage .mega-menu > header::before { display: none; }
  .subpage #product-menu > .mega-feature:hover { background: #f5f6f7; }
  .subpage #product-menu > .mega-feature h3 { margin: 0; font-size: 14px; font-weight: 650; }
  .subpage #product-menu > .mega-feature p { display: none; }
  .subpage #product-menu .mega-grid,
  .subpage #resource-menu .resource-mega-grid,
  .subpage .support-mega-grid {
    padding: 2px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    background: transparent;
  }
  .subpage #product-menu .mega-grid > a,
  .subpage #resource-menu .resource-mega-grid > a,
  .subpage .support-mega-grid > a {
    min-height: 0;
    min-height: 82px;
    padding: 14px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 10px;
    background: #fff;
  }
  .subpage #product-menu .mega-grid > a:hover,
  .subpage #resource-menu .resource-mega-grid > a:hover,
  .subpage .support-mega-grid > a:hover { background: #f5f6f7; }
  .subpage #product-menu .mega-grid > a > span,
  .subpage #resource-menu .resource-mega-grid > a > small,
  .subpage .support-mega-grid > a > small {
    width: 38px;
    height: 38px;
    margin: 0;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #2468e8;
    background: #edf3ff;
    font-size: 10px;
    font-weight: 750;
  }
  .subpage #product-menu .mega-grid > a > span img { width: 19px; height: 19px; }
  .subpage #product-menu .mega-grid > a > span img { filter: brightness(0) !important; }
  .subpage #resource-menu .resource-mega-grid > a > small,
  .subpage .support-mega-grid > a > small { color: #17191f; }
  .subpage #resource-menu .resource-mega-grid > a > small img,
  .subpage .support-mega-grid > a > small img { filter: brightness(0) !important; }
  .subpage #product-menu .mega-grid small { display: block; margin: 0 0 4px; color: #9299a6; font-size: 9px; font-weight: 700; letter-spacing: .04em; }
  .subpage #product-menu .mega-grid p,
  .subpage #resource-menu .resource-mega-grid p,
  .subpage .support-mega-grid p { display: block; margin: 4px 0 0; color: #858d9c; font-size: 10px; line-height: 1.4; }
  .subpage #product-menu .mega-grid > a::after,
  .subpage #resource-menu .resource-mega-grid > a::after,
  .subpage .support-mega-grid > a::after { display: none; content: none; }
  .subpage #product-menu .mega-grid > a:hover::after,
  .subpage #resource-menu .resource-mega-grid > a:hover::after,
  .subpage .support-mega-grid > a:hover::after { color: #2468e8; transform: translateX(2px); }
  .subpage #product-menu .mega-grid h4,
  .subpage #resource-menu .resource-mega-grid h4,
  .subpage .support-mega-grid h4 {
    margin: 0;
    color: #17191f;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
  }
  .subpage #resource-menu > header,
  .subpage #support-menu > header {
    min-height: 0;
    padding: 14px 16px 10px;
    display: block;
    border: 0;
    background: transparent;
  }
  .subpage #resource-menu > header h3,
  .subpage #support-menu > header h3 { margin: 0; color: #20242d; font-size: 13px; font-weight: 700; }
  .subpage #resource-menu > header small,
  .subpage #support-menu > header p { display: none; }

  .subpage .solution-columns { grid-template-columns: 1.08fr .92fr; gap: 8px; background: #fff; }
  .subpage .solution-columns > section,
  .subpage .solution-columns > section:first-child,
  .subpage .solution-columns > section:last-child {
    min-height: 0;
    padding: 0 !important;
    border: 0;
    border-radius: 12px;
    background: #fafbfc;
    overflow: hidden;
  }
  .subpage .solution-columns > section + section { border: 0; }
  .subpage .solution-columns > section > header {
    padding: 14px 18px 8px;
    border: 0;
    background: #f4f6fa;
  }
  .subpage .solution-columns > section > header::before { display: none; }
  .subpage .solution-columns > section > header small {
    margin: 0 0 6px;
    color: #818896;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
  }
  .subpage .solution-columns > section > header h3 { display: none; }
  .subpage .solution-list {
    padding: 7px 10px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .subpage .solution-list > a,
  .subpage .solution-columns > section:first-child .solution-list > a {
    min-height: 0;
    min-height: 52px;
    padding: 8px 9px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    border: 0;
    border-radius: 8px;
  }
  .subpage .solution-list > a:hover { background: #f5f6f7; }
  .subpage .solution-list > a::before {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background-color: transparent !important;
    background-size: 17px 17px;
    filter: brightness(0);
  }
  .subpage .mega-menu,
  .subpage .mega-menu > header,
  .subpage .mega-menu > .mega-feature,
  .subpage .mega-grid,
  .subpage .resource-mega-grid,
  .subpage .support-mega-grid,
  .subpage .solution-columns,
  .subpage .solution-columns > section,
  .subpage .solution-columns > section > header,
  .subpage .mega-menu a { background-image: none !important; }
  .subpage .solution-list span { display: none; }
  .subpage .solution-list b {
    color: #282c33;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
  }
}

@media (max-width: 1040px) and (min-width: 701px) {
  .subpage .nav-wrap { padding: 0 22px; grid-template-columns: 145px minmax(0, 1fr) auto; }
  .subpage .nav-wrap nav { position: static; transform: none; }
  .subpage .nav-wrap nav > a,
  .subpage .nav-wrap nav .nav-dropdown { padding: 0 9px; font-size: 13px; }
  .subpage .home-lang-switch { display: none; }
}
@media (max-width: 700px) {
  .subpage .nav-wrap { height: 62px; padding: 0 18px; grid-template-columns: 1fr auto; }
  .subpage .nav-wrap .logo img { width: 124px; }
  body.subpage .nav-wrap > .nav-actions { display: none !important; }
  .subpage .nav-wrap .menu {
    position: absolute !important;
    top: 12px !important;
    right: 18px !important;
    z-index: 2;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 38px;
    border: 1px solid #e2e4e8;
    border-radius: 9px;
    color: #17191f;
    background: #fff;
    font-size: 12px;
    font-weight: 650;
  }
  .subpage .nav-wrap nav {
    top: 62px;
    padding: 10px 14px 14px;
    display: none;
    border: 0;
    border-bottom: 1px solid #e4e6ea;
    background: #fff;
  }
  .subpage .nav-wrap nav.open { display: flex; }
  .subpage .nav-wrap nav > a,
  .subpage .nav-wrap nav .nav-dropdown { width: 100%; justify-content: space-between; padding: 0 12px; }
  .subpage .mega-menu { top: 120px; left: 12px; right: 12px; border-radius: 13px; box-shadow: 0 18px 46px rgba(17, 24, 39, .16); }
}

/* en/ja homepages keep body.home-page; pin the same flat navigation look there too */
.home-page.subpage .nav-wrap,
.home-page.subpage .nav-wrap.nav-scrolled,
.home-page.subpage .nav-wrap:not(.nav-scrolled) {
  height: 76px !important;
  padding: 0 clamp(24px, 4vw, 72px) !important;
  grid-template-columns: 170px minmax(0, 1fr) auto !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e8ec !important;
  border-radius: 0 !important;
  color: #17191f !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
}
.home-page.subpage .nav-wrap .logo img { filter: none !important; }
.home-page.subpage .nav-wrap nav > a,
.home-page.subpage .nav-wrap nav .nav-dropdown { color: #17191f !important; background: transparent !important; }
.home-page.subpage .nav-wrap nav > a:hover,
.home-page.subpage .nav-wrap nav .nav-dropdown:hover,
.home-page.subpage .nav-wrap nav .nav-dropdown[aria-expanded="true"] { color: #111318 !important; background: #f3f4f6 !important; }

/* Blog article pages reuse the global navigation but keep their own main layout */
.subpage.blog-detail main { padding-top: 0; }