
:root{--primary:#2563EB;--primary-dark:#1D4ED8;--primary-light:#DBEAFE;--accent:#F59E0B;--bg-primary:#EFF6FF;--bg-dark:#0F172A;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--radius:16px;--radius-sm:10px;--shadow:0 4px 24px rgba(0,0,0,.06);--shadow-lg:0 12px 40px rgba(0,0,0,.1)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Plus Jakarta Sans",sans-serif;color:var(--gray-800);line-height:1.7;background:#fff}
a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}
.container{max-width:1500px;margin:0 auto;padding:0 30px}
.label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:12px;background:var(--primary-light);padding:4px 14px;border-radius:20px}
.section{padding:80px 0}.section--alt{background:var(--bg-primary)}.section--dark{background:var(--bg-dark);color:#fff}
/* HERO — full-width z lewym tekstem */
.hero {
  background: var(--hero-bg);
  padding: 100px 24px 80px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero::before{content:'';position:absolute;top:-40%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(96,165,250,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;max-width:1500px;margin:0 auto;padding:0 30px}
.hero h1{font-size:2.6rem;font-weight:900;line-height:1.2;margin-bottom:16px}.hero h1 span{display:block;font-size:1.4rem;font-weight:500;opacity:.7;margin-top:8px}
.hero .subtitle{font-size:1.05rem;opacity:.85;line-height:1.8;margin-bottom:28px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.08);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:32px;color:#fff}
.hero-card h3{font-size:1rem;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:.8rem}
.hero-card .feature-list{list-style:none;padding:0;margin:0}
.hero-card .feature-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem;display:flex;align-items:center;gap:10px}
.hero-card .feature-list li:last-child{border-bottom:none}
.hero-card .feature-list li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(96,165,250,.2);border-radius:6px;font-size:.75rem;flex-shrink:0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;transition:all .2s;text-decoration:none;cursor:pointer;border:none}
.btn--primary{background:#fff;color:var(--primary)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:#D97706;transform:translateY(-2px)}
.btn--outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn--outline:hover{background:rgba(255,255,255,.1)}
.btn--lg{padding:16px 32px;font-size:1rem}
.btn--dark{background:var(--primary);color:#fff}.btn--dark:hover{background:var(--primary-dark)}
.breadcrumb{max-width:1500px;padding:14px 30px;margin:0 auto;border-bottom:1px solid var(--gray-200);font-size:.83rem;color:var(--gray-500)}.breadcrumb a{color:var(--gray-600)}.breadcrumb span{margin:0 6px;opacity:.5}
/* TRUST STRIP */
.trust-strip{background:#fff;border-bottom:1px solid var(--gray-200);padding:0}
.trust-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:0 auto;padding:0 30px}
.trust-cell{display:flex;align-items:center;gap:14px;padding:24px 28px;border-right:1px solid var(--gray-200)}
.trust-cell:last-child{border-right:none}
.trust-cell .t-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:12px;flex-shrink:0}
.trust-cell .t-text strong{display:block;font-size:.9rem;color:var(--gray-900)}.trust-cell .t-text span{font-size:.8rem;color:var(--gray-500)}
/* SECTION HEADERS */
.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:1.8rem;font-weight:800;color:var(--gray-900)}.section-header p{color:var(--gray-600);max-width:650px;margin:12px auto 0;font-size:1.05rem}
.section--dark .section-header h2{color:#fff}.section--dark .section-header p{color:rgba(255,255,255,.6)}
/* CONTENT GRID — asymetryczny */
.content-grid{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:start}
.content-main h2{font-size:1.5rem;font-weight:800;color:var(--gray-900);margin-bottom:16px}
.content-main p{color:var(--gray-700);font-size:1rem;line-height:1.8;margin-bottom:16px}
.content-main ul{margin:16px 0 24px 20px;color:var(--gray-700)}.content-main li{margin-bottom:8px;line-height:1.7}
/* SIDEBAR STICKY */
.sidebar{position:sticky;top:24px}
.sidebar-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:28px;margin-bottom:20px}
.sidebar-box h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gray-500);margin-bottom:16px}
.sidebar-box .spec-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--gray-200);font-size:.9rem}
.sidebar-box .spec-row:last-child{border-bottom:none}
.sidebar-box .spec-row .spec-label{color:var(--gray-600)}.sidebar-box .spec-row .spec-value{font-weight:700;color:var(--gray-900)}
.sidebar-cta{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius);padding:28px;text-align:center;color:#fff}
.sidebar-cta h4{font-size:1.1rem;font-weight:700;margin-bottom:8px}.sidebar-cta p{font-size:.85rem;opacity:.85;margin-bottom:16px}
.sidebar-cta .btn{width:100%;justify-content:center}
/* TIP BOX — nowy styl */
.tip-box{background:linear-gradient(135deg,#FEF3C7 0%,#FFFBEB 100%);border:none;border-radius:var(--radius);padding:24px 28px;display:flex;gap:16px;align-items:flex-start;margin:28px 0;box-shadow:0 2px 12px rgba(245,158,11,.08)}
.tip-box .tip-badge{background:var(--accent);color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:4px;flex-shrink:0}
.tip-box p{color:var(--gray-700);font-size:.93rem;line-height:1.6}
/* STEPS — horizontal timeline */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;position:relative}
.steps::before{content:'';position:absolute;top:28px;left:15%;right:15%;height:2px;background:var(--primary-light)}
.step{text-align:center;position:relative;padding:0 20px}
.step-num{width:56px;height:56px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;margin:0 auto 20px;position:relative;z-index:1;box-shadow:0 4px 16px rgba(37,99,235,.25)}
.step h4{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.step p{font-size:.88rem;color:var(--gray-600);line-height:1.6}
/* STATS — dark section */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.stat-card{padding:32px 16px}
.stat-card .stat-num{font-size:2.5rem;font-weight:900;color:#60A5FA;margin-bottom:4px}.stat-card .stat-desc{font-size:.85rem;color:rgba(255,255,255,.6)}
/* FAQ — accordion style */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}
.faq-item summary{padding:20px 24px;font-size:1rem;font-weight:600;color:var(--gray-900);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--primary);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .faq-body{padding:0 24px 20px;color:var(--gray-600);font-size:.93rem;line-height:1.7}
/* GRID & CARDS */
.grid{display:grid;gap:16px}.grid--3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:24px;transition:all .25s}
.card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-3px)}
.card h4{font-size:1rem;font-weight:700;margin-bottom:4px;color:var(--gray-900)}.card p{color:var(--gray-500);font-size:.88rem}
.card--link{text-decoration:none;display:block;color:inherit}
/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,var(--primary) 0%,#1D4ED8 50%,#1E3A8A 100%);border-radius:var(--radius);padding:48px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;color:#fff;max-width:1500px;margin:0 auto}
.cta-banner h2{font-size:1.5rem;font-weight:800;margin-bottom:6px}.cta-banner p{opacity:.8;font-size:.95rem}
.cta-banner .btn--primary{background:#fff;color:var(--primary)}
.cta-banner div{justify-content: center}
/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
/* RESPONSIVE */
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-card{margin-top:32px}.content-grid{grid-template-columns:1fr}.sidebar{position:static}.trust-strip-inner{grid-template-columns:repeat(2,1fr)}.trust-cell:nth-child(2){border-right:none}.cta-banner{flex-direction:column;text-align:center;padding:40px 32px}}
@media(max-width:768px){.hero{padding:90px 16px 60px}.hero h1{font-size:1.8rem}.grid--3{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:24px}.steps::before{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.trust-strip-inner{grid-template-columns:1fr}.trust-cell{border-right:none;border-bottom:1px solid var(--gray-200)}.trust-cell:last-child{border-bottom:none}}

.fz-header{position:sticky;top:0;z-index:9999;background:#fff;border-bottom:1px solid #e5e7eb;font-family:'Plus Jakarta Sans',sans-serif}
.fz-header-inner{display:flex;align-items:center;max-width:1500px;margin:0 auto;padding:14px 30px;gap:0}
.fz-logo img{height:32px;width:152px;display:block}
.fz-nav{display:flex;align-items:center;flex:1;justify-content:center;gap:0}
.fz-nav a{position:relative;display:inline-flex;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;color:#000000;text-decoration:none;transition:color .2s}
.fz-nav a::after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#FF6640;transform-origin:right;transform:scaleX(0);opacity:0;transition:all .3s cubic-bezier(.58,.3,.005,1)}
.fz-nav a:hover{color:#000666}
.fz-nav a:hover::after{transform-origin:right;transform:scaleX(1);opacity:1}
.fz-nav a.active{color:#000666}
.fz-nav a.active::after{transform-origin:right;transform:scaleX(1);opacity:1}
.fz-account{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background .2s;text-decoration:none}
.fz-account:hover{background:#f1f5f9}
.fz-account svg{width:18px;height:18px}
.fz-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;line-height:0}
.fz-burger svg{width:24px;height:24px;fill:#303F79}
.fz-mobile-nav{display:none;flex-direction:column;background:#fff;border-top:1px solid #e5e7eb;padding:8px 0}
.fz-mobile-nav a{display:block;padding:10px 20px;font-size:14px;font-weight:600;color:#33373d;text-decoration:none;transition:background .2s,color .2s}
.fz-mobile-nav a:hover{background:#303F8A;color:#fff}
.fz-mobile-nav a:last-child{border-bottom:none}
.fz-mobile-nav a:active,.fz-mobile-nav a:focus{background:#303F8A;color:#fff}
.fz-header-left,.fz-header-right{display:flex;align-items:center}
.fz-icon-close{display:none}
.fz-burger.open .fz-icon-open{display:none}
.fz-burger.open .fz-icon-close{display:block}
.fz-icon-close{width:24px;height:24px;fill:#1a1a2e;}
@media(max-width:768px){
  .fz-nav{display:none}
  .fz-burger{display:block}
  .fz-header-inner{padding:12px 16px;justify-content:space-between}
  .fz-header-left{width:40px;flex-shrink:0}
  .fz-header-right{width:40px;flex-shrink:0}
  .fz-logo{flex:1;display:flex;justify-content:center}
  .fz-mobile-nav.open{display:flex}
}
  /* RESPONSIVE */
  @media(max-width:1024px){
    footer > div:first-child{
      grid-template-columns:1fr 1fr !important;
      gap:32px !important;
    }

    footer .footer-head-grid{
      display:none !important;
    }

    footer .footer-links-groups{
      grid-template-columns:1fr !important;
      gap:24px !important;
    }

    footer .footer-links-grid{
      grid-template-columns:1fr 1fr !important;
      gap:12px 20px !important;
    }

    footer .footer-mobile-heading,
    footer .footer-divider--mobile{
      display:block !important;
    }
  }
@media(max-width:430px){
    footer > div:first-child{
      grid-template-columns:1fr !important;
      gap:32px !important;
    }
      footer .footer-links-grid{
      grid-template-columns:1fr !important;
      gap:12px 20px !important;
    }
}