.solution-page{
  min-height:100vh;
  background:#050b14;
  color:#fff;
}

.solution-header{
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(4,10,18,.95);
}

.solution-nav{
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.solution-nav img{
  width:170px;
}

.solution-nav > a:last-child{
  color:#91a1b3;
  font-size:12px;
}


.solution-tabs-wrap{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(5,11,20,.94);
  backdrop-filter:blur(15px);
  border-bottom:1px solid rgba(255,255,255,.07);
}

.solution-tabs{
  min-height:62px;
  display:flex;
  gap:10px;
  align-items:center;
}

.solution-tab{
  padding:10px 17px;
  border-radius:100px;
  border:1px solid rgba(255,255,255,.09);
  background:#081725;
  color:#8fa0b2;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}

.solution-tab.active{
  color:#fff;
  border-color:rgba(22,224,220,.45);
  background:linear-gradient(
    100deg,
    rgba(22,118,255,.25),
    rgba(22,224,220,.10)
  );
}


.solution-hero{
  padding:85px 0;
  background:
    radial-gradient(
      circle at 80% 30%,
      rgba(22,118,255,.15),
      transparent 35%
    );
}

.solution-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

.solution-copy h1{
  font-size:clamp(48px,6vw,74px);
  line-height:.98;
  letter-spacing:-.05em;
  margin:15px 0 24px;
}

.solution-intro{
  color:#9baabc;
  font-size:18px;
  line-height:1.7;
  max-width:660px;
}

.solution-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}

.solution-price{
  margin-top:35px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.08);
}

.solution-price span,
.solution-price small{
  display:block;
  color:#74869a;
  font-size:10px;
}

.solution-price strong{
  display:block;
  font-size:38px;
  margin:4px 0;
}


.solution-image-wrap{
  position:relative;
  border-radius:25px;
  overflow:hidden;
  border:1px solid rgba(22,224,220,.20);
  background:#071421;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.solution-image-wrap img{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:contain;
}

.solution-image-wrap span{
  position:absolute;
  bottom:14px;
  left:14px;
  padding:7px 10px;
  border-radius:100px;
  background:rgba(3,10,18,.80);
  color:#16e0dc;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}


.solution-body{
  padding:80px 0 110px;
}

.solution-block-title{
  max-width:780px;
  margin-bottom:38px;
}

.solution-block-title h2,
.solution-section-heading h2,
.solution-value h2,
.solution-process h2{
  font-size:clamp(34px,4vw,48px);
  line-height:1.05;
  letter-spacing:-.035em;
  margin:10px 0 15px;
}

.solution-block-title p,
.solution-value p{
  color:#91a2b4;
  line-height:1.7;
}


.solution-problem-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.solution-problem-card{
  padding:25px;
  min-height:185px;
  border-radius:19px;
  background:#081725;
  border:1px solid rgba(255,255,255,.08);
}

.solution-problem-card span{
  color:#16e0dc;
  font-size:9px;
  font-weight:900;
}

.solution-problem-card h3{
  font-size:20px;
  margin:17px 0 9px;
}

.solution-problem-card p{
  color:#8798aa;
  font-size:13px;
  line-height:1.6;
}


.solution-value{
  margin:75px 0;
  padding:38px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  border-radius:25px;
  border:1px solid rgba(22,224,220,.20);
  background:linear-gradient(
    110deg,
    rgba(14,48,84,.65),
    rgba(7,19,31,.95)
  );
}


.solution-section-heading{
  margin:70px 0 30px;
  max-width:760px;
}


.solution-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.solution-feature{
  padding:23px;
  border-radius:17px;
  background:#081725;
  border:1px solid rgba(255,255,255,.07);
}

.solution-feature strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
}

.solution-feature p{
  color:#8495a7;
  font-size:12px;
  line-height:1.55;
  margin:0;
}


.solution-results{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.solution-result{
  padding:24px;
  display:flex;
  gap:17px;
  border-radius:17px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
}

.solution-result > span{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:rgba(22,224,220,.08);
  color:#16e0dc;
  font-weight:900;
}

.solution-result strong{
  display:block;
  margin-bottom:5px;
}

.solution-result p{
  color:#8495a7;
  font-size:12px;
  line-height:1.55;
  margin:0;
}


.solution-process{
  margin-top:80px;
}

.solution-process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:30px;
}

.solution-process-grid article{
  padding:23px;
  border-top:1px solid rgba(22,224,220,.30);
  background:linear-gradient(
    180deg,
    rgba(9,25,40,.5),
    transparent
  );
}

.solution-process-grid article > strong{
  color:#16e0dc;
  font-size:10px;
}

.solution-process-grid h3{
  margin:12px 0 8px;
}

.solution-process-grid p{
  color:#8495a7;
  font-size:12px;
  line-height:1.55;
}


.solution-final-cta{
  margin-top:90px;
  padding:38px;
  border-radius:25px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px;
  border:1px solid rgba(22,224,220,.25);
  background:linear-gradient(
    110deg,
    #0d3155,
    #07131f
  );
}

.solution-final-cta h2{
  font-size:34px;
  margin:8px 0;
}

.solution-final-cta p{
  max-width:700px;
  color:#8fa1b4;
  margin:0;
}


.solution-footer{
  padding:28px 0;
  border-top:1px solid rgba(255,255,255,.07);
  background:#03080e;
}

.solution-footer .container{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#718195;
  font-size:11px;
}

.solution-footer div div{
  display:flex;
  gap:18px;
}


@media(max-width:900px){

  .solution-hero-grid{
    grid-template-columns:1fr;
  }

  .solution-value{
    grid-template-columns:1fr;
  }

  .solution-feature-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .solution-process-grid{
    grid-template-columns:repeat(2,1fr);
  }

}


@media(max-width:650px){

  .solution-tabs{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .solution-tab{
    flex:0 0 auto;
  }

  .solution-hero{
    padding:50px 0;
  }

  .solution-hero-grid{
    gap:35px;
  }

  .solution-copy h1{
    font-size:42px;
  }

  .solution-actions{
    flex-direction:column;
  }

  .solution-actions .btn{
    width:100%;
  }

  .solution-problem-grid{
    grid-template-columns:1fr;
  }

  .solution-feature-grid{
    grid-template-columns:1fr 1fr;
  }

  .solution-results{
    grid-template-columns:1fr;
  }

  .solution-process-grid{
    grid-template-columns:1fr 1fr;
  }

  .solution-final-cta{
    flex-direction:column;
    align-items:flex-start;
  }

  .solution-final-cta .btn{
    width:100%;
  }

  .solution-footer .container{
    flex-direction:column;
  }

}
.solution-problem-card>span,.solution-result>span,.solution-process-grid article>strong{display:none!important}.solution-problem-card h3,.solution-process-grid h3{margin-top:0!important}.solution-result{display:block!important}