/* TaxCoach: Najlepszy partner dla MŚP, wariant home */

/* --- reset / izolacja od CSS strony --- */
.mspl--home{margin:40px 0;text-align:left;line-height:1.55;-webkit-font-smoothing:antialiased}
.mspl--home *,.mspl--home *::before,.mspl--home *::after{margin:0;padding:0;box-sizing:border-box;text-align:left}
.mspl--home h2,.mspl--home h3{letter-spacing:-.5px}
.mspl--home .fw-end,.mspl--home .fw-end *{text-align:center}


.mspl--home{--tc-dark:#2d202c; --tc-violet1:#332139; --tc-violet2:#4a384f; --tc-gold:#d0ad86; --tc-gold2:#b8935e; --tc-cream:#eceae6; --font:'Nunito Sans',Arial,sans-serif;}
.mspl--home .aud-msp,.mspl--home .aud-msp *{box-sizing: border-box; font-family: var(--font);}
.mspl--home .aud-msp{width: 100%; background: linear-gradient(160deg, var(--tc-violet1) 0%, var(--tc-violet2) 100%); padding: 76px 0; position: relative; overflow: hidden; color: var(--tc-cream);}
.mspl--home .aud-msp::before{content: ""; position: absolute; top: -140px; right: -140px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(208,173,134,.12) 0%, transparent 65%); pointer-events: none;}
.mspl--home .aud-msp__in{position: relative; z-index: 1; max-width: 1100px; width: calc(100% - 40px); margin: 0 auto;}
.mspl--home .aud-msp__h{font: 800 34px/1.15 var(--font); color: var(--tc-cream); letter-spacing: -.5px; margin: 0 0 12px;}
.mspl--home .aud-msp__h span{color: var(--tc-gold);}
.mspl--home .aud-msp__sub{font: 500 17px/1.7 var(--font); color: rgba(236,234,230,.65); margin: 0 0 34px;}
.mspl--home .aud-msp__guarantee{display: flex; gap: 18px; align-items: flex-start; margin-top: 26px; padding: 22px 26px; border-radius: 14px; background: rgba(208,173,134,.12); border: 1px solid rgba(208,173,134,.4); color: var(--tc-gold);}
.mspl--home .aud-msp__guarantee > svg{width: 30px; height: 30px; flex-shrink: 0; margin-top: 2px;}
.mspl--home .aud-msp__guarantee b{display: block; font: 800 16px/1.3 var(--font); color: var(--tc-cream); margin-bottom: 6px;}
.mspl--home .aud-msp__guarantee p{font: 400 15px/1.7 var(--font); color: rgba(236,234,230,.72); margin: 0;}
@media (max-width: 768px){.mspl--home .aud-msp{padding: 52px 0;}
.mspl--home .aud-msp__h{font-size: 26px;}
.mspl--home .aud-msp__sub{font-size: 16px; margin-bottom: 24px;}
.mspl--home .aud-msp__guarantee{flex-direction: column; gap: 12px; padding: 18px;}
.mspl--home .aud-msp__guarantee p{font-size: 14px;}}
.mspl--home .V4 .aud-msp__guarantee{background:#2d202c;border:1px solid rgba(208,173,134,.15)}
.mspl--home .fw .aud-msp__guarantee{margin-top:34px}
@media (max-width:600px){.mspl--home .fw .fw-ksi--bar{display:grid;grid-template-columns:38px 1fr;column-gap:14px;row-gap:12px;align-items:center;padding:20px 18px 20px 18px}
.mspl--home .fw .fw-ksi--bar>div:last-child{display:contents}
.mspl--home .fw .fw-ksi--bar h3{grid-column:2;margin:0}
.mspl--home .fw .fw-ksi--bar p{grid-column:1 / -1;margin:0}
.mspl--home .fw .fw-ksi--bar .fw-ic{margin:0}}
.mspl--home .fw-end{display:flex;align-items:center;gap:22px;margin:34px 0 4px;text-align:center}
.mspl--home .fw-end::before,.mspl--home .fw-end::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(208,173,134,.55))}
.mspl--home .fw-end::after{background:linear-gradient(270deg,transparent,rgba(208,173,134,.55))}
.mspl--home .fw-end span{font:700 21px/1.35 var(--font);color:var(--tc-gold);letter-spacing:.2px}
@media (max-width:600px){.mspl--home .fw-end{gap:12px;margin-top:26px}
.mspl--home .fw-end span{font-size:17px}}
.mspl--home .fw-sub{font-style:normal;font-weight:600;color:var(--tc-gold)}
.mspl--home .fw-d{font-style:normal}
.mspl--home .fw-card .fw-sub,.mspl--home .fw-ksi .fw-sub{display:block;font-size:13px;line-height:1.35;margin-top:3px}
.mspl--home .fw-card .fw-d,.mspl--home .fw-ksi .fw-d{display:none}
.mspl--home .fw .aud-msp__sub{color:rgba(236,234,230,.9)}
.mspl--home .fw .fw-card h3{color:#fff}
.mspl--home .fw .fw-card p,.mspl--home .fw .fw-ksi p,.mspl--home .fw .aud-msp__guarantee p{color:rgba(250,248,244,.96)}
.mspl--home .fw .aud-msp__guarantee b{color:#fff}
.mspl--home .fw-card{position:relative;background:#2d202c;border:1px solid rgba(208,173,134,.15);border-left:3px solid var(--ac);border-radius:14px;padding:20px 22px;transition:background .3s}
.mspl--home .fw-card:hover{background:#271c26}
.mspl--home .fw-card__top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mspl--home .fw-ic{width:38px;height:38px;border-radius:50%;background:var(--ac);color:var(--ic);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mspl--home .fw-ic svg{width:19px;height:19px}
.mspl--home .fw-card h3{font:800 17px/1.3 var(--font);color:var(--tc-cream);margin:0}
.mspl--home .fw-card p{font:400 14px/1.65 var(--font);color:rgba(236,234,230,.72);margin:0}
.mspl--home .fw-ring{display:block;width:100%;height:auto;overflow:visible}
.mspl--home .fw-ring text{font-family:var(--font);font-weight:800;letter-spacing:.14em}
.mspl--home .fw-ring .fw-heart-t{letter-spacing:.08em}
.mspl--home .fw-ring .fw-heart-s{font-weight:600;letter-spacing:.02em}
.mspl--home .fwA{display:grid;grid-template-columns:1fr minmax(320px,400px) 1fr;gap:30px;align-items:center}
.mspl--home .fwA__col{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:24px}
.mspl--home .fwA__col:first-child .fw-card::after,.mspl--home .fwA__col:last-child .fw-card::before{content:"";position:absolute;top:50%;width:30px;height:2px;background:var(--ac);opacity:.7}
.mspl--home .fwA__ring{position:relative}
.mspl--home .fwA__ring::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:46px;margin-left:-1px;background:#eceae6;opacity:.7}
.mspl--home .fw-ksi{position:relative;z-index:1}
.mspl--home .fwA__col:first-child .fw-card::after{left:100%}
.mspl--home .fwA__col:last-child .fw-card::before{right:100%}
.mspl--home .fwA__col:last-child .fw-card{border-left:1px solid rgba(208,173,134,.15);border-right:3px solid var(--ac)}
@media (max-width:1000px){.mspl--home .fwA{grid-template-columns:1fr;gap:14px}
.mspl--home .fwA__col{display:contents}
.mspl--home .fwA__ring{order:-1;max-width:360px;width:100%;margin:0 auto 14px}
.mspl--home .fwA .fw-card{order:var(--o)}
.mspl--home .fwA .fw-card::before,.mspl--home .fwA .fw-card::after,.mspl--home .fwA__ring::before{display:none}
.mspl--home .fwA__col:last-child .fw-card{border-right:1px solid rgba(208,173,134,.15);border-left:3px solid var(--ac)}}
.mspl--home .fw-ksi{display:flex;align-items:center;gap:22px;max-width:820px;margin:0 auto 30px;background:#2d202c;border:1px solid rgba(208,173,134,.15);border-radius:16px;padding:18px 26px 18px 20px}
.mspl--home .fw-ksi--bar{border-left:3px solid #eceae6;padding:18px 26px 18px 22px;gap:16px;align-items:flex-start}
.mspl--home .fw-ksi--bar .fw-ic{margin-top:1px}
.mspl--home .fw-ksi h3{font:800 18px/1.3 var(--font);color:var(--tc-cream);margin:0 0 5px}
.mspl--home .fw-ksi h3 span{display:inline-block;margin-left:10px;font:700 11px/1 var(--font);letter-spacing:1.4px;text-transform:uppercase;color:var(--tc-gold)}
.mspl--home .fw-ksi p{font:400 14px/1.65 var(--font);color:rgba(236,234,230,.92);margin:0}
@media (max-width:600px){.mspl--home .fw-ksi{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}
.mspl--home .fw-ksi h3 span{display:block;margin:6px 0 0}}
.mspl--home{font-family:var(--font)}
.mspl--home .mspl--home__kicker{font-size:11.5px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;color:#d0ad86;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.mspl--home .mspl--home__kicker::after{content:'';flex:0 0 32px;height:2px;background:#c49a6c}
.mspl--home .aud-msp__h{font-size:clamp(26px,3.3vw,38px);line-height:1.18;margin-bottom:14px}
.mspl--home .aud-msp{padding:76px 32px}
.mspl--home .aud-msp__in{max-width:1180px;width:100%}
@media (max-width:640px){.mspl--home .aud-msp{padding:58px 20px}}
.mspl--home .aud-msp{background:#3C2F3B}
.mspl--home .aud-msp .fw-card:hover{background:#2d202c}
.mspl--home .aud-msp::before{display:none}

/* ekran 640-1000px: koło na górze, kafelki 2x2 */
@media (min-width:640px) and (max-width:1000px){.mspl--home .fwA{grid-template-columns:1fr 1fr;gap:16px}.mspl--home .fwA__ring{grid-column:1/-1}}
/* wersja kompaktowa: mniejsze odstępy, bez dopisków pod tytułami kafelków */
.mspl--home .aud-msp{padding-top:48px;padding-bottom:48px}
.mspl--home .aud-msp__h{margin-bottom:8px}
.mspl--home .aud-msp__sub{margin-bottom:22px}
.mspl--home .fw-ksi{margin-bottom:18px;padding:14px 22px 14px 18px}
@media (min-width:1001px){.mspl--home .fwA{gap:24px;grid-template-columns:1fr minmax(280px,340px) 1fr}}
.mspl--home .fwA__col{gap:14px}
.mspl--home .fw-card{padding:14px 18px}
.mspl--home .fw-card__top{margin-bottom:6px}
.mspl--home .fw-card h3{line-height:1.25}
.mspl--home .fw .aud-msp__guarantee{margin-top:20px;padding:14px 22px}
.mspl--home .fw-end{margin-top:20px}
@media (max-width:1000px){.mspl--home .fwA.fwA{gap:12px}
.mspl--home .fwA__ring{max-width:300px;margin-bottom:8px}
}
@media (min-width:640px) and (max-width:1000px){.mspl--home .fwA.fwA{grid-template-columns:1fr 1fr}
.mspl--home .fwA .fwA__ring{grid-column:1/-1}
}

/* mobile: koło na górze, pod nim Księgowość, potem kafelki */@media (max-width:1000px){.mspl--home .aud-msp__in{display:flex;flex-wrap:wrap;column-gap:16px}
.mspl--home .aud-msp__in>*{width:100%;order:20}
.mspl--home .aud-msp__in>.aud-msp__h,.mspl--home .aud-msp__in>.aud-msp__sub{order:0}
.mspl--home .fwA.fwA{display:contents}
.mspl--home .fwA .fwA__ring{order:1}
.mspl--home .aud-msp__in>.fw-ksi{order:2;margin-bottom:12px}
.mspl--home .fwA .fw-card{order:calc(2 + var(--o));width:100%;margin-bottom:12px}
}
@media (min-width:640px) and (max-width:1000px){.mspl--home .fwA .fw-card{width:calc(50% - 8px)}
}

