:root{
  --navy: #16223f;
  --navy-2: #1c2c52;
  --navy-light: #24345c;
  --red: #d92b2b;
  --red-dark: #b81f1f;
  --gray-bg: #f4f5f7;
  --text-muted: #1c2b65;
}
*{box-sizing:border-box;}
body{
  font-family:"Libre Franklin", sans-serif;
  color:#1f2430;
  margin:0;
}
h1,h2,h3,h4{font-family:'Inter',sans-serif;font-weight:700;}
.eyebrow{
  letter-spacing:.06em;
  font-weight:700;
  font-size:.75rem;
}


@media screen and (min-width: 1400px) {
	.m-non {
		display: none;
	}
	.s-non {
		display: none;
	}
}


	
@media screen and (min-width: 900px) and (max-width: 1399px) {
	.m-non .video video {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
}

.m-non .hero-content {
    position: initial;
    z-index: 2;
}
.d-non {
		display: none;
	}
	.s-non {
		display: none;
	}
 .final-cta {
    position: relative;
    background-image: url(/img/lp-02.png);
    padding: 100px 0;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
}
 @media screen and  (max-width: 899px) {
	.d-non {
		display: none;
	}
	.m-non {
		display: none;
	}
.hero {
    position: relative;
    background-color: #1c2c52;
    min-height: 570px !important;
    overflow: hidden;
}
.video video {
  
    width: 100%;
    right: 0;
    top: 0;
}
.partners .row .col-md-9 .row {
	
	display: flex;
    flex-direction: column;
 }
.partners .row .col-md-9 .row .col {
	
	padding-bottom:15px;
 }
 .stats-bar .container .row {
	 display: flex;
    flex-direction: column;
    align-content: flex-start;
    padding-left: 37px;
 }
 
  .stats-bar .container .row .col-6{
	width:100% !important;
	padding-bottom:35px;
 }
 .equipment .container .row .col-6{
	width:100% !important;
	padding-bottom:15px;
 }
 .equipment .product-card {
	     display: flex;
    flex-direction: column;
 }
 
 .final-cta {
    position: relative;
    background-image: url(/img/lp-02.png);
    padding: 100px 0;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.partners img {
    max-width: 200px !important;
}
.stats-head span {
    font-size: 14px !important;
}
.stats-sub {
    font-size: 12px !important;
}
.catalog-btn {
    font-size: 16px !important;
}
.final-cta h2 {
    font-size: 18px !important;
}


.final-cta p {
    font-size: 15px !important;
    max-width: 100% !important;
}

.final-contact .line {
    color: #dfe3ee;
    font-size: 17px  !important;
    font-weight: 700;
}

.stats-bar img {
	width:50px !important;
}
.process-desc {

    font-size: 16px !important;

}

.process-label {
    font-size: 18px !important;
	    min-height: auto !important;
}

.process-icon img {
	width: 60% !important;
}

.process-icon {
      height: auto !important;
    padding-top: 50px !important;
}
.process h2 {
    font-size: 30px !important;
}
.process .subtitle {
    font-size: 18px !important;
}
.tech-partner h2 {
    font-size: 23px !important;
}
.tech-partner .subtitle {
    font-size: 18px !important;
}
.tech-partner p {
	  font-size: 16px !important;
}
.tech-partner ul li {
    font-size: 16px !important;
}
.contact-card .role {
    font-size: 17px !important;
}
.contact-card .line {
    font-size: 18px !important;
}
.product-card p {
    font-size: 16px !important;
}
.equipment .lead-text {
    font-size: 20px !important;
}
.equipment h2 {
    font-size: 30px !important;
}
.intro {
    font-size: 18px !important;
}
.feature-title {
    font-size: 18px !important;
}
.feature-text {
    font-size: 16px !important;
}
.subnav a {
    font-size: 21px !important;
}
.subnav span {
	display:none !important;
}
.cta-btn {

    font-size: 19px !important;
	width: auto !important;
}
    .hero h1 {
        font-size: 23px !important;
		        text-align: center;
        padding-top: 20px;
    }
.features .feature-item .col-md-2 {
	width:20% !important;
}
.features .feature-item .col-md-10 {
	width:80% !important;
}
.process-step {
    flex: initial !important;
}
 }

a{text-decoration:none;}

/* ===== TOP BAR / LOGO ===== */
.topbar{
background: #515f81;
    padding: 14px 0;
    height: 60px;
}
.logo-mark{
  width:36px;height:36px;border-radius:50%;
  background:var(--red);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:.85rem;
}
.logo-text{color:#fff;font-weight:800;font-size:1.2rem;letter-spacing:.02em;}
.logo-sub{color:#c7cede;font-size:.65rem;letter-spacing:.05em;}

/* ===== HERO ===== */
.hero{
  position:relative;
background-color: #1c2c52;
 min-height: 480px;
  overflow:hidden;
}
.video video {
	    position: absolute;
       height: 100%;
    right: 0;
    top: 0;
}
.hero-badges{
  position:absolute; right:24px; bottom:0; top:0;
  display:flex; align-items:center; gap:14px;
  opacity:.9;
}
.hero-badge-icon{
  width:64px;height:64px;border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.6rem;
}
.hero-content{position:relative;z-index:2;}
.hero h1{
  color:#fff;
  font-size:40px;
  line-height:1.2;
  max-width: 600px;
  padding-bottom: 30px;
}
.play-btn{
  width:56px;height:56px;border-radius:50%;
  background:rgba(255,255,255,.15);
  border:2px solid rgba(255,255,255,.6);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.3rem;
  cursor:pointer;
}
.cta-btn{
  background:var(--red);
  color:#fff;
  font-weight:700;
  font-size:20px;
  letter-spacing:.03em;
  padding:14px 22px;
  border-radius:6px;
  display:inline-block;
  border:none;
  transition:.2s;
      width: 335px;
}
.cta-btn:hover{background:var(--red-dark); color:#fff;}

/* ===== NAV SUBMENU ===== */
.subnav{
  background:var(--navy-2);
  border-top:1px solid rgba(255,255,255,.08);
}
.subnav a{
  color:#fff;
  font-weight:600;
  font-size:24px;
  padding:14px 22px;
  display:inline-block;
 
}

.subnav a:last-child{border-right:none;}
.subnav a:hover{color:#ffd2d2;}

/* ===== INTRO TEXT ===== */
.intro{
  padding:40px 0 20px;
 color:var(--text-muted);
  font-size:20px;
  line-height:1.7;
text-shadow: 1px 0px 1px #858585;
  margin:0 auto;
}
.intro strong{font-weight:700;}

/* ===== FEATURE ICONS ROW ===== */
.features{padding:20px 0 50px;}
.feature-item{ padding:0 20px;}
.feature-icon{
  width:46px;height:46px;
  color:var(--red);
  font-size:1.8rem;
  margin-bottom:14px;
}
.feature-item .col-md-2 {
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.feature-item .col-md-2 img {
	max-width: 50px;
}
.feature-title{
  font-weight:700;
  font-size:20px;
  letter-spacing:.03em;
  margin-bottom:8px;
}
.feature-text{
  color:var(--text-muted);
  font-size:18px;
  line-height:1.5;
      font-weight: 500;
}

/* ===== EQUIPMENT SECTION (dark) ===== */
.equipment{
  background:var(--navy);
  padding:56px 0 60px;
  color:#fff;
}
.equipment h2{
  color:#fff;
  font-size:35px;

}
.equipment .lead-text{
    color: #ffffff;
    margin: 10px auto 40px;
    font-size: 20px;
}
.product-card{
 
 padding: 10px;
  overflow:hidden;
  color:#ffffff;
  height:100%;
}
.product-thumb{
  height:150px;
  background:linear-gradient(135deg,#2c3e6b,#16223f);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:2.2rem;
}
.product-name{
  padding:14px 12px;
  font-weight:700;
  font-size:18px;
  letter-spacing:.02em;
  text-align:center;
  line-height:1.4;
      min-height: 115px;
}
.product-card p {
	 font-size:16x;
	 text-align:center;
}

/* ===== PARTNERS ===== */
.partners{padding:50px 0;background:#fff;    padding: 50px 0;
    background: #fff;
    margin-top: 40px;
    margin-bottom: 30px;}
.partners-title{
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .04em;
    color: #1f2430;
    padding: 0;
    margin: 0;
}
.partners .col {
	width:20%;
}
.partners .col-md-9 {
display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.partners img {
	max-width:150px;
}
.partner-logo{
  height:60px;
  display:flex;align-items:center;justify-content:center;
  color:#4a5468;
  font-weight:700;
  font-size:.8rem;
  border:1px dashed #d8dbe3;
  border-radius:6px;
  text-align:center;
  padding:6px;
}

/* ===== PARTNER TECHNICZNY (dark blue) ===== */
.tech-partner{
  background:var(--navy-2);
  color:#fff;
padding-top: 50px;
}
.tech-partner h2{
  font-size:35px;
  margin-bottom:6px;
}
.tech-partner .subtitle{      font-weight: 700;  color: #ffffff;
    margin-bottom: 22px;
    font-size: 22px;}
.tech-partner ul{list-style:none;padding:0;margin:0;}
.tech-partner ul li{
  padding:6px 0;
  font-size: 18px;
}
.tech-partner ul li i{    color: #ffffff;
    margin-right: 10px;}
.avatar-placeholder{
  width:100%;
  max-width:280px;
  height:280px;
  border-radius:8px;
  background:linear-gradient(160deg,#3a4b7a,#101a33);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:3rem;
  margin:0 auto;
}
.contact-card{
padding-bottom: 50px;
}
.contact-card .name{font-size:24px;}
.contact-card .role{color:#ffffff;font-size:18px;margin-bottom:8px;}
.contact-card .line{font-size:20px;}

/* ===== JAK PRACUJEMY ===== */
.process{padding:56px 0;background:#fff;    padding: 50px 0;
    background: #fff;
    margin-top: 40px;
    margin-bottom: 30px;}
.process h2{
  color:var(--navy);
  font-size:35px;
  text-shadow: 0px 0px 2px #1c2c528c;
    color: #1c2c52;
}
.process .subtitle{
 text-shadow: 0px 0px 2px #1c2c528c;
    color: #1c2c52;
  color:var(--text-muted);
  margin-bottom:44px;
  font-size:24px;
}
.process-step{text-align:center;}
.process-icon{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}
.process-label{
  font-weight:700;
  font-size:20px;
  letter-spacing:.02em;
 min-height: 85px;
  margin:0 auto;
  line-height:1.4;
  text-shadow: 0px 0px 2px #1c2c528c;
    color: #1c2c52;
}
.process-arrow{
  color:#c7cbd4;
  font-size:1.4rem;
 padding-top:35px;
}

.process-desc{
  color:var(--text-muted);
  font-size:18px;
  line-height:1.5;
text-shadow: 0px 0px 2px #1c2c528c;
    color: #1c2c52;
  margin:10px auto 0;
}

/* ===== STATS BAR (mid-page) ===== */
.stats-bar{
  background:var(--navy);
  padding:50px 0;
}
.stats-item{color:#fff;}
.stats-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
.stats-head i{
  color:#fff;
  font-size:1.4rem;
}
.stats-head span{
  font-weight:800;
  font-size:20px;
  letter-spacing:.01em;
  min-height: 80px;
}
.stats-sub{
color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
}

/* ===== KATALOG ===== */
.catalog{
  background:#fff;
  padding:60px 0;
}
.catalog-mockup{
  width:230px;
  height:300px;
  transform:rotate(-4deg);
  filter:drop-shadow(0 18px 30px rgba(217,43,43,.25));
}
.catalog-mockup-inner{
  width:100%;height:100%;
  background:#eef0f3;
  border:1px solid #dfe2e8;
  border-radius:2px;
  padding:22px 18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.catalog-logo{
  font-weight:800;
  color:var(--navy);
  font-size:.85rem;
}
.catalog-title{
  color:var(--navy);
  font-weight:800;
  font-size:1.15rem;
  line-height:1.25;
}
.catalog-foot{
  color:#5a6274;
  font-size:.55rem;
  letter-spacing:.03em;
  font-weight:700;
}
.catalog-btn{
  display:inline-block;
  background:var(--red);
  color:#fff;
  font-weight:700;
  font-size:1.1rem;
  padding:16px 34px;
  border-radius:8px;
  box-shadow:0 10px 24px rgba(217,43,43,.35);
  transition:.2s;
}
.catalog-btn:hover{background:var(--red-dark); color:#fff;}

/* ===== FINAL CTA ===== */
.final-cta{
  position:relative;
 background-image: url(/img/lp-02.png);
  padding:100px 0;
  overflow:hidden;
}
.catalog-btn {
    border: 4px solid transparent;
    border-radius: 15px;
    background-image: linear-gradient(#ad2222, #f00b0b), linear-gradient(to right, #b51f1f, #e60f0f);
    background-origin: border-box;
    background-clip: padding-box, border-box;
font-size: 22px;	/* Miękki cień pod przyciskiem */
}
.cta-btn {
	    text-align: center;
    border: 4px solid transparent;
    border-radius: 15px;
    background-image: linear-gradient(#ad2222, #f00b0b), linear-gradient(to right, #b51f1f, #e60f0f);
    background-origin: border-box;
    background-clip: padding-box, border-box;
font-size: 18px;	/* Miękki cień pod przyciskiem */
}
/* Efekt po najechaniu myszką (opcjonalny, ale poprawia UX) */


/* Kliknięcie (przycisk lekko się "wciska") */

.final-cta h2{
  color:#fff;
  font-size:24px;

}
.final-cta p{
  color:#ffffff;
  font-size:20px;
max-width:60%;
  margin:14px 0 20px;
}
.final-contact .name{
  color:#fff;
  font-weight:700;
  font-size:24px;
  margin-bottom:4px;
}
.final-contact .line{
  color:#dfe3ee;
 font-size:24px;
   font-weight:700;
}

/* ===== FOOTER ===== */
footer{
background: #051934;
    padding: 14px 0;
  
}

@media (max-width: 767px){
  .hero-badges{display:none;}
  .subnav a{display:block;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);}
  .hero h1{font-size:1.6rem;}
  .catalog .col-md-6 {
	  text-align:center !important;
  }
  footer .col-md-3 p {
	    text-align:center !important;
		max-width: 100% !important;
  }
  
  
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1150px;
    }
}
footer p {
	    color: #ffffff;
    font-size: 12px;
    max-width: 60%;
    margin: 14px 0 20px;
	    text-align: left;
}