@media(min-width:1100px){
  .split-layout{width:92%;max-width:1800px;margin:62px auto 0;display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:start;column-gap:clamp(32px,3.6vw,72px)}
  .split-layout>.hero{position:sticky;top:72px;text-align:left;padding:18px 0 0;min-width:0;margin:0}
  .hero .announcement{font-size:12px;gap:8px;padding:5px 10px 5px 5px;border-radius:10px}.hero .announcement-icon{width:24px;height:24px;font-size:17px}.hero .chevron{font-size:23px}
  .hero h1{font-size:clamp(44px,4.05vw,74px);line-height:1.04;letter-spacing:-.055em;margin:28px 0 0;max-width:620px}.hero h1 br{display:none}.hero .headline-line{display:inline;white-space:normal}
  .hero .subtitle{font-size:clamp(16px,1.2vw,21px);line-height:1.55;letter-spacing:-.35px;margin:23px 0 0;max-width:500px}.hero .hero-actions{justify-content:flex-start;margin-top:25px;gap:12px}.hero .hero-actions .button{font-size:16px;min-height:46px;padding:12px 23px}
  .split-layout>.prospecting-comparison{--comparison-sticky:40px;--comparison-card-top:146px;--comparison-row:52px;margin:0;padding:14px 0 80px;background:transparent;min-width:0;scroll-margin-top:30px}
  .comparison-intro{text-align:left;margin:0 0 26px;padding:0 2px}.comparison-intro>p{font-size:12px;letter-spacing:.3px;color:#90a8bf;margin:0 0 8px}.comparison-intro h2{font-size:26px;line-height:1.2;letter-spacing:-.7px;color:#f5f8fb}.comparison-intro h2 br{display:none}
  .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .comparison-meter{height:82px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 1fr;gap:0 6px;border-radius:13px}
  .comparison-meter h3{font-size:16px;letter-spacing:-.6px;grid-column:1;grid-row:1/3;white-space:normal;line-height:1.2;color:#0c111d}
  .comparison-time{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:3px;margin:0;font-size:10px;align-items:center}.comparison-count{width:46px;height:34px;border-width:3px;font-size:16px}.comparison-unit{min-width:0}
  .comparison-finished{grid-column:1;grid-row:2;justify-self:start;font-size:11px;padding:5px 9px;letter-spacing:-.3px}.comparison-column.is-complete .comparison-meter h3{grid-row:1;align-self:center}
  .comparison-meter-front{display:grid;grid-template-columns:inherit;grid-template-rows:inherit}.comparison-meter-front h3{color:white}
  .comparison-card{color:#0c111d;min-height:134px;padding:14px 12px 16px;margin-top:85px;border-radius:12px;box-shadow:0 10px 25px #0002}.comparison-card:nth-child(2){margin-top:52px}.comparison-rhycon .comparison-card:not(:nth-child(2)){margin-top:35px}
  .comparison-card-heading{gap:6px;min-height:28px}.comparison-card h4{font-size:13px;line-height:1.25;letter-spacing:-.3px}.comparison-card p{font-size:12px;line-height:1.55;margin:10px 0 0 23px;letter-spacing:0}.comparison-icon,.comparison-icon svg{width:17px;height:19px}.comparison-check{width:16px;height:16px}.comparison-check svg{width:13px;height:13px}
  .comparison-column::after{height:520px}
  .workspace{margin-top:60px}.under-preview{margin-bottom:32px}
}
@media(min-width:1650px){.split-layout{grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)}.comparison-card{padding:17px 16px;min-height:144px}.comparison-card h4{font-size:16px}.comparison-card p{font-size:14px}.comparison-meter h3{font-size:21px}.comparison-meter{height:90px}.comparison-time{font-size:12px}.comparison-count{width:56px;height:40px;font-size:18px}.comparison-intro h2{font-size:32px}}
@media(min-width:1100px) and (max-height:800px){.split-layout>.hero{top:24px}.hero h1{font-size:clamp(40px,3.6vw,60px);margin-top:20px}.hero .subtitle{margin-top:16px}.hero .hero-actions{margin-top:18px}}
@media(max-width:1099px){.split-layout>.hero h1{max-width:840px}.split-layout>.hero .headline-line{white-space:normal}.split-layout>.prospecting-comparison{margin-top:64px}.workspace{margin-top:64px}}
@media(max-width:680px){.split-layout>.hero .headline-line{display:inline}}
@media(prefers-reduced-motion:reduce),(max-height:620px){.split-layout>.hero{position:relative;top:auto}.comparison-column::after{display:none}.comparison-card{position:relative;top:auto;margin-top:16px!important}.comparison-meter{position:relative;top:auto}}

/* Keep the original agent logos beside the final word of the headline. */
.hero .agent-ending{white-space:nowrap}.hero .agents{display:inline-flex;align-items:center;vertical-align:middle;margin:0 0 0 3px;gap:8px;top:-.02em}.hero .agents img{width:clamp(25px,2.15vw,40px);height:clamp(25px,2.15vw,40px)}.hero .agents img:last-child{width:clamp(23px,2vw,37px);height:clamp(23px,2vw,37px);border-radius:7px}

/* Equal rows on both sides; later pairs enter the desktop stage on scroll. */
@media(min-width:761px){
  .comparison-card{height:180px;min-height:180px}
  .comparison-rhycon .comparison-card:not(:nth-child(2)){margin-top:110px}
}
@media(min-width:1100px){
  .comparison-rhycon .comparison-card:not(:nth-child(2)){margin-top:85px}
}
.prospecting-comparison.is-staged{position:relative}
.comparison-stage{display:contents}
.is-staged .comparison-grid{position:sticky;top:40px;height:var(--stage-height);overflow:clip;align-items:stretch}
.is-staged .comparison-column::after{display:none}
.is-staged .comparison-meter{position:absolute;top:0;left:0;right:0}
.is-staged .comparison-card{position:absolute;top:0;left:0;right:0;margin:0!important;height:180px;min-height:180px;padding:8px 12px 16px;will-change:transform}
.is-staged .comparison-card-heading{min-height:32px}

@media(max-height:740px){
  .is-staged .comparison-card{height:148px;min-height:148px;padding:4px 10px 12px}
  .is-staged .comparison-card-heading{min-height:24px;gap:5px}
  .is-staged .comparison-card h4{font-size:11px;line-height:1.2;letter-spacing:-.2px}
  .is-staged .comparison-card p{font-size:11px;line-height:1.45;margin-top:8px}
}

/* Compact equal-height cards, with only the space their text requires. */
@media(min-width:761px){
 .comparison-card,.is-staged .comparison-card{height:var(--process-card-height,auto);min-height:90px;padding:9px 12px}
 .comparison-card-heading,.is-staged .comparison-card-heading{min-height:20px}
 .comparison-card p,.is-staged .comparison-card p{margin-top:7px;line-height:1.4}
}

/* Mobile trial and demo actions follow a single vertical flow. */
.mobile-cta{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
 .hero .hero-actions{display:none}
 .mobile-cta{display:block;width:100%;max-width:420px;margin:30px auto 0;text-align:center}
 .mobile-trial-form{display:grid;gap:12px}
 .mobile-trial-form input{box-sizing:border-box;width:100%;height:56px;padding:14px;border:1px solid #bfc5ce;border-radius:9px;background:#fff;color:#17253b;font:inherit;font-size:16px;box-shadow:0 1px 2px #0000000a}
 .mobile-trial-form input::placeholder{color:#94a0b4;opacity:1}
 .mobile-trial-form input:focus-visible{outline:2px solid #80b5ff;outline-offset:3px}
 .mobile-cta .button{height:56px;border-radius:9px;font-size:16px;font-weight:600;letter-spacing:0;padding:14px 20px;color:#fff}
 .mobile-trial-button{width:100%;display:flex;justify-content:space-between;gap:14px}
 .mobile-trial-arrow{flex:none;margin-left:auto;color:#fff}
 .mobile-cta-divider{display:flex;align-items:center;gap:13px;margin:24px 0;color:#fff;font-size:14px;line-height:20px}
 .mobile-cta-divider::before,.mobile-cta-divider::after{content:"";height:1px;background:#fff;flex:1}
 .mobile-demo-button{width:68%;min-width:200px}
}

/* Mobile comparison keeps both processes together with title-only steps. */
.comparison-mobile-title{display:none}
@media(max-width:760px){
 .prospecting-comparison{--comparison-card-top:112px;--comparison-row:52px}
 .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .comparison-meter,.comparison-meter-front{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4px 6px}
 .comparison-meter{height:68px;border-radius:12px}
 .comparison-meter h3{font-size:14px;line-height:1.2;letter-spacing:-.4px;white-space:normal;text-align:center;min-height:0}
 .comparison-time{margin:0;flex-direction:row;gap:5px;font-size:11px}
 .comparison-count{width:38px;height:24px;border-width:2px;font-size:14px}
 .comparison-unit{min-width:0}
 .comparison-finished{position:absolute;bottom:4px;font-size:9px;line-height:1.2;padding:2px 6px;letter-spacing:0}
 .comparison-card{height:var(--process-card-height,auto);min-height:44px;padding:6px 10px;border-radius:10px}
 .comparison-card,.comparison-rhycon .comparison-card:not(:nth-child(2)){margin-top:85px}
 .comparison-card:nth-child(2){margin-top:110px}
 .comparison-card-heading{height:auto;min-height:0;gap:6px;align-items:center}
 .comparison-card h4{font-size:13px;font-weight:400;line-height:1.25;letter-spacing:-.2px;min-width:0}
 .comparison-card p,.comparison-icon,.comparison-desktop-title{display:none}
 .comparison-mobile-title{display:inline}
 .comparison-check{width:14px;height:14px}
 .comparison-check svg{width:11px;height:11px}
 .comparison-column::after,.comparison-rhycon::after{height:240px}
}

/* Mobile cards enter the same clipped scroll stage as desktop cards. */
@media(max-width:760px){
 .is-staged .comparison-stage{display:block;position:sticky;top:20px}
 .is-staged .comparison-intro{margin-bottom:20px}
 .is-staged .comparison-grid{position:relative;top:auto}
 .is-staged .comparison-card{height:var(--process-card-height,auto);min-height:44px;padding:6px 10px}
 .is-staged .comparison-card-heading{height:auto;min-height:0;align-items:center}
 .is-staged .comparison-card h4{font-size:13px;line-height:1.25;letter-spacing:-.2px}
 .is-staged .comparison-check{margin-top:2px}
}