/* A response journey above a simple, comparable two-channel report. */
.home-results{scroll-margin-top:100px}
.hr-shell{padding:44px;background:#102c55;border-radius:28px;color:#fff;overflow:hidden}
.hr-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.hr-intro .fr-kicker{color:#c9d8ef;font-size:12px;letter-spacing:1.5px}
.hr-intro h2{font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-1.4px;max-width:600px;margin:15px 0}
.hr-intro p{font-size:16px;line-height:1.65;color:#c9d8ef;max-width:590px;margin:0}
.hr-intro>a{color:#102c55;background:#ffcf35;padding:15px 20px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap;min-height:48px;display:inline-flex;align-items:center;gap:12px}
.hr-journey{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hr-journey li{position:relative;min-width:0;padding-right:8px}
.hr-step-number{display:grid;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;border:1px solid #7c96ba;color:#ffcf35;border-radius:50%;margin-bottom:15px}
.hr-journey li:not(:last-child):after{content:'→';position:absolute;top:5px;left:52px;right:0;color:#a6bbda;text-align:right;background:linear-gradient(#ffffff30,#ffffff30) left center/calc(100% - 24px) 1px no-repeat}
.hr-journey strong{display:block;font-size:16px;line-height:1.4;margin-bottom:8px}
.hr-journey p{font-size:14px;line-height:1.6;margin:0;color:#c9d8ef}
.hr-report{background:#fff;color:#102c55;border-radius:18px;padding:28px 30px}
.hr-report-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hr-example{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#586d88;gap:8px;align-items:center}
.hr-example:before{content:'';width:7px;height:7px;background:#ffbf00;border-radius:50%}
.hr-report h3{font-size:24px;line-height:1.3;margin:8px 0 0;letter-spacing:-.6px}
.hr-periods{display:flex;align-items:center;border:1px solid #dae3ef;border-radius:9px;padding:4px;background:#f5f8fc;flex-shrink:0}
.hr-periods button{font:inherit;font-size:14px;min-height:42px;padding:9px 14px;border:0;background:transparent;color:#536981;border-radius:6px;cursor:pointer;font-weight:600}
.hr-periods button[aria-pressed=true]{background:#0754e9;color:#fff;box-shadow:0 2px 5px #0754e923}
.hr-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;border-block:1px solid #e3eaf3;margin:26px 0 22px;padding:22px 0}
.hr-metrics>div+div{border-left:1px solid #e3eaf3;padding-left:24px}
.hr-metrics strong{display:block;font-size:34px;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.hr-metrics span{font-size:14px;color:#5a6e86;display:block;line-height:1.5;margin-top:7px}
.hr-metrics>div:first-child strong{color:#0754e9}
.hr-chart-top{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.hr-chart-top>span{font-size:14px;color:#536981}
.hr-legend{display:flex;align-items:center;gap:20px;font-size:14px;color:#344e70;flex-wrap:wrap}
.hr-legend span{display:inline-flex;align-items:center;gap:7px}
.hr-key{width:11px;height:11px;border-radius:3px;display:inline-block;flex-shrink:0}.hr-key.phone{background:#0754e9}.hr-key.qr{background:#ffbf00;border:1px solid #bf8e00}
.hr-chart{display:flex;gap:14px;align-items:stretch}
.hr-axis{width:20px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:34px;color:#6b7d94;font-size:12px;font-variant-numeric:tabular-nums;align-items:end}
.hr-chart-scroll{min-width:0;flex:1;overflow-x:auto;overscroll-behavior-inline:contain;padding-top:20px;margin-top:-20px}
.hr-chart-scroll:focus-visible{outline-offset:-3px}
.hr-bars{--result-columns:7;display:grid;grid-template-columns:repeat(var(--result-columns),minmax(0,1fr));height:216px;gap:14px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e7edf5 calc(25% - 1px),#e7edf5 25%) left top/100% calc(100% - 34px) no-repeat}
.hr-column{display:flex;flex-direction:column;min-width:0;gap:12px}
.hr-bar-pair{height:182px;display:flex;align-items:end;justify-content:center;gap:5px;border-bottom:1px solid #ccd8e7}
.hr-bar{position:relative;display:block;width:26px;max-width:38%;height:var(--bar-height);min-height:2px;border-radius:5px 5px 0 0}
.hr-bar.hr-phone{background:#0754e9}.hr-bar.hr-qr{background:#ffbf00;box-shadow:inset 0 0 0 1px #ad810020}
.hr-bar>span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:12px;color:#526780;font-variant-numeric:tabular-nums}
.hr-day{text-align:center;font-size:12px;line-height:22px;color:#536981}
.hr-data{margin-top:19px;border-top:1px solid #e3eaf3;padding-top:17px}
.hr-data summary{font-size:14px;color:#35547c;cursor:pointer;min-height:32px;line-height:1.6}
.hr-data table{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0}.hr-data caption{text-align:left;color:#536981;padding:8px 0;line-height:1.5}.hr-data td,.hr-data th{text-align:right;border-bottom:1px solid #e3eaf3;padding:9px 6px}.hr-data th:first-child{text-align:left}
.hr-note{font-size:12px!important;color:#576b85!important;line-height:1.65!important;margin:12px 0 0!important}
.hr-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;font-size:14px;line-height:1.6;color:#c9d8ef}.hr-bottom p{margin:0}.hr-bottom a{color:#ffcf35;font-weight:650;white-space:nowrap}
.hr-sr{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:1000px){.hr-intro{align-items:start;flex-direction:column}.hr-shell{padding:32px}.hr-journey{gap:18px}.hr-report{padding:26px}.hr-bars{gap:10px}}
@media(max-width:650px){.hr-shell{padding:28px 20px;border-radius:20px}.hr-journey{grid-template-columns:1fr 1fr;gap:24px 20px}.hr-journey li:nth-child(2):after{display:none}.hr-report{padding:22px 16px;border-radius:13px}.hr-report-head{align-items:start;flex-direction:column;gap:16px}.hr-report h3{font-size:22px}.hr-periods{width:100%}.hr-periods button{flex:1}.hr-metrics{gap:12px;padding:20px 0}.hr-metrics>div+div{padding-left:12px}.hr-metrics strong{font-size:28px}.hr-metrics span{font-size:12px}.hr-chart-top{gap:10px}.hr-legend{font-size:12px;gap:14px}.hr-chart{gap:8px}.hr-bars{gap:5px}.hr-bar-pair{gap:3px}.hr-bar{border-radius:3px 3px 0 0}.hr-bar>span{display:none}.hr-chart-scroll.is-monthly .hr-bars{min-width:390px}.hr-bottom{flex-direction:column;align-items:start}.hr-intro h2{font-size:32px;letter-spacing:-1px}.hr-intro .fr-kicker{font-size:12px;letter-spacing:1px}}
@media(max-width:380px){.home-results.fr-wrap{padding-inline:12px}.hr-shell{padding:24px 14px}.hr-report{padding:20px 12px}.hr-metrics{gap:9px}.hr-metrics>div+div{padding-left:9px}.hr-metrics strong{font-size:26px}}