/* Commercial presentation, limited to the Convoca360 landing page. */
.convoca360-sales .cv360-hero { background: radial-gradient(ellipse at 95% 58%, #ede0c3 0, transparent 54%), var(--surface-soft); color: var(--ink); padding-bottom: 68px; }
.convoca360-sales .cv360-hero .breadcrumb { color: #61656c; margin-bottom: 24px; }
.convoca360-sales .cv360-brand { color: var(--ink); font-family: inherit; font-weight: 600; font-size: 1.8rem; letter-spacing: -.07em; }
.convoca360-sales .cv360-brand span { color: var(--gold-dark); }
.convoca360-sales .cv360-hero .eyebrow { color: var(--gold-dark); font-size: .75rem; letter-spacing: .04em; }
.convoca360-sales .cv360-hero h1 { color: var(--ink); font: 600 clamp(2.4rem, 3.4vw, 3rem)/1.1 var(--font-body, 'Poppins', sans-serif); letter-spacing: -.055em; text-wrap: balance; }
.convoca360-sales .cv360-hero h1 em { display: block; margin-top: 10px; color: var(--gold-dark); }
.convoca360-sales .cv360-lead { color: #526069; line-height: 1.65; font-size: 1rem; margin-top: 20px; }
.convoca360-sales .cv360-hero .hero-actions { margin-top: 22px; }
.convoca360-sales .cv360-hero .cv360-button-light { color: var(--navy); border-color: #bca77e; }
.convoca360-sales .cv360-hero .cv360-button-light:hover { background: #f3ead7; }
.cv-sales-reassurance { margin: 18px 0 0; color: var(--ink-soft); font-size: .8125rem; line-height: 1.65; }
.convoca360-sales .cv360-hero__visual > img { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 24px 65px #08233e21; }
.convoca360-sales .cv360-benefits { background: #fff; border-color: #e5ded0; padding-block: 30px; }
.convoca360-sales .cv360-benefits__icon { background: #f3ead7; }
.convoca360-sales .cv360-benefits article + article { border-color: #e5ded0; }
.convoca360-sales .cv360-benefits h2 { color: var(--ink); }
.convoca360-sales .eyebrow { color: var(--gold-dark); }
.convoca360-sales .cv-sales-video { padding-block: 64px 76px; background: #e8e8e6; border-block: 1px solid #d8d8d5; }
.cv-sales-video .section-heading { max-width: 960px; margin: 0 auto 30px; text-align: center; }
.cv-sales-video .section-heading::after { display: none; }
.cv-sales-video .section-heading .eyebrow { margin-bottom: 12px; }
.cv-sales-video .section-heading h2 { font-size: clamp(1.85rem, 3vw, 2.6rem); line-height: 1.2; }
.cv-sales-video .section-heading > p:not(.eyebrow) { max-width: 680px; margin: 16px auto 0; color: #555b60; font-size: 1rem; line-height: 1.7; }
.cv-sales-video__player { display: block; width: 100%; max-width: 1040px; height: auto; margin-inline: auto; aspect-ratio: 16 / 9; border: 1px solid #ffffffa6; border-radius: 14px; background: #000; box-shadow: 0 20px 48px #20242724, 0 3px 10px #20242712; }
.convoca360-sales .cv360-journey { background: var(--surface-soft); padding-block: 70px; }
.convoca360-sales .cv360-journey .section-heading { max-width: 820px; }
.convoca360-sales .cv360-tabs button { background: #fffefa; }
.convoca360-sales .cv360-tabs button[aria-selected="true"] { background: #f3ead7; color: var(--navy); }
.convoca360-sales .cv360-tabs button:hover { background: #eee3ce; }
.convoca360-sales .cv360-step__screen figcaption { background: #fffefa; }
.convoca360-sales .cv360-detail-link, .convoca360-sales .cv360-step__screen figcaption > a { color: var(--navy); }
.convoca360-sales .cv360-control { background: var(--surface-soft); }
.convoca360-sales .cv360-demo { background: #fff; }
.convoca360-sales .cv360-demo__panel { background: var(--navy-deep); border-top: 4px solid var(--gold); }
.convoca360-sales .cv360-demo .eyebrow { color: var(--gold-light); }
.convoca360-sales .cv360-demo__panel > div > p:not(.eyebrow) { color: #d7e2e7; }
.convoca360-sales .cv360-demo__panel .cv360-demo__action > p { color: #d7e2e7; }
.convoca360-sales .cv-sales-change, .convoca360-sales .cv-sales-start { background: #fff; padding-block: 78px; }
.cv-sales-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 72px; align-items: end; margin-bottom: 40px; }
.cv-sales-intro h2, .cv-sales-candidate h2 { color: var(--ink); margin: 0; font: 400 clamp(2rem, 3.2vw, 2.8rem)/1.15 Georgia, serif; letter-spacing: -.035em; text-wrap: balance; }
.cv-sales-intro > p { margin: 0; color: #53616a; line-height: 1.85; }
.cv-sales-team { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; margin-bottom: 48px; }
.cv-sales-team__copy > p:last-child { margin: 24px 0 0; color: #53616a; line-height: 1.85; }
.cv-sales-team__photo { min-width: 0; margin: 0; overflow: hidden; border: 1px solid #e5ded0; border-radius: 16px; box-shadow: 0 16px 40px #08233e10; }
.cv-sales-team__photo img { display: block; width: 100%; height: auto; }
.cv-sales-changes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #e5ded0; }
.cv-sales-changes article { padding: 28px 30px 0; }
.cv-sales-changes article:first-child { padding-left: 0; }
.cv-sales-changes article:last-child { padding-right: 0; }
.cv-sales-changes article + article { border-left: 1px solid #e5ded0; }
.cv-sales-number { color: var(--gold-dark); font: 400 2rem/1 Georgia, serif; }
.cv-sales-friction { color: var(--ink-soft); font-size: .8125rem; margin: 20px 0 12px; }
.cv-sales-changes h3 { margin: 0; color: var(--ink); font-size: 1.25rem; line-height: 1.4; letter-spacing: -.025em; }
.cv-sales-changes h3 + p { color: #53616a; font-size: .9375rem; line-height: 1.85; margin: 17px 0; }
.cv-sales-changes a { display: inline-flex; align-items: center; gap: 10px; color: var(--navy); font-size: .8125rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.cv-sales-changes .site-icon { flex: 0 0 16px; width: 16px; height: 16px; }
.convoca360-sales .cv-sales-candidate { padding-block: 76px; background: #fff; }
.cv-sales-candidate__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.cv-sales-candidate figure { margin: 0; min-width: 0; }
.cv-sales-candidate figure > a { display: block; overflow: hidden; border: 1px solid #d5c39d; border-radius: 12px; box-shadow: 0 18px 40px #08233e1a; }
.cv-sales-candidate img { display: block; width: 100%; height: auto; }
.cv-sales-candidate figcaption { margin-top: 15px; color: var(--ink-soft); font-size: .8125rem; }
.cv-sales-candidate h2 + p { color: #53616a; line-height: 1.85; margin: 22px 0; }
.cv-sales-candidate ul { list-style: none; padding: 0; display: grid; gap: 13px; }
.cv-sales-candidate li { display: flex; align-items: flex-start; gap: 10px; color: var(--ink); font-size: .9375rem; }
.cv-sales-candidate li .site-icon { flex: 0 0 18px; width: 18px; height: 18px; color: var(--gold-dark); margin-top: 3px; }
.cv-sales-start__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; list-style: none; padding: 0; margin: 0; }
.cv-sales-start__steps li { display: flex; gap: 16px; border-top: 1px solid #e5ded0; padding-top: 24px; }
.cv-sales-start__steps li > span { color: var(--gold-dark); font-size: .9375rem; padding-top: 2px; }
.cv-sales-start__steps h3 { margin: 0 0 13px; color: var(--ink); font-size: 1rem; line-height: 1.55; }
.cv-sales-start__steps p { margin: 0; color: #53616a; font-size: .9375rem; line-height: 1.85; }
@media (max-width: 1100px) {
  .cv-sales-intro { gap: 35px; }
  .cv-sales-candidate__grid { gap: 35px; }
  .cv-sales-changes article { padding-inline: 20px; }
}
@media (max-width: 850px) {
  .convoca360-sales .cv360-hero__visual { max-width: 650px; }
  .convoca360-sales .cv360-hero h1 { max-width: 670px; font-size: clamp(2.4rem, 6vw, 3.4rem); }
  .cv-sales-intro { grid-template-columns: 1fr; gap: 22px; }
  .cv-sales-candidate__grid { grid-template-columns: 1fr; }
  .cv-sales-candidate figure { order: 2; }
  .cv-sales-changes, .cv-sales-start__steps { grid-template-columns: 1fr; gap: 26px; }
  .cv-sales-changes article, .cv-sales-changes article:first-child, .cv-sales-changes article:last-child { padding: 24px 0 0; }
  .cv-sales-changes article + article { border-left: 0; border-top: 1px solid #e5ded0; }
}
@media (max-width: 520px) {
  .convoca360-sales .cv360-hero { padding-bottom: 40px; }
  .convoca360-sales .cv360-hero h1 { font-size: clamp(2.05rem, 8vw, 2.7rem); }
  .convoca360-sales .cv360-hero .eyebrow { font-size: .75rem; }
  .convoca360-sales .cv-sales-change, .convoca360-sales .cv-sales-start, .convoca360-sales .cv-sales-candidate { padding-block: 48px; }
  .convoca360-sales .cv360-journey { padding-block: 48px; }
  .cv-sales-intro { margin-bottom: 28px; }
  .cv-sales-candidate__grid { gap: 30px; }
}