@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;700;800&display=swap');
:root{--green:#3d7a34;--green2:#508d43;--dark:#0a4932;--ink:#17281c;--muted:#5f6b63;--cream:#f7f5ef;--mint:#edf5ea;--line:#dfe6dc;--shadow:0 22px 55px rgba(23,40,28,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 'Inter',sans-serif;background:#fbfaf6}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;line-height:1.08}h1 span,h2 span{color:var(--green)}.site-header{height:96px;padding:0 clamp(28px,5vw,72px);display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:30;background:#fffffff5;border-bottom:1px solid #dfe6dcaa;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:600}.brand img{width:70px;height:58px;object-fit:contain}.site-header nav{display:flex;gap:16px;margin-left:auto}.site-header nav a{font-size:13px;font-weight:600}.site-header nav .active{color:var(--green)}.header-account{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:13px;font-weight:700}.header-cta{padding:12px 19px;border-radius:999px;line-height:normal;color:#fff;background:linear-gradient(#4c9341,#34722d);box-shadow:inset 0 1px #ffffff55,0 8px 18px #3d7a342e}.header-cta:hover{transform:translateY(-1px)}.menu{display:none;border:0;background:none;font-weight:700}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.18em;font-weight:800;margin-bottom:16px}.eyebrow.light{color:#cbe5c3}.hero{text-align:center;padding:88px 6vw 155px;background:radial-gradient(circle at 50% 85%,#e9f1e5,transparent 38%),linear-gradient(150deg,#faf8f3,#fff)}.hero h1{max-width:1000px;margin:0 auto;font-size:clamp(43px,5vw,70px)}.hero>p{max-width:760px;margin:22px auto;color:var(--muted);font-size:18px}.billing{display:inline-flex;border:1px solid var(--line);padding:4px;background:#fff;border-radius:40px;margin-top:15px}.billing button{border:0;background:transparent;border-radius:32px;padding:11px 17px;font-weight:700;cursor:pointer}.billing button.active{background:var(--green);color:#fff}.billing b{font-size:10px;background:#e6f2e2;color:var(--green);border-radius:20px;padding:4px 7px;margin-left:5px}.billing .active b{background:#ffffff25;color:#fff}.trust{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:20px}.plans{max-width:1300px;margin:-90px auto 0;padding:0 5vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;position:relative;box-shadow:var(--shadow);display:flex;flex-direction:column}.plan-card.pro{background:linear-gradient(155deg,#fff,#f0f6ed);border:2px solid var(--green);transform:translateY(-18px);box-shadow:0 28px 65px rgba(61,122,52,.2)}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:7px 18px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.plan-icon{width:52px;height:52px;border-radius:15px;background:var(--mint);display:grid;place-items:center;color:var(--green);font:800 22px 'Plus Jakarta Sans';margin-bottom:18px}.plan-card>small{font-size:9px;letter-spacing:.12em;color:var(--green);font-weight:800}.plan-card h2{font-size:36px;margin:4px 0 8px}.plan-for{color:var(--muted);min-height:50px}.price{display:flex;align-items:center;gap:8px;margin:17px 0 0}.price strong{font:800 43px 'Plus Jakarta Sans'}.price span{font-size:12px;font-weight:700;line-height:1.2}.price small{color:var(--muted);font-weight:400}.year-note{visibility:hidden;margin:3px 0 0;color:var(--green);font-size:10px}.year-note.show{visibility:visible}.plan-card ul{list-style:none;padding:18px 0;margin:0;border-top:1px solid var(--line);display:grid;gap:11px}.plan-card li{font-size:13px;display:flex;gap:8px}.plan-card li:before{content:'✓';color:var(--green);font-weight:800}.plan-btn{display:flex;justify-content:center;margin-top:auto;padding:13px 16px;border-radius:11px;font-weight:700}.plan-btn.primary,.section-cta{background:linear-gradient(180deg,#4f8f43,var(--green) 58%,#326b2d);color:#fff}.plan-btn.outline{border:1px solid var(--green);color:var(--green)}.plan-card>em{text-align:center;color:var(--green);font-size:10px;margin-top:10px}.more-agency{text-align:center;color:var(--green);text-decoration:underline;font-size:11px;margin-top:12px}.free-row{grid-column:1/-1;margin-top:12px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px 20px;display:grid;grid-template-columns:1fr auto;align-items:center}.free-row p{margin:0;color:var(--muted)}.free-row>button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.free-detail{grid-column:1/-1;display:none;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--line);font-size:12px}.free-row.open .free-detail{display:grid}.free-detail a{color:var(--green);font-weight:700}.section{padding:105px 7vw}.heading{max-width:700px}.heading h2{font-size:clamp(36px,4vw,56px);margin:0}.heading>p{color:var(--muted);font-size:17px}.center{text-align:center;margin:0 auto 48px}.center>p{margin:17px auto}.why-pro{background:linear-gradient(135deg,#f5f2e9,#edf4ea);text-align:center}.why-pro .heading{margin:0 auto 50px}.pro-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pro-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px}.pro-grid img{width:65px;height:65px;background:var(--mint);padding:11px;border-radius:17px}.pro-grid h3{font-size:20px}.pro-grid p{font-size:13px;color:var(--muted)}.section-cta{display:inline-flex;margin-top:32px;padding:14px 20px;border-radius:11px;font-weight:700}.details{background:#fff}.detail-tabs{width:min(620px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 auto 24px;padding:4px;border:1px solid var(--line);border-radius:15px}.detail-tabs button{border:0;border-radius:11px;background:#fff;padding:12px;font-weight:700;cursor:pointer}.detail-tabs button.active{background:var(--green);color:#fff}.detail-panel{max-width:1150px;margin:auto;display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.detail-panel aside{padding:30px;background:linear-gradient(160deg,#f0f6ed,#fff)}.detail-panel aside>small{font-size:9px;color:var(--green);font-weight:800;letter-spacing:.12em}.detail-panel aside h3{font-size:40px;margin:5px 0}.detail-panel aside p{font-size:13px;color:var(--muted)}.detail-price{font:800 27px 'Plus Jakarta Sans';margin:20px 0}.detail-price small{font:400 11px 'Inter';color:var(--muted)}.detail-panel>div{padding:25px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-metrics article{background:#f5f7f3;border-radius:13px;padding:18px;text-align:center;display:flex;flex-direction:column}.detail-metrics strong{font-size:20px}.detail-metrics span{font-size:10px;color:var(--muted)}.detail-features{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:20px}.detail-features h4{margin:0 0 15px;color:var(--green)}#detail-features{display:grid;grid-template-columns:1fr 1fr;gap:11px}#detail-features span{font-size:12px}.compare{background:#f7f6f1}.table-wrap{overflow-x:auto;padding-bottom:15px}.compare-table{min-width:900px;max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(250px,1.3fr) repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.compare-table>div{min-height:43px;border-bottom:1px solid #edf0ed;padding:10px 13px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px}.compare-table .label{justify-content:flex-start;text-align:left}.t-head{min-height:100px!important;font:800 20px 'Plus Jakarta Sans';display:flex!important;flex-direction:column;position:relative}.t-head small{font:500 12px 'Inter';color:var(--muted)}.recommended{background:linear-gradient(180deg,#eff6ec,#fbfdf9)}.t-head em{position:absolute;top:0;background:var(--green);color:#fff;border-radius:0 0 10px 10px;padding:4px 11px;font:800 9px 'Inter'}.group{background:#f3f5f1;color:var(--green);font-weight:800}.yes{color:var(--green);font-size:17px!important;font-weight:800}.no{color:#b7bdb8}.savings{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.savings h2{font-size:clamp(36px,4vw,55px);margin:0}.savings>div>p{color:var(--muted)}.savings label{display:block;margin-top:30px}.savings input{width:100%;accent-color:var(--green)}.saving-card{background:var(--dark);color:#fff;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.saving-card>div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff1f}.saving-card span{color:#cfe0d2}.saving-card strong{font:800 25px 'Plus Jakarta Sans'}.saving-card .saving-total{background:#ffffff0e;margin:12px -10px 0;padding:20px 10px;border-radius:12px;border:0}.saving-total strong{color:#aee69f}.saving-card>small{display:block;text-align:right;margin-top:10px;color:#aee69f}.custom{background:linear-gradient(135deg,#f5f2e9,#eef4eb)}.custom-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.custom-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.custom-grid img{width:65px;height:65px;background:var(--mint);padding:10px;border-radius:16px}.custom-grid h3{font-size:27px}.custom-grid p{color:var(--muted)}.custom-grid button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{width:100%;display:flex;justify-content:space-between;text-align:left;background:none;border:0;padding:23px 0;font-weight:700;cursor:pointer}.faq-list button b{color:var(--green);font-size:21px}.faq-list article>p{display:none;color:var(--muted);margin:0;padding:0 40px 24px 0}.faq-list article.open>p{display:block}.final-cta{margin:0 4vw 45px;padding:76px 6vw;text-align:center;border-radius:25px;background:linear-gradient(125deg,#0a4932,#0b5532 48%,#0b4a30);color:#fff}.final-cta>img{width:58px;height:58px}.final-cta h2{font-size:clamp(35px,4vw,55px);margin:0}.final-cta p{color:#d6e4d7}.button-white{display:table;margin:22px auto 10px;background:#fff;color:var(--green);padding:14px 22px;border-radius:11px;font-weight:700}.compare-link{font-size:12px;text-decoration:underline;color:#d6e4d7}.modal{position:fixed;inset:0;background:#0b2015a8;display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-panel{position:relative;width:min(600px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:35px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:26px;cursor:pointer}.modal-panel h3{font-size:30px;margin:0}.modal-panel>p{color:var(--muted)}.modal-panel form{display:grid;gap:13px}.modal-panel label{display:grid;gap:5px;font-size:12px;font-weight:700}.modal-panel input,.modal-panel select,.modal-panel textarea{border:1px solid #d5ddd3;border-radius:8px;padding:10px}.modal-panel textarea{min-height:80px}.modal-panel form button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:13px;font-weight:700}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}footer{min-height:70px;background:linear-gradient(90deg,#0a4932,#0b5532 48%,#0b4a30);color:#fff;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:24px;padding:16px max(6vw,64px)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand>img{width:38px;height:38px;filter:brightness(1.55) saturate(.9)}.footer-brand>span{display:flex;flex-direction:column}.footer-brand b{font:600 19px/1 'Plus Jakarta Sans'}.footer-brand small{font-size:11px;opacity:.82;margin-top:4px}footer nav{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:13px}.socials{display:flex;gap:8px}.socials img{width:30px;height:30px;border-radius:8px}
@media(max-width:1180px){.site-header nav{display:none}.menu{display:block;margin-left:auto}.site-header.open nav{display:flex;position:absolute;top:96px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}.site-header{padding:18px 30px}.plans{grid-template-columns:1fr 1fr}.plan-card.pro{transform:none}.plan-card.agency{grid-column:1/-1}.pro-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.socials{justify-content:flex-start}}
@media(max-width:800px){.plans,.detail-panel,.savings,.faq{grid-template-columns:1fr}.plan-card.agency{grid-column:auto}.free-detail{grid-template-columns:1fr 1fr}.detail-metrics{grid-template-columns:1fr 1fr}.custom-grid{grid-template-columns:1fr}.section{padding:80px 5vw}}
@media(max-width:600px){.site-header{min-height:70px;padding:6px 20px}.brand{font-size:24px}.brand img{width:48px;height:46px}.header-account{display:none}.site-header.open nav{top:70px}.hero{padding:55px 22px 130px}.hero h1{font-size:38px}.billing{display:grid}.plans{padding-left:18px;padding-right:18px}.pro-grid,#detail-features{grid-template-columns:1fr}.free-row{grid-template-columns:1fr}.free-row>button{text-align:left;padding:8px 0}.free-detail{grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr}.final-cta{margin:0 14px 24px;padding:55px 22px}footer{display:flex;flex-wrap:wrap;padding:28px 22px}footer nav{order:3;flex-direction:column;align-items:flex-start}.socials{order:2}}

/* Pełne wypełnienie panelu szczegółów – tło strony pozostaje tylko wokół karty. */
.detail-panel > div {
  background: #fff;
}

.detail-panel,
.detail-features {
  background-color: #fff;
}

/* Plan Free – pełna karta informacyjna. */
.free-row {
  grid-template-columns: 82px minmax(280px, 1.15fr) minmax(270px, .9fr) minmax(210px, .65fr);
  gap: 28px;
  padding: 30px 34px;
  border-color: #d6e3d2;
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(23, 40, 28, .08);
}
.free-icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 18px;
  color: var(--green);
  background: var(--mint);
  font: 800 34px "Plus Jakarta Sans", sans-serif;
}
.free-copy h3 {
  margin: 0 0 10px;
  font: 800 25px/1.18 "Plus Jakarta Sans", sans-serif;
  letter-spacing: -.03em;
}
.free-copy h3 span { color: var(--green); }
.free-copy p {
  max-width: 480px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.free-benefits {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.free-benefits li {
  display: flex;
  gap: 10px;
  font-size: 13px;
}
.free-benefits li::before {
  content: "✓";
  color: var(--green);
  font-weight: 800;
}
.free-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}
.free-action a {
  width: 100%;
  padding: 15px 18px;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(180deg, #4f8f43, var(--green) 58%, #326b2d);
  text-align: center;
  font-weight: 700;
}
.free-action small { color: var(--muted); }

@media (max-width: 1050px) {
  .free-row { grid-template-columns: 72px 1fr 1fr; }
  .free-action { grid-column: 2 / -1; }
}
@media (max-width: 700px) {
  .free-row { grid-template-columns: 1fr; }
  .free-action { grid-column: auto; align-items: stretch; }
}