/* reset */
    *,*::before,*::after{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0;-webkit-text-size-adjust:100%}
    img{max-width:100%;height:auto;display:block}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    h1,h2,h3,p{margin:0}
    ul{margin:0;padding:0;list-style: none}

    :root{
      --text:#000;
      --muted:#333;
      --pink:#d40050;
      --lightblue:#00A4D9;
      --verylight:#f8f8f8;
      --white:#fff;
      --bg:#fff8f4;
      --line:#e6e6e6;
      --container:1100px;
      --fontS:12px;
      --fontM:16px;
      --fontL:18px;
      --fontXL:22px;
      --fontXXL:28px;
      --paddingXS:4px;
      --paddingS:10px;
      --paddingM:20px;
      --paddingL:40px;
      --marginS:10px;
      --marginM:20px;
      --marginL:40px;
      --radiusS:5px;
      --radiusM:20px;
      --radiusL:30px;
    }

    body{
      font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text);
      background:#fff;
      line-height:1.45;
    }

    .container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
    header{border-bottom:1px solid var(--line)}
    .topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--paddingS) 0}
    .brand{display:flex;align-items:center;gap:10px}
    .brand img{width:250px;height:54px}
    nav ul{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
    nav a{padding:var(--paddingS)}
    nav strong {color: var(--pink)}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--paddingS) var(--paddingL);font-weight:700;border:0;cursor:pointer;border-radius:var(--radiusL)}
    .btn.primary{ background: linear-gradient(90deg, #F7821A 0%, #F5A82A 50%, #F1C232 100%);color:#000;font-weight:700;text-transform:uppercase;}
    .btn.secondary{background:var(--pink);color:var(--white)}
    .section{padding:var(--paddingL) 0;border-bottom:1px solid var(--line)}
    .hero{padding:var(--paddingL) 0 var(--paddingM)}
    .grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}

    .hero h1{font-size:clamp(var(--fontXXL),5vw,44px);line-height:1.1;font-weight:900}
    .lead{font-size:clamp(var(--fontM),2.2vw,18px);color:var(--muted);font-size: var(--fontL);margin: var(--marginS) 0 var(--marginL)}


    .bullets li::before,
    #blogpost ul li::before{
      content: "✓"; font-weight: 900;font-size: var(--fontL);margin-right: var(--marginS); 
      background: linear-gradient(90deg, #F7821A 0%, #F5A82A 50%, #F1C232 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }



    .cta {display: flex;justify-content: center;margin-top: var(--marginL)}

    .cta .btn{width:100%}

    .side{display:grid;gap:12px;margin-top: var(--marginL)}
    #formularz, .promo {background: var(--bg); border-radius:var(--radiusM); padding:var(--paddingM);}
    .icons3{display:grid;gap:10px}
    .iconline{display:flex;gap:10px;align-items:flex-start}
    .iconline img{width:22px;height:22px;}
    .iconline span{color:var(--text)}

    form{display:grid;gap:10px}
    label{font-weight:500;font-size:14px}
    input,select{
      width:100%;
      padding:var(--paddingS);
      border:1px solid var(--line);
      border-radius:var(--radiusS);
      background:#fff;
      color:#000;
    }
    input[type="checkbox"] {width: auto;}
    fieldset {border:none}
    ._x24912406,
    ._x97273948,
    ._x15958249{
      display: none;
    }

    .form-note{font-size:12px;color:var(--muted)}
    .two{display:grid;gap:10px}

    h2{font-size:clamp(var(--fontXL),3.2vw,32px);line-height:1.15;font-weight: 900;margin:var(--marginL) auto;text-align: center;}

    p {line-height: 1.8}
    .sub{color:var(--muted);max-width:75ch}

    .cards{display:grid;grid-template-columns:1fr;gap:10px;padding-top: var(--paddingL)}
    .card{padding:0}
    .card h3{font-size:18px;margin-bottom:6px}
    .card p{color:var(--muted)}
    .money{font-weight:400;margin:8px 0}

    .logos{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
    .faq{display:grid;gap:10px;}
    details{border:1px solid var(--line);padding:var(--paddingS)}
    summary{cursor:pointer;font-weight:700}

    footer{padding:var(--paddingM) 0;color:var(--muted);font-size:12px}

    @media (min-width: 900px){
      .grid{grid-template-columns:1.15fr .85fr;gap:26px}
      .cta .btn{width:auto}
      .two{grid-template-columns:1fr 1fr}
      .cards{grid-template-columns:repeat(3,1fr)}
      .logos{grid-template-columns:repeat(4,1fr)}
    }

 



.statement {
  text-align: center;
  font-weight: 500;
  font-style: italic;
  font-size: var(--fontXL);
}
em{ color:var(--pink);text-decoration:underline; font-weight:700 }



/* ===== lista ===== */

ul.listing{
  list-style:none;
  margin:var(--marginM) 0;
  display:grid;
  gap:var(--marginS);
}

ul.listing > li{
  min-height: 120px;

  position:relative;

  padding:var(--paddingS) 0 var(--paddingS) 60px;

  border-radius:var(--radiusM);

  background:var(--bg);

  transition:
    transform .12s ease,
    box-shadow .12s ease,
    background .12s ease;
}


/* ===== avatar autora ===== */

ul.listing > li::before{

  content:"";
  position:absolute;
  left:var(--paddingS);
  top:var(--paddingS);
  width:60px;
  height:100px;
  border-radius:999px;
  background:url("/img/autor.webp") center/cover no-repeat;
  border:2px solid var(--pink);
  box-shadow:0 0 0 1px rgba(0,0,0,.18);

}


/* ===== tag ===== */

ul.listing .tag{

  display:inline-block;

  font-size:var(--fontS);

  padding:var(--paddingXS) var(--paddingS);

  margin-bottom:var(--marginXS);
  margin-left:var(--marginM);

  border-radius:999px;

  background:var(--line);

  max-width:calc(var(--paddingL) * 5);

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

}


/* ===== link / tytuł ===== */

ul.listing>a{

  display:block;

  text-decoration:none;

  font-size:var(--fontL);
  font-weight:800;

  line-height:1.25;
  margin-left:var(--marginM);

  padding-right: var(--paddingL);

}


/* ===== strzałka ===== */

ul.listing li::after{

  content:"→";

  position:absolute;

  right:var(--paddingM);

  top:50%;

  transform:translateY(-50%);

  font-size:var(--fontL);

  font-weight:900;

  opacity:.35;

  transition:
    transform .12s ease,
    opacity .12s ease;

}


/* ===== hover ===== */

ul.listing li:hover{

  transform:translateY(calc(var(--marginXS) * -1));

  box-shadow:0 var(--marginS) var(--marginL) rgba(0,0,0,.10);

}

ul.listing li:hover::after{

  opacity:.85;

  transform:
    translateY(-50%)
    translateX(var(--marginXS));

}



#blog, #blogpost {margin-bottom: var(--marginL)}
#blogpost a{text-decoration: underline;color: var(--lightblue)}


@media (min-width: 900px) {
  #for-brands #hero .cards {
    grid-template-columns: 1fr 2fr;
  }
}


table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.5;
    padding: var(--paddingL) 0;
}

th,
td {
    padding: var(--paddingS) var(--paddingM);
    text-align: left;
    vertical-align: top;
    border-right: 2px solid var(--white);
}

th {
    font-weight: 600;
    background: var(--lightblue);
}


tbody tr:nth-child(even) {
    background: var(--bg);
}

tbody tr:nth-child(odd) {
    background: var(--white);
}


.breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--paddingXS);

  list-style: none;
  margin: 0;
  padding: 0 var(--paddingS);

  background: var(--verylight);
  border-radius: var(--radiusS);

  font-size: var(--fontS);
}

/* elementy */
.breadcrumbs li {
  display: flex;
  align-items: center;
  color: var(--muted);
}

/* linki */
.breadcrumbs a, #blogpost .breadcrumbs a {
  display: inline-flex;
  align-items: center;
  gap: var(--paddingXS);

  color: var(--muted);
  text-decoration: none;
}

/* hover */
.breadcrumbs a:hover {
  text-decoration: underline;
}

/* separator */
.breadcrumbs li::after {
  content: "›";
  margin-left: var(--marginS);
  color: var(--muted);
  opacity: 0.6;
}

.breadcrumbs li:last-child::after {
  content: "";
}

/* aktywna strona */
.breadcrumbs li[aria-current="page"] {
  font-weight: 500;
}

/* ikonka domu przed pierwszym breadcrumbem */
.breadcrumbs li:first-child a::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5L12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-9.5z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5L12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1 1v-9.5z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.breadcrumbs li:first-child a {
  display: inline-flex;
  align-items: center;
}

.breadcrumbs li:last-child {
  margin-left: var(--marginS);
}