.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 .nav-dropdown { color: rgb(16, 24, 40); background: transparent; }

.subpage .nav-wrap nav > a, .subpage .account-cta { color: rgb(52, 64, 84); }

.subpage .nav-wrap nav .nav-dropdown:hover, .subpage .nav-wrap nav > 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 .account-cta { border-color: rgb(208, 213, 221); background: rgb(246, 246, 246); }

.subpage .nav-cta { 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; }

.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; }

.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 { height: 60px; padding: 0px 16px; }
  .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; }
}

.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 { max-width: 850px; margin-bottom: 54px; }

.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 .customers-story-hero { padding: 58px 22px 38px; }
  .customers-page .customers-hero-copy h1 { font-size: 64px; }
  .customers-page .customers-hero-copy p { font-size: 20px; }
  .customers-page .hero-story-card { padding: 10px; border-radius: 22px; }
  .customers-page .hero-story-copy { padding: 36px 26px; }
  .customers-page .hero-story-copy h2 { margin-top: 48px; font-size: 34px; }
  .customers-page .hero-story-copy p { font-size: 18px; }
  .customers-page .hero-story-copy a { margin-top: 48px; font-size: 18px; }
  .customers-page .hero-story-media { min-height: 330px; }
  .customers-page .hero-story-media figcaption { width: 88%; gap: 10px; }
  .customers-page .hero-story-media figcaption strong { font-size: 30px; }
  .customers-page .hero-story-media figcaption span { font-size: 15px; }
  .customers-page .story-brand-lockup { bottom: 24%; gap: 10px; }
  .customers-page .story-brand-lockup img { height: 34px; max-width: 120px; }
  .customers-page .story-brand-lockup img:last-child { height: 28px; }
  .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 .logo-track { gap: 44px; }
  .customers-page .logo-track img { height: 30px; }
  .customers-page .story-gallery-section { padding: 64px 22px; }
  .customers-page .story-gallery-head h2 { font-size: 54px; }
  .customers-page .story-gallery-head p { font-size: 19px; }
  .customers-page .story-gallery-grid { grid-template-columns: 1fr; }
  .customers-page .story-card, .customers-page .story-card.tall, .customers-page .story-card.wide { min-height: 390px; }
  .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 .customers-story-hero { padding: 38px 22px 28px; }
  .customers-page .customers-story-hero .breadcrumbs { margin-bottom: 42px; font-size: 14px; }
  .customers-page .customers-hero-copy { margin-bottom: 42px; }
  .customers-page .customers-hero-copy h1 { font-size: 58px; letter-spacing: -0.06em; }
  .customers-page .customers-hero-copy p { margin-top: 22px; font-size: 20px; line-height: 1.42; letter-spacing: -0.045em; }
  .customers-page .hero-story-card { border-radius: 22px; box-shadow: rgba(16, 24, 40, 0.07) 0px 14px 42px; }
  .customers-page .hero-story-copy { padding: 42px 30px 30px; }
  .customers-page .hero-story-copy > span { padding: 7px 15px; font-size: 14px; }
  .customers-page .hero-story-copy h2 { margin: 54px 0px 20px; font-size: 38px; line-height: 1.04; letter-spacing: -0.06em; }
  .customers-page .hero-story-copy p { font-size: 19px; line-height: 1.38; letter-spacing: -0.035em; }
  .customers-page .hero-story-copy a { margin-top: 42px; font-size: 18px; }
  .customers-page .hero-story-media { min-height: 300px; }
}

@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 .customers-hero-copy h1 { font-size: clamp(56px, 5.4vw, 92px); }

.customers-page .customers-hero-copy p { font-size: clamp(18px, 1.35vw, 23px); }

.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 { padding: 34px 22px 24px; }
  .customers-page .customers-story-hero .breadcrumbs { margin-bottom: 34px; font-size: 13px; }
  .customers-page .customers-hero-copy { margin-bottom: 34px; }
  .customers-page .customers-hero-copy h1 { line-height: 1; letter-spacing: -0.045em; font-size: 44px !important; }
  .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-story-hero { padding-top: clamp(64px, 6vw, 104px); }

.customers-page .customers-hero-copy { max-width: 1180px; margin-bottom: 42px; }

.customers-page .customers-hero-copy h1 { line-height: 1.04; letter-spacing: -0.055em; font-size: clamp(44px, 5vw, 76px) !important; }

.customers-page .customers-hero-copy p { max-width: 1120px; margin-top: 26px; line-height: 1.45; letter-spacing: -0.035em; font-size: clamp(18px, 1.55vw, 28px) !important; }

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

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

.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 .customers-story-hero .story-gallery-grid { margin-top: 44px; }

.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 .customers-story-hero .story-gallery-grid { margin-top: 30px; }
  .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 { max-width: 1040px; margin-bottom: 40px; }

.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; }

.customers-page .customers-hero-copy p { max-width: 940px; margin-top: 22px; font-size: clamp(18px, 1.35vw, 24px) !important; line-height: 1.48 !important; letter-spacing: -0.025em !important; }

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

@media (max-width: 760px) {
  .customers-page .customers-story-hero { padding: 28px 22px 24px; }
  .customers-page .customers-hero-copy h1 { font-size: 36px !important; }
  .customers-page .customers-hero-copy p { font-size: 15px !important; }
}

.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 { padding: 30px clamp(22px, 4.8vw, 96px) 74px; background: rgb(243, 243, 243); display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }

.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: 1120px) {
  .customers-page .customer-result-cards { grid-template-columns: repeat(2, 1fr); }
}

@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 span { font-size: 14px; font-weight: 620; color: rgb(107, 114, 128); }

.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-search input::placeholder { color: rgb(154, 161, 173); }

.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; }
  .customers-page .customer-search { width: 100%; }
}

@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 { height: 42px; border-radius: 14px; }
  .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 { width: min(100%, 360px) !important; height: 58px !important; padding: 0px 22px !important; border-radius: 28px !important; background: rgb(249, 250, 251) !important; border-color: rgb(215, 215, 215) !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-search input { font-size: 20px !important; font-weight: 720 !important; color: rgb(17, 24, 39) !important; }

.customers-page .customer-search input::placeholder { color: rgb(154, 162, 177) !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; }
  .customers-page .customer-search { width: min(100%, 420px) !important; }
}

@media (max-width: 760px) {
  .customers-page .industry-filter-chip { height: 38px !important; font-size: 13px !important; }
  .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; }
  .customers-page .customer-story-result-card { min-height: 500px; }
}

@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-result-card figure { height: 210px; }
  .customers-page .customer-story-card-body { padding: 24px; }
  .customers-page .customer-story-card-body span { margin-bottom: 20px; font-size: 16px; }
  .customers-page .customer-story-card-body .customer-card-logo { height: 38px !important; max-width: 135px !important; margin-bottom: 30px !important; }
  .customers-page .customer-story-card-body h3 { font-size: 22px; }
  .customers-page .customer-story-card-body em { 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 h3 { font-size: 21px !important; line-height: 1.34 !important; font-weight: 720 !important; letter-spacing: -0.035em !important; color: rgb(22, 77, 83) !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 h3 { font-size: 19px !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; }

@media (max-width: 760px) {
  .customers-page .customer-story-card-body h3 { font-size: 16px !important; line-height: 1.42 !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 { margin: 28px 0px 0px; display: flex; justify-content: center; gap: 8px; }

.customers-page .customer-pagination[hidden] { display: none !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 { padding-top: 0px !important; background: rgb(255, 255, 255) !important; }

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

.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; }

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

.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 { 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: 28px !important; border-top-right-radius: 28px !important; }

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

.customers-page .closing-section { background: rgb(255, 255, 255) !important; }

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

@media (max-width: 700px) {
  .customers-page .closing-section .contact.contact-hero-echo { border-top-left-radius: 42px !important; border-top-right-radius: 42px !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; }

.customers-page .customer-story-result-card figure { height: auto !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; }

.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 main { background: rgb(246, 248, 252); color: rgb(12, 20, 36); }

.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-copy { max-width: 760px; color: rgb(255, 255, 255); }

.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 h1 { margin: 0px; font-size: clamp(42px, 6vw, 76px); line-height: 0.98; letter-spacing: -0.065em; }

.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-image { min-height: 430px; margin: 0px; overflow: hidden; border-radius: 30px; background: rgb(219, 227, 242); box-shadow: rgba(5, 16, 38, 0.28) 0px 28px 80px; }

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

.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 { display: grid; gap: 12px; margin: 0px; }

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

.customer-story-detail-page .story-detail-metrics strong { display: block; color: rgb(49, 87, 255); font-size: 30px; line-height: 1; letter-spacing: -0.04em; }

.customer-story-detail-page .story-detail-metrics span { display: block; margin-top: 8px; color: rgb(102, 112, 133); font-size: 13px; font-weight: 700; }

.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-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }

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

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

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

.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: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(18px, 3vw, 38px) !important; border-top: 1px solid rgb(223, 226, 231) !important; font-family: Inter, "Noto Sans SC", Arial, sans-serif !important; }

.customers-page .customer-pagination[hidden] { display: none !important; }

.customers-page .customer-pagination > strong { min-width: 116px !important; color: rgb(52, 64, 84) !important; font-size: 13px !important; font-weight: 400 !important; text-align: center !important; }

.customers-page .customer-pagination > strong i { margin: 0px 5px !important; color: rgb(160, 167, 178) !important; font-style: normal !important; }

.customers-page .customer-pagination .pager-action { width: auto !important; height: auto !important; padding: 0px !important; display: flex !important; align-items: center !important; gap: 10px !important; color: rgb(52, 64, 84) !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; cursor: pointer !important; }

.customers-page .customer-pagination .pager-action b { font-size: 13px !important; font-weight: 400 !important; }

.customers-page .customer-pagination .pager-action span { width: 40px !important; height: 40px !important; display: grid !important; place-items: center !important; color: rgb(49, 87, 255) !important; background: rgb(238, 241, 255) !important; border: 1px solid rgb(216, 223, 255) !important; border-radius: 12px !important; transition: transform 0.2s, background 0.2s, color 0.2s !important; }

.customers-page .customer-pagination .pager-action svg { width: 21px !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }

.customers-page .customer-pagination .pager-next span { transform: rotate(180deg) !important; }

.customers-page .customer-pagination .pager-action:hover:not(:disabled) span { color: rgb(255, 255, 255) !important; background: rgb(49, 87, 255) !important; transform: translateX(-2px) !important; }

.customers-page .customer-pagination .pager-next:hover:not(:disabled) span { transform: rotate(180deg) translateX(-2px) !important; }

.customers-page .customer-pagination .pager-action:disabled { color: rgb(133, 133, 133) !important; cursor: default !important; background: transparent !important; border: 0px !important; box-shadow: none !important; }

.customers-page .customer-pagination .pager-action:disabled span { color: rgb(167, 173, 184) !important; background: rgb(241, 242, 244) !important; border-color: rgb(228, 230, 234) !important; }

@media (max-width: 760px) {
  .customers-page .customer-pagination { gap: 10px !important; padding-top: 22px !important; }
  .customers-page .customer-pagination > strong { min-width: auto !important; font-size: 11px !important; }
  .customers-page .customer-pagination .pager-action { gap: 6px !important; }
  .customers-page .customer-pagination .pager-action b { display: none !important; }
  .customers-page .customer-pagination .pager-action span { width: 36px !important; height: 36px !important; border-radius: 10px !important; }
  .customers-page .customer-pagination .pager-action svg { width: 19px !important; }
}

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

.support-story-hero { padding: 72px clamp(28px, 5vw, 88px) 56px; background: rgb(243, 243, 243); }

.support-story-hero .support-hero-copy { max-width: 1040px; margin: 0px auto 40px; text-align: center; }

.support-story-hero .support-hero-copy h1 { margin: 0px auto; color: rgb(11, 13, 18); text-align: center; font-size: clamp(34px, 2.8vw, 52px) !important; font-weight: 680 !important; line-height: 1.12 !important; letter-spacing: -0.035em !important; }

.support-story-hero .support-hero-copy p { max-width: 820px; margin: 18px auto 0px; color: rgb(107, 114, 128); text-align: center; font-size: clamp(16px, 1.05vw, 20px) !important; line-height: 1.55 !important; letter-spacing: -0.015em !important; }

.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));
}

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

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

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

.channel-solution .contact.contact-hero-echo .contact-echo-actions {
  justify-content: center;
}

@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: "";
}

.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-card h3 {
  margin-top: 10px;
}

.channel-help-center .help-value-illustration {
  width: min(168px, 62%);
  aspect-ratio: 1;
  margin: 0 0 22px;
  overflow: hidden;
  border-radius: 28px;
  background: #f6f8fc;
  box-shadow: 0 18px 42px rgba(28, 71, 129, .08);
}

.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);
}

.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: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 22px !important;
  color: rgb(91, 100, 118) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

@media (max-width: 760px) {
  .customer-story-detail-page .case-metrics ul {
    grid-template-columns: 1fr !important;
  }
}