@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@keyframes fadeUp { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulseRing { 0%,100% { box-shadow: 0 0 0 0 rgba(251,191,36,.5); } 50% { box-shadow: 0 0 0 16px rgba(251,191,36,0); } } @keyframes countUp { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: scale(1); } } .fade-up { opacity: 0; transform: translateY(32px); transition: opacity .7s ease, transform .7s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } h3 { font-family: 'Playfair Display', serif; font-size: clamp(20px, 5vw, 24px); font-weight: 700; line-height: 1.25; color: #111827; margin-bottom: 20px; } .hero { position: relative; min-height: 52vh; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(to bottom, rgba(10,40,18,.72) 0%, rgba(10,40,18,.55) 100%), url('https://www.kancelarialexpro.pl/wp-content/uploads/2026/03/money.webp') center/cover no-repeat; } .hero-inner { position: relative; z-index: 1; max-width: 800px; width:100%; animation: fadeUp .9s ease both; } .hero-eyebrow { display: inline-block; background: rgba(251,191,36,.15); border: 1px solid rgba(251,191,36,.4); color: #fbbf24; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 24px; } .hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(30px, 6vw, 60px); font-weight: 500; color: #fff; line-height: 1.1; margin-bottom: 24px; } .hero h1 em { font-style: italic; color: #fbbf24; } .hero-sub { font-size: clamp(16px, 2.5vw, 20px); color: rgba(255,255,255,.85); font-weight: 300; line-height: 1.7; max-width: 700px; margin: 0 auto 40px; } .btn-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } .btn { display: inline-flex; align-items: center; gap: 8px; padding: 15px 34px; border-radius: 8px; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; border: none; transition: all .25s; } .btn-green { background: #16a34a; color: #fff; box-shadow: 0 4px 20px rgba(22,163,74,.4); } .btn-green:hover { background: #166534; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(22,163,74,.45); } .btn-outline-white { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); } .btn-outline-white:hover { background: rgba(255,255,255,.1); border-color: #fff; } .btn-outline-green { background: transparent; color: #16a34a; border: 2px solid #16a34a; } btn-outline-green:hover { background: #f0fdf4; } .btn-yellow { background: #fbbf24; color: #14532d; box-shadow: 0 4px 24px rgba(251,191,36,.5); font-size: 16px; padding: 18px 44px; border-radius: 12px; } .btn-yellow:hover { transform: translateY(-5px); box-shadow: 0 8px 32px rgba(233, 222, 192, 0.91); } main section { padding: 30px 0 !important; margin-top:30px;} .container-sm { max-width: 720px; margin: 0 auto; } .section-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #16a34a; margin-bottom: 12px; } .section-title { font-family: 'Playfair Display', serif; font-size: clamp(26px, 5vw, 30px); font-weight: 700; line-height: 1.25; color: #111827; margin-bottom: 20px; margin-top: 20px;} .section-title.white { color: #fff; } .section-title.green { color: #14532d; } .section-sub { font-size: 17px; color: #6b7280; line-height: 1.7; margin-bottom: 48px; } .intro { background: #ffffff; } .intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } .intro-img { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.12); position: relative; } .intro-img img { width: 100%; display: block; border-radius: 20px; } .intro-img-badge { position: absolute; bottom: 24px; left: 24px; background: #ffffff; border-radius: 12px; padding: 14px 18px; box-shadow: 0 4px 20px rgba(0,0,0,.15); display: flex; align-items: center; gap: 12px; } .badge-icon { font-size: 28px; } .badge-num { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 900; color: #16a34a; line-height: 1; } .badge-lbl { font-size: 11px; color: #6b7280; } .intro-text strong { color: #111827; }.alert-box { display: flex; align-items: flex-start; gap: 14px; background: #f0fdf4; border-left: 4px solid #16a34a; border-radius: 0 10px 10px 0; padding: 16px 20px 0 20px; margin-top: 28px; } .alert-icon { font-size: 28px;} .alert-text { font-size: 15px; color: #14532d; line-height: 1.6; } .stats { background-color: #d9ecdf; } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .stat-card { background: #ffffff; border-radius: 16px; padding: 32px 24px; text-align: center; border: 1px solid #bbf7d0; box-shadow: 0 2px 16px rgba(0,0,0,.05); transition: transform .2s, box-shadow .2s; } .stat-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(22,163,74,.15); } .stat-num { font-family: 'Playfair Display', serif; font-size: 44px; font-weight: 900; color: #16a34a; line-height: 1; margin-bottom: 10px; } .stat-label { font-size: 13px; color: #6b7280; line-height: 1.4; } .why { background: #ffffff; } .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } .why-text p:not(.section-eyebrow) { font-size: 16px; color: #374151; line-height: 1.8; margin-bottom: 28px; } .why-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 8px; } .why-col-title { font-size: 12px; font-weight: 700; margin-bottom: 0 !important; } .why-col-title.red { color: #dc2626; } .why-col-title.green { color: #16a34a; } .why-list { list-style: none; margin-top: 0; padding-left: 10px; } .why-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.5; } .why-list.no li::before { content: '✕'; color: #ef4444; flex-shrink: 0; font-weight: 700; } .why-list.yes li::before { content: '✓'; color: #16a34a; flex-shrink: 0; font-weight: 700; } .why-img { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.1); } .why-img img { width: 100%; display: block; } .steps {background-color: #d9ecdf; } .steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px; } .step-card { background: #ffffff; border-radius: 16px; padding: 32px 24px; border: 1px solid #e5e7eb; box-shadow: 0 2px 12px rgba(0,0,0,.04); transition: transform .2s; position: relative; } .step-card:hover { transform: translateY(-4px); } .step-num { font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 900; color: #16a34a; line-height: 1; margin-bottom: 16px; } .step-title { font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 10px; line-height: 1.3; } .step-desc { font-size: 14px; color: #6b7280; line-height: 1.6; }  .docs-cta { background: linear-gradient(135deg, #14532d 0%, #166534 50%, #16a34a 100%); position: relative; overflow: hidden; } .docs-cta .container-sm { position: relative; z-index: 1; text-align: center; } .docs-box { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 16px; padding: 32px 36px; margin: 0 auto 36px; text-align: left; } .docs-box-title { font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #fbbf24; margin-bottom: 20px; } .docs-checklist { list-style: none; display: flex; flex-direction: column; gap: 12px; } .docs-checklist li { display: flex; align-items: flex-start; gap: 12px; color: #fff; font-size: 15px; line-height: 1.5; } .docs-checklist li::before { content: '✓'; color: #fbbf24; font-weight: 700; flex-shrink: 0; margin-top: 1px; } .urgency-box { display: inline-flex; align-items: center; gap: 10px; background: #fef3c7; border: 1px solid #fde68a; border-radius: 10px; padding: 14px 22px; margin-bottom: 36px; font-size: 15px; color: #92400e; line-height: 1.5; } .urgency-box span {font-size:28px;} .divider { width: 48px; height: 3px; background: #16a34a; border-radius: 2px; margin-bottom: 24px; } @media (max-width: 900px) { .intro-grid, .why-grid { grid-template-columns: 1fr; gap: 40px; } .why-grid { direction: ltr; } .why-img { order: -1; } .stats-grid, .steps-grid { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 560px) { .stats-grid, .steps-grid { grid-template-columns: 1fr; } .why-cols { grid-template-columns: 1fr; } .docs-box { padding: 24px 20px; } .section { padding: 64px 20px; }}#brxe-299584 {text-align: center; font-size: var(--font-size-p-large)}#brxe-299584 a {text-align: center; font-size: var(--font-size-p-large); font-size: inherit}#brxe-7a75ec {z-index: 1}#brxe-0812cd {margin-top: 0}#brxe-0f2480 {font-size: var(--font-size-p-large)}#brxe-0f2480 a {font-size: var(--font-size-p-large); font-size: inherit}#brxe-f287f3 {flex-direction: row; column-gap: 5rem; align-items: center}@media (max-width: 767px) {#brxe-f287f3 {row-gap: 5rem}}#brxe-87e81a {margin-top: 30px}#brxe-f0002e {width: 100%; border: 9px none var(--bricks-border-color)}#brxe-04f0a2 {flex-direction: row; column-gap: 5rem; align-items: center; margin-bottom: 2px}@media (max-width: 767px) {#brxe-04f0a2 {row-gap: 5rem; flex-direction: row}}#brxe-1889f1 {padding-bottom: var(--spacing-xl)}#brxe-6cd991 {font-size: var(--font-size-h3); margin-top: 2rem}#brxe-6cd991 a {font-size: var(--font-size-h3); font-size: inherit}#brxe-3be178 {flex-direction: row; column-gap: 2rem; align-items: center}#brxe-3be178 {z-index: 0}@media (max-width: 767px) {#brxe-3be178 {row-gap: 5rem}}#brxe-228eaf {padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl)}#brxe-3c4131 {flex-direction: row}#brxe-935b06 {flex-direction: row; width: 100%; align-items: stretch}@media (max-width: 991px) {#brxe-935b06 {flex-direction: column}}@media (max-width: 767px) {#brxe-935b06 {flex-direction: column}}#brxe-cc2972 {overflow: hidden; margin-top: 0; margin-bottom: 50px}