/* Wspólne elementy landingów Yukata Platforma i Yukata One, fala B3. */
.b3-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
.b3-hero__lead{margin-top:22px;font-size:1.16rem;line-height:1.65;color:rgba(26,26,26,.78);max-width:58ch}
.b3-price{background:var(--white);border:1px solid var(--ink);padding:34px 32px}
.b3-price__amount{font-family:var(--mono);font-size:3rem;line-height:1;color:var(--beni);font-weight:500}
.b3-price__amount small{font-size:1rem;color:var(--muted);font-weight:400;margin-left:4px}
.b3-price__monthly{font-family:var(--mono);font-size:.88rem;color:var(--muted);margin-top:10px}
.b3-price .btn{width:100%;margin-top:24px;padding:15px;font-size:1.02rem}
.b3-price__secondary{margin-top:16px;font-size:.9rem;line-height:1.55;color:var(--muted)}
.b3-price__fine{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:.84rem;line-height:1.55;color:var(--muted)}
.b3-price__fine strong{color:var(--ink);font-weight:600}

.b3-title{font-size:2.35rem;line-height:1.1;max-width:26ch}
.b3-lead{margin-top:16px;font-size:1.08rem;line-height:1.65;color:rgba(26,26,26,.76);max-width:66ch}
.b3-points{list-style:none;display:grid;gap:16px;margin-top:34px;max-width:820px}
.b3-points li{position:relative;background:var(--white);border:1px solid var(--line);padding:20px 22px 20px 48px;line-height:1.55}
.b3-points li::before{content:"";position:absolute;left:22px;top:30px;width:10px;height:2px;background:var(--beni)}
.b3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.b3-grid--2{grid-template-columns:repeat(2,1fr)}
.b3-grid--4{grid-template-columns:repeat(4,1fr)}
.b3-tile{background:var(--white);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column}
.b3-tile--primary{border-top:3px solid var(--indigo)}
.b3-tile__no{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--indigo);margin-bottom:14px}
.b3-tile h3{font-size:1.28rem;font-weight:600}
.b3-tile p{margin-top:10px;color:var(--muted);font-size:.95rem;line-height:1.58}
.b3-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.b3-list-title{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--beni);margin-bottom:14px}

.b3-compare{overflow-x:auto;margin-top:38px}
.b3-compare table{width:100%;border-collapse:collapse;min-width:680px}
.b3-compare th,.b3-compare td{width:50%;border:1px solid var(--line);padding:20px 22px;text-align:left;vertical-align:top;background:var(--white);font-size:.96rem;line-height:1.5}
.b3-compare th{font-family:'Spectral',Georgia,serif;font-size:1.35rem;font-weight:600;background:var(--near)}
.b3-compare th:first-child{border-top:3px solid var(--indigo)}
.b3-compare th:last-child{border-top:3px solid var(--beni)}
.b3-compare--platforma th:nth-child(1),.b3-compare--platforma td:nth-child(1){background:#f1f3fa;border-left-color:var(--indigo);border-right-color:var(--indigo)}
.b3-compare--platforma th:nth-child(1){box-shadow:inset 0 3px 0 var(--indigo)}
.b3-compare--platforma tbody tr:nth-child(3) td:nth-child(1) strong{color:var(--indigo);font-weight:700}
.b3-compare--one th:nth-child(2),.b3-compare--one td:nth-child(2){background:#fdf2f1;border-left-color:var(--beni);border-right-color:var(--beni)}
.b3-compare--one th:nth-child(2){box-shadow:inset 0 3px 0 var(--beni)}
.b3-compare--one tbody tr:first-child td:nth-child(2) strong{color:var(--beni);font-weight:700}
.b3-compare__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}
.b3-compare-cta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}
.b3-compare-cta-grid .btn{width:100%;justify-content:center}
.b3-compare-secondary{background:var(--white)}
.b3-compare__note{color:var(--muted);font-size:.95rem}
.b3-bridge{margin-top:36px;background:var(--white);border:1px solid var(--line);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.b3-bridge p{font-size:1rem;line-height:1.55}

.b3-band{background:var(--kachi);padding:56px 0;margin:-80px 0 70px}
.b3-band h2{color:var(--paper);font-size:2.45rem;max-width:22ch}
.b3-band p{color:rgba(247,243,235,.72);font-size:1.08rem;line-height:1.65;max-width:64ch;margin-top:18px}
.b3-closing-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:52px;align-items:stretch}
.b3-closing-grid>.pricebox{box-sizing:border-box;height:100%;max-width:none}
.b3-signup{box-sizing:border-box;height:100%;background:var(--white);border:1px solid var(--line);padding:34px 32px;display:flex;flex-direction:column;justify-content:center}
.b3-signup__head{display:block}
.b3-signup__head .email-capture__kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--beni)}
.b3-signup__head .dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--beni)}
.b3-signup__head .email-capture__title{margin-top:12px;font-size:2rem;line-height:1.12}
.b3-signup__head .accent{color:var(--beni);font-style:italic}
.b3-signup__lead{margin-top:14px;color:var(--muted);line-height:1.55}
.b3-signup__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:24px}
.b3-signup__label{grid-column:1/-1;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.b3-signup__input{min-width:0;border:1px solid var(--line);background:var(--paper);padding:14px 15px;font:inherit;color:var(--ink)}
.b3-signup__input:focus{outline:2px solid rgba(181,74,53,.2);border-color:var(--beni)}
.b3-signup__submit{border:1px solid var(--beni);background:var(--beni);color:var(--white);padding:14px 22px;font:600 .95rem var(--body);cursor:pointer;white-space:nowrap}
.b3-signup__submit:hover{background:#963b2c;border-color:#963b2c}
.b3-signup__submit:disabled{opacity:.6;cursor:wait}
.b3-signup__note{min-height:2.8em;margin-top:14px;color:var(--muted);font-size:.82rem;line-height:1.45}
.b3-faq__item{border-top:1px solid var(--line)}
.b3-faq__item:last-child{border-bottom:1px solid var(--line)}
.b3-faq__q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Spectral',Georgia,serif;font-size:1.22rem;font-weight:500;color:var(--ink)}
.b3-faq__sign{font-family:'Inter',sans-serif;font-size:1.45rem;color:var(--indigo);flex:none;transition:transform .2s}
.b3-faq__item[open] .b3-faq__sign{transform:rotate(45deg)}
.b3-faq__answer{padding:0 0 24px;color:var(--muted);font-size:1rem;line-height:1.65;max-width:74ch}
.b3-faq details>summary{list-style:none}
.b3-faq details>summary::-webkit-details-marker{display:none}

.ref__photo{width:72px;height:72px}
.b3-references-title{color:var(--paper);font-size:2.35rem}
.b3-audience-badge{display:inline-block;background:var(--white);border:1px solid var(--ink);padding:12px 18px;margin-bottom:24px;font-family:var(--mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:600}

@media (max-width:960px){
  .b3-hero__grid,.b3-split,.b3-closing-grid{grid-template-columns:1fr;gap:30px}
  .b3-grid,.b3-grid--2,.b3-grid--4,.b3-compare-cta-grid{grid-template-columns:1fr}
  .b3-title{font-size:1.9rem}
  .b3-price{padding:28px 22px}
  .b3-price__amount{font-size:2.45rem}
  .b3-price__amount small{display:block;margin:8px 0 0;font-size:.9rem}
  .b3-bridge{align-items:flex-start;flex-direction:column}
  .b3-band{margin:-56px 0 52px;padding:48px 0}
  .b3-band h2{font-size:1.9rem}
  .b3-signup{padding:28px 22px}
  .b3-signup__form{grid-template-columns:1fr}
}

/* Ceny brutto glowne + netto malym drukiem (zmiana cen 2026-07-24) */
.b3-price__netto{font-family:var(--mono);font-size:.82rem;color:var(--muted);margin-top:6px}
.pricebox__netto{font-family:var(--mono);font-size:.95rem;color:var(--muted);margin-top:8px}
.pricebox__terms{font-size:1.05rem;margin-top:18px}