/* v1-6 normal-site refinement (owner brief 2026-10-07). Loaded after site.css on the normal pages only —
   the PPC landings do not load it, so their rendering cannot change. Same tokens and visual language as the baseline. */

/* hero value points (replace the unproven stat badge) */
.hvals{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);max-width:640px}
.hvals li{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:#fff}
.hvals .i{width:18px;height:18px;color:var(--bm-yellow)}

/* home buyer situations */
.sit4 .center{max-width:760px;margin:0 auto 44px}
.sit4 .center .h2{margin-top:18px}
.sit4__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sit4__it{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px 24px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.sit4__it:hover{transform:translateY(-4px);border-color:var(--bm-tint-2);box-shadow:0 24px 50px -36px rgba(6,20,63,.45)}
.sit4__ic{display:flex;width:52px;height:52px;border-radius:50%;background:var(--bm-tint);color:var(--bm-blue);align-items:center;justify-content:center}
.sit4__ic .i{width:24px;height:24px}
.sit4__it h3{font-size:20px;line-height:1.25;font-weight:700;color:var(--bm-ink);margin-top:4px}
.sit4__it p{font-size:15.5px;line-height:1.55;color:var(--muted);flex:1}
.sit4__go{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--bm-blue)}
.sit4__go .i{width:16px;height:16px}

/* short, consistent process steps */
.steps--short li{padding-bottom:14px}
.steps--short .steps__h{padding:18px 0 4px}
.steps__s{font-size:15px;line-height:1.5;color:var(--muted);padding-left:42px}
.proc__cta{margin-top:30px}

/* proof: before/after tags, CTA row */
.refs__cta{margin-top:34px;display:flex;justify-content:center}
.ba{margin-top:46px}
.ba__pair a{position:relative}
.ba__tag{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:var(--pill);background:#fff;font-size:12.5px;font-weight:700;color:var(--bm-ink)}
.ba__pair a:nth-child(2) .ba__tag{background:var(--bm-yellow)}

/* question band: phone + survey */
.gcta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.gcta .btn--ghost{color:#fff}

/* what happens next (contact) */
.nextsteps{margin:22px 0;padding:22px 24px;border-radius:var(--r-sm);background:var(--bm-tint)}
.nextsteps h3{font-size:17px;font-weight:700;color:var(--bm-ink);margin-bottom:12px}
.nextsteps ol{display:grid;gap:10px}
.nextsteps li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:var(--bm-ink)}
.nextsteps li span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bm-yellow);font-size:13px;font-weight:700;color:var(--bm-ink)}
.nextsteps--light{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.nextsteps--light h3,.nextsteps--light li{color:#fff}
.kx__lead{max-width:760px;margin-top:18px;color:rgba(255,255,255,.86)}

/* rólunk: real work in progress */
.wip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wip__it{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bm-tint-2)}
.wip__it a{display:block;aspect-ratio:4/3}
.wip__it img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.wip__it a:hover img{transform:scale(1.04)}
.wip__it figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:var(--pill);background:rgba(6,20,63,.82);color:#fff;font-size:13px;font-weight:600}
.numlist--light p{color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.5;margin-top:4px}

/* referenciák: jump nav + categories */
.refnav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:46px}
.refnav b{font-size:15px;color:var(--bm-ink);margin-right:6px}
.refnav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:var(--pill);background:var(--bm-tint);font-size:14.5px;font-weight:600;color:var(--bm-ink);transition:background .2s,color .2s}
.refnav a:hover{background:var(--bm-blue);color:#fff}
.refcat{padding-top:34px;margin-top:34px;border-top:1px solid var(--line);scroll-margin-top:110px}
.refcat:first-of-type{border-top:0;margin-top:0;padding-top:0}
.refcat__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 28px;margin-bottom:20px}
.refcat__head .h2{margin:0}
.refcat__head p{color:var(--muted);font-size:16px}
.refcat .ba{margin-top:0}
.ref-video .h2{margin-bottom:14px}
.ref-video .lead{margin-bottom:24px}

@media (max-width:1080px){ .sit4__grid{grid-template-columns:1fr 1fr} }
@media (max-width:900px){ .wip__grid{grid-template-columns:1fr 1fr} }
@media (max-width:700px){
  .sit4__grid,.wip__grid{grid-template-columns:1fr}
  .hvals{gap:8px 18px}
  .steps__s{padding-left:0}
  .refnav{gap:8px}
  .refnav b{width:100%}
}
/* two accepted before/after pairs → two columns */
.ba__grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:700px){ .ba__grid{grid-template-columns:1fr} }