/* HRTally buyer guides: HR software demo and HR software pricing */
.by-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.by-stats .al-stat{margin:0}
.by-stats .al-stat strong{font-size:28px}
.by-art{max-width:380px;margin-left:auto}
.by-lead .et-fields select,.by-lead .et-fields input{min-width:0;width:100%}
.by-est{border:1px solid #dcd6ff;border-radius:18px;background:linear-gradient(135deg,#f3f8ff,#f6f2ff);padding:20px 22px;margin:18px 0 22px}
.by-est-in{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}
.by-est-in label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--ink,#0b1d3a)}
.by-est-in input,.by-est-in select{font:inherit;font-weight:500;padding:11px 12px;border:1px solid var(--line,#e4e7f2);border-radius:10px;background:#fff;min-width:0;width:100%}
.by-est-out{margin-top:16px;background:#fff;border:1px solid var(--line,#e4e7f2);border-left:4px solid var(--indigo,#3d33e6);border-radius:14px;padding:14px 16px}
.by-est-lab{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7393}
.by-est-out strong{display:block;font-family:"Manrope",sans-serif;font-size:clamp(20px,2.4vw,25px);color:var(--indigo,#3d33e6);line-height:1.2;margin:4px 0}
.by-est-out p{margin:0!important;font-size:15px!important}
.by-est-foot{font-size:13.5px!important;margin:12px 0 0!important;color:#4b5470}
table.by-scen td:first-child,table.by-price td:first-child{min-width:140px}
table.by-price td:nth-child(2){min-width:130px}
table.by-price td:nth-child(3){min-width:240px}
.by-type{display:block;font-size:12.5px;color:#6b7393;font-weight:500;margin-top:2px}
@media (max-width:860px){.by-stats{grid-template-columns:1fr}.by-art{margin:0}}
@media (max-width:560px){.by-est-in{grid-template-columns:1fr}}
/* Demo page: hero form, video, chapters */
.by-hero-demo .b-hero-in{align-items:start}
.by-hform{background:#fff;border:1px solid #dcd6ff;border-radius:20px;padding:20px 20px 16px;box-shadow:0 20px 50px -24px rgba(61,51,230,.35)}
.by-hform h2{font-size:21px;margin:6px 0 6px;line-height:1.25}
.by-hform>p{font-size:14.5px;margin:0 0 12px;color:#4b5470}
.by-hform .et-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.by-hform .et-fields input,.by-hform .et-fields select{min-width:0;width:100%}
.by-hform .btn{width:100%;justify-content:center;margin-top:10px}
.by-hform .et-note{font-size:12.5px;margin:8px 0 0}
.by-video{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin:18px 0 10px;align-items:start}
.by-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0b1d3a}
.by-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.by-play{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.by-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.by-play-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));transition:transform .15s}
.by-play:hover .by-play-ic,.by-play:focus-visible .by-play-ic{transform:translate(-50%,-50%) scale(1.08)}
.by-play:focus-visible{outline:3px solid var(--indigo,#3d33e6);outline-offset:-3px}
.by-play-cap{position:absolute;left:12px;bottom:12px;background:rgba(11,29,58,.85);color:#fff;font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px}
.by-chaps{border:1px solid var(--line,#e4e7f2);border-radius:16px;background:#fff;max-height:340px;overflow:auto}
.by-chaps-h{display:block;position:sticky;top:0;background:#fff;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#6b7393;padding:12px 14px 8px;border-bottom:1px solid var(--line,#e4e7f2)}
.by-chaps ol{list-style:none;margin:0!important;padding:4px!important}
.by-chaps li{margin:0!important;padding:0!important}
.by-chap{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;width:100%;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.35;color:var(--ink,#0b1d3a)}
.by-chap:hover,.by-chap:focus-visible,.by-chap.on{background:#f1efff}
.by-chap-t{flex:none;font-weight:800;color:var(--indigo,#3d33e6);min-width:40px;font-variant-numeric:tabular-nums}
.by-ts{font-weight:700;font-variant-numeric:tabular-nums}
.by-vnote{font-size:14px!important;color:#4b5470}
.by-cta-row{margin:6px 0 4px}
table.by-chap-tbl td:first-child{white-space:nowrap}
table.by-chap-tbl td:nth-child(2){min-width:150px}
.by-hands{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.by-hand{display:flex;gap:12px;border:1px solid var(--line,#e4e7f2);border-radius:14px;padding:14px 16px;background:#fff}
.by-hand h3{font-size:16.5px!important;margin:0 0 4px!important;line-height:1.3}
.by-hand p{margin:0!important;font-size:15px!important}
.by-hand-n{flex:none;width:30px;height:30px;border-radius:9px;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
.by-at{font-size:13px;font-weight:600;color:#6b7393;white-space:nowrap}
@media (max-width:1000px){.by-video{grid-template-columns:1fr}.by-chaps{max-height:260px}}
@media (max-width:980px){.by-hero-demo .b-hero-art{order:0;max-width:none}}
@media (max-width:700px){.by-hands{grid-template-columns:1fr}}
@media (max-width:420px){.by-hform .et-fields{grid-template-columns:1fr}}