.sales-story { color: #171535; }
.sales-story h1,.sales-story h2,.sales-story h3 { color: inherit; letter-spacing: -.045em; }
.sales-story h1 { font-size: clamp(3rem,5.6vw,5.9rem); line-height: 1.02; margin: 0 0 26px; max-width: 12ch; }
.sales-story h1 span,.sales-story h2 span { color: #4745ed; }
.sales-story-hero { padding-top: 35px; padding-bottom: 86px; }
.sales-story-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5%; margin-top: 34px; }
.sales-story-intro { padding: 35px 0; }
.sales-story .iv14-eyebrow { font-weight: 700; letter-spacing: .11em; }
.sales-lead { font-size: clamp(1.1rem,1.65vw,1.35rem); line-height: 1.55; max-width: 480px; margin-bottom: 28px; color: #4b4b65; }
.sales-note { color: #5a5a70; font-size: .9rem; margin: 24px 0 0; }
.sales-visual { position: relative; height: 535px; isolation: isolate; }
.sales-visual-bg { position: absolute; inset: 35px 7% 0; border-radius: 38px; background: #dddeff; }
.sales-person { position: absolute; bottom: 0; left: 12%; height: 100%; width: 76%; object-fit: contain; object-position: center bottom; }
.sales-float { position: absolute; z-index: 1; background: #fff; padding: 17px 19px; border-radius: 14px; box-shadow: 0 14px 38px #26265b20; min-width: 195px; animation: sales-float 5s ease-in-out infinite; }
.sales-float small,.sales-float strong,.sales-float span { display: block; }
.sales-float small { font-size: .66rem; font-weight: 700; letter-spacing: .09em; color: #4745ed; margin-bottom: 6px; }
.sales-float strong { font-size: 1.05rem; line-height: 1.2; }
.sales-float span { font-size: .8rem; margin-top: 5px; color: #55556b; }
.sales-float-one { left: 0; top: 0; }
.sales-float-two { right: 0; bottom: 16%; animation-delay: -2s; }
.sales-jax { position: absolute; z-index: 2; bottom: -26px; left: -9px; width: 180px; animation: sales-float 4.5s ease-in-out infinite; }
.sales-jax img,.sales-next-jax img { width: 100%; display: block; }
/* Editorial reading layout: a continuous story, with one compact flow. */
.sales-article { padding-top: 70px; padding-bottom: 105px; }
.sales-article-body { max-width: 790px; margin: 0 auto; }
.sales-article-body > h2 { font-size: clamp(2rem, 3.4vw, 3.15rem); line-height: 1.12; letter-spacing: -.035em; color: #171535; margin: 70px 0 22px; }
.sales-article-body > h2:first-of-type { margin-top: 12px; font-size: clamp(2.6rem, 4.3vw, 4.2rem); }
.sales-article-body > p:not(.iv14-eyebrow) { color: #34344c; font-size: 1.16rem; line-height: 1.8; margin: 0 0 22px; }
.sales-article-body .sales-opening { font-size: 1.28rem !important; line-height: 1.7 !important; color: #22223d !important; }
.sales-article-body strong { color: #171535; }
.sales-pullquote { margin: 42px 0 75px; padding: 27px 30px; border-left: 5px solid #c6ff00; background: #f0f0ff; }
.sales-pullquote span,.sales-journey-label,.sales-guide span { font-size: .75rem; font-weight: 800; letter-spacing: .09em; color: #4442d9; }
.sales-pullquote p { color: #181836; font-weight: 700; font-size: clamp(1.3rem, 2vw, 1.65rem); line-height: 1.4; margin: 10px 0 0; }
.sales-video { margin: 64px 0 70px; padding: clamp(20px, 4vw, 32px); border: 1px solid #e1e3f1; border-radius: 22px; background: #f0f0ff; }
.sales-video-kicker { display: block; color: #4442d9; font-size: .75rem; font-weight: 800; letter-spacing: .1em; }
.sales-video figcaption h2 { margin: 10px 0 12px; color: #171535; font-size: clamp(1.7rem, 2.7vw, 2.3rem); line-height: 1.15; }
.sales-video figcaption p { margin: 0 0 22px; color: #40415a; font-size: 1rem; line-height: 1.6; }
.sales-video video { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border-radius: 12px; background: #17194e; }
.sales-video video:focus-visible { outline: 3px solid #4545f5; outline-offset: 4px; }
.sales-journey { margin: 40px 0 72px; padding: 28px 30px; border-radius: 18px; background: #17194e; color: #fff; }
.sales-journey .sales-journey-label { color: #c6ff00; margin: 0 0 20px; }
.sales-journey-path { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 1rem; font-weight: 700; line-height: 1.5; }
.sales-journey-path span { color: #fff; }
.sales-journey-path i { color: #c6ff00; font-size: 1.3rem; font-style: normal; animation: sales-pulse 3s ease-in-out infinite; }
.sales-article-body .sales-illustrative { font-size: .96rem !important; color: #58596d !important; font-style: italic; }
.sales-article-list { margin: 0 0 25px; padding-left: 1.4em; color: #34344c; font-size: 1.12rem; line-height: 1.75; }
.sales-article-list li { padding-left: .2em; margin-bottom: 13px; }
.sales-article-list li::marker { color: #4545ed; }
.sales-guide { margin-top: 52px; padding: 22px 28px; display: flex; gap: 24px; align-items: center; border-radius: 20px; background: #f0f0ff; }
.sales-guide img { width: 118px; height: 118px; object-fit: contain; flex: none; animation: sales-float 5s ease-in-out infinite; }
.sales-guide p { font-weight: 700; font-size: 1.3rem; color: #171535; line-height: 1.4; margin: 7px 0 12px; }
.sales-guide a,.sales-back { color: #3735d7; font-weight: 700; text-decoration: none; }
.sales-guide a:hover,.sales-back:hover { text-decoration: underline; }
.sales-back { display: inline-block; margin-top: 35px; }
@keyframes sales-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes sales-pulse { 0%,100% { opacity: .65; } 50% { opacity: 1; } }
@media(max-width:760px) { .sales-story-hero { padding-bottom: 50px; } .sales-story-grid { grid-template-columns: 1fr; gap: 20px; } .sales-story-intro { padding: 10px 0; } .sales-visual { height: 420px; } .sales-float { min-width: 155px; padding: 13px; } .sales-jax { width: 145px; } .sales-article { padding-top: 55px; padding-bottom: 70px; } .sales-article-body > h2 { margin-top: 55px; } .sales-article-body > p:not(.iv14-eyebrow),.sales-article-list { font-size: 1.08rem; } }
@media(max-width:480px) { .sales-visual { height: 370px; } .sales-float strong { font-size: .95rem; } .sales-journey { padding: 23px; } .sales-journey-path { gap: 8px; } .sales-guide { padding: 20px; gap: 14px; } .sales-guide img { width: 78px; height: 95px; } }
@media(prefers-reduced-motion:reduce) { .sales-float,.sales-jax,.sales-guide img,.sales-journey-path i { animation: none; } }