:root {
  --ink: #17253a;
  --navy: #071d36;
  --navy-2: #0c2a4c;
  --orange: #f39a22;
  --gold: #be8b36;
  --gold-light: #e4bf73;
  --cream: #f5efe3;
  --paper: #fffdf8;
  --muted: #667085;
  --line: #ded5c4;
  --green: #347348;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.site-header {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 12px 5vw;
  border-bottom: 1px solid #e8e2d8;
  background: rgba(255, 253, 248, .97);
  position: relative;
  z-index: 20;
}

.brand { display: flex; flex-direction: column; align-items: center; width: 190px; flex: 0 0 auto; }
.brand img { width: 172px; height: 58px; object-fit: contain; object-position: center; }
.brand span { font-size: 8px; letter-spacing: .28em; font-weight: 800; color: var(--navy); margin-top: -6px; white-space: nowrap; }
nav { display: flex; align-items: center; justify-content: center; gap: 25px; font-size: 12px; font-weight: 800; }
nav a { padding: 12px 0; }
nav a:hover, nav a:focus-visible, .account-link:hover, .account-link:focus-visible { color: var(--gold); }
.header-actions { display: flex; align-items: center; gap: 16px; flex: 0 0 auto; }
.account-link { font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid #a69a87; padding: 8px 0 6px; }

.button {
  min-height: 50px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  border: 1px solid var(--navy);
  background: var(--navy);
  color: white;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 11px;
  font-weight: 900;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
  cursor: pointer;
}
.button:hover { background: #123a66; border-color: #123a66; transform: translateY(-2px); }
.button:focus-visible, .text-link:focus-visible, .account-link:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
.button-small { min-height: 42px; padding: 0 18px; gap: 12px; }
.button-light { background: #fff; border-color: #fff; color: var(--navy); }
.button-light:hover { background: #f7ecd9; border-color: #f7ecd9; }
.button-outline { background: transparent; border-color: #71859b; color: white; }
.button-outline:hover { background: white; color: var(--navy); border-color: white; }
.full { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid #9d927e; padding-bottom: 7px; }

.kicker { display: flex; align-items: center; gap: 12px; color: var(--gold); font-size: 10px; letter-spacing: .22em; font-weight: 900; margin: 0 0 24px; }
.kicker span { width: 32px; height: 1px; background: currentColor; }
.kicker.light { color: var(--gold-light); }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; margin: 0; color: var(--navy); }

.reference-hero { position: relative; background: #04172b; overflow: hidden; }
.reference-hero-media { width: 100%; }
.reference-hero-image { display: block; width: 100%; height: auto; aspect-ratio: 1736 / 907; object-fit: cover; }
.mobile-hero-copy { display: none; }

.hero-action-band {
  width: 90%;
  min-height: 118px;
  margin: -1px auto 0;
  padding: 24px 3.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  color: white;
  background: var(--navy);
  border: 1px solid rgba(214, 169, 81, .28);
  border-top: 0;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 22px 55px rgba(9, 27, 46, .16);
  position: relative;
  z-index: 11;
}
.hero-action-band > div:first-child { display: flex; flex-direction: column; gap: 8px; }
.hero-action-band strong { font-family: Georgia, "Times New Roman", serif; font-size: 23px; font-weight: 400; }
.hero-action-band > div:first-child span { color: #aebcca; font-size: 12px; line-height: 1.5; }
.hero-actions { display: flex; align-items: center; gap: 26px; }
.hero-action-band .button { background: var(--orange); border-color: var(--orange); color: #091a2d; box-shadow: 0 14px 28px rgba(242, 163, 59, .2); white-space: nowrap; }
.hero-action-band .text-link { color: white; border-color: #6d7f92; white-space: nowrap; }

.numbers {
  width: 90%;
  margin: 28px auto 0;
  min-height: 142px;
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.35fr;
  align-items: center;
  border: 1px solid rgba(8, 31, 57, .08);
  border-radius: 20px;
  box-shadow: 0 22px 55px rgba(9, 27, 46, .10);
  background: rgba(255, 253, 248, .98);
  padding: 28px 3vw;
}
.numbers div { display: flex; align-items: center; gap: 15px; padding: 0 20px; border-right: 1px solid var(--line); }
.numbers strong { font-family: Georgia, serif; font-size: 50px; color: var(--gold); font-weight: 400; }
.numbers span { font-size: 10px; line-height: 1.55; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.numbers p { padding-left: 34px; color: #68717b; font-family: Georgia, serif; font-size: 15px; font-style: italic; line-height: 1.55; }

.premium-strip { display: flex; justify-content: center; align-items: center; gap: 25px; flex-wrap: wrap; padding: 54px 5vw 0; color: #79818b; font-size: 9px; letter-spacing: .25em; font-weight: 900; }
.premium-strip i { width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }

.section { padding: 108px 7vw; }
.section-heading { display: grid; grid-template-columns: 1fr 1.05fr; gap: 8vw; align-items: end; }
.section-heading h2 { font-size: clamp(44px, 4.6vw, 70px); line-height: 1.02; }
.section-heading > p, .section-heading > div + p { font-size: 16px; line-height: 1.8; color: #596575; max-width: 560px; margin: 0 0 6px; }
.compact-heading { margin-bottom: 54px; }

.features-section { margin-top: 40px; background: #e9e2d5; }
.feature-grid { margin-top: 64px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.feature-grid article { padding: 34px; border: 1px solid rgba(9, 29, 53, .09); border-radius: 18px; background: rgba(255, 253, 248, .78); box-shadow: 0 16px 36px rgba(15, 30, 45, .045); transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.feature-grid article:hover { transform: translateY(-6px); background: #fffdf8; box-shadow: 0 25px 45px rgba(15, 30, 45, .10); }
.feature-number { display: inline-grid; place-items: center; width: 38px; height: 38px; border: 1px solid #d7bd88; border-radius: 50%; color: var(--gold); font-size: 10px; letter-spacing: .12em; }
.feature-grid h3 { font-family: Georgia, serif; font-size: 24px; font-weight: 400; margin: 34px 0 16px; color: var(--navy); }
.feature-grid p { color: #68717b; font-size: 13px; line-height: 1.75; margin: 0; }

.products-section { background: var(--paper); }
.product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.product-card { position: relative; min-height: 560px; padding: 44px; border-radius: 24px; border: 1px solid #ded5c4; overflow: hidden; }
.product-card::after { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; right: -120px; bottom: -120px; background: rgba(190, 139, 54, .08); pointer-events: none; }
.windows-card { background: #f4ede1; }
.mobile-card-product { background: #0a2747; color: white; border-color: #0a2747; }
.product-card-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.product-platform { font-size: 10px; letter-spacing: .22em; font-weight: 900; color: var(--gold); }
.mobile-card-product .product-platform { color: var(--gold-light); }
.product-mark { font-family: Georgia, serif; font-size: 36px; color: rgba(7, 29, 54, .18); }
.mobile-card-product .product-mark { color: rgba(255, 255, 255, .15); }
.product-card h3 { margin: 38px 0 16px; font-family: Georgia, serif; color: var(--navy); font-size: clamp(34px, 3.1vw, 48px); font-weight: 400; letter-spacing: -.035em; }
.mobile-card-product h3 { color: white; }
.product-lead { margin: 0 0 30px; max-width: 630px; font-size: 15px; line-height: 1.75; color: #586574; }
.mobile-card-product .product-lead { color: #b9c7d4; }
.product-card ul { list-style: none; padding: 24px 0 0; margin: 0; border-top: 1px solid rgba(12, 39, 72, .12); display: grid; gap: 15px; }
.mobile-card-product ul { border-color: rgba(255, 255, 255, .13); }
.product-card li { display: flex; align-items: flex-start; gap: 11px; font-size: 13px; line-height: 1.5; }
.product-link { margin-top: 34px; position: relative; z-index: 2; }
.mobile-card-product .product-link { color: white; border-color: #75889c; }

.check { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 50%; background: #e5f0e5; color: var(--green); font-size: 12px; flex: 0 0 auto; }

.most-section { margin: 0 3vw 105px; padding: 84px 6vw; border-radius: 30px; background: var(--navy); color: white; display: grid; grid-template-columns: .9fr 1.1fr; gap: 7vw; align-items: center; box-shadow: 0 30px 65px rgba(4, 21, 40, .18); }
.most-copy h2 { color: white; font-size: clamp(42px, 4vw, 64px); line-height: 1.02; }
.most-copy > p:not(.kicker) { color: #b5c3d0; line-height: 1.8; font-size: 15px; margin: 28px 0; }
.most-points { display: grid; gap: 13px; }
.most-points > span { display: flex; align-items: center; gap: 10px; color: #e6edf3; font-size: 13px; }
.most-diagram { display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; }
.device-box { min-height: 190px; padding: 28px; border-radius: 18px; background: #fffaf0; color: var(--navy); display: flex; flex-direction: column; justify-content: center; text-align: center; box-shadow: 0 18px 44px rgba(0, 0, 0, .20); }
.device-box small { color: var(--gold); font-weight: 900; letter-spacing: .18em; font-size: 9px; }
.device-box strong { font-family: Georgia, serif; font-size: 31px; font-weight: 400; margin: 10px 0 6px; }
.device-box span { font-size: 11px; color: #697480; }
.most-bridge { min-width: 112px; display: flex; flex-direction: column; align-items: center; gap: 7px; color: var(--gold-light); }
.most-bridge > span { font-size: 31px; line-height: 1; }
.most-bridge b { font-family: Georgia, serif; color: white; font-size: 24px; font-weight: 400; }
.most-bridge small { color: #93a7bb; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }

.workflow { margin: 0 3vw; border-radius: 30px; overflow: hidden; min-height: 660px; box-shadow: 0 30px 65px rgba(4, 21, 40, .22); background: var(--navy); display: grid; grid-template-columns: 1fr 1fr; color: white; }
.workflow-visual { padding: 90px 5vw; display: flex; align-items: center; position: relative; background: #102d50; overflow: hidden; }
.document-card { width: 72%; min-width: 315px; background: var(--paper); color: var(--ink); padding: 34px; transform: rotate(-2deg); border-radius: 8px; box-shadow: 0 30px 75px rgba(0, 0, 0, .34); }
.document-card > p { color: var(--gold); font-size: 8px; letter-spacing: .22em; }
.document-card h3 { font-family: Georgia, serif; font-size: 27px; margin: 10px 0 30px; font-weight: 400; }
.doc-line, .doc-total { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 10px; }
.doc-total { margin-top: 22px; color: var(--navy); font-size: 13px; }
.flow-arrow { color: var(--orange); font-size: 40px; margin-left: -10px; z-index: 2; }
.signed-card { background: white; color: var(--navy); padding: 22px; width: 190px; display: flex; flex-direction: column; border-radius: 13px; box-shadow: 0 15px 32px rgba(0, 0, 0, .25); }
.seal { width: 36px; height: 36px; display: grid; place-items: center; background: #e5f0e5; color: var(--green); border-radius: 50%; margin-bottom: 15px; }
.signed-card small { color: #68717b; margin-top: 5px; font-size: 9px; }
.workflow-copy { padding: 96px 7vw 76px; }
.workflow-copy h2 { color: white; font-size: clamp(42px, 4vw, 62px); line-height: 1.04; }
.workflow-copy ol { list-style: none; counter-reset: steps; padding: 0; margin: 54px 0 0; }
.workflow-copy li { counter-increment: steps; position: relative; padding: 0 0 25px 55px; display: flex; flex-direction: column; border-bottom: 1px solid #36506d; margin-bottom: 24px; }
.workflow-copy li::before { content: "0" counter(steps); position: absolute; left: 0; top: 0; color: var(--gold-light); font-size: 10px; letter-spacing: .1em; }
.workflow-copy li b { font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.workflow-copy li span { margin-top: 7px; color: #acbac7; font-size: 12px; line-height: 1.65; }

.ksef-section { margin: 105px 3vw; padding: 84px 6vw; border-radius: 30px; background: #f7f2e8; box-shadow: 0 22px 55px rgba(15, 30, 45, .08); display: grid; grid-template-columns: .75fr 1.25fr; gap: 7vw; align-items: center; }
.ksef-copy h2 { font-size: clamp(40px, 4vw, 61px); line-height: 1.04; }
.ksef-copy > p:not(.kicker) { color: #596575; font-size: 15px; line-height: 1.8; margin: 26px 0; }
.ksef-copy ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 13px; }
.ksef-copy li { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.screenshot-frame { border-radius: 18px; overflow: hidden; border: 8px solid #10243d; box-shadow: 0 32px 75px rgba(9, 28, 51, .2); transform: perspective(1200px) rotateY(-2deg); background: #10243d; }
.screenshot-frame img { display: block; width: 100%; }

.pricing { background: var(--navy); margin: 0 3vw; border-radius: 30px; color: white; }
.pricing .section-heading h2 { color: white; }
.pricing .section-heading > p, .pricing .section-heading > div + p { color: #aebcca; }
.pricing .kicker { color: var(--gold-light); }
.plans { margin-top: 70px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.plan { position: relative; min-width: 0; padding: 38px 32px 34px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 20px; background: #102a49; color: white; overflow: hidden; }
.plan.featured { background: #fbf7ef; color: var(--navy); border: 0; transform: translateY(-16px); box-shadow: 0 28px 70px rgba(0, 0, 0, .32); }
.plan-state { grid-column: 1 / -1; max-width: 720px; width: 100%; margin: 0 auto; text-align: center; }
.popular { display: block; margin: -38px -32px 24px; padding: 11px 20px; background: var(--orange); color: #0a1c30; text-align: center; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.promotion-badge { display: inline-flex; max-width: 100%; margin-bottom: 15px; padding: 7px 10px; border-radius: 999px; background: #fff1d6; color: #80500f; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.plan-eyebrow { margin: 0 0 12px; color: var(--gold-light) !important; font-size: 9px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.featured .plan-eyebrow { color: var(--gold) !important; }
.plan h3 { margin: 0 0 17px; font-family: Georgia, serif; font-size: 30px; font-weight: 400; }
.plan > p:not(.plan-eyebrow) { min-height: 70px; color: #aebcca; font-size: 12px; line-height: 1.7; }
.plan.featured > p:not(.plan-eyebrow) { color: #667383; }
.price { margin: 26px 0; padding: 24px 0; border-top: 1px solid rgba(255, 255, 255, .12); border-bottom: 1px solid rgba(255, 255, 255, .12); }
.featured .price { border-color: #ddd1bf; }
.price del { display: block; color: #89929c; font-size: 15px; margin-bottom: 4px; }
.price b { display: block; font-family: Georgia, serif; font-size: 36px; font-weight: 400; }
.price span { display: block; margin-top: 5px; color: #91a3b5; font-size: 10px; }
.featured .price span { color: #6d7782; }
.plan .button { margin-bottom: 26px; }
.plan.featured .button { background: var(--orange); border-color: var(--orange); color: #0a1c30; }
.plan ul { list-style: none; padding: 25px 0 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, .12); display: grid; gap: 13px; }
.plan.featured ul { border-color: #ddd1bf; }
.plan li { display: flex; align-items: flex-start; gap: 9px; font-size: 11px; line-height: 1.5; }
.pricing-note { margin: 30px auto 0; max-width: 850px; color: #91a3b5; text-align: center; font-size: 11px; line-height: 1.65; }

.account-section { padding-top: 90px; padding-bottom: 90px; }
.account-card { padding: 52px 5vw; border: 1px solid #ded5c4; border-radius: 24px; background: #f5efe3; display: grid; grid-template-columns: 1.3fr .7fr; gap: 7vw; align-items: center; }
.account-card h2 { font-size: clamp(42px, 4.4vw, 66px); line-height: 1.02; }
.account-card p:not(.kicker) { max-width: 690px; color: #596575; line-height: 1.8; font-size: 14px; }
.account-actions { display: flex; flex-direction: column; gap: 15px; align-items: stretch; }
.account-actions > span { color: #747d87; font-size: 11px; line-height: 1.5; text-align: center; }

.faq { padding-top: 75px; background: #f4eee3; display: grid; grid-template-columns: .72fr 1.28fr; gap: 8vw; }
.faq h2 { font-size: clamp(42px, 4vw, 62px); }
.faq-list { border-top: 1px solid #d7cdbd; }
.faq details { padding: 26px 0; border-bottom: 1px solid #d7cdbd; }
.faq summary { list-style: none; display: flex; justify-content: space-between; gap: 20px; cursor: pointer; font-family: Georgia, serif; font-size: 20px; color: var(--navy); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { color: var(--gold); font-family: Arial, sans-serif; font-size: 23px; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq details p { margin: 18px 40px 0 0; color: #626d78; font-size: 13px; line-height: 1.75; }

.cta { margin: 0 3vw 54px; padding: 72px 6vw; border-radius: 28px; background: #0b2d52; color: white; box-shadow: 0 25px 55px rgba(3, 20, 38, .18); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.cta::after { content: "FLIZPOL"; position: absolute; right: -20px; bottom: -42px; font-family: Georgia, serif; font-size: 150px; color: rgba(255, 255, 255, .035); letter-spacing: -.04em; pointer-events: none; }
.cta > * { position: relative; z-index: 2; }
.cta h2 { color: white; font-size: clamp(40px, 4vw, 62px); max-width: 800px; }
.cta p:not(.kicker) { color: #b6c4d1; line-height: 1.75; font-size: 14px; max-width: 720px; }
.cta-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; flex: 0 0 auto; }
.cta-mail { color: #d5e0ea; font-size: 12px; border-bottom: 1px solid #607995; padding-bottom: 5px; }

footer { min-height: 190px; padding: 38px 5vw; background: #dfd6c6; display: grid; grid-template-columns: auto 1fr auto; gap: 35px; align-items: center; }
.footer-brand { width: 180px; }
footer > p { color: #5b6570; font-size: 12px; line-height: 1.6; max-width: 500px; }
.footer-links { display: flex; align-items: center; justify-content: flex-end; gap: 20px; color: #53606d; font-size: 11px; }
.footer-links a:hover { color: var(--navy); }

.sales-announcement { position: relative; z-index: 30; display: flex; justify-content: center; gap: 14px; padding: 13px 24px; background: var(--gold); color: var(--navy); text-align: center; }
.sales-announcement strong { font-family: Georgia, serif; }
.sales-announcement-backdrop { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(2, 17, 31, .76); backdrop-filter: blur(4px); }
.sales-announcement.modal { position: relative; width: min(620px, 100%); flex-direction: column; align-items: center; gap: 18px; padding: 42px 34px 34px; border-radius: 20px; background: linear-gradient(145deg, var(--navy), #102d46); color: white; border: 2px solid var(--gold); box-shadow: 0 24px 80px #0008; }
.sales-announcement.modal strong { font-size: clamp(26px, 5vw, 38px); }
.sales-announcement.modal span { max-width: 52ch; line-height: 1.65; }
.sales-announcement.modal .button { min-width: 200px; }
.sales-announcement-close { position: absolute; top: 12px; right: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: white; font-size: 29px; line-height: 1; cursor: pointer; }
.sales-announcement-close:hover, .sales-announcement-close:focus-visible { background: var(--gold); color: var(--navy); outline: 3px solid white; }

@media (max-width: 1180px) {
  nav { gap: 17px; }
  nav a:nth-child(2), nav a:nth-child(3) { display: none; }
  .numbers { grid-template-columns: repeat(3, 1fr); }
  .numbers p { grid-column: 1 / -1; border-top: 1px solid var(--line); margin: 24px 0 0; padding: 24px 20px 0; text-align: center; }
  .plans { gap: 13px; }
  .plan { padding-left: 24px; padding-right: 24px; }
  .popular { margin-left: -24px; margin-right: -24px; }
}

@media (max-width: 900px) {
  .site-header { flex-wrap: wrap; padding: 10px 4vw 14px; }
  .brand { width: 165px; }
  .brand img { width: 150px; }
  nav { order: 3; width: 100%; justify-content: center; border-top: 1px solid #e8e2d8; padding-top: 8px; }
  nav a:nth-child(2), nav a:nth-child(3) { display: block; }
  .header-actions { margin-left: auto; }

  .reference-hero { min-height: 0; display: flex; flex-direction: column; }
  .reference-hero-media { order: 2; width: 100%; height: 420px; overflow: hidden; }
  .reference-hero-image { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: right center; }
  .mobile-hero-copy { order: 1; display: block; padding: 65px 7vw 44px; color: white; background: var(--navy); }
  .mobile-hero-copy h2 { color: white; font-size: clamp(44px, 10vw, 68px); line-height: .98; }
  .mobile-hero-copy h2 em { color: var(--gold-light); font-weight: 400; }
  .mobile-hero-copy > p:last-child { max-width: 660px; margin: 24px 0 0; color: #b8c5d2; font-size: 16px; line-height: 1.7; }

  .hero-action-band { width: calc(100% - 32px); margin-top: -18px; padding: 24px; flex-direction: column; align-items: flex-start; border-radius: 18px; }
  .hero-actions { width: 100%; justify-content: space-between; }

  .numbers { width: calc(100% - 32px); grid-template-columns: repeat(3, 1fr); padding: 26px 18px; }
  .numbers div { padding: 0 12px; }

  .section { padding-left: 5vw; padding-right: 5vw; }
  .section-heading { grid-template-columns: 1fr; gap: 28px; }
  .section-heading > p, .section-heading > div + p { max-width: 760px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .product-grid { grid-template-columns: 1fr; }
  .product-card { min-height: 0; }

  .most-section { margin-left: 2vw; margin-right: 2vw; grid-template-columns: 1fr; }
  .most-diagram { max-width: 720px; width: 100%; margin: 0 auto; }

  .workflow { margin-left: 2vw; margin-right: 2vw; grid-template-columns: 1fr; }
  .workflow-visual { min-height: 520px; }
  .workflow-copy { padding-top: 75px; }

  .ksef-section { margin-left: 2vw; margin-right: 2vw; grid-template-columns: 1fr; }
  .screenshot-frame { transform: none; }

  .pricing { margin-left: 2vw; margin-right: 2vw; }
  .plans { grid-template-columns: 1fr; max-width: 650px; margin-left: auto; margin-right: auto; }
  .plan.featured { transform: none; }
  .plan > p:not(.plan-eyebrow) { min-height: 0; }

  .account-card { grid-template-columns: 1fr; }
  .faq { grid-template-columns: 1fr; }
  .cta { margin-left: 2vw; margin-right: 2vw; flex-direction: column; align-items: flex-start; }
  .cta-actions { align-items: flex-start; }
  footer { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .footer-links { justify-content: center; flex-wrap: wrap; }
}

@media (max-width: 650px) {
  .site-header { min-height: 74px; gap: 8px 14px; padding: 8px 14px 12px; }
  .brand { width: 142px; }
  .brand img { width: 134px; height: 48px; }
  .brand span { font-size: 6.5px; }
  .header-actions { gap: 10px; }
  .account-link { font-size: 9px; }
  .button-small { min-height: 38px; padding: 0 12px; font-size: 9px; }
  nav { justify-content: flex-start; overflow-x: auto; gap: 20px; padding: 8px 2px 0; scrollbar-width: none; }
  nav::-webkit-scrollbar { display: none; }
  nav a { white-space: nowrap; font-size: 10px; }

  .mobile-hero-copy { padding: 52px 22px 38px; }
  .mobile-hero-copy h2 { font-size: 44px; }
  .reference-hero-media { height: 290px; }
  .reference-hero-image { transform: scale(1.18); transform-origin: right center; }

  .hero-action-band { padding: 22px; gap: 22px; }
  .hero-action-band strong { font-size: 20px; }
  .hero-actions { flex-direction: column; align-items: stretch; gap: 18px; }
  .hero-action-band .button { width: 100%; }
  .hero-action-band .text-link { align-self: center; }

  .numbers { grid-template-columns: 1fr; padding: 12px 22px; }
  .numbers div { padding: 15px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .numbers div:last-of-type { border-bottom: 0; }
  .numbers strong { min-width: 46px; font-size: 42px; }
  .numbers p { margin-top: 8px; padding: 20px 0 8px; }

  .premium-strip { gap: 13px; padding-top: 36px; }
  .premium-strip i { display: none; }
  .section { padding: 72px 20px; }
  .section-heading h2 { font-size: 43px; }
  .features-section { margin-top: 28px; }
  .feature-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 42px; }
  .feature-grid article { padding: 28px; }

  .product-card { padding: 30px 24px; border-radius: 20px; }
  .product-card h3 { font-size: 37px; margin-top: 28px; }

  .most-section, .workflow, .pricing, .cta { margin-left: 12px; margin-right: 12px; border-radius: 22px; }
  .most-section { padding: 62px 22px; margin-bottom: 72px; }
  .most-copy h2 { font-size: 42px; }
  .most-diagram { grid-template-columns: 1fr; }
  .most-bridge { min-width: 0; padding: 6px 0; }
  .most-bridge > span { transform: rotate(90deg); }
  .device-box { min-height: 150px; }

  .workflow-visual { padding: 55px 18px; min-height: 430px; }
  .document-card { min-width: 0; width: 76%; padding: 24px; }
  .doc-line, .doc-total { font-size: 8px; }
  .flow-arrow { font-size: 28px; }
  .signed-card { width: 142px; padding: 17px; }
  .workflow-copy { padding: 62px 24px 48px; }
  .workflow-copy h2 { font-size: 42px; }

  .ksef-section { margin: 72px 12px; padding: 62px 22px; border-radius: 22px; }
  .ksef-copy h2 { font-size: 41px; }
  .screenshot-frame { border-width: 5px; }

  .pricing { padding-left: 16px; padding-right: 16px; }
  .plan { padding: 30px 23px; }
  .popular { margin: -30px -23px 22px; }

  .account-section { padding-top: 66px; padding-bottom: 66px; }
  .account-card { padding: 36px 24px; }
  .account-card h2 { font-size: 41px; }
  .faq { padding-top: 64px; }
  .faq summary { font-size: 18px; }

  .cta { padding: 58px 22px; }
  .cta::after { font-size: 75px; bottom: -15px; }
  .cta h2 { font-size: 41px; }
  .cta-actions { width: 100%; }
  .cta-actions .button { width: 100%; }

  footer { padding: 34px 22px; }

  .sales-announcement.banner { flex-direction: column; gap: 4px; }
  .sales-announcement.modal { padding: 48px 20px 26px; }
  .sales-announcement.modal .button { width: 100%; }
}

/* Dynamiczna oferta i komunikaty */
html { scroll-behavior: smooth; }
.plan-state { grid-column: 1 / -1; min-height: 180px; display: grid; place-items: center; text-align: center; }
.plan-state > div { max-width: 620px; }
.plan-state h3 { margin-bottom: 10px; }
.plan .promotion-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 0 10px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: #f2d79e;
  color: #0b2945;
  font: 800 9px/1 Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
/* Bezpłatny okres próbny */
body.modal-open { overflow: hidden; }
button.button { font-family: inherit; cursor: pointer; }
.trial-plan-link {
  display: block;
  width: 100%;
  margin: 13px 0 0;
  padding: 8px 4px;
  border: 0;
  background: transparent;
  color: #f0d596;
  font: 800 10px/1.4 Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.plan.featured .trial-plan-link { color: var(--navy); }
.trial-plan-link:hover,
.trial-plan-link:focus-visible { color: #fff; outline: none; }
.plan.featured .trial-plan-link:hover,
.plan.featured .trial-plan-link:focus-visible { color: #9b650f; }
.trial-invite {
  margin: 42px auto 0;
  padding: 28px 30px;
  max-width: 980px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 36px;
}
.trial-invite-label { display: block; color: var(--gold-light); font: 800 9px/1.4 Arial,sans-serif; letter-spacing: .16em; margin-bottom: 8px; }
.trial-invite strong { display: block; font-family: Georgia,serif; font-size: 24px; font-weight: 400; }
.trial-invite p { margin: 9px 0 0; color: #aebcca; font-size: 12px; line-height: 1.65; max-width: 650px; }
.trial-invite .button { background: var(--orange); border-color: var(--orange); color: #091a2d; white-space: nowrap; }
.trial-modal-backdrop[hidden] { display: none !important; }
.trial-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(2,17,31,.82);
  backdrop-filter: blur(5px);
}
.trial-modal {
  position: relative;
  width: min(620px, 100%);
  max-height: calc(100vh - 44px);
  overflow-y: auto;
  padding: 42px 40px 34px;
  border-radius: 22px;
  border: 1px solid #d8c28f;
  background: #fbf7ef;
  color: var(--navy);
  box-shadow: 0 30px 90px rgba(0,0,0,.42);
}
.trial-modal h2 { margin: 15px 0 13px; font-size: clamp(36px, 5vw, 52px); line-height: 1.02; }
.trial-modal > p:not(.kicker):not(.trial-privacy-note) { color: #667383; font-size: 13px; line-height: 1.7; }
.trial-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #efe5d5;
  color: var(--navy);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.trial-modal-close:hover,
.trial-modal-close:focus-visible { background: var(--gold); outline: 3px solid #fff; }
#trial-request-form, #trial-verify-form { margin-top: 24px; display: grid; gap: 11px; }
#trial-request-form label, #trial-verify-form label { font: 800 10px/1.4 Arial,sans-serif; letter-spacing: .09em; text-transform: uppercase; color: #435163; }
#trial-request-form input[type="email"],
#trial-request-form input[type="password"],
#trial-verify-form input[type="text"] {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid #cbbfae;
  border-radius: 10px;
  background: #fff;
  color: #0b2945;
  font: 500 15px/1.2 Arial,sans-serif;
  outline: none;
}
#trial-request-form input[type="email"]:focus, #trial-request-form input[type="password"]:focus, #trial-verify-form input[type="text"]:focus { border-color: #b8842d; box-shadow: 0 0 0 3px rgba(184,132,45,.15); }
#trial-request-form .button, #trial-verify-form .button { margin-top: 6px; background: var(--orange); border-color: var(--orange); color: #091a2d; }
#trial-request-form .button:disabled, #trial-verify-form .button:disabled, .trial-resend-button:disabled { cursor: wait; opacity: .65; transform: none; }
.trial-code-intro { display:grid; gap:5px; padding:14px 16px; border:1px solid #dfcfaa; border-radius:10px; background:#fff8e9; color:#26394d; font-size:13px; line-height:1.55; }
.trial-code-intro strong { color:#0b2945; font-size:15px; }
#trial-verify-form input[type="text"] { text-align:center; font-size:24px; font-weight:800; letter-spacing:.28em; }
.trial-resend-button { justify-self:start; border:0; background:transparent; color:#87570e; font:700 12px/1.4 Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:5px 0; }
.trial-code-security { margin:5px 0 0; color:#596676; font-size:11px; line-height:1.6; }
.trial-form-status { min-height: 22px; margin-top: 15px; padding: 0; font-size: 12px; line-height: 1.6; }
.trial-form-status.working { color: #6a7179; }
.trial-form-status.success { padding: 12px 14px; border-radius: 9px; background: #e2f4e5; color: #1c6530; font-weight: 700; }
.trial-form-status.error { padding: 12px 14px; border-radius: 9px; background: #f9e3df; color: #9c3023; font-weight: 700; }
.trial-privacy-note { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid #ddd2c1; color: #737c85; font-size: 10px; line-height: 1.6; }
@media (max-width: 760px) {
  .trial-invite { grid-template-columns: 1fr; gap: 20px; padding: 24px 22px; }
  .trial-invite .button { width: 100%; }
  .trial-modal { padding: 42px 22px 26px; }
}

/* Główna warstwa strony sprzedażowej */
.sales-hero { min-height: 650px; margin: 0 3vw 0; border-radius: 0 0 30px 30px; overflow: hidden; display: grid; grid-template-columns: 1.02fr .98fr; background: var(--navy); color: #fff; box-shadow: 0 30px 70px rgba(4,21,40,.22); }
.sales-hero-copy { padding: 92px 4.8vw 76px; display: flex; flex-direction: column; justify-content: center; }
.sales-hero h1 { margin: 18px 0 24px; max-width: 820px; color: #fff; font-family: Georgia, serif; font-size: clamp(46px, 5.3vw, 82px); font-weight: 400; line-height: .99; letter-spacing: -.035em; }
.sales-hero-lead { max-width: 720px; margin: 0; color: #c3d0dc; font-size: clamp(16px, 1.45vw, 21px); line-height: 1.7; }
.sales-hero-actions { margin-top: 34px; display: flex; gap: 12px; flex-wrap: wrap; }
.ghost-light { background: transparent !important; color: #fff !important; border-color: rgba(255,255,255,.34) !important; }
.ghost-light:hover { border-color: #fff !important; background: rgba(255,255,255,.07) !important; }
.sales-hero-media { position: relative; min-height: 520px; background: #0e2745; display: grid; place-items: center; overflow: hidden; }
.sales-hero-media::before { content: ""; position: absolute; inset: 8% -18% -22% 12%; border-radius: 50%; background: radial-gradient(circle, rgba(218,168,79,.22), rgba(218,168,79,0) 67%); }
.sales-hero-media img { position: relative; z-index: 1; display: block; width: min(110%, 980px); max-width: none; filter: drop-shadow(0 28px 48px rgba(0,0,0,.28)); }
.hero-proof-row { margin-top: 38px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); display: flex; gap: 10px; flex-wrap: wrap; }
.hero-proof-row span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #d8e1e9; font-size: 10px; letter-spacing: .04em; }

.audience-section { padding-top: 110px; padding-bottom: 105px; }
.audience-grid { margin-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.audience-card { position: relative; padding: 38px 34px 34px; border: 1px solid #ded6c7; border-radius: 22px; background: #fffdf8; display: flex; flex-direction: column; box-shadow: 0 18px 45px rgba(11,31,52,.07); }
.audience-card.featured-route { background: var(--navy); color: #fff; border-color: var(--navy); transform: translateY(-12px); box-shadow: 0 28px 65px rgba(4,21,40,.2); }
.route-label { display: inline-flex; align-self: flex-start; padding: 7px 10px; border-radius: 999px; background: #f0e7d8; color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.featured-route .route-label { background: rgba(255,255,255,.1); color: var(--gold-light); }
.audience-card h3 { margin: 24px 0 16px; font-family: Georgia, serif; font-size: 31px; font-weight: 400; line-height: 1.08; color: var(--navy); }
.audience-card.featured-route h3 { color: #fff; }
.audience-card > p { min-height: 78px; color: #64717e; line-height: 1.7; font-size: 13px; }
.audience-card.featured-route > p { color: #b7c4d0; }
.audience-card ul { list-style: none; padding: 22px 0; margin: 5px 0 18px; border-top: 1px solid #e2d8c8; border-bottom: 1px solid #e2d8c8; display: grid; gap: 11px; }
.audience-card.featured-route ul { border-color: rgba(255,255,255,.13); }
.audience-card li { position: relative; padding-left: 20px; font-size: 12px; line-height: 1.5; }
.audience-card li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.featured-route li::before { color: var(--gold-light); }
.audience-card .trial-plan-link { margin-top: auto; text-align: left; }
.featured-route .trial-plan-link { color: #fff; border-color: rgba(255,255,255,.25); }

.journey-section { margin: 0 3vw 105px; padding: 78px 6vw; border-radius: 30px; background: var(--navy); color: #fff; display: grid; grid-template-columns: .78fr 1.22fr; gap: 6vw; box-shadow: 0 30px 65px rgba(4,21,40,.18); }
.journey-copy { align-self: center; }
.journey-copy h2 { color: #fff; font-size: clamp(42px, 4.2vw, 66px); line-height: 1.02; }
.journey-copy > p:not(.kicker) { color: #b5c4d1; line-height: 1.78; font-size: 14px; margin: 24px 0 30px; }
.journey-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.journey-steps article { min-height: 126px; padding: 20px 21px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(255,255,255,.045); display: grid; grid-template-columns: 36px 1fr; gap: 13px; }
.journey-steps article > span { color: var(--gold-light); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.journey-steps b { font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.journey-steps p { margin: 7px 0 0; color: #aebdca; font-size: 11px; line-height: 1.55; }

.mobile-tools-section { padding-top: 20px; padding-bottom: 105px; }
.capability-grid { margin-top: 58px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.capability-grid article { padding: 28px 26px; border: 1px solid #ded6c8; border-radius: 18px; background: #fffdf8; }
.capability-grid article > span { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.capability-grid h3 { margin: 15px 0 10px; font-family: Georgia, serif; font-size: 23px; font-weight: 400; color: var(--navy); }
.capability-grid p { margin: 0; color: #66727d; font-size: 12px; line-height: 1.65; }

.investment-section { margin: 0 3vw 105px; min-height: 620px; border-radius: 30px; overflow: hidden; display: grid; grid-template-columns: .95fr 1.05fr; background: #102d50; color: #fff; box-shadow: 0 30px 65px rgba(4,21,40,.2); }
.investment-visual { padding: 70px 5vw; display: grid; place-items: center; background: linear-gradient(135deg,#0d2745,#173c66); }
.investment-visual .document-card { width: min(90%, 520px); min-width: 0; transform: rotate(-1.2deg); }
.investment-copy { padding: 86px 6vw; align-self: center; }
.investment-copy h2 { color: #fff; font-size: clamp(42px, 4.2vw, 66px); line-height: 1.02; }
.investment-copy > p:not(.kicker) { color: #b8c6d2; font-size: 14px; line-height: 1.8; margin: 25px 0 30px; }
.mini-feature-list { display: flex; flex-wrap: wrap; gap: 9px; }
.mini-feature-list span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #e1e8ef; font-size: 10px; }

.split-feature-section { margin: 0 3vw 105px; padding: 78px 6vw; border-radius: 30px; background: #f7f2e8; display: grid; grid-template-columns: .9fr 1.1fr; gap: 7vw; align-items: center; }
.split-feature-copy h2 { font-size: clamp(40px, 4vw, 62px); line-height: 1.04; }
.split-feature-copy > p:not(.kicker) { color: #5c6875; line-height: 1.8; font-size: 14px; }
.split-feature-copy ul { list-style: none; padding: 0; margin: 25px 0 0; display: grid; gap: 12px; }
.split-feature-copy li { display: flex; gap: 10px; align-items: center; font-size: 12px; }
.feature-poster { min-height: 360px; padding: 50px; border-radius: 24px; background: var(--navy); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; box-shadow: 0 25px 60px rgba(4,21,40,.18); }
.feature-poster > span { align-self: flex-start; margin-bottom: auto; color: var(--gold-light); font-size: 70px; font-family: Georgia, serif; opacity: .34; }
.feature-poster strong { max-width: 570px; font-family: Georgia, serif; font-size: clamp(30px,3vw,48px); font-weight: 400; line-height: 1.05; }
.feature-poster small { margin-top: 16px; max-width: 520px; color: #aebdca; font-size: 11px; line-height: 1.6; }

.warehouse-section { margin: 0 3vw 105px; padding: 84px 6vw; border-radius: 30px; background: var(--navy); color: #fff; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; box-shadow: 0 30px 65px rgba(4,21,40,.18); }
.warehouse-copy h2 { color: #fff; font-size: clamp(42px,4.2vw,66px); line-height: 1.02; }
.warehouse-copy > p:not(.kicker) { color: #b6c4d0; line-height: 1.8; font-size: 14px; margin: 25px 0 27px; }
.warehouse-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.warehouse-tags span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #e0e7ee; font-size: 10px; }
.stock-demo { padding: 34px; border-radius: 22px; background: #fffaf0; color: var(--navy); display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; box-shadow: 0 25px 60px rgba(0,0,0,.22); }
.stock-demo > div { padding: 25px 18px; border: 1px solid #e2d8c7; border-radius: 16px; text-align: center; display: flex; flex-direction: column; }
.stock-demo small { color: var(--gold); font-weight: 900; letter-spacing: .14em; font-size: 8px; }
.stock-demo strong { margin: 8px 0; font-family: Georgia, serif; font-size: 38px; font-weight: 400; }
.stock-demo div span { color: #78828d; font-size: 10px; }
.stock-demo > b { color: var(--orange); font-size: 32px; }
.stock-demo > p { grid-column: 1 / -1; margin: 4px 0 0; padding-top: 18px; border-top: 1px solid #e2d8c7; color: #66727d; font-size: 11px; line-height: 1.65; text-align: center; }

.ksef-flow { margin: 25px 0 24px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ksef-flow span { padding: 8px 10px; border: 1px solid #d9cdbb; border-radius: 999px; background: #fffaf1; font-size: 10px; }
.ksef-flow b { color: var(--orange); }

.partners-section { margin: 0 3vw 105px; padding: 78px 6vw; border-radius: 30px; background: #f5efe3; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; }
.partners-card h2 { font-size: clamp(40px,4vw,62px); line-height: 1.03; }
.partners-card > p:not(.kicker) { color: #596675; font-size: 14px; line-height: 1.8; margin: 24px 0; }
.partner-example { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.partner-example > div { padding: 20px; border-radius: 16px; background: #fff; border: 1px solid #ddd3c4; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.partner-example span { color: #6b7580; font-size: 11px; }
.partner-example strong { font-family: Georgia, serif; font-size: 25px; font-weight: 400; color: var(--navy); }
.partner-example .partner-total { grid-column: 1 / -1; background: var(--navy); border-color: var(--navy); }
.partner-example .partner-total span { color: #b8c5d1; }
.partner-example .partner-total strong { color: #fff; font-size: 18px; }
.benefit-list { display: grid; gap: 11px; align-content: center; }
.benefit-list article { padding: 25px 26px; border: 1px solid #ddd3c4; border-radius: 17px; background: #fffdf8; display: grid; grid-template-columns: 38px 1fr; column-gap: 12px; }
.benefit-list article > span { grid-row: 1 / span 2; color: var(--gold); font-size: 10px; font-weight: 900; }
.benefit-list h3 { margin: 0 0 7px; font-family: Georgia, serif; font-size: 21px; font-weight: 400; color: var(--navy); }
.benefit-list p { margin: 0; color: #67727e; font-size: 11px; line-height: 1.6; }

.use-cases-section { padding-top: 105px; padding-bottom: 105px; }
.use-case-grid { margin-top: 55px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.use-case-grid article { padding: 25px 24px; border: 1px solid #ded6c7; border-radius: 17px; background: #fffdf8; display: flex; flex-direction: column; gap: 8px; }
.use-case-grid strong { font-family: Georgia, serif; font-size: 21px; font-weight: 400; color: var(--navy); }
.use-case-grid span { color: #687480; font-size: 10px; line-height: 1.6; }

@media (max-width: 1180px) {
  .site-header nav { display: none; }
  .sales-hero { grid-template-columns: 1fr; }
  .sales-hero-media { min-height: 390px; }
  .audience-grid { grid-template-columns: 1fr 1fr; }
  .audience-card.featured-route { transform: none; }
  .audience-grid .windows-route { grid-column: 1 / -1; }
  .journey-section, .investment-section, .split-feature-section, .warehouse-section, .partners-section { grid-template-columns: 1fr; }
  .journey-steps { grid-template-columns: repeat(4,1fr); }
  .capability-grid, .use-case-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 760px) {
  .sales-hero { margin: 0; border-radius: 0; }
  .sales-hero-copy { padding: 58px 7vw 48px; }
  .sales-hero-media { min-height: 280px; }
  .sales-hero-media img { width: 125%; }
  .sales-hero-actions { flex-direction: column; align-items: stretch; }
  .sales-hero-actions .button { width: 100%; justify-content: center; }
  .hero-proof-row { display: grid; }
  .audience-grid, .capability-grid, .use-case-grid { grid-template-columns: 1fr; }
  .audience-grid .windows-route { grid-column: auto; }
  .journey-section, .investment-section, .split-feature-section, .warehouse-section, .partners-section { margin-left: 0; margin-right: 0; border-radius: 0; padding-left: 7vw; padding-right: 7vw; }
  .journey-steps { grid-template-columns: 1fr; }
  .stock-demo { grid-template-columns: 1fr; }
  .stock-demo > b { transform: rotate(90deg); text-align: center; }
  .partner-example { grid-template-columns: 1fr; }
  .partner-example .partner-total { grid-column: auto; }
  .investment-visual { padding: 45px 2vw; }
  .feature-poster { padding: 32px; min-height: 310px; }
}


/* Wizualizacje interfejsu */
.brand { gap: 0; }
.brand-word {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 31px;
  font-style: italic;
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.055em;
  color: var(--navy);
}
.brand span { margin-top: 8px; }
.footer-brand .brand-word { color: white; }

.sales-hero {
  min-height: 700px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
  align-items: center;
  gap: 4vw;
  padding: 82px 5vw 96px;
  color: white;
  background:
    radial-gradient(circle at 78% 28%, rgba(190,139,54,.24), transparent 28%),
    radial-gradient(circle at 12% 88%, rgba(243,154,34,.08), transparent 28%),
    linear-gradient(135deg, #06172b 0%, #092744 58%, #06192e 100%);
  overflow: hidden;
  position: relative;
}
.sales-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to right, transparent, #000 36%, #000);
}
.sales-hero-copy { position: relative; z-index: 2; max-width: 720px; }
.sales-hero h1 { color: white; font-size: clamp(54px, 5.5vw, 86px); line-height: .96; }
.sales-hero-lead { max-width: 680px; margin: 30px 0 0; color: #c5d1dc; font-size: 17px; line-height: 1.78; }
.sales-hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 36px; }
.sales-hero .button { background: var(--orange); border-color: var(--orange); color: #0a1a2b; box-shadow: 0 16px 34px rgba(243,154,34,.22); }
.ghost-light { background: transparent !important; border-color: rgba(255,255,255,.38) !important; color: white !important; box-shadow: none !important; }
.ghost-light:hover { background: rgba(255,255,255,.1) !important; }
.hero-proof-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; }
.hero-proof-row span { padding: 10px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #dce5ec; background: rgba(255,255,255,.045); font-size: 10px; font-weight: 800; letter-spacing: .035em; }
.sales-hero-media { position: relative; z-index: 2; min-width: 0; }
.product-stage { min-height: 510px; position: relative; display: grid; place-items: center; }
.desktop-mockup { width: min(720px, 100%); border: 7px solid #102945; border-radius: 20px; background: #f5efe3; box-shadow: 0 38px 85px rgba(0,0,0,.35); overflow: hidden; transform: perspective(1300px) rotateY(-5deg) rotateX(1deg); }
.mock-windowbar { height: 38px; padding: 0 14px; display: flex; align-items: center; gap: 7px; background: #0c223b; color: #9fb0c0; font-size: 9px; letter-spacing: .07em; }
.mock-windowbar i { width: 7px; height: 7px; border-radius: 50%; background: #c6a45f; }
.mock-windowbar span { margin-left: 8px; }
.mock-app { min-height: 395px; display: grid; grid-template-columns: 145px 1fr; }
.mock-app aside { padding: 24px 17px; display: flex; flex-direction: column; gap: 12px; background: #0b2948; color: #d9e2ea; }
.mock-app aside b { margin-bottom: 12px; color: #e6c47d; font: italic 700 19px/1 Georgia, serif; }
.mock-app aside span { padding: 10px 9px; border-radius: 8px; font-size: 9px; background: rgba(255,255,255,.035); }
.mock-content { padding: 29px 30px; color: #10233b; }
.mock-title small { display: block; color: #a4762c; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.mock-title strong { display: block; margin-top: 8px; font: 400 31px/1.05 Georgia, serif; }
.mock-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 25px; }
.mock-stats span { padding: 15px; border: 1px solid #e1d6c4; border-radius: 10px; background: #fffdfa; }
.mock-stats b { display: block; font: 400 22px/1 Georgia, serif; color: #a4762c; }
.mock-stats small { color: #677382; font-size: 8px; }
.mock-table { margin-top: 22px; padding: 16px; border: 1px solid #e1d6c4; border-radius: 12px; background: #fffdfa; }
.mock-table i { display: block; height: 11px; margin: 10px 0; border-radius: 7px; background: linear-gradient(90deg, #e5d7bf 0 27%, #eef0f1 27% 100%); }
.phone-mockup { width: 190px; height: 388px; position: absolute; right: -3%; bottom: 5px; padding: 10px; border: 6px solid #071424; border-radius: 34px; background: #071424; box-shadow: 0 28px 60px rgba(0,0,0,.42); transform: rotate(4deg); }
.phone-speaker { width: 62px; height: 5px; border-radius: 4px; background: #2b4054; margin: 1px auto 8px; }
.phone-screen { height: 346px; padding: 21px 14px; border-radius: 23px; background: #faf5eb; color: #13253a; }
.phone-screen > small { display: block; color: #ac7b2b; font-size: 7px; font-weight: 900; letter-spacing: .16em; }
.phone-screen > strong { display: block; margin: 5px 0 18px; font: 400 25px/1 Georgia, serif; }
.phone-card { margin: 10px 0; padding: 12px; border: 1px solid #e3d9c9; border-radius: 12px; background: white; }
.phone-card b, .phone-card span { display: block; }
.phone-card b { font-size: 10px; color: #0c2a4c; }
.phone-card span { margin-top: 5px; color: #74808c; font-size: 8px; line-height: 1.35; }
.phone-card.accent { background: #0c2a4c; border-color: #0c2a4c; }
.phone-card.accent b { color: #efc976; }
.phone-card.accent span { color: #d5e0e9; }
.stage-caption { position: absolute; left: 9%; bottom: 0; color: #a8b7c5; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.ksef-visual { min-height: 430px; display: grid; place-items: center; padding: 34px; background: linear-gradient(135deg, #102a48, #071b31); }
.ksef-window { width: min(620px, 100%); overflow: hidden; border: 6px solid #061426; border-radius: 18px; background: #fffaf0; box-shadow: 0 30px 60px rgba(0,0,0,.28); transform: perspective(1100px) rotateY(-5deg); }
.ksef-head { padding: 21px 24px; background: #0b2948; color: white; }
.ksef-head span { display: block; color: #e4bf73; font-size: 8px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.ksef-head b { display: block; margin-top: 7px; font: 400 27px/1 Georgia,serif; }
.ksef-row { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 17px 22px; border-bottom: 1px solid #e4dccc; color: #28384a; font-size: 11px; }
.ksef-row strong { padding: 7px 9px; border-radius: 999px; background: #f2e5c9; color: #8f651f; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.ksef-footer { display: flex; justify-content: space-between; gap: 18px; padding: 17px 22px; color: #6e7883; font-size: 9px; }
.ksef-footer span { font-weight: 900; color: #a4762c; }

@media (max-width: 1120px) {
  .sales-hero { grid-template-columns: 1fr; padding-top: 72px; }
  .sales-hero-copy { max-width: 850px; }
  .sales-hero-media { max-width: 850px; width: 100%; margin: 10px auto 0; }
  .phone-mockup { right: 2%; }
}
@media (max-width: 650px) {
  .brand-word { font-size: 25px; }
  .sales-hero { min-height: 0; padding: 58px 20px 72px; }
  .sales-hero h1 { font-size: 46px; }
  .sales-hero-lead { font-size: 15px; }
  .sales-hero-actions { flex-direction: column; align-items: stretch; }
  .sales-hero-actions .button { width: 100%; }
  .hero-proof-row { gap: 7px; }
  .hero-proof-row span { font-size: 8px; }
  .product-stage { min-height: 400px; align-items: start; padding-top: 22px; }
  .desktop-mockup { transform: none; border-width: 5px; }
  .mock-windowbar { height: 28px; }
  .mock-app { min-height: 255px; grid-template-columns: 82px 1fr; }
  .mock-app aside { padding: 15px 9px; gap: 7px; }
  .mock-app aside b { font-size: 13px; }
  .mock-app aside span { padding: 6px 5px; font-size: 6px; }
  .mock-content { padding: 18px 14px; }
  .mock-title strong { font-size: 21px; }
  .mock-stats { gap: 5px; margin-top: 14px; }
  .mock-stats span { padding: 9px 7px; }
  .mock-stats b { font-size: 16px; }
  .mock-table { margin-top: 12px; padding: 8px; }
  .mock-table i { height: 7px; margin: 7px 0; }
  .phone-mockup { width: 118px; height: 247px; right: -3px; bottom: 6px; border-width: 4px; border-radius: 23px; padding: 6px; }
  .phone-speaker { width: 38px; height: 3px; margin-bottom: 5px; }
  .phone-screen { height: 218px; padding: 13px 8px; border-radius: 15px; }
  .phone-screen > strong { font-size: 16px; margin-bottom: 10px; }
  .phone-card { margin: 6px 0; padding: 7px; border-radius: 8px; }
  .phone-card b { font-size: 7px; }
  .phone-card span { font-size: 5.5px; }
  .stage-caption { left: 1%; font-size: 7px; }
  .ksef-visual { min-height: 330px; padding: 18px; }
  .ksef-window { transform: none; border-width: 4px; }
  .ksef-head { padding: 16px; }
  .ksef-head b { font-size: 21px; }
  .ksef-row { padding: 13px 14px; font-size: 9px; }
  .ksef-row strong { font-size: 6px; }
  .ksef-footer { padding: 13px 14px; font-size: 7px; }
}


/* Obsługa klienta */
.communication-section {
  margin: 0 3vw 105px;
  padding: 90px 6vw;
  border-radius: 30px;
  background: linear-gradient(135deg, #0b2948, #06192e);
  color: white;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 7vw;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.communication-section::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  right: -180px;
  top: -190px;
  background: rgba(190,139,54,.12);
}
.communication-copy { position: relative; z-index: 2; }
.communication-copy h2 { color: white; font-size: clamp(42px,4.3vw,67px); line-height: 1.01; }
.communication-copy > p:not(.kicker) { max-width: 720px; margin: 26px 0 32px; color: #b8c6d2; font-size: 15px; line-height: 1.8; }
.communication-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.communication-points article { display: grid; grid-template-columns: 34px 1fr; gap: 13px; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.04); }
.communication-points article > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(228,191,115,.55); border-radius: 50%; color: var(--gold-light); font-size: 8px; font-weight: 900; }
.communication-points b { color: white; font-family: Georgia,serif; font-size: 17px; font-weight: 400; }
.communication-points p { margin: 6px 0 0; color: #aebdca; font-size: 11px; line-height: 1.55; }
.message-visual { position: relative; z-index: 2; display: grid; place-items: center; }
.message-phone { width: min(390px,100%); padding: 34px 28px 28px; border: 8px solid #051423; border-radius: 34px; background: #f8f1e5; color: var(--navy); box-shadow: 0 30px 65px rgba(0,0,0,.32); transform: rotate(2deg); }
.message-phone > small { color: #a6782e; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.message-phone > strong { display: block; margin: 8px 0 26px; font: 400 29px/1.05 Georgia,serif; }
.message-bubble { width: 88%; margin: 12px 0; padding: 15px 16px; border-radius: 16px 16px 16px 4px; background: white; box-shadow: 0 8px 20px rgba(7,29,54,.07); font-size: 11px; line-height: 1.55; }
.message-bubble.gold { margin-left: auto; border-radius: 16px 16px 4px 16px; background: #d4a24e; color: #16263a; }
.message-action { margin-top: 22px; padding-top: 17px; border-top: 1px solid #dfd4c2; color: #7a6851; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; text-align: center; }

/* Główna akcja pakietów: bezpłatny okres próbny */
.plan .js-trial-open.button { margin-top: 0; }

@media (max-width:900px) {
  .communication-section { margin-left:2vw; margin-right:2vw; grid-template-columns:1fr; }
  .message-visual { max-width: 520px; width:100%; margin:0 auto; }
}
@media (max-width:650px) {
  .communication-section { margin-left:12px; margin-right:12px; margin-bottom:72px; padding:62px 22px; border-radius:22px; }
  .communication-copy h2 { font-size:42px; }
  .communication-points { grid-template-columns:1fr; }
  .message-phone { padding:28px 20px 22px; border-width:5px; border-radius:25px; transform:none; }
  .message-phone > strong { font-size:24px; }
}

/* ============================================================
   R4 — hierarchia sprzedażowa i mniej "ściany funkcji"
   ============================================================ */
html { scroll-padding-top: 92px; }
.site-header nav { gap: 24px; }
.site-header nav a { white-space: nowrap; }

.work-pillars {
  width: min(1180px, 90vw);
  margin: 48px auto 88px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #e2d8c8;
  border-radius: 22px;
  background: #e2d8c8;
  box-shadow: 0 18px 48px rgba(13, 34, 55, .07);
}
.work-pillars article { padding: 26px 24px 28px; background: #fffdf9; min-height: 150px; }
.work-pillars article span { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.work-pillars article strong { display: block; margin-top: 12px; color: var(--navy); font-family: Georgia, serif; font-size: 24px; font-weight: 400; }
.work-pillars article p { margin: 8px 0 0; color: #67727d; font-size: 12px; line-height: 1.65; }

.mobile-tools-section { padding-top: 18px; }
.grouped-capabilities { grid-template-columns: repeat(4, 1fr); gap: 16px; }
.grouped-capabilities article { min-height: 290px; padding: 30px 28px; }
.grouped-capabilities article ul { margin: 20px 0 0; padding: 17px 0 0; list-style: none; border-top: 1px solid #e4dccf; }
.grouped-capabilities article li { position: relative; padding: 6px 0 6px 18px; color: #53616d; font-size: 11px; line-height: 1.45; }
.grouped-capabilities article li::before { content: "•"; position: absolute; left: 0; color: var(--gold); font-weight: 900; }
.feature-jump { margin-top: 28px; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.feature-jump > span { margin-right: 4px; color: #78828c; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.feature-jump a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border: 1px solid #d9cfbf; border-radius: 999px; background: #fffdf9; color: var(--navy); font-size: 11px; font-weight: 800; text-decoration: none; transition: .18s ease; }
.feature-jump a:hover { transform: translateY(-1px); border-color: #c99a47; box-shadow: 0 7px 18px rgba(31, 47, 62, .08); }

.decision-band {
  margin: 0 3vw 78px;
  padding: 54px 6vw;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 6vw;
  align-items: center;
  border-radius: 28px;
  background: linear-gradient(125deg, #0a203a 0%, #12375c 100%);
  color: white;
  box-shadow: 0 26px 58px rgba(4,21,40,.16);
}
.decision-band h2 { margin: 12px 0 0; max-width: 760px; color: white; font-family: Georgia, serif; font-size: clamp(34px, 3.8vw, 58px); font-weight: 400; line-height: 1.05; letter-spacing: -.025em; }
.decision-band > p { margin: 0; color: #c2ced9; font-size: 15px; line-height: 1.8; }

/* Uspokojenie rytmu: duże bloki nie mogą wyglądać jak osobne strony. */
.investment-section, .warehouse-section, .partners-section, .most-section { margin-bottom: 76px; }
.ksef-section { margin-top: 76px; margin-bottom: 76px; }
.use-cases-section { padding-top: 78px; padding-bottom: 78px; }

@media (max-width: 1100px) {
  .grouped-capabilities { grid-template-columns: repeat(2, 1fr); }
  .work-pillars { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 72px; }
  .work-pillars { width: calc(100% - 30px); margin: 28px auto 58px; grid-template-columns: 1fr; border-radius: 18px; }
  .work-pillars article { min-height: auto; padding: 22px 20px; }
  .grouped-capabilities { grid-template-columns: 1fr; }
  .grouped-capabilities article { min-height: auto; padding: 25px 22px; }
  .feature-jump { justify-content: flex-start; }
  .feature-jump > span { width: 100%; margin-bottom: 3px; }
  .decision-band { margin: 0 15px 54px; padding: 42px 24px; grid-template-columns: 1fr; gap: 22px; border-radius: 22px; }
  .decision-band > p { font-size: 13px; }
}

/* ============================================================
   R5 — warstwa premium, rytm, typografia, finalny wygląd klienta
   ============================================================ */
:root {
  --paper: #fbf8f2;
  --cream: #f1e8da;
  --line-soft: rgba(18, 43, 70, .105);
  --shadow-soft: 0 18px 55px rgba(5, 25, 46, .085);
  --shadow-deep: 0 36px 90px rgba(3, 18, 35, .24);
}
body {
  background:
    radial-gradient(circle at 16% 9%, rgba(190,139,54,.055), transparent 22rem),
    var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, .audience-card h3, .capability-grid h3, .benefit-list h3,
.work-pillars article strong, .use-case-grid strong, .price b, .plan h3 {
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  min-height: 82px;
  padding-top: 9px;
  padding-bottom: 9px;
  background: rgba(251,248,242,.91);
  border-color: rgba(19,45,70,.09);
  box-shadow: 0 8px 28px rgba(4,22,40,.055);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.brand-word { font-size: 30px; color: #0a2746; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.brand span { color: #9b712b; letter-spacing: .32em; }
.site-header nav a { position: relative; color: #26394c; transition: color .18s ease; }
.site-header nav a::after { content:""; position:absolute; left:0; right:100%; bottom:5px; height:1px; background:#b78433; transition:right .2s ease; }
.site-header nav a:hover::after, .site-header nav a:focus-visible::after { right:0; }
.button { border-radius: 11px; box-shadow: 0 10px 24px rgba(7,29,54,.09); }
.button-small { border-radius: 10px; }
.text-link { border-bottom-color: rgba(157,146,126,.6); }

.sales-hero {
  min-height: 720px;
  margin: 0 2.25vw;
  border-radius: 0 0 34px 34px;
  grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr);
  background:
    radial-gradient(circle at 82% 17%, rgba(226,183,99,.24), transparent 25%),
    radial-gradient(circle at 18% 94%, rgba(243,154,34,.105), transparent 28%),
    linear-gradient(132deg,#041425 0%,#082744 54%,#0d3153 100%);
  box-shadow: var(--shadow-deep);
}
.sales-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(120deg, rgba(255,255,255,.035), transparent 28%, transparent 72%, rgba(255,255,255,.025));
}
.sales-hero-copy { max-width: 760px; padding-left: 5.2vw; }
.sales-hero h1 { font-size: clamp(52px,5.3vw,84px); line-height:.98; letter-spacing:-.048em; text-wrap: balance; }
.sales-hero-lead { max-width: 735px; color:#d0d9e2; font-size: clamp(16px,1.3vw,19px); line-height:1.72; }
.sales-hero-actions .button:first-child { background: linear-gradient(180deg,#f7aa3f,#eb931b); border-color:#f2a33a; box-shadow:0 18px 38px rgba(239,154,36,.22); }
.hero-proof-row { max-width: 730px; gap:8px; }
.hero-proof-row span { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.145); padding:9px 12px; }
.sales-hero-media { isolation:isolate; }
.platform-badge {
  position:absolute;
  z-index:5;
  top:24px;
  right:28px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(4,20,37,.38);
  color:#d9e3eb;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  backdrop-filter:blur(9px);
}
.platform-badge i { width:3px; height:3px; border-radius:50%; background:#d7ac5d; }
.desktop-mockup { border-color:#0a2038; border-radius:22px; box-shadow:0 44px 90px rgba(0,0,0,.38); }
.phone-mockup { box-shadow:0 34px 70px rgba(0,0,0,.48); }

.hero-action-band { width:min(1200px,91vw); border-radius:0 0 22px 22px; box-shadow:var(--shadow-soft); }
.work-pillars { width:min(1200px,91vw); margin-top:42px; background:#e0d4c2; border-color:#e0d4c2; box-shadow:var(--shadow-soft); }
.work-pillars article { position:relative; overflow:hidden; }
.work-pillars article::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,transparent,#c6923e,transparent); opacity:.0; transition:opacity .2s ease; }
.work-pillars article:hover::after { opacity:1; }

.section { max-width: 1520px; margin-left:auto; margin-right:auto; }
.section-heading h2 { text-wrap: balance; }
.section-heading > p, .section-heading > div + p { color:#5d6a77; }
.audience-card, .capability-grid article, .use-case-grid article, .benefit-list article {
  border-color:var(--line-soft);
  box-shadow:0 12px 34px rgba(7,29,54,.055);
}
.audience-card { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.audience-card:not(.featured-route):hover { transform:translateY(-5px); border-color:rgba(190,139,54,.34); box-shadow:0 24px 48px rgba(7,29,54,.10); }
.audience-card.featured-route { overflow:hidden; box-shadow:0 30px 68px rgba(4,21,40,.22); }
.audience-card.featured-route::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,#9c6e25,#efca79,#9c6e25); }
.route-label { letter-spacing:.15em; }
.trial-plan-link { color:#9b6f27; }
.featured-route .trial-plan-link { color:#efca79; }

.journey-section, .communication-section, .warehouse-section, .most-section, .decision-band, .pricing, .cta {
  max-width: 1500px;
  margin-left:auto;
  margin-right:auto;
  width:calc(100% - 4.5vw);
}
.journey-section, .communication-section, .warehouse-section, .most-section {
  background-image:
    radial-gradient(circle at 88% 18%, rgba(224,180,94,.12), transparent 27%),
    linear-gradient(135deg,#071c32,#0c2d4d);
}
.journey-steps article, .communication-points article { transition:transform .18s ease, background .18s ease, border-color .18s ease; }
.journey-steps article:hover, .communication-points article:hover { transform:translateY(-2px); background:rgba(255,255,255,.07); border-color:rgba(228,191,115,.25); }
.capability-grid article { transition:transform .18s ease, box-shadow .18s ease; }
.capability-grid article:hover { transform:translateY(-3px); box-shadow:0 22px 42px rgba(7,29,54,.09); }
.feature-jump a { box-shadow:0 6px 16px rgba(7,29,54,.035); }

.investment-section, .split-feature-section, .partners-section {
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  width:calc(100% - 4.5vw);
}
.investment-section { box-shadow:var(--shadow-deep); }
.investment-visual { background:radial-gradient(circle at 30% 25%,rgba(218,173,89,.15),transparent 28%),linear-gradient(135deg,#0a243f,#173e68); }
.document-card { box-shadow:0 30px 70px rgba(1,14,28,.24); }
.feature-poster { background:radial-gradient(circle at 76% 18%,rgba(211,164,79,.16),transparent 24%),linear-gradient(140deg,#061a30,#0d3154); }
.stock-demo, .ksef-window { box-shadow:0 32px 70px rgba(0,0,0,.24); }

.use-case-grid article { position:relative; overflow:hidden; }
.use-case-grid article::before { content:""; position:absolute; top:0; left:0; width:3px; height:100%; background:linear-gradient(#d9b66f,#a87327); opacity:.65; }
.decision-band { box-shadow:var(--shadow-deep); }
.pricing { box-shadow:var(--shadow-deep); }
.plan { border-radius:20px; transition:transform .2s ease, box-shadow .2s ease; }
.plan:hover { transform:translateY(-4px); box-shadow:0 24px 52px rgba(0,0,0,.18); }
.plan.featured { transform:translateY(-9px); }
.plan.featured:hover { transform:translateY(-13px); }
.plan .js-trial-open.button { margin-top: 4px; }
.pricing-note { color:#a8b6c3; }
.trial-invite { border-color:rgba(228,191,115,.22); background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); }

.account-card { border:1px solid rgba(16,43,70,.09); box-shadow:var(--shadow-soft); }
.faq details { transition:background .16s ease; }
.faq details:hover { background:rgba(255,255,255,.38); }
.faq summary { padding-left:8px; padding-right:8px; }
.cta { background:radial-gradient(circle at 84% 15%,rgba(225,180,92,.18),transparent 28%),linear-gradient(135deg,#07203a,#0d355b); box-shadow:var(--shadow-deep); }
footer { border-top:1px solid rgba(16,43,70,.10); }

@media (max-width:1180px) {
  .site-header { position:relative; }
  .sales-hero { grid-template-columns:1fr; margin-left:14px; margin-right:14px; border-radius:0 0 28px 28px; }
  .sales-hero-copy { max-width:900px; }
  .platform-badge { top:18px; right:18px; }
}
@media (max-width:760px) {
  .site-header { position:relative; }
  .sales-hero { width:auto; margin:0; border-radius:0; min-height:0; padding-top:10px; }
  .sales-hero h1 { font-size:clamp(43px,12vw,58px); }
  .platform-badge { position:relative; top:auto; right:auto; justify-self:center; margin:16px 0 -4px; }
  .journey-section, .communication-section, .warehouse-section, .most-section, .decision-band, .pricing, .cta,
  .investment-section, .split-feature-section, .partners-section { width:auto; margin-left:12px; margin-right:12px; border-radius:22px; }
  .audience-card, .capability-grid article, .use-case-grid article { border-radius:18px; }
  .plan.featured, .plan.featured:hover { transform:none; }
  .section-heading h2 { text-wrap:pretty; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}


/* ============================================================
   R6 — SEO/UX, dostępność, tablet i telefon, sloty prawdziwych ekranów
   ============================================================ */
html { scroll-padding-top: 108px; }
section[id] { scroll-margin-top: 108px; }
.skip-link {
  position: fixed;
  left: 18px;
  top: 14px;
  z-index: 2000;
  padding: 12px 16px;
  border-radius: 10px;
  background: #fff;
  color: #071d36;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
  transform: translateY(-160%);
  transition: transform .16s ease;
}
.skip-link:focus { transform: translateY(0); outline: 3px solid #f39a22; }
[data-real-screen-slot] { position: relative; }
[data-real-screen-slot] > img.real-product-screen {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-sticky-cta { display: none; }

@media (max-width: 1120px) {
  html { scroll-padding-top: 148px; }
  section[id] { scroll-margin-top: 148px; }
  .site-header nav { row-gap: 2px; }
  .sales-hero-copy { padding-left: 2vw; padding-right: 2vw; }
  .product-stage { width: min(860px, 92vw); margin-inline: auto; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 86px; }
  section[id] { scroll-margin-top: 86px; }
  body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
  .site-header { gap: 8px 10px; padding: 8px 14px 10px; }
  .brand { width: auto; align-items: flex-start; }
  .brand span { letter-spacing: .22em; }
  .header-actions { margin-left: auto; }
  .site-header nav {
    margin-inline: -14px;
    width: calc(100% + 28px);
    padding: 9px 14px 1px;
    border-top: 1px solid rgba(19,45,70,.08);
    background: linear-gradient(90deg, rgba(251,248,242,.98), rgba(251,248,242,.98));
    scroll-snap-type: x proximity;
  }
  .site-header nav a { scroll-snap-align: start; }
  .sales-hero-copy { padding-left: 0; padding-right: 0; }
  .sales-hero h1 { font-size: clamp(40px, 11.2vw, 52px); line-height: .99; letter-spacing: -.042em; }
  .sales-hero-lead { font-size: 15px; line-height: 1.68; }
  .hero-proof-row span { flex: 1 1 calc(50% - 8px); text-align: center; }
  .product-stage { width: 100%; }
  .communication-points { grid-template-columns: 1fr; }
  .ksef-flow { align-items: stretch; }
  .ksef-flow span { text-align: center; }
  .mobile-sticky-cta {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 120;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 9px 9px 9px 15px;
    border: 1px solid rgba(228,191,115,.28);
    border-radius: 16px;
    background: rgba(5,25,45,.96);
    color: white;
    box-shadow: 0 18px 46px rgba(1,14,27,.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  .mobile-sticky-cta > span { font: 400 15px/1.1 Georgia, serif; }
  .mobile-sticky-cta .button { min-height: 44px; padding: 0 14px; border-color: #f39a22; background: #f39a22; color: #071d36; font-size: 8.5px; letter-spacing: .07em; }
  .trial-modal-backdrop { padding-bottom: calc(86px + env(safe-area-inset-bottom)); }
}

@media (max-width: 460px) {
  .site-header .account-link { display: none; }
  .site-header .button-small { min-height: 40px; padding-inline: 11px; }
  .sales-hero { padding-left: 17px; padding-right: 17px; }
  .sales-hero h1 { font-size: clamp(38px, 11.6vw, 48px); }
  .hero-proof-row span { flex-basis: 100%; }
  .section { padding-left: 17px; padding-right: 17px; }
  .section-heading h2 { font-size: clamp(36px, 10.5vw, 43px); }
  .mobile-sticky-cta > span { display: none; }
  .mobile-sticky-cta { grid-template-columns: 1fr; padding-left: 9px; }
  .mobile-sticky-cta .button { width: 100%; }
}

/* Praca offline */
.offline-section {
  width: min(1200px, 91vw);
  margin: 0 auto 76px;
  padding: 72px 6vw;
  border: 1px solid #dfd5c7;
  border-radius: 30px;
  background:
    radial-gradient(circle at 78% 20%, rgba(228,191,115,.18), transparent 28%),
    linear-gradient(135deg, #fffdf9, #f5efe5);
  box-shadow: var(--shadow-soft);
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 7vw;
  align-items: center;
}
.offline-copy h2 { margin: 13px 0 20px; color: var(--navy); font-family: Georgia, serif; font-size: clamp(42px,4.5vw,68px); font-weight: 400; line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; }
.offline-copy > p:not(.kicker):not(.offline-note) { margin: 0; max-width: 680px; color: #596675; font-size: 16px; line-height: 1.82; }
.offline-points { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 28px; }
.offline-points > span { display: flex; gap: 10px; align-items: flex-start; color: #25384a; font-size: 13px; line-height: 1.55; }
.offline-note { margin: 27px 0 0; padding: 17px 18px; border-left: 3px solid var(--orange); background: rgba(255,255,255,.62); color: #596675; font-size: 12px; line-height: 1.7; }
.offline-note strong { color: var(--navy); }
.offline-visual { min-height: 330px; border-radius: 25px; background: var(--navy); color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 36px; box-shadow: 0 26px 52px rgba(4,21,40,.18); }
.offline-visual > strong { margin-top: 18px; font-family: Georgia, serif; font-size: clamp(31px,3vw,46px); font-weight: 400; }
.offline-visual > span { margin-top: 10px; max-width: 360px; color: #bdcbd7; font-size: 11px; line-height: 1.7; letter-spacing: .03em; }
.offline-signal { height: 56px; display: flex; align-items: end; gap: 6px; position: relative; padding-right: 25px; }
.offline-signal i { display: block; width: 7px; border-radius: 5px 5px 1px 1px; background: #e4bf73; }
.offline-signal i:nth-child(1) { height: 12px; }
.offline-signal i:nth-child(2) { height: 22px; }
.offline-signal i:nth-child(3) { height: 34px; }
.offline-signal i:nth-child(4) { height: 48px; opacity: .2; }
.offline-signal b { position: absolute; right: 0; top: 4px; color: #f39a22; font-size: 28px; line-height: 1; }
.offline-sync { width: min(380px,100%); margin-top: 28px; padding: 16px 18px; border: 1px solid rgba(228,191,115,.25); border-radius: 14px; background: rgba(255,255,255,.06); display: grid; grid-template-columns: 1fr auto; gap: 4px 18px; align-items: center; text-align: left; }
.offline-sync small { grid-column: 1 / -1; color: #92a5b6; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.offline-sync b { color: #f0c879; font-family: Georgia, serif; font-size: 22px; font-weight: 400; }
.offline-sync span { color: #d8e0e7; font-size: 11px; }
@media (max-width: 920px) { .offline-section { grid-template-columns: 1fr; } .offline-visual { min-height: 280px; } }
@media (max-width: 760px) { .offline-section { width: auto; margin: 0 12px 72px; padding: 58px 22px; border-radius: 22px; } .offline-copy h2 { font-size: 42px; } .offline-visual { min-height: 250px; padding: 28px 18px; } }


/* Praktyczne przewagi */
.practical-advantages{padding-top:78px;padding-bottom:84px}
.advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.advantage-card{position:relative;min-height:315px;padding:28px 26px 24px;border:1px solid rgba(29,31,27,.10);border-radius:24px;background:linear-gradient(155deg,#fff 0%,#fbfaf6 100%);box-shadow:0 18px 45px rgba(23,24,21,.07);overflow:hidden}
.advantage-card:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-72px;top:-74px;background:radial-gradient(circle,rgba(205,151,55,.12),rgba(205,151,55,0) 68%);pointer-events:none}
.advantage-no{display:block;font-size:.69rem;letter-spacing:.18em;font-weight:800;color:#a06b17;margin-bottom:12px}
.advantage-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#171815;color:#f1c66c;font-weight:900;font-size:1.05rem;margin-bottom:18px;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.advantage-card h3{font-size:1.22rem;line-height:1.2;margin:0 0 10px;color:#171815}
.advantage-card p{margin:0 0 17px;color:#5b5b55;line-height:1.6;font-size:.94rem}
.advantage-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.advantage-card li{position:relative;padding-left:18px;color:#353630;font-size:.87rem;line-height:1.35}
.advantage-card li:before{content:"•";position:absolute;left:2px;color:#b47a20;font-weight:900}
.advantage-safety{background:linear-gradient(155deg,#171815 0%,#24251f 100%);border-color:#171815}
.advantage-safety h3,.advantage-safety li{color:#fff}
.advantage-safety p{color:#d7d7ce}
.advantage-safety .advantage-icon{background:#f4efe3;color:#6e4b16}
.advantage-safety .advantage-no{color:#e4b45b}
.advantage-safety li:before{color:#e4b45b}
@media (max-width:980px){.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.practical-advantages{padding-top:56px;padding-bottom:60px}.advantage-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}.advantage-card{min-height:0;padding:23px 21px;border-radius:20px}.advantage-card p{font-size:.92rem}}


/* Codzienna organizacja */
.daily-helpers{position:relative}
.helper-grid .advantage-card{min-height:100%}
.helper-grid .advantage-icon{font-size:.78rem;font-weight:800;letter-spacing:.03em}
@media (max-width:760px){
  .daily-helpers .section-heading{margin-bottom:22px}
  .helper-grid{gap:14px}
}


/* Praca w terenie i etapy inwestycji */
.field-flow-section{padding-top:78px;padding-bottom:82px}
.field-flow-heading{align-items:end}
.field-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:32px}
.field-flow-grid article{position:relative;padding:26px 22px 23px;border:1px solid rgba(13,42,69,.11);border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(11,34,56,.07);overflow:hidden}
.field-flow-grid article>span{display:block;margin:0 0 10px;color:#9a6c25;font-size:.66rem;font-weight:900;letter-spacing:.18em}
.field-flow-grid h3{margin:0 0 10px;color:#102b46;font-size:1.08rem;line-height:1.22}
.field-flow-grid p{margin:0 0 16px;color:#607080;font-size:.9rem;line-height:1.62}
.field-flow-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.field-flow-grid li{position:relative;padding-left:16px;color:#33485b;font-size:.82rem;line-height:1.38}
.field-flow-grid li:before{content:"•";position:absolute;left:1px;color:#b87b22;font-weight:900}
.field-flow-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin-bottom:16px;border-radius:13px;background:#0b2946;color:#efc676;font-size:.75rem;font-weight:900;letter-spacing:.04em}
.field-flow-stock{background:linear-gradient(150deg,#0c2945,#153d62)!important;border-color:#153d62!important}
.field-flow-stock h3,.field-flow-stock li{color:#fff!important}.field-flow-stock p{color:#c7d2dc!important}.field-flow-stock>span{color:#efc676!important}.field-flow-stock .field-flow-icon{background:#f2eadc;color:#7b541b}
.investment-stage-callout{margin:24px 0 20px;padding:17px 18px;border:1px solid rgba(236,194,110,.25);border-radius:14px;background:rgba(255,255,255,.07);display:grid;gap:6px}
.investment-stage-callout strong{color:#f1ca7b;font-family:Georgia,serif;font-size:1.05rem;font-weight:400}
.investment-stage-callout span{color:#d2dce5;font-size:.78rem;line-height:1.55}
@media(max-width:1040px){.field-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.field-flow-section{padding-top:56px;padding-bottom:62px}.field-flow-grid{grid-template-columns:1fr;gap:13px;margin-top:24px}.field-flow-grid article{padding:22px 20px;border-radius:19px}.field-flow-heading{align-items:start}}

/* Porządek w danych i dokumentach */
.order-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#eef3f7 100%)}
.order-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-210px;top:-180px;background:radial-gradient(circle,rgba(196,151,69,.16),rgba(196,151,69,0) 70%);pointer-events:none}
.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.order-card{position:relative;background:#fff;border:1px solid rgba(7,29,54,.1);border-radius:22px;padding:28px 24px 24px;box-shadow:0 14px 38px rgba(7,29,54,.07)}
.order-card:after{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;background:linear-gradient(90deg,#c49745,#ead59b);border-radius:0 0 6px 6px}
.order-no{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;border-radius:999px;background:#071d36;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.08em;margin-bottom:18px}
.order-card h3{margin:0 0 12px;color:#071d36;font-size:1.08rem;line-height:1.3}
.order-card p{margin:0 0 16px;color:#566273;line-height:1.65;font-size:.94rem}
.order-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.order-card li{position:relative;padding-left:17px;color:#273647;font-size:.88rem;line-height:1.45}
.order-card li:before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:#c49745}
.order-strip{margin-top:20px;padding:18px 22px;border-radius:18px;background:#071d36;color:#fff;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.order-strip strong{color:#e4bf73}.order-strip span{font-weight:700}.order-strip b{font-weight:500;color:#c9d4df;margin-left:auto}
@media (max-width:1100px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.order-grid{grid-template-columns:1fr}.order-card{padding:24px 20px}.order-strip{align-items:flex-start;flex-direction:column}.order-strip b{margin-left:0}}


/* Dokumenty i rozliczenie */
.documents-section{
  position:relative;
  padding-top:82px;
  padding-bottom:86px;
  background:
    radial-gradient(circle at 12% 15%,rgba(228,191,115,.12),transparent 25%),
    linear-gradient(180deg,#fffdfa 0%,#f7f3ec 100%);
  overflow:hidden;
}
.document-flow{
  margin:32px 0 24px;
  padding:17px 20px;
  border:1px solid rgba(7,29,54,.10);
  border-radius:18px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  box-shadow:0 12px 32px rgba(7,29,54,.05);
}
.document-flow span{
  padding:9px 13px;
  border-radius:999px;
  background:#eef3f7;
  color:#173450;
  font-size:.82rem;
  font-weight:800;
}
.document-flow b{color:#b17a27;font-size:1.1rem}
.documents-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.documents-card{
  position:relative;
  min-height:280px;
  padding:28px 27px 25px;
  border:1px solid rgba(7,29,54,.10);
  border-radius:23px;
  background:#fff;
  box-shadow:0 16px 40px rgba(7,29,54,.07);
}
.documents-card:before{
  content:"";
  position:absolute;
  left:0;
  top:27px;
  bottom:27px;
  width:3px;
  border-radius:0 6px 6px 0;
  background:linear-gradient(#d3a957,#efd592);
}
.documents-no{
  display:inline-flex;
  min-width:42px;
  height:28px;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  border-radius:999px;
  background:#071d36;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}
.documents-card h3{
  margin:0 0 11px;
  color:#071d36;
  font-size:1.18rem;
  line-height:1.28;
}
.documents-card p{
  margin:0 0 17px;
  color:#596878;
  font-size:.94rem;
  line-height:1.66;
}
.documents-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.documents-card li{
  position:relative;
  padding-left:17px;
  color:#2d4052;
  font-size:.87rem;
  line-height:1.45;
}
.documents-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#aa7423;
  font-weight:900;
}
.documents-contract{
  background:linear-gradient(150deg,#071d36,#123b60);
  border-color:#123b60;
}
.documents-contract h3,.documents-contract li{color:#fff}
.documents-contract p{color:#cbd7e1}
.documents-contract .documents-no{background:#f0e5cf;color:#73501d}
.documents-contract li:before{color:#efc878}
.documents-highlight{
  margin-top:20px;
  padding:21px 24px;
  border-radius:18px;
  background:#071d36;
  color:#fff;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 24px;
  align-items:center;
}
.documents-highlight strong{
  color:#efc878;
  font-family:Georgia,serif;
  font-size:1.08rem;
  font-weight:400;
}
.documents-highlight span{
  color:#d4dee7;
  font-size:.9rem;
  line-height:1.55;
}
@media(max-width:760px){
  .documents-section{padding-top:58px;padding-bottom:64px}
  .documents-grid{grid-template-columns:1fr;gap:14px}
  .documents-card{min-height:0;padding:24px 21px}
  .document-flow{justify-content:flex-start;gap:8px}
  .document-flow span{font-size:.76rem}
  .documents-highlight{grid-template-columns:1fr;padding:19px 20px}
}

/* Finanse wewnętrzne */
.finance-control-section{
  position:relative;
  padding-top:82px;
  padding-bottom:86px;
  background:linear-gradient(180deg,#f7fafc 0%,#eef3f7 100%);
  overflow:hidden;
}
.finance-control-section:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-220px;
  bottom:-230px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(197,151,69,.15),rgba(197,151,69,0) 70%);
  pointer-events:none;
}
.finance-heading{align-items:end}
.finance-control-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:34px;
}
.finance-control-grid article{
  position:relative;
  padding:27px 23px 24px;
  border:1px solid rgba(7,29,54,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 15px 38px rgba(7,29,54,.065);
}
.finance-no{
  position:absolute;
  right:18px;
  top:18px;
  color:#a97529;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.16em;
}
.finance-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  margin-bottom:18px;
  border-radius:15px;
  background:#071d36;
  color:#edc777;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.05em;
}
.finance-control-grid h3{margin:0 0 11px;color:#0d2b47;font-size:1.06rem;line-height:1.3}
.finance-control-grid p{margin:0 0 16px;color:#5d6c7b;font-size:.9rem;line-height:1.64}
.finance-control-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.finance-control-grid li{position:relative;padding-left:17px;color:#2e4153;font-size:.83rem;line-height:1.42}
.finance-control-grid li:before{content:"✓";position:absolute;left:0;color:#ad7622;font-weight:900}
.finance-control-grid .finance-private{
  background:linear-gradient(150deg,#071d36,#123b60);
  border-color:#123b60;
}
.finance-private h3,.finance-private li{color:#fff}
.finance-private p{color:#cbd7e1}
.finance-private .finance-icon{background:#f0e5cf;color:#75501a}
.finance-private .finance-no{color:#efca80}
.finance-private li:before{color:#efca80}
.one-system-strip{
  position:relative;
  z-index:1;
  margin-top:19px;
  padding:20px 23px;
  border-radius:18px;
  background:#071d36;
  color:#fff;
  display:grid;
  grid-template-columns:minmax(240px,.9fr) minmax(0,1.5fr);
  gap:18px 26px;
  align-items:center;
}
.one-system-strip strong{font-family:Georgia,serif;color:#efca80;font-size:1.08rem;font-weight:400;line-height:1.4}
.one-system-strip div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;align-items:center;color:#d6e0e8;font-size:.82rem;font-weight:700}
.one-system-strip i{font-style:normal;color:#b68a49}
@media(max-width:1100px){.finance-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .finance-control-section{padding-top:58px;padding-bottom:64px}
  .finance-heading{align-items:start}
  .finance-control-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}
  .finance-control-grid article{padding:24px 20px}
  .one-system-strip{grid-template-columns:1fr;padding:19px 20px}
  .one-system-strip div{justify-content:flex-start}
}

/* Zwarte sekcje sprzedażowe */
.one-place-band{
  margin:26px 0 22px;
  padding:19px 22px;
  border:1px solid rgba(7,29,54,.10);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f4f7fa);
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(0,1.45fr);
  gap:14px 24px;
  align-items:center;
}
.one-place-band strong{color:#0b2b49;font-family:Georgia,serif;font-size:1.05rem;line-height:1.42;font-weight:400}
.one-place-band span{color:#5c6a79;font-size:.9rem;line-height:1.55}
.daily-tools-compact{
  margin-top:22px;
  padding:20px;
  border-radius:19px;
  background:#071d36;
  color:#fff;
  display:grid;
  grid-template-columns:1.15fr repeat(4,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.daily-tools-compact>strong{display:flex;align-items:center;color:#efca80;font-family:Georgia,serif;font-size:.98rem;line-height:1.4;font-weight:400;padding:4px 8px}
.daily-tools-compact>span{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.075)}
.daily-tools-compact b{font-size:.82rem;color:#fff}
.daily-tools-compact small{font-size:.72rem;color:#c9d5df;line-height:1.4}
.finance-partner-band{
  position:relative;
  z-index:1;
  margin-top:18px;
  padding:22px 24px;
  border:1px solid rgba(7,29,54,.10);
  border-radius:20px;
  background:#fff;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:24px;
  align-items:center;
  box-shadow:0 14px 34px rgba(7,29,54,.055);
}
.finance-partner-band small{display:block;margin-bottom:7px;color:#a87323;font-size:.68rem;font-weight:900;letter-spacing:.15em}
.finance-partner-band strong{display:block;margin-bottom:8px;color:#0c2c49;font-family:Georgia,serif;font-size:1.04rem;font-weight:400;line-height:1.42}
.finance-partner-band p{margin:0;color:#5a6978;font-size:.88rem;line-height:1.6}
.finance-partner-example{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.finance-partner-example span{padding:11px 12px;border-radius:13px;background:#eef3f7;display:flex;justify-content:space-between;gap:10px;align-items:center}
.finance-partner-example span.together{grid-column:1/-1;background:#071d36}
.finance-partner-example em{font-style:normal;color:#5a6b7b;font-size:.74rem;font-weight:700}
.finance-partner-example b{color:#0d2c48;font-size:.83rem}
.finance-partner-example .together em{color:#cbd6df}.finance-partner-example .together b{color:#efc978}
.offline-most-band{
  margin:24px 0 26px;
  padding:21px 23px;
  border-radius:19px;
  background:linear-gradient(135deg,#f1f5f8,#fff);
  border:1px solid rgba(7,29,54,.10);
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:24px;
  align-items:center;
}
.offline-most-band small{display:block;margin-bottom:6px;color:#9c6b22;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.offline-most-band strong{display:block;color:#0b2c49;font-family:Georgia,serif;font-size:1.06rem;font-weight:400;line-height:1.4}
.offline-most-band p{margin:8px 0 0;color:#5a6978;font-size:.88rem;line-height:1.6}
.offline-most-status{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.offline-most-status span{padding:12px 13px;border-radius:14px;background:#071d36;display:flex;flex-direction:column;gap:4px}
.offline-most-status b{color:#efc978;font-size:.72rem;letter-spacing:.08em}
.offline-most-status em{font-style:normal;color:#d3dde5;font-size:.74rem;line-height:1.35}
@media(max-width:1000px){
  .daily-tools-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-tools-compact>strong{grid-column:1/-1}
  .finance-partner-band,.offline-most-band{grid-template-columns:1fr}
}
@media(max-width:700px){
  .one-place-band{grid-template-columns:1fr;padding:17px 18px}
  .daily-tools-compact{grid-template-columns:1fr;padding:17px}.daily-tools-compact>strong{grid-column:auto}
  .finance-partner-band,.offline-most-band{padding:19px 18px}
  .offline-most-status{grid-template-columns:1fr}
}


/* ============================================================
   R18 — szybki dostęp do cen + mniej inwazyjny mobilny CTA
   ============================================================ */
/* R17 ukrywała nawigację poniżej 1180 px. Na telefonie przywracamy
   przewijany pasek nawigacji, aby „Pakiety i ceny” były dostępne od razu. */
@media (max-width: 900px) {
  .site-header nav { display: flex; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 118px; }
  section[id] { scroll-margin-top: 118px; }
  body { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }

  /* Zamiast szerokiej belki zasłaniającej treść zostaje mały przycisk
     w prawym dolnym rogu. */
  .mobile-sticky-cta {
    left: auto;
    right: 10px;
    bottom: max(8px, env(safe-area-inset-bottom));
    width: auto;
    min-height: 0;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .mobile-sticky-cta > span { display: none; }
  .mobile-sticky-cta .button {
    width: auto;
    min-height: 40px;
    padding: 0 13px;
    border-radius: 10px;
    border-color: #f39a22;
    background: #f39a22;
    color: #071d36;
    font-size: 8.5px;
    letter-spacing: .07em;
    box-shadow: 0 10px 26px rgba(1,14,27,.24);
  }
  .trial-modal-backdrop { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
}

@media (max-width: 460px) {
  .mobile-sticky-cta {
    left: auto;
    right: 8px;
    width: auto;
    padding: 0;
  }
  .mobile-sticky-cta .button {
    width: auto;
    min-height: 40px;
    padding: 0 12px;
  }
}

/* ============================================================
   R19 — korekta mobilnej nawigacji + usunięcie pływającego CTA
   ============================================================ */
@media (max-width: 760px) {
  /* Pasek pozostaje przewijany, ale zaczyna się w tej samej osi co logo
     i reszta nagłówka — pierwszy link nie dotyka lewej krawędzi ekranu. */
  .site-header nav {
    margin-inline: 0;
    width: 100%;
    padding: 9px 2px 1px;
    scroll-padding-inline: 2px;
  }

  /* Na małym ekranie CTA jest już wielokrotnie dostępne w treści i pakietach.
     Pływający przycisk nie może zasłaniać zawartości. */
  .mobile-sticky-cta { display: none !important; }
  body { padding-bottom: env(safe-area-inset-bottom); }
  .trial-modal-backdrop { padding-bottom: 18px; }
}

/* R20: legal acceptance in trial */
.trial-terms{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:500;font-size:13px;line-height:1.45;color:#42536a}.trial-terms input{width:18px;height:18px;margin-top:1px}.trial-terms a,.trial-privacy-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}

.footer-admin-link{text-decoration:none;color:inherit;cursor:pointer}.footer-admin-link:hover{text-decoration:none}


/* ============================================================
   R23 — PLANER GK / nowa funkcja BudManager Windows
   ============================================================ */
.planer-hero-promo{margin:23px 0 2px;padding:13px 15px;border:1px solid rgba(239,201,120,.34);border-radius:16px;background:linear-gradient(135deg,rgba(239,201,120,.13),rgba(255,255,255,.05));display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;text-decoration:none;color:#fff;max-width:720px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.planer-hero-promo:hover{transform:translateY(-2px);border-color:rgba(239,201,120,.7);background:linear-gradient(135deg,rgba(239,201,120,.18),rgba(255,255,255,.08))}
.planer-new-badge{grid-row:1/3;padding:8px 10px;border-radius:11px;background:#efc978;color:#071d36;font-size:.64rem;font-weight:900;letter-spacing:.11em;white-space:nowrap}
.planer-hero-promo strong{font-family:Georgia,serif;font-size:1rem;font-weight:400;line-height:1.25}
.planer-hero-promo em{font-style:normal;color:#d7e0e7;font-size:.76rem;line-height:1.35}
.planer-gk-section{position:relative;overflow:hidden;padding:92px max(28px,calc((100vw - 1220px)/2));background:radial-gradient(circle at 88% 18%,rgba(239,201,120,.12),transparent 27%),linear-gradient(145deg,#061a30 0%,#0a2843 52%,#071d36 100%);color:#fff}
.planer-gk-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.planer-gk-shell,.planer-gk-gallery{position:relative;z-index:1;max-width:1220px;margin-inline:auto}
.planer-gk-shell{display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);gap:54px;align-items:center}
.planer-gk-copy h2{margin:12px 0 16px;max-width:720px;font-family:Georgia,serif;font-size:clamp(2rem,3.15vw,3.55rem);font-weight:400;line-height:1.03;letter-spacing:-.035em}
.planer-gk-lead{max-width:680px;margin:0 0 28px;color:#d3dde5;font-size:1rem;line-height:1.78}
.planer-gk-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.planer-gk-points>span{min-height:104px;padding:15px 15px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center}
.planer-gk-points b{grid-row:1/3;color:#efc978;font-size:.72rem;letter-spacing:.08em}
.planer-gk-points strong{font-size:.87rem;line-height:1.35}
.planer-gk-points em{margin-top:3px;font-style:normal;color:#aebdca;font-size:.73rem;line-height:1.42}
.planer-gk-actions{margin-top:27px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.planer-gk-text-link{color:#efc978;font-size:.8rem;font-weight:800;text-decoration:none}
.planer-gk-featured{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#030d16;box-shadow:0 32px 80px rgba(0,0,0,.34)}
.planer-window-chrome{height:42px;padding:0 14px;display:flex;align-items:center;gap:7px;background:#060b10;border-bottom:1px solid rgba(255,255,255,.10);font-size:.64rem;color:#93a4b2;letter-spacing:.04em}
.planer-window-chrome i{width:8px;height:8px;border-radius:50%;background:#314154}.planer-window-chrome i:nth-child(2){background:#80683e}.planer-window-chrome i:nth-child(3){background:#375e53}
.planer-window-chrome span{margin-left:6px}.planer-window-chrome b{margin-left:auto;color:#efc978;font-size:.58rem;letter-spacing:.12em}
.planer-gk-featured img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#03101c}
.planer-featured-caption{padding:18px 21px 20px;display:grid;gap:5px;background:linear-gradient(180deg,#081828,#06131f)}
.planer-featured-caption strong{font-family:Georgia,serif;font-size:1.05rem;font-weight:400}.planer-featured-caption span{color:#9eafbd;font-size:.75rem;line-height:1.5}
.planer-gk-gallery{margin-top:28px;display:grid;grid-template-columns:1fr 1fr .86fr;gap:18px}
.planer-gk-gallery figure,.planer-gk-report-card{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:19px;background:rgba(255,255,255,.055)}
.planer-gk-gallery figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#03101c}
.planer-gk-gallery figcaption{padding:15px 17px 17px;display:grid;gap:4px}.planer-gk-gallery figcaption strong{font-size:.86rem}.planer-gk-gallery figcaption span{color:#a8b6c2;font-size:.72rem;line-height:1.5}
.planer-gk-report-card{padding:20px 20px 18px}.planer-gk-report-card>span{display:inline-block;color:#efc978;font-size:.62rem;font-weight:900;letter-spacing:.14em}.planer-gk-report-card h3{margin:9px 0 9px;font-family:Georgia,serif;font-size:1.14rem;font-weight:400;line-height:1.3}.planer-gk-report-card p{margin:0 0 14px;color:#aebbc6;font-size:.75rem;line-height:1.55}.planer-gk-report-card div{padding:9px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px}.planer-gk-report-card em{font-style:normal;color:#aebbc6;font-size:.68rem}.planer-gk-report-card b{color:#fff;font-size:.68rem;text-align:right}
@media(max-width:1050px){.planer-gk-shell{grid-template-columns:1fr;gap:34px}.planer-gk-copy{max-width:760px}.planer-gk-gallery{grid-template-columns:1fr 1fr}.planer-gk-report-card{grid-column:1/-1}}
@media(max-width:700px){.planer-hero-promo{grid-template-columns:1fr;padding:13px}.planer-new-badge{grid-row:auto;width:max-content}.planer-gk-section{padding:68px 18px}.planer-gk-copy h2{font-size:2.15rem}.planer-gk-points{grid-template-columns:1fr}.planer-gk-points>span{min-height:88px}.planer-gk-gallery{grid-template-columns:1fr}.planer-gk-report-card{grid-column:auto}.planer-window-chrome b{display:none}.planer-window-chrome span{font-size:.58rem}}


/* =========================================================
   R24 — pakiety, płatny Planer GK, SMS Android <-> MOST <-> Windows
   ========================================================= */
.sms-most-highlight{margin:26px 0 20px;padding:22px 24px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:18px}
.sms-most-highlight .sms-most-badge{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:#f39a22;color:#071d36;font-size:10px;font-weight:800;letter-spacing:.12em}
.sms-most-highlight>strong{display:block;font:400 clamp(24px,2.4vw,34px)/1.08 Georgia,serif;color:#fff}
.sms-most-highlight>p{margin:10px 0 15px;color:#c7d3df;line-height:1.65}
.sms-most-highlight>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.sms-most-highlight>div span{font-size:13px;color:#fff}
.launch-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0 26px}
.launch-price-grid article{padding:26px;border:1px solid #ddd4c8;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(7,29,54,.06)}
.launch-price-grid article.featured{background:#071d36;border-color:#071d36;color:#fff}
.launch-price-grid article>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#a76712}
.launch-price-grid article.featured>span{color:#f3ba69}
.launch-price-grid h3{margin:7px 0 18px;font:400 28px/1.08 Georgia,serif}
.launch-price-grid article.featured h3{color:#fff}
.launch-price-grid article div{padding:16px 0;border-top:1px solid #e7e0d7;border-bottom:1px solid #e7e0d7}
.launch-price-grid article.featured div{border-color:rgba(255,255,255,.15)}
.launch-price-grid del{display:block;color:#8b939b;font-size:14px}
.launch-price-grid b{display:block;margin-top:3px;font:400 35px/1 Georgia,serif;color:#071d36}
.launch-price-grid article.featured b{color:#fff}
.launch-price-grid small{display:block;margin-top:5px;color:#69737d}
.launch-price-grid article.featured small{color:#aebdca}
.launch-price-grid p{margin:14px 0 0;line-height:1.55;color:#5e6872}
.launch-price-grid article.featured p{color:#c5d0db}
.planer-addon-price{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0;padding:24px 28px;border:1px solid #d7b276;border-radius:20px;background:linear-gradient(135deg,#fff9ef,#f7ead4)}
.planer-addon-price>div:first-child>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#9c6414}
.planer-addon-price strong{display:block;margin:5px 0 6px;font:400 30px/1 Georgia,serif;color:#071d36}
.planer-addon-price p{margin:0;max-width:720px;color:#5b6470;line-height:1.6}
.planer-addon-money{min-width:170px;text-align:right}
.planer-addon-money del{display:block;color:#8a8f96}
.planer-addon-money b{display:block;font:400 34px/1 Georgia,serif;color:#071d36}
.planer-addon-money small{display:block;margin-top:5px;color:#8b641f}
.planer-gk-lead strong{color:#fff}
@media(max-width:900px){.launch-price-grid{grid-template-columns:1fr}.planer-addon-price{align-items:flex-start;flex-direction:column}.planer-addon-money{text-align:left}.sms-most-highlight>div{grid-template-columns:1fr}}

/* =========================================================
   R25 — Paddle Sandbox / testowe płatności abonamentów
   ========================================================= */
.paddle-test-select{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:18px;min-height:42px;padding:0 14px;border:1px solid #c8d0d8;border-radius:11px;background:#f7f9fb;color:#071d36;font:800 9px/1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.2s ease}
.paddle-test-select:hover{transform:translateY(-1px);border-color:#f39a22;background:#fff7e9}
.launch-price-grid article.featured .paddle-test-select{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}
.launch-price-grid article.featured .paddle-test-select:hover{border-color:#f3ba69;background:rgba(243,186,105,.12)}
.launch-price-grid article.paddle-selected-card{outline:3px solid rgba(243,154,34,.24);outline-offset:3px}
.paddle-sandbox-box{margin:30px 0;padding:28px;border:1px solid #d7b276;border-radius:22px;background:linear-gradient(145deg,#fffaf0,#fff 58%,#f5f8fb);box-shadow:0 18px 46px rgba(7,29,54,.08)}
.paddle-sandbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #e8dfd1}
.paddle-sandbox-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#071d36;color:#f3ba69;font:900 9px/1 Arial,sans-serif;letter-spacing:.13em}
.paddle-sandbox-head h3{margin:11px 0 7px;font:400 clamp(26px,3vw,36px)/1.08 Georgia,serif;color:#071d36}
.paddle-sandbox-head p{margin:0;max-width:780px;color:#5c6772;line-height:1.65}
.paddle-sandbox-state{display:flex;align-items:center;gap:8px;min-width:max-content;padding:10px 12px;border:1px solid #d7dde3;border-radius:12px;background:#fff;color:#59636e;font-size:11px;font-weight:800}
.paddle-sandbox-state i{width:9px;height:9px;border-radius:50%;background:#9aa4ad;box-shadow:0 0 0 4px rgba(154,164,173,.12)}
.paddle-sandbox-state.is-ready{border-color:#afcfbb;color:#21643a;background:#f3fbf6}.paddle-sandbox-state.is-ready i{background:#2d8b4b;box-shadow:0 0 0 4px rgba(45,139,75,.12)}
.paddle-sandbox-state.is-warn{border-color:#e8cf9f;color:#845710;background:#fff8e9}.paddle-sandbox-state.is-warn i{background:#d9901b;box-shadow:0 0 0 4px rgba(217,144,27,.12)}
.paddle-sandbox-state.is-error{border-color:#e3b4b4;color:#8a2f2f;background:#fff4f4}.paddle-sandbox-state.is-error i{background:#b94242;box-shadow:0 0 0 4px rgba(185,66,66,.12)}
.paddle-package-options{margin:22px 0 14px;padding:0;border:0}.paddle-package-options legend{margin-bottom:11px;color:#071d36;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.paddle-package-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.paddle-package-options legend{grid-column:1/-1}
.paddle-package-options label,.paddle-addon-row label{display:flex;align-items:flex-start;gap:11px;padding:16px;border:1px solid #dbe1e6;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}
.paddle-package-options label:hover,.paddle-addon-row label:hover{border-color:#d7b276;background:#fffaf2}
.paddle-package-options input,.paddle-addon-row input{margin-top:3px;accent-color:#f39a22}
.paddle-package-options span,.paddle-addon-row span{display:grid;gap:4px}.paddle-package-options b,.paddle-addon-row b{color:#071d36;font-size:13px}.paddle-package-options small,.paddle-addon-row small{color:#6b7580;line-height:1.45}
.paddle-package-options label:has(input:checked){border-color:#f39a22;box-shadow:inset 0 0 0 1px #f39a22;background:#fff8ea}
.paddle-addon-row{margin:0 0 18px}.paddle-addon-row label{max-width:520px}.paddle-addon-row label:has(input:checked){border-color:#d7b276;background:#fff6e7}.paddle-addon-row label:has(input:disabled){opacity:.48;cursor:not-allowed;background:#f4f5f6}
.paddle-test-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-radius:16px;background:#071d36;color:#fff}
.paddle-test-summary>div{display:grid;gap:3px}.paddle-test-summary>div>span{color:#9eb0c1;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.paddle-test-summary strong{font:400 22px/1.2 Georgia,serif}.paddle-test-summary small{color:#efc978;font-size:12px}.paddle-test-summary .button{margin:0;background:#f39a22;border-color:#f39a22;color:#071d36;white-space:nowrap}.paddle-test-summary .button:disabled{cursor:not-allowed;opacity:.48;transform:none}
.paddle-test-status{min-height:20px;margin-top:13px;padding:0 3px;color:#66717c;font-size:12px;line-height:1.55}.paddle-test-status.is-success{color:#21643a;font-weight:800}.paddle-test-status.is-error{color:#9a3030;font-weight:800}.paddle-test-status.is-info{color:#52606d}
.paddle-test-note{margin:14px 2px 0;color:#7a838b;font-size:10.5px;line-height:1.65}.paddle-test-note strong{color:#9a6519}
@media(max-width:900px){.paddle-sandbox-head{display:grid}.paddle-sandbox-state{width:max-content}.paddle-package-options{grid-template-columns:1fr}.paddle-test-summary{align-items:flex-start;flex-direction:column}.paddle-test-summary .button{width:100%}}
@media(max-width:560px){.paddle-sandbox-box{padding:21px 16px;border-radius:17px}.paddle-sandbox-head h3{font-size:27px}.paddle-sandbox-state{min-width:0;width:100%;align-items:flex-start}.paddle-test-summary{padding:17px}}


/* R26 — pobieranie BudManager / Microsoft Store */
.store-primary-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}
.route-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:1rem}
.route-actions .trial-plan-link{margin-top:0}
.store-route-link{text-decoration:none}
.route-store-note{display:block;margin-top:.7rem;color:var(--muted,#667085);line-height:1.45}
.download-section{position:relative;overflow:hidden}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1040px;margin:2rem auto 0}
.download-card{border:1px solid rgba(19,46,73,.14);border-radius:24px;padding:1.6rem;background:#fff;box-shadow:0 20px 55px rgba(13,31,49,.08)}
.download-card-ready{border-color:rgba(16,112,80,.28)}
.download-card-wait{background:linear-gradient(180deg,#fff,#f7f9fb)}
.download-platform{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}
.download-platform span{font-size:.76rem;font-weight:800;letter-spacing:.13em;color:#53657a}
.download-platform b{font-size:.72rem;letter-spacing:.08em;padding:.38rem .62rem;border-radius:999px;background:#e9f7ef;color:#117348}
.download-card-wait .download-platform b{background:#f2f4f7;color:#667085}
.download-card h3{margin:.2rem 0 .7rem;font-size:1.5rem}
.download-card p{margin:0 0 1.15rem;color:#5f6f80;line-height:1.65}
.download-store-button{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
.download-card small{display:block;margin-top:.7rem;color:#7a8795}
.download-disabled{display:inline-flex;min-height:44px;align-items:center;padding:.7rem 1rem;border-radius:12px;background:#e9edf2;color:#6a7684;font-weight:750;cursor:not-allowed}
.download-combo-note{max-width:1040px;margin:1rem auto 0;border-radius:18px;padding:1rem 1.2rem;background:#0b2744;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}
.download-combo-note span{color:#d7e0e9;line-height:1.5}
.pricing-store-link{display:block;margin:.8rem 0 .45rem;font-size:.9rem;font-weight:800;text-decoration:none;color:#0f5fa8}
.pricing-platform-status{display:block;margin:-.1rem 0 .7rem;color:#667085}
@media(max-width:760px){.download-grid{grid-template-columns:1fr}.download-combo-note{grid-template-columns:1fr}.hero-actions .store-primary-link{width:100%;justify-content:center}.route-actions{align-items:stretch;flex-direction:column}.route-actions>*{width:100%;text-align:center;box-sizing:border-box}}


/* R28 — osobny zakup dodatku Planer GK dla istniejącego abonamentu Windows */
.paddle-planer-existing{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:16px 0 0;padding:18px 20px;border:1px solid #d7b276;border-radius:16px;background:#fff8eb}
.paddle-planer-existing>div{display:grid;gap:4px;max-width:760px}
.paddle-planer-existing>div>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#9b6414}
.paddle-planer-existing strong{color:#071d36;font-size:15px}
.paddle-planer-existing small{color:#66717c;line-height:1.55}
.paddle-planer-existing .button{margin:0;white-space:nowrap}
.paddle-planer-existing .button:disabled{cursor:not-allowed;opacity:.48;transform:none}
@media(max-width:900px){.paddle-planer-existing{align-items:flex-start;flex-direction:column}.paddle-planer-existing .button{width:100%}}

/* R29 — Google Play / publiczna aplikacja Android */
.store-google-play-hero{font-weight:800;text-decoration:none}
.pricing-store-link-secondary{margin-top:.15rem}
@media(max-width:1180px){.hero-actions{flex-wrap:wrap;justify-content:flex-end}.hero-action-band>div:last-child{max-width:620px}}
@media(max-width:760px){.hero-actions .store-google-play-hero{width:100%;text-align:center;box-sizing:border-box}.pricing-store-link-secondary{margin-top:.15rem}}

/* R31 — cennik 5 produktów / miesiąc-rok / dynamiczne Price ID */
.sales-billing-switch{display:flex;justify-content:center;gap:8px;margin:20px auto 8px;padding:5px;width:max-content;max-width:100%;border:1px solid rgba(118,151,183,.34);border-radius:999px;background:#fff}
.sales-billing-switch button{border:0;border-radius:999px;padding:10px 20px;background:transparent;color:#183653;font-weight:800;cursor:pointer}
.sales-billing-switch button.active{background:#0b3154;color:#fff;box-shadow:0 7px 18px rgba(11,49,84,.18)}
.annual-main-note{text-align:center;margin:0 0 22px;color:#506a82}
.plans.five-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.pricing-live-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.pricing-live-card.featured{outline:2px solid #d39a42;box-shadow:0 18px 42px rgba(18,47,72,.14)}
.best-choice{position:absolute;right:14px;top:14px;padding:5px 9px;border-radius:999px;background:#d39a42;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em}
.plan-eyebrow{font-size:.74rem;font-weight:900;letter-spacing:.11em;color:#527492}
.plan-description{min-height:68px}
.plan-price-live{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.plan-price-live del{color:#8997a4;font-size:.92rem}
.plan-price-live strong{font-size:1.8rem;color:#0b3154}
.plan-price-live small{color:#587187}
.promo-label-live,.annual-saving-note{margin:0;font-size:.8rem;color:#8a5d18;font-weight:700}
.pricing-live-card ul{flex:1;margin:0;padding-left:20px}
.pricing-live-card .button{width:100%;justify-content:center}
.paddle-package-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.paddle-billing-options{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:10px;margin-top:14px}
.paddle-billing-options label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid rgba(111,145,176,.3);border-radius:12px;background:#fff}
.paddle-billing-options input{width:auto;margin-top:3px}
.paddle-billing-options span{display:grid;gap:2px}
@media(max-width:1250px){.plans.five-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paddle-package-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.plans.five-plan-grid,.paddle-package-five{grid-template-columns:1fr}.paddle-billing-options{grid-template-columns:1fr}.plan-description{min-height:0}.sales-billing-switch{width:100%}.sales-billing-switch button{flex:1}}

/* R32 — prestiżowy, uporządkowany cennik 5 pakietów */
.pricing-r32{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 10%,rgba(215,166,78,.15),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(96,142,181,.14),transparent 28%),
    linear-gradient(145deg,#071b32 0%,#082541 58%,#06182d 100%);
  box-shadow:0 34px 90px rgba(4,18,34,.2);
}
.pricing-r32:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent)}
.pricing-r32-shell{position:relative;z-index:1;max-width:1320px;margin:0 auto}
.pricing-r32-heading{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:48px;align-items:end;margin-bottom:28px}
.pricing-r32-heading h2{max-width:820px;margin:.4rem 0 0;color:#fff;font:400 clamp(2.5rem,4.7vw,4.7rem)/.98 Georgia,serif;letter-spacing:-.035em}
.pricing-r32-heading>p{margin:0 0 .35rem;color:#bac7d4;font-size:1rem;line-height:1.8}
.pricing-r32-heading .kicker{color:#efcb83}
.pricing-r32-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:28px 0 34px;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.pricing-r32 .sales-billing-switch{flex:none;margin:0;padding:4px;border-color:rgba(255,255,255,.13);background:#f7f2e9;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.pricing-r32 .sales-billing-switch button{padding:11px 18px;color:#31506b}
.pricing-r32 .sales-billing-switch button span{margin-left:6px;font-size:.7rem;opacity:.68}
.pricing-r32 .sales-billing-switch button.active{background:#092b4c;color:#fff;box-shadow:0 8px 20px rgba(5,33,59,.2)}
.pricing-r32-promise{display:flex;align-items:center;gap:12px;max-width:580px;color:#dfe8f0}
.pricing-r32-promise>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#d6a04a;color:#08213a;font-weight:1000;box-shadow:0 0 0 6px rgba(214,160,74,.1)}
.pricing-r32-promise p{display:grid;gap:3px;margin:0;line-height:1.35}.pricing-r32-promise strong{font-size:.84rem}.pricing-r32-promise small{color:#96aabd;font-size:.72rem;line-height:1.55}

.pricing-r32 .plans.five-plan-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:0;align-items:stretch}
.pricing-r32 .pricing-live-card{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:30px 28px 28px;border:1px solid rgba(168,185,200,.3);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f8f5ee 100%);color:#0b2945;box-shadow:0 20px 45px rgba(2,18,34,.16);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.pricing-r32 .pricing-live-card:hover{transform:translateY(-4px);border-color:rgba(215,166,78,.72);box-shadow:0 28px 60px rgba(2,18,34,.23)}
.pricing-r32 .pricing-live-card[data-package-card="mobile"],
.pricing-r32 .pricing-live-card[data-package-card="windows"],
.pricing-r32 .pricing-live-card[data-package-card="windows-planer"]{grid-column:span 4}
.pricing-r32 .pricing-live-card[data-package-card="planer-gk"]{grid-column:span 5}
.pricing-r32 .pricing-live-card[data-package-card="windows-mobile"]{grid-column:span 7}
.pricing-r32 .pricing-live-card[data-package-card="windows-planer"]:before,
.pricing-r32 .pricing-live-card[data-package-card="planer-gk"]:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#d39a42,#edc679)}
.pricing-r32 .pricing-live-card.featured{outline:0;border:1px solid #d6a04a;background:linear-gradient(135deg,#f9f0df 0%,#fffaf1 58%,#f4e2c3 100%);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.pricing-r32 .pricing-live-card.featured:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:6px;background:linear-gradient(90deg,#f29a22,#d4a14f,#f29a22)}
.pricing-r32 .best-choice{position:absolute;right:22px;top:23px;padding:7px 11px;border-radius:999px;background:#082d50;color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(6,37,65,.18)}
.pricing-r32 .plan-eyebrow{margin:0;color:#9b6a21;font-size:.68rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.pricing-r32 .pricing-live-card h3{margin:0;color:#082743;font:400 clamp(1.75rem,2.4vw,2.45rem)/1.08 Georgia,serif;letter-spacing:-.025em}
.pricing-r32 .pricing-live-card>p.plan-description{min-height:52px;margin:0;color:#637487;font-size:.82rem;line-height:1.65}
.pricing-r32 .pricing-live-card[data-package-card="windows-mobile"]>p.plan-description{max-width:620px}
.pricing-r32 .plan-price-live{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 12px;margin:7px 0 2px;padding:18px 0 14px;border-top:1px solid rgba(22,58,89,.12);border-bottom:1px solid rgba(22,58,89,.12)}
.pricing-r32 .plan-price-live del{grid-column:1/-1;color:#8794a0;font-size:.8rem;line-height:1}
.pricing-r32 .plan-price-live strong{color:#082743;font:400 clamp(2.15rem,3.5vw,3.35rem)/1 Georgia,serif;letter-spacing:-.045em}
.pricing-r32 .plan-price-live small{padding-bottom:.3rem;color:#6c7b89;font-size:.78rem}
.pricing-r32 .promo-label-live,.pricing-r32 .annual-saving-note{margin:0;color:#98641d;font-size:.71rem;font-weight:850;line-height:1.45}
.pricing-r32 .pricing-live-card ul{flex:1;display:grid;align-content:start;gap:10px;margin:3px 0 4px;padding:0;border:0;list-style:none}
.pricing-r32 .pricing-live-card li{position:relative;display:block;padding-left:27px;color:#31495f;font-size:.78rem;line-height:1.55}
.pricing-r32 .pricing-live-card li:before{content:"✓";position:absolute;left:0;top:.05rem;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e2efe6;color:#1c6b43;font-size:.67rem;font-weight:950}
.pricing-r32 .pricing-live-card .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:5px 0 0;border-color:#0b3154;border-radius:12px;background:#0b3154;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 10px 22px rgba(11,49,84,.14)}
.pricing-r32 .pricing-live-card .button:hover{transform:translateY(-1px);background:#0d3b67}
.pricing-r32 .pricing-live-card.featured .button:not(.secondary){border-color:#f29a22;background:#f29a22;color:#09233d;box-shadow:0 12px 28px rgba(242,154,34,.25)}
.pricing-r32 .pricing-live-card .button.secondary{min-height:auto;margin:-2px 0 0;padding:8px 6px;border:0;background:transparent;color:#42627d;font-size:.69rem;letter-spacing:.025em;text-transform:none;box-shadow:none;text-decoration:underline;text-decoration-color:rgba(66,98,125,.35);text-underline-offset:3px}
.pricing-r32 .pricing-live-card .button.secondary:hover{background:transparent;color:#0b3154;transform:none}

.pricing-r32-bottom{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;margin-top:22px}
.pricing-r32-planer-note,.pricing-r32-safe{display:flex;align-items:center;gap:16px;padding:19px 21px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#e8eef4}
.pricing-r32-note-mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#d6a04a;color:#08243f;font:800 .9rem/1 Georgia,serif;letter-spacing:.08em}
.pricing-r32-planer-note div{display:grid;gap:4px}.pricing-r32-planer-note strong{font-size:.9rem}.pricing-r32-planer-note p{margin:0;color:#aebdcc;font-size:.72rem;line-height:1.6}
.pricing-r32-safe{align-items:flex-start;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
.pricing-r32-safe>div:nth-child(2){display:grid;gap:3px}.pricing-r32-safe strong{font-size:.82rem}.pricing-r32-safe small{color:#9eafbf;font-size:.7rem;line-height:1.5}
.pricing-r32 .paddle-sandbox-state{min-width:0;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#d7e2eb;font-size:.62rem;white-space:nowrap}
.pricing-r32 .paddle-sandbox-state.is-ready{border-color:rgba(112,195,140,.35);background:rgba(49,123,75,.18);color:#bde7c9}.pricing-r32 .paddle-sandbox-state.is-ready i{background:#58b678}
.pricing-r32 .paddle-test-status{grid-column:1/-1;min-height:0;margin:5px 0 0;padding:0;color:#aec0cf;font-size:.68rem;line-height:1.5}
.pricing-r32 .paddle-test-status:empty{display:none}
.pricing-r32-note{max-width:980px;margin:24px auto 0;color:#98aabc;font-size:.72rem;line-height:1.65}
.pricing-r32-note strong{color:#e7c27b}
.pricing-r32-trial{margin-top:38px;border:1px solid rgba(211,154,66,.34);background:linear-gradient(110deg,#f8f1e5,#fffaf3)}

@media(max-width:1100px){
  .pricing-r32-heading{grid-template-columns:1fr;gap:18px}.pricing-r32-heading>p{max-width:760px}
  .pricing-r32-toolbar{align-items:flex-start;flex-direction:column}.pricing-r32-promise{max-width:none}
  .pricing-r32 .pricing-live-card[data-package-card]{grid-column:span 6}
  .pricing-r32 .pricing-live-card[data-package-card="windows-mobile"]{grid-column:1/-1}
  .pricing-r32-bottom{grid-template-columns:1fr}
}
@media(max-width:720px){
  .pricing-r32{margin-left:0;margin-right:0;border-radius:24px}
  .pricing-r32-heading h2{font-size:2.65rem}
  .pricing-r32-toolbar{padding:14px}
  .pricing-r32 .sales-billing-switch{width:100%}.pricing-r32 .sales-billing-switch button{flex:1;padding:10px 8px}.pricing-r32 .sales-billing-switch button span{display:none}
  .pricing-r32 .pricing-live-card[data-package-card]{grid-column:1/-1}
  .pricing-r32 .pricing-live-card{padding:26px 22px}
  .pricing-r32 .best-choice{position:static;width:max-content;margin:-2px 0 2px}
  .pricing-r32-bottom{display:block}.pricing-r32-safe{margin-top:14px}
}
.pricing-r32 .pricing-live-card>p.promo-label-live,
.pricing-r32 .pricing-live-card>p.annual-saving-note{min-height:0;margin:0;color:#98641d;font-size:.71rem;font-weight:850;line-height:1.45}

/* R33 — sprzedaż publiczna może być czasowo wyłączona z panelu sprzedawcy. */
.sales-payment-disabled{cursor:not-allowed!important;opacity:.72!important;transform:none!important;box-shadow:none!important}


/* =========================================================
   R34 — PLANER GK / prestiżowa sekcja oparta na prawdziwych ekranach programu
   ========================================================= */
.planer-gk-r34{
  position:relative;
  overflow:hidden;
  padding:96px max(28px,calc((100vw - 1260px)/2)) 0;
  color:#fff;
  background:
    radial-gradient(circle at 75% 18%,rgba(255,255,255,.105),transparent 23%),
    radial-gradient(circle at 14% 0%,rgba(224,176,92,.15),transparent 26%),
    linear-gradient(118deg,#04182d 0%,#082744 48%,#0b3453 100%);
  isolation:isolate;
}
.planer-gk-r34:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 86%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 86%,transparent 100%);
}
.planer-gk-r34:after{
  content:"";
  position:absolute;
  right:-10vw;
  top:-8%;
  width:min(760px,58vw);
  height:92%;
  z-index:-1;
  opacity:.2;
  background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.16) 60%,transparent 61%);
  transform:skewX(-12deg);
  pointer-events:none;
}
.planer-r34-shell{
  width:100%;
  max-width:1260px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(610px,1.22fr);
  gap:62px;
  align-items:start;
}
.planer-r34-copy{
  padding:28px 0 36px;
}
.planer-r34-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  color:#edc57e;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.22em;
}
.planer-r34-eyebrow>span{width:34px;height:2px;background:#d9a84e;display:inline-block}
.planer-r34-eyebrow em{
  font-style:normal;
  color:#9fb0bf;
  font-size:.6rem;
  letter-spacing:.12em;
  font-weight:800;
}
.planer-r34-copy h2{
  margin:0 0 20px;
  max-width:610px;
  color:#f7f3ec;
  font-family:Georgia,serif;
  font-size:clamp(2.45rem,3.65vw,4.15rem);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.045em;
}
.planer-r34-copy h2 span{color:#efc77d}
.planer-r34-lead{
  max-width:610px;
  margin:0 0 30px;
  color:#d8e2e9;
  font-size:1.01rem;
  line-height:1.78;
}
.planer-r34-benefits{
  display:grid;
  gap:0;
  max-width:610px;
  border-top:1px solid rgba(255,255,255,.11);
}
.planer-r34-benefits>div{
  position:relative;
  padding:14px 8px 14px 28px;
  border-bottom:1px solid rgba(255,255,255,.095);
}
.planer-r34-benefits>div:before{
  content:"";
  position:absolute;
  left:4px;
  top:20px;
  width:8px;
  height:8px;
  border:2px solid #e6b65e;
  transform:rotate(45deg);
}
.planer-r34-benefits strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:.91rem;
}
.planer-r34-benefits span{
  display:block;
  color:#aebdca;
  font-size:.76rem;
  line-height:1.52;
}
.planer-r34-actions{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:28px;
}
.planer-r34-actions .button{margin:0}
.planer-r34-actions>a{
  color:#efc77d;
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
  letter-spacing:.01em;
}
.planer-r34-actions>a:hover{text-decoration:underline}

.planer-r34-showcase{
  position:relative;
  min-width:0;
  padding:0 0 76px;
}
.planer-r34-screen{
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(236,196,121,.28);
  border-radius:22px;
  background:#061422;
  box-shadow:0 35px 90px rgba(0,0,0,.37),0 0 0 1px rgba(255,255,255,.035) inset;
}
.planer-r34-screen-main{
  width:100%;
}
.planer-r34-screen-report{
  width:82%;
  margin:-62px 0 0 auto;
  z-index:3;
  box-shadow:0 30px 70px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.035) inset;
}
.planer-r34-screen-head{
  min-height:43px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#98a9b7;
  background:linear-gradient(180deg,#0a1724,#06111c);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:.59rem;
  font-weight:800;
  letter-spacing:.11em;
}
.planer-r34-screen-head b{
  color:#efc77d;
  font-size:.6rem;
  letter-spacing:.15em;
  white-space:nowrap;
}
.planer-r34-image-wrap{
  position:relative;
  overflow:hidden;
  background:#eef0ef;
}
.planer-r34-screen-main .planer-r34-image-wrap{aspect-ratio:1280/890}
.planer-r34-screen-report .planer-r34-image-wrap{aspect-ratio:870/500}
.planer-r34-image-wrap img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.planer-r34-screen figcaption{
  padding:15px 18px 17px;
  display:grid;
  gap:4px;
  background:linear-gradient(180deg,rgba(11,34,52,.98),rgba(5,21,34,.99));
}
.planer-r34-screen figcaption strong{
  font-family:Georgia,serif;
  font-size:1.02rem;
  font-weight:400;
}
.planer-r34-screen figcaption span{
  color:#a8b7c3;
  font-size:.72rem;
  line-height:1.55;
}
.planer-r34-screen-report figcaption{
  grid-template-columns:auto 1fr;
  align-items:baseline;
  column-gap:16px;
}
.planer-r34-screen-report figcaption strong{white-space:nowrap}
.planer-r34-bottom{
  max-width:1260px;
  margin:0 auto;
  min-height:104px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.12);
}
.planer-r34-bottom>div{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:15px;
  align-items:center;
  padding:25px 28px 28px 0;
}
.planer-r34-bottom>div+div{
  padding-left:28px;
  border-left:1px solid rgba(255,255,255,.12);
}
.planer-r34-bottom b{
  color:#efc77d;
  font-family:Georgia,serif;
  font-size:1.2rem;
  font-weight:400;
}
.planer-r34-bottom span{display:grid;gap:3px}
.planer-r34-bottom strong{font-size:.8rem}
.planer-r34-bottom small{color:#aebdca;font-size:.69rem;line-height:1.45}

@media(max-width:1100px){
  .planer-gk-r34{padding-top:76px}
  .planer-r34-shell{grid-template-columns:1fr;gap:34px}
  .planer-r34-copy{max-width:820px;padding-top:0}
  .planer-r34-copy h2,.planer-r34-lead,.planer-r34-benefits{max-width:800px}
  .planer-r34-benefits{grid-template-columns:1fr 1fr}
  .planer-r34-benefits>div{border-right:1px solid rgba(255,255,255,.08)}
  .planer-r34-showcase{max-width:900px;width:100%;margin:0 auto}
}
@media(max-width:760px){
  .planer-gk-r34{padding:64px 18px 0}
  .planer-r34-copy h2{font-size:clamp(2.2rem,10vw,3.05rem)}
  .planer-r34-eyebrow{align-items:flex-start;flex-wrap:wrap;line-height:1.5}
  .planer-r34-eyebrow em{width:100%;padding-left:44px}
  .planer-r34-lead{font-size:.94rem;line-height:1.7}
  .planer-r34-benefits{grid-template-columns:1fr}
  .planer-r34-benefits>div{border-right:0}
  .planer-r34-actions{align-items:stretch;flex-direction:column}
  .planer-r34-actions .button{width:100%;justify-content:center}
  .planer-r34-actions>a{text-align:center;padding:4px}
  .planer-r34-showcase{padding-bottom:44px}
  .planer-r34-screen{border-radius:16px}
  .planer-r34-screen-head{min-height:38px;padding:0 12px;font-size:.5rem}
  .planer-r34-screen-head b{font-size:.5rem}
  .planer-r34-screen-report{width:100%;margin:18px 0 0}
  .planer-r34-screen-report figcaption{grid-template-columns:1fr}
  .planer-r34-screen figcaption{padding:13px 14px 15px}
  .planer-r34-bottom{grid-template-columns:1fr;padding:0 0 16px}
  .planer-r34-bottom>div,.planer-r34-bottom>div+div{padding:17px 0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}
  .planer-r34-bottom>div:first-child{border-top:0}
}
@media(max-width:440px){
  .planer-r34-screen-head span{display:none}
  .planer-r34-screen-head{justify-content:flex-end}
  .planer-r34-screen-main .planer-r34-image-wrap{aspect-ratio:1.15/1}
  .planer-r34-screen-main .planer-r34-image-wrap img{object-fit:cover;object-position:left top}
  .planer-r34-screen-report .planer-r34-image-wrap{aspect-ratio:1.45/1}
}


/* R44 — poprawki wynikające z rzeczywistego widoku mobilnego R43.
   Scope: tylko strona główna — nie dotykamy ekranów płatności ani statystyk. */
.pricing-r32-trial {color:#102b45;}
.pricing-r32-trial .trial-invite-label {color:#87570e;}
.pricing-r32-trial strong {color:#102b45;line-height:1.24;}
.pricing-r32-trial p {color:#43586d;}
.pricing-r32 [hidden] {display:none!important;}
.pricing-r32 .sales-availability-note {
  max-width:980px; padding:15px 17px; border:1px solid rgba(226,185,110,.42);
  border-radius:14px; background:rgba(255,255,255,.095);color:#e5edf4;
  font-size:.84rem;line-height:1.6;
}
.pricing-r32 .sales-availability-note strong {color:#f5d795;}
@media (max-width:760px) {
  .pricing-r32-heading h2 {font-size:clamp(2rem,8.1vw,2.5rem);line-height:1.11;overflow-wrap:break-word;}
  .pricing-r32-heading>p {font-size:.91rem;line-height:1.6;}
  .pricing-r32-trial {gap:16px;padding:23px 20px;}
  .pricing-r32-trial strong {font-size:clamp(1.36rem,5.8vw,1.7rem);}
  .pricing-r32 .pricing-live-card h3 {font-size:clamp(1.75rem,7vw,2.15rem);}
}


/* R48 — uporzadkowana stopka desktop/mobile */
.site-footer{
  min-height:0;
  padding:0;
  display:block;
  background:#e3dacb;
  border-top:1px solid rgba(16,43,70,.12);
  color:#465565;
  text-align:left;
}
.site-footer .footer-main{
  width:min(1380px,calc(100% - 64px));
  margin:0 auto;
  padding:54px 0 46px;
  display:grid;
  grid-template-columns:minmax(240px,1.3fr) repeat(4,minmax(145px,1fr));
  gap:42px;
  align-items:start;
}
.site-footer .footer-intro{min-width:0}
.site-footer .footer-brand{display:inline-flex;width:auto;min-width:0;margin-bottom:18px}
.site-footer .footer-brand .brand-word{color:#071d36}
.site-footer .footer-brand span{color:#9b6c22}
.site-footer .footer-intro p{
  margin:0 0 15px;
  max-width:320px;
  color:#5b6570;
  font-size:12px;
  line-height:1.7;
}
.site-footer a{color:#4e5b68;text-decoration:none}
.site-footer a:hover{color:#071d36}
.site-footer .footer-email{
  display:inline-block;
  color:#071d36;
  font-weight:850;
  font-size:12px;
  border-bottom:1px solid rgba(7,29,54,.25);
  padding-bottom:3px;
}
.site-footer .footer-column{display:grid;align-content:start;gap:10px;min-width:0}
.site-footer .footer-column h2{
  margin:0 0 8px;
  color:#071d36;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.site-footer .footer-column a{
  display:block;
  font-size:11.5px;
  line-height:1.45;
  overflow-wrap:normal;
  word-break:normal;
}
.site-footer .footer-bottom{
  width:min(1380px,calc(100% - 64px));
  margin:0 auto;
  padding:18px 0 22px;
  border-top:1px solid rgba(16,43,70,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#6c756f;
  font-size:11px;
}
.site-footer .footer-bottom a{font-weight:800;color:#405162}
.seo-landing .site-footer{max-width:none;margin:0}
.bm-contact .site-footer a{text-decoration:none}
.bm-contact .site-footer .footer-email{border-bottom:1px solid rgba(7,29,54,.25)}

@media(max-width:1100px){
  .site-footer .footer-main{grid-template-columns:minmax(240px,1.25fr) repeat(2,minmax(180px,1fr));gap:34px 42px}
  .site-footer .footer-intro{grid-row:span 2}
}
@media(max-width:760px){
  .site-footer .footer-main{
    width:min(100% - 40px,1380px);
    padding:40px 0 34px;
    grid-template-columns:1fr 1fr;
    gap:30px 26px;
  }
  .site-footer .footer-intro{grid-column:1/-1;grid-row:auto;padding-bottom:4px}
  .site-footer .footer-intro p{max-width:560px}
  .site-footer .footer-bottom{width:min(100% - 40px,1380px)}
}
@media(max-width:520px){
  .site-footer .footer-main{grid-template-columns:1fr;gap:28px;width:min(100% - 36px,1380px)}
  .site-footer .footer-intro{grid-column:auto}
  .site-footer .footer-column{gap:9px;padding-top:2px}
  .site-footer .footer-column h2{margin-bottom:5px}
  .site-footer .footer-column a{font-size:12px;line-height:1.5}
  .site-footer .footer-bottom{width:min(100% - 36px,1380px);padding:16px 0 20px}
}


/* R51 — uproszczony, dwustopniowy trial */
.trial-login-note,.trial-start-note{margin:0;text-align:center;text-transform:none!important;letter-spacing:0!important;font-family:Arial,sans-serif!important}
.trial-login-note{padding-top:4px;color:#536273!important;font-size:13px!important;font-weight:600!important}
.trial-login-note a{color:#87570e;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.trial-start-note{color:#78828d!important;font-size:10.5px!important;font-weight:500!important;line-height:1.55!important}
.trial-verify-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:1px}
.trial-change-email{border:0;background:transparent;color:#536273;font:700 12px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:5px 0}
.trial-change-email:hover,.trial-change-email:focus-visible,.trial-resend-button:hover,.trial-resend-button:focus-visible{color:#0b2945}
#trial-request-form[hidden],#trial-verify-form[hidden]{display:none!important}
@media (max-width:520px){.trial-verify-actions{align-items:flex-start;flex-direction:column;gap:4px}}


/* R52 — szybkie demo YouTube przed rozpoczęciem trialu */
.demo-section{
  padding-top:72px;
  padding-bottom:72px;
  background:linear-gradient(180deg,#f6f1e8 0%,#eee7dc 100%);
}
.demo-shell{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  gap:72px;
  align-items:center;
}
.demo-copy{max-width:690px}
.demo-copy h2{
  margin:12px 0 20px;
  color:#071d36;
  font-size:clamp(2.25rem,4vw,4.1rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.demo-copy>p:not(.kicker){
  margin:0;
  max-width:650px;
  color:#516170;
  font-size:1.03rem;
  line-height:1.8;
}
.demo-points{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.demo-points span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(7,29,54,.12);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#183650;
  font-size:.78rem;
  font-weight:800;
}
.demo-video-column{
  display:grid;
  justify-items:center;
  gap:15px;
  min-width:0;
}
.demo-video-frame{
  width:min(100%,340px);
  aspect-ratio:9/16;
  overflow:hidden;
  border:1px solid rgba(7,29,54,.18);
  border-radius:24px;
  background:#071d36;
  box-shadow:0 26px 60px rgba(7,29,54,.20);
}
.demo-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.demo-trial-button{
  width:min(100%,340px);
  justify-content:center;
}
.demo-video-column small{
  display:block;
  width:min(100%,340px);
  color:#687582;
  font-size:.72rem;
  line-height:1.55;
  text-align:center;
}
@media(max-width:900px){
  .demo-section{padding-top:58px;padding-bottom:62px}
  .demo-shell{grid-template-columns:1fr;gap:38px}
  .demo-copy{max-width:760px;text-align:center;margin:0 auto}
  .demo-copy>p:not(.kicker){margin-left:auto;margin-right:auto}
  .demo-copy .kicker{justify-content:center}
  .demo-points{justify-content:center}
}
@media(max-width:520px){
  .demo-section{padding:48px 0 54px}
  .demo-shell{width:min(100% - 32px,1180px);gap:30px}
  .demo-copy h2{font-size:clamp(2rem,10vw,2.65rem)}
  .demo-copy>p:not(.kicker){font-size:.92rem;line-height:1.68}
  .demo-points{gap:8px;margin-top:22px}
  .demo-points span{font-size:.72rem;min-height:34px;padding:7px 11px}
  .demo-video-frame{width:min(100%,300px);border-radius:20px}
  .demo-trial-button,.demo-video-column small{width:min(100%,300px)}
}