/* front css omitted here for brevity in generation */

.foniav2{--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--soft:#f8fafc;--blue:#2563eb;--navy:#00112b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
.foniav2 *{box-sizing:border-box}
.foniav2 a{text-decoration:none;color:inherit}
.foniav2 img{max-width:100%;height:auto;display:block}
.foniav2-wrap{max-width:1152px;margin:0 auto;padding:0 24px}
.foniav2-nav{position:fixed;inset:0 0 auto 0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.7);transition:.25s}
.foniav2-nav.scrolled{box-shadow:0 10px 30px rgba(15,23,42,.08)}
.foniav2-nav .foniav2-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.foniav2-logo img{height:40px;width:auto;object-fit:contain}
.foniav2-navlinks{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.foniav2-navlinks a:hover{color:var(--blue)}
.foniav2-btn-nav{background:#0f172a;color:#fff;padding:12px 20px;border-radius:14px}
.foniav2-btn-nav:hover{background:var(--blue);color:#fff !important}
.foniav2-burger,.foniav2-mobile-close{display:none;background:none;border:0;padding:4px;cursor:pointer}
.foniav2-burger svg,.foniav2-mobile-close svg{width:28px;height:28px}
.foniav2-mobile{display:none}
.foniav2-hero{padding:152px 0 72px;background:#fff}
.foniav2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:center}
.foniav2-hero h1{font-size:82px;line-height:1.02;letter-spacing:-.03em;font-weight:900;margin:0 0 20px}
.foniav2-hero h1 span{background:linear-gradient(90deg,#00112b,#7a3081,#e33e00);-webkit-background-clip:text;background-clip:text;color:transparent}
.foniav2-hero p{font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 32px;max-width:680px;font-weight:600}
.foniav2-hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.foniav2-btn-primary,.foniav2-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:18px 28px;font-weight:800}
.foniav2-btn-primary{background:#00112b;color:#fff;box-shadow:0 18px 40px rgba(0,17,43,.12)}
.foniav2-btn-primary span,.foniav2-btn-primary svg{color:#fff !important;stroke:#fff !important}
.foniav2-btn-secondary{background:#fff;border:1px solid #cfd8e3;color:#0f172a}
.foniav2-hero-brand img{width:100%;max-width:320px;margin-left:auto;mix-blend-mode:multiply;opacity:.92}
.foniav2-about{padding:72px 0;border-top:1px solid #f1f5f9}
.foniav2-about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.foniav2-kicker{color:#2563eb;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.22em;margin-bottom:16px}
.foniav2-about h2,.foniav2-section-head h2,.foniav2-blog h2{font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:900;margin:0 0 18px}
.foniav2-about p,.foniav2-section-head p,.foniav2-blog-head p{font-size:18px;line-height:1.7;color:var(--muted);margin:0;max-width:620px;font-weight:600}
.foniav2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:430px;margin-top:28px}
.foniav2-stat{background:var(--soft);border:1px solid #eef2f7;border-radius:24px;padding:22px}
.foniav2-stat strong{display:block;font-size:34px;line-height:1;font-weight:900;margin-bottom:6px}
.foniav2-stat span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8;font-weight:800}
.foniav2-about-box{background:var(--soft);border-radius:42px;padding:28px}
.foniav2-about-row{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 12px 24px rgba(15,23,42,.05)}
.foniav2-about-row+.foniav2-about-row{margin-top:14px}
.foniav2-about-row.rot-left{transform:rotate(-1deg)}
.foniav2-about-row.rot-right{transform:rotate(1deg)}
.foniav2-about-row svg{width:20px;height:20px}
.foniav2-about-row:nth-child(1) svg{color:#f59e0b;stroke:#f59e0b;fill:#f59e0b}
.foniav2-about-row:nth-child(2) svg{color:#2563eb;stroke:#2563eb}
.foniav2-about-row:nth-child(3) svg{color:#4f46e5;stroke:#4f46e5}
.foniav2-about-row span{font-size:15px;font-weight:800}
.foniav2-ecosystem{padding:88px 0;background:var(--soft)}
.foniav2-section-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;margin-bottom:36px}
.foniav2-ecosystem-brand img{height:128px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.foniav2-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.foniav2-pillar{background:var(--card-bg);color:#fff;padding:36px;border-radius:40px;display:flex;flex-direction:column;min-height:560px;box-shadow:0 18px 36px rgba(15,23,42,.08);transition:transform .18s ease}
.foniav2-pillar:hover{transform:translateY(-6px)}
.foniav2-pillar-icon{color:var(--card-accent);margin-bottom:22px}
.foniav2-pillar-icon svg{width:28px;height:28px;stroke:currentColor}
.foniav2-pillar h3{font-size:24px;line-height:1.2;font-weight:900;margin:0 0 10px}
.foniav2-pillar-sub{color:var(--card-accent);font-size:10px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;min-height:40px}
.foniav2-pillar p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.82);margin:20px 0 26px;font-weight:600}
.foniav2-pillar ul{list-style:none;padding:0;margin:0 0 28px}
.foniav2-pillar li{display:flex;align-items:flex-start;gap:12px;color:#fff;font-size:14px;font-weight:700;margin:0 0 14px}
.foniav2-pillar li .dot{width:7px;height:7px;border-radius:999px;background:var(--card-accent);margin-top:7px;flex:0 0 auto}
.foniav2-pillar-bottom{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.foniav2-pillar-bottom svg{width:16px;height:16px;stroke:#fff}
.foniav2-data{padding:96px 0;background:#0a0f18;color:#fff;position:relative;overflow:hidden}
.foniav2-data-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:54px;align-items:center}
.foniav2-data-kicker{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(59,130,246,.3);background:#111927;color:#60a5fa;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}
.foniav2-data h2{font-size:76px;line-height:1;font-weight:900;letter-spacing:-.04em;margin:0 0 24px}
.foniav2-data h2 span{color:#3b82f6;font-style:italic}
.foniav2-data p{font-size:17px;line-height:1.7;color:#94a3b8;font-weight:600;margin:0 0 30px;max-width:680px}
.foniav2-data-list{display:grid;gap:18px}
.foniav2-data-item{display:flex;gap:16px;align-items:flex-start}
.foniav2-data-item em{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#2563eb;color:#fff;box-shadow:0 0 15px rgba(37,99,235,.4);flex:0 0 auto;margin-top:2px}
.foniav2-data-item em svg{width:12px;height:12px;stroke:#fff;fill:#fff}
.foniav2-data-item span{font-size:15px;font-weight:800;line-height:1.55;color:#e2e8f0}
.foniav2-data-card{background:rgba(15,23,42,.55);border:1px solid rgba(51,65,85,.9);border-radius:48px;padding:40px 46px;backdrop-filter:blur(8px);position:relative}
.foniav2-data-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}
.foniav2-data-card-head small{display:block;color:#3b82f6;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.foniav2-data-card-head h3{font-size:34px;line-height:1.1;margin:0;font-weight:900;color:#fff}
.foniav2-data-card-head svg{width:36px;height:36px;color:#3b82f6;stroke:#3b82f6}
.foniav2-bars{display:grid;gap:28px;margin-bottom:34px}
.bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bar-label span{font-size:11px;font-weight:900;letter-spacing:.18em;color:#64748b;text-transform:uppercase}
.bar-label strong{font-size:13px;font-weight:900;color:#fff}
.bar{height:8px;background:rgba(51,65,85,.6);border-radius:999px;overflow:hidden}
.bar i{display:block;height:100%}
.bar .bar-a{width:99%;background:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.6)}
.bar .bar-b{width:85%;background:#7a3081;box-shadow:0 0 15px rgba(122,48,129,.4)}
.foniav2-data-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding-top:26px;border-top:1px solid rgba(51,65,85,.8)}
.foniav2-data-bottom span{display:block;font-size:10px;color:#64748b;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.foniav2-data-bottom strong{display:block;color:#fff;font-size:22px;font-weight:900}
.foniav2-data-bottom strong.accent{color:#3b82f6}
.foniav2-blog{padding:96px 0;background:#fff}
.foniav2-blog-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:44px}
.foniav2-blog-all{display:inline-flex;gap:8px;align-items:center;font-weight:800;color:#0f172a;border-bottom:2px solid #0f172a;padding-bottom:4px}
.foniav2-blog-all svg{width:16px;height:16px}
.foniav2-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.foniav2-post-card{display:flex;flex-direction:column;background:#f8fafc;border:1px solid #eef2f7;border-radius:32px;padding:30px;min-height:320px;transition:.2s}
.foniav2-post-card:hover{border-color:#bfdbfe;box-shadow:0 18px 36px rgba(59,130,246,.08)}
.foniav2-post-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.foniav2-cat{display:inline-block;background:#fff;border:1px solid #eef2f7;color:#2563eb;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.foniav2-date{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;font-size:11px;font-weight:800}
.foniav2-date svg{width:14px;height:14px;stroke:#94a3b8}
.foniav2-post-card h3{font-size:24px;line-height:1.25;margin:0 0 14px;font-weight:900}
.foniav2-post-card p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 24px}
.foniav2-post-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.foniav2-post-more svg{width:15px;height:15px;color:#2563eb;stroke:#2563eb}
.foniav2-clients{padding:96px 0;background:#fff}
.foniav2-clients-head{text-align:center;margin-bottom:44px}
.foniav2-clients-head h2{font-size:44px;font-weight:900;letter-spacing:-.03em;margin:0 0 10px}
.foniav2-red-line{width:48px;height:2px;background:#ef4444;margin:0 auto}
.foniav2-clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.foniav2-client-card{background:#f8fafc;border:1px solid transparent;border-radius:14px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:22px;transition:.2s}
.foniav2-client-card:hover{background:#fff;border-color:#eef2f7;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.foniav2-client-card a,.foniav2-client-card span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.foniav2-client-card img{max-height:70px;max-width:100%;width:auto;object-fit:contain}
.foniav2-client-card span{font-weight:900;font-size:24px;line-height:1;text-align:center;color:#334155}
.foniav2-footer{padding:84px 0 40px;border-top:1px solid #f1f5f9;background:#fff}
.foniav2-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px;margin-bottom:32px}
.foniav2-footer-logo{height:40px;width:auto;object-fit:contain;margin-bottom:24px}
.foniav2-footer p{max-width:420px;color:var(--muted);font-size:17px;line-height:1.7;font-weight:600;margin:0}
.foniav2-footer h4{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;font-weight:900;margin:0 0 18px}
.foniav2-footer-links,.foniav2-footer-contact{list-style:none;padding:0;margin:0}
.foniav2-footer-links li,.foniav2-footer-contact li{margin:0 0 14px}
.foniav2-footer-links a,.foniav2-footer-contact a,.foniav2-footer-contact b{font-size:16px;font-weight:800;color:#475569}
.foniav2-footer-contact strong,.foniav2-footer-contact span{display:inline-block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#cbd5e1;font-weight:900;margin-right:8px}
.foniav2-footer-contact li:last-child span{display:block;margin:0 0 6px}
.foniav2-footer-contact li:last-child b{display:block;line-height:1.5}
.foniav2-footer-bottom{padding-top:24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foniav2-footer-bottom p,.foniav2-footer-bottom a{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8;margin:0}
.foniav2-footer-bottom div{display:flex;gap:24px;flex-wrap:wrap}
@media (max-width:1100px){
  .foniav2-hero-grid,.foniav2-about-grid,.foniav2-footer-grid,.foniav2-pillars,.foniav2-blog-grid,.foniav2-clients-grid{grid-template-columns:1fr 1fr}
  .foniav2-data-grid{grid-template-columns:1fr}
  .foniav2-hero h1,.foniav2-data h2{font-size:62px}
  .foniav2-about h2,.foniav2-section-head h2,.foniav2-blog h2{font-size:46px}
  .foniav2-section-head,.foniav2-blog-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:767px){
  .foniav2-wrap{padding:0 18px}
  .foniav2-navlinks{display:none}
  .foniav2-burger,.foniav2-mobile-close{display:block}
  .foniav2-mobile{position:fixed;inset:0;background:#fff;z-index:70;padding:28px;display:none;flex-direction:column;gap:22px}
  .foniav2-mobile.open{display:flex}
  .foniav2-mobile a{font-size:28px;font-weight:900}
  .foniav2-mobile-close{align-self:flex-end}
  .foniav2-hero{padding:128px 0 54px}
  .foniav2-hero-grid,.foniav2-about-grid,.foniav2-pillars,.foniav2-blog-grid,.foniav2-clients-grid,.foniav2-footer-grid{grid-template-columns:1fr}
  .foniav2-hero h1,.foniav2-data h2{font-size:44px}
  .foniav2-about h2,.foniav2-section-head h2,.foniav2-blog h2{font-size:36px}
  .foniav2-hero-brand{display:none}
  .foniav2-pillar{min-height:auto}
  .foniav2-footer-bottom{flex-direction:column;align-items:flex-start}
}


/* Fixes v2.1 */
.foniav2-logo img{
  height:40px !important;
  max-height:40px !important;
  width:auto !important;
  max-width:220px !important;
  object-fit:contain !important;
  display:block !important;
}
.foniav2-footer-logo{
  height:40px !important;
  max-height:40px !important;
  width:auto !important;
  max-width:220px !important;
  object-fit:contain !important;
  display:block !important;
}
.foniav2-btn-nav{
  color:#ffffff !important;
}
.foniav2-btn-nav:hover{
  color:#ffffff !important;
}
.foniav2-pillar,
.foniav2-pillar h3,
.foniav2-pillar h3 span,
.foniav2-pillar-bottom,
.foniav2-pillar-bottom span{
  color:#ffffff !important;
}
.foniav2-pillar p{
  color:rgba(255,255,255,.82) !important;
}
.foniav2-pillar li{
  color:#ffffff !important;
}
@media (max-width:767px){
  .foniav2-logo img,
  .foniav2-footer-logo{
    height:34px !important;
    max-height:34px !important;
    max-width:190px !important;
  }
}



/* Fixes v2.0.2 */
.foniav2-ecosystem-brand img{
  height:96px !important;
  max-height:96px !important;
  width:auto !important;
  max-width:320px !important;
  object-fit:contain !important;
}
@media (max-width:1100px){
  .foniav2-ecosystem-brand img{
    height:82px !important;
    max-height:82px !important;
    max-width:260px !important;
  }
}

/* Fixes v2.0.3 */
.foniav2-clients-grid{
  justify-items:stretch;
}
.foniav2-client-card{
  min-width:0;
}


/* Fixes v2.0.4 . Fabryka Danych closer to mockup */
.foniav2-data{
  background:
    radial-gradient(circle at 76% 42%, rgba(37,99,235,.13), transparent 30%),
    linear-gradient(90deg, #020913 0%, #071225 52%, #091126 100%);
}
.foniav2-data-grid{
  gap:72px;
}
.foniav2-data-kicker{
  background:#0d1830;
  border-color:rgba(59,130,246,.45);
  color:#60a5fa;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.foniav2-data h2{
  font-size:88px;
  line-height:.95;
  margin-bottom:28px;
  color:#ffffff;
}
.foniav2-data h2 span{
  color:#4d8dff;
  font-style:italic;
}
.foniav2-data p{
  color:#8fa0ba;
  font-size:17px;
  line-height:1.72;
  max-width:700px;
  margin-bottom:34px;
}
.foniav2-data-list{
  gap:20px;
}
.foniav2-data-item span{
  color:#f3f6fb;
  font-size:16px;
  font-weight:800;
}
.foniav2-data-item em{
  width:28px;
  height:28px;
  margin-top:0;
  background:#2f6dff;
  box-shadow:0 0 20px rgba(47,109,255,.36);
}
.foniav2-data-item em svg{
  width:13px;
  height:13px;
}
.foniav2-data-card{
  background:rgba(12,22,42,.58);
  border:1px solid rgba(39,58,96,.7);
  border-radius:42px;
  padding:42px 42px 36px;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 0 70px rgba(16,67,170,.14);
  backdrop-filter:blur(8px);
}
.foniav2-data-card-head{
  margin-bottom:44px;
}
.foniav2-data-card-head small{
  color:#4d8dff;
  margin-bottom:12px;
}
.foniav2-data-card-head h3{
  font-size:38px;
  color:#ffffff;
}
.foniav2-data-card-icon svg{
  width:42px;
  height:42px;
  color:#4d8dff;
  stroke:#4d8dff;
}
.foniav2-bars{
  gap:38px;
  margin-bottom:40px;
}
.bar-label{
  margin-bottom:14px;
}
.bar-label span{
  color:#6f809b;
}
.bar-label strong{
  color:#ffffff;
  font-size:14px;
}
.bar{
  height:10px;
  background:rgba(17,31,57,.82);
}
.bar .bar-a{
  width:99.8%;
  background:#4d8dff;
  box-shadow:0 0 18px rgba(77,141,255,.48);
}
.bar .bar-b{
  width:86%;
  background:linear-gradient(90deg,#b0429e 0%, #7a3081 100%);
  box-shadow:0 0 18px rgba(176,66,158,.34);
}
.foniav2-data-bottom{
  gap:22px;
  padding-top:28px;
  border-top:1px solid rgba(30,48,84,.95);
}
.foniav2-data-bottom span{
  color:#6f809b;
  margin-bottom:10px;
}
.foniav2-data-bottom strong{
  color:#ffffff;
  font-size:22px;
}
.foniav2-data-bottom strong.accent{
  color:#4d8dff;
}
@media (max-width:1100px){
  .foniav2-data h2{
    font-size:68px;
  }
}
@media (max-width:767px){
  .foniav2-data{
    padding:72px 0;
  }
  .foniav2-data h2{
    font-size:48px;
    line-height:1;
  }
  .foniav2-data-card{
    padding:28px 24px;
    border-radius:28px;
  }
  .foniav2-data-card-head h3{
    font-size:30px;
  }
}

.foniav2-lang-nav{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;text-decoration:none;font-weight:700;background:rgba(255,255,255,.08)}
.foniav2-lang-nav:hover{background:rgba(255,255,255,.16)}
.foniav2-flag{line-height:1;font-size:16px}
.foniav2-mobile-lang{display:flex;align-items:center;gap:8px}