/* Five independent lanes, each moving from a quiet old way to a warmer DataZen result. */
.lp-root .pull-comparison{background:#0b1720;color:#f0f5f8;padding:46px 0 42px}
.lp-root .pull-comparison>.wrap{width:min(1260px,calc(100% - 64px))}
.lp-root .pull-comparison .section-top{text-align:center;max-width:none;margin:0 0 28px}
.lp-root .pull-comparison .kicker{color:#f29a58}
.lp-root .pull-comparison h2{font-size:clamp(1.9rem,2.8vw,2.45rem);margin:10px 0 0;color:#f0f5f8;font-weight:600}
.pull-scroll{overflow-x:auto;padding:3px 1px 6px}
.pull-board{--label:205px;min-width:780px}
.pull-row{--old-width:calc((100% - var(--label))*.42);--zen-width:calc((100% - var(--label))*.58);position:relative;isolation:isolate;height:122px;margin-bottom:12px;border:1px solid #31434f;border-radius:13px;background:#10212c;overflow:hidden}
.pull-row:last-child{margin-bottom:0}
.pull-category{position:absolute;inset:0 auto 0 0;width:var(--label);z-index:5;display:flex;align-items:center;justify-content:flex-start;gap:12px;border:0;border-right:1px solid #344752;background:#152630;color:#eef4f7;font:inherit;font-size:.9375rem;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;padding:12px 16px;transition:background .25s}
.pull-icon{position:relative;display:block;flex:0 0 46px;height:46px;--icon-size:68px}
.pull-icon.icon-ai,.pull-icon.icon-cdc,.pull-icon.icon-landing,.pull-icon.icon-agents{--icon-size:68px}
.pull-category .pull-icon img{position:absolute;left:50%;top:50%;width:var(--icon-size);height:var(--icon-size);max-width:none;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}
.pull-category:hover,.pull-row.is-open .pull-category{background:#1b2e3b}
.pull-track{position:absolute;inset:0;overflow:hidden;z-index:1}
.pull-sheet{position:absolute;top:0;bottom:0;will-change:transform}
.pull-old{left:var(--label);width:var(--old-width);z-index:3;transform:translateX(calc(-100% + 32px))}
.pull-zen{left:calc(var(--label) + var(--old-width));width:var(--zen-width);z-index:2;transform:translateX(calc(-100% / .58 + 56px))}
.pull-panel{box-sizing:border-box;position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;background:#1b2c37;padding:12px 26px 12px 20px}
.pull-zen .pull-panel{background:linear-gradient(105deg,#fff3e6,#ffe4c7);padding:12px 38px 12px 34px;border-left:1px solid #efbd90}
.lane-pill{display:inline-flex;align-items:center;flex:none;border:1px solid #475966;border-radius:20px;padding:3px 9px;color:#c0ced7;background:#263944;font-size:.75rem;line-height:1.15;font-weight:500;letter-spacing:.025em;opacity:0;transition:opacity .18s}
.pull-zen .lane-pill{background:#f9d4b2;border-color:#eeb989;color:#873f17;font-weight:650}
.lp-root .pull-panel p{margin:0;color:#b8c7d1;font-size:.9375rem;line-height:1.5;font-weight:400;opacity:0;transition:opacity .18s}
.lp-root .pull-zen p{color:#3b332b;font-size:1rem;line-height:1.5;font-weight:550;letter-spacing:-.012em}
.lane-arrow{position:absolute;right:-17px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:1px solid #cf9a6c;border-radius:50%;background:#ffedda;color:#a75623;z-index:4;cursor:pointer;padding:8px;box-shadow:0 2px 7px #00000014}
.lane-arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lane-arrow:hover{background:#ffd7af;color:#773811}
.pull-tab{position:absolute;right:0;top:calc(50% + 20px);width:20px;height:28px;z-index:3;border:1px solid #e77b2c;border-right:0;border-radius:9px 0 0 9px;padding:0;display:grid;place-items:center;cursor:pointer;background:#ed862f;color:#fff}
.pull-grip{display:grid;grid-template-columns:repeat(2,3px);gap:3px;pointer-events:none}
.pull-grip i{width:3px;height:3px;background:currentColor;border-radius:50%}
.pull-tab:hover{background:#d46b1e}
.pull-category:focus-visible,.pull-tab:focus-visible,.lane-arrow:focus-visible{outline:2px solid #eea065;outline-offset:-4px}
.pull-row.is-open .pull-sheet{transform:translateX(0)}
.lp-root .pull-row.is-open .pull-panel p,.pull-row.is-open .lane-pill{opacity:1;transition-delay:.12s}
@media(max-width:1050px){.pull-board{--label:180px}.pull-row{height:138px}.pull-category{gap:8px;padding:10px 12px}.pull-category .pull-icon{flex-basis:40px}.pull-panel{padding:12px 23px 12px 16px}.pull-zen .pull-panel{padding:12px 30px 12px 28px}}
@media(max-width:760px){.lp-root .pull-comparison>.wrap{width:calc(100% - 36px)}.lp-root .pull-comparison{padding:40px 0}.pull-board{--label:165px;min-width:780px}.pull-row{height:154px}.pull-category{font-size:.875rem;padding:10px}.pull-panel{padding:10px 22px 10px 14px}.pull-zen .pull-panel{padding:10px 28px}.lp-root .pull-zen p{font-size:.9375rem}}
.lp-root .pull-sheet{transition:transform 1.2s cubic-bezier(.25,.65,.25,1)!important}
.lp-root .pull-zen{transition-delay:90ms!important}

/* Navy capability, lighter navy context, and steel-blue old-way labels. */
.pull-category{background:#11233f;border:1px solid rgba(91,183,244,.72);border-top-color:rgba(118,203,255,.82);border-bottom-color:rgba(49,139,210,.58);box-shadow:inset 0 0 0 1px rgba(104,196,255,.28),inset 0 0 13px rgba(50,158,231,.18),0 0 12px rgba(44,151,226,.30),0 0 3px rgba(114,205,255,.48)}
.pull-category:hover,.pull-row.is-open .pull-category{background:#182f50;box-shadow:inset 0 0 0 1px rgba(89,184,246,.18),0 0 15px rgba(44,151,226,.36),0 0 4px rgba(114,205,255,.55)}
.pull-tab{touch-action:none;cursor:grab}
.pull-row.is-drag-resisting .pull-tab{cursor:grabbing}
.pull-row.is-drag-resisting .pull-sheet{transition:none!important;transform:translateX(var(--resist-pull,0px))!important}
.pull-row.is-overpulled .pull-sheet{filter:saturate(.86)}
.pull-row.is-snapping-back .pull-sheet{transition:transform .5s cubic-bezier(.16,1.35,.28,1)!important;transform:translateX(0)!important}
.pull-old .pull-panel{background:#243d5b}
.pull-old .lane-pill{background:#507da6;border-color:#6c96bb;color:#f2f7fc}
.lp-root .pull-old p{color:#cad9e7}

/* Open drawers resist closing and settle back into their fully revealed state. */
.pull-row.is-resisting-close .pull-old{animation:resisted-old-close .54s cubic-bezier(.2,.8,.2,1)}
.pull-row.is-resisting-close .pull-zen{animation:resisted-zen-close .54s .025s cubic-bezier(.2,.8,.2,1)}
@keyframes resisted-old-close{0%,100%{transform:translateX(0)}42%{transform:translateX(-18px)}68%{transform:translateX(5px)}}
@keyframes resisted-zen-close{0%,100%{transform:translateX(0)}42%{transform:translateX(-24px)}68%{transform:translateX(6px)}}

/* Phone layout: each capability becomes one readable, self-contained comparison. */
@media(max-width:980px){
  .lp-root .pull-comparison>.wrap{width:calc(100% - 28px)}
  .pull-scroll{overflow:clip;padding:0}
  .pull-board{min-width:0;display:grid;gap:14px}
  .pull-row{height:auto;min-height:0;margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:14px}
  .pull-category{position:relative;inset:auto;order:-1;width:100%;min-height:66px;padding:9px 14px;border:0;border-bottom:1px solid rgba(91,183,244,.55);border-radius:0;gap:10px;pointer-events:none}
  .pull-icon,.pull-category .pull-icon{flex-basis:42px;height:42px;--icon-size:60px}
  .pull-track{position:relative;inset:auto;display:grid;grid-template-columns:1fr;overflow:visible}
  .pull-sheet,.pull-old,.pull-zen{position:relative;inset:auto;left:auto;top:auto;bottom:auto;width:100%;transform:none!important;filter:none!important}
  .pull-panel{position:relative;inset:auto;min-height:0;padding:14px 16px;gap:6px}
  .pull-zen .pull-panel{padding:14px 16px;border-left:0;border-top:1px solid #efbd90}
  .lane-pill,.lp-root .pull-panel p{opacity:1!important}
  .lp-root .pull-panel p,.lp-root .pull-zen p{font-size:.9rem;line-height:1.45}
  .lane-arrow,.pull-tab{display:none}
}