/* =====================================================================
   HOMEFolio Biznes — /biznes/ (agencje nieruchomości), 10.10.2026
   Komponenty wspólne z investment.css (klasy iv-*); tu tylko kolor kontrastowy: fiolet marki
   zamiast czerwieni Investment, oraz elementy własne strony agencji.
   ===================================================================== */
body.agn{--red:#8701FF;--red-deep:#6a1fd0;--red-soft:#efe6ff;--red-grad:linear-gradient(135deg,#8701FF 0%,#a24dff 60%,#c58dff 130%)}
.agn .iv-kick b{background:var(--violet)}
.agn .iv-hero h1 em{color:var(--red-deep)}
.agn .iv-tip b{background:var(--violet)}
.agn .iv-vis::after{background:var(--violet)}
.agn .iv-exc .shot .soon b,.agn .iv-pc .badge2{background:var(--violet)}
.agn .inv .sec.final .btn.p,.agn.inv .sec.final .btn.p{background:var(--acc);border-color:var(--acc);color:#000}
.agn.inv .sec.final .btn.p:hover{background:#fff;border-color:#fff}
.agn.inv .bbar .btn.p{background:var(--violet);border-color:var(--violet);color:#fff}

.ag-why{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.ag-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ag-why{grid-template-columns:minmax(0,1fr)}}

/* pilot: pierwsza realizacja (komponent cennika z base.css, tu na papierze) */
.agn .pilot{margin-top:28px}

/* pakiety ilościowe */
.ag-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:22px}
.ag-pack{position:relative;display:flex;flex-direction:column;padding:clamp(20px,2.4vw,28px);border-radius:20px;background:var(--card);border:1px solid var(--line2)}
.ag-pack.pop{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ag-pack .n{font:var(--num-font);font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.02em}
.ag-pack .n small{font:600 14px var(--sans);color:var(--ink3);margin-left:8px;letter-spacing:0}
.ag-pack.pop .n small{color:#bdb2a2}
.ag-pack .ld{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ink2)}
.ag-pack.pop .ld{color:#bdb2a2}
.ag-pack .disc{display:inline-block;margin-top:14px;padding:6px 10px;border-radius:6px;background:var(--red-soft);color:var(--red-deep);font:700 12px/1 var(--mono);letter-spacing:.06em;align-self:flex-start}
.ag-pack.pop .disc{background:var(--acc);color:#000}
.ag-pack dl{margin:16px 0 0;padding:0;display:grid;gap:10px}
.ag-pack dl div{display:grid;gap:2px;padding-top:10px;border-top:1px solid var(--line2)}
.ag-pack.pop dl div{border-top-color:rgba(255,255,255,.14)}
.ag-pack dt{font:600 12px/1.3 var(--mono);color:var(--ink3);letter-spacing:.04em;text-transform:uppercase}
.ag-pack.pop dt{color:#bdb2a2}
.ag-pack dd{margin:0;font:var(--num-font);font-size:22px}
.ag-pack dd small{font:500 13px var(--sans);color:var(--ink3);margin-left:6px}
.ag-pack.pop dd small{color:#bdb2a2}
.ag-pack .btn{align-self:flex-start;margin-top:22px}
.ag-pack.pop .btn{border-color:var(--acc);background:var(--acc);color:#000}
.ag-pack.pop .btn:hover{background:#fff;border-color:#fff}
@media (max-width:900px){.ag-packs{grid-template-columns:minmax(0,1fr)}.ag-pack.pop{order:-1}}

/* wyłączność: pięć kroków na ciemnym tle */
.ag-steps{list-style:none;counter-reset:w;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.ag-steps li{counter-increment:w;padding:18px 18px 20px;border-radius:16px;background:#1b1814;border:1px solid rgba(255,255,255,.12)}
.ag-steps li::before{content:"0" counter(w);display:block;font:700 12px/1 var(--mono);letter-spacing:.1em;color:var(--acc);margin-bottom:12px}
.ag-steps h3{font:600 17px/1.3 var(--sans);margin:0 0 8px;color:var(--dark-ink)}
.ag-steps p{margin:0;font-size:14px;line-height:1.5;color:var(--dark-ink2)}
.ag-steps a{color:var(--acc)}
.ag-steps li.tool{outline:2px solid var(--acc);outline-offset:-2px}
@media (max-width:1000px){.ag-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ag-steps{grid-template-columns:minmax(0,1fr)}}

/* porównanie: ogłoszenie kontra strona oferty */
.ag-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-top:28px}
.ag-vs article{padding:clamp(20px,2.4vw,28px);border-radius:20px;background:var(--card);border:1px solid var(--line2)}
.ag-vs article.hf{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ag-vs h3{font:600 18px/1.3 var(--sans);margin:0 0 12px}
.ag-vs ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ag-vs li{position:relative;padding-left:24px;font-size:15px;line-height:1.45}
.ag-vs li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:3px;background:var(--line2)}
.ag-vs article.hf li::before{background:var(--acc)}
.ag-vs .k{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:0 0 8px}
.ag-vs article.hf .k{color:#bdb2a2}
@media (max-width:760px){.ag-vs{grid-template-columns:minmax(0,1fr)}}