body{
    margin: 0;
    padding: 4px;
    background-color: #030712;
  font-family: "Raleway", sans-serif !important;

}
.landing {
width: 100%;
background-color: #030712;
overflow: hidden;
text-align: center;
font-size: 14px;
color: #838aa7;
  font-family: "Raleway", sans-serif !important;
}
a {
    text-decoration: none;
    color: inherit;
}
#how-it-works{
    scroll-margin-top: 2rem;
}
button{
    cursor: pointer !important;
}
.detail-how-it{
max-width: 768px;
opacity: 1;
top: -13px;
left: 336px;
margin: 0 auto;
font-size: 18px;
text-align: center;
line-height: 28px;
}
.btns-how-it{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 574px;
    margin: 0 auto;
    margin-top: 35px;
margin-bottom: 20px;

}
.btns-how-it button{
    background: linear-gradient(360deg, #4F46E5 0%, #6366F1 100%);
border-radius: 8px;
padding-top: 11px;
padding-right: 16px;
padding-bottom: 11px;
padding-left: 16px;
border: none;
color: #fff;
display: flex;
gap: 6px;
align-items: center;

}
.btns-how-it button span {
font-family: Inter;
font-weight: 400;
font-style: Medium;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;

    color: rgba(255, 255, 255, 0.48);
}
.shape-2{
    position: absolute;
bottom: -30rem;
    right: -19px;
}
    .gif-container {
        position: relative;
      display: flex;
      justify-content: center;  
      align-items: center;      
      margin: 20px auto;        
    max-width:  1100px;
    }

    .gif-container img {
         max-width:  1100px;        
      height: auto;
      border-radius: 12px;    
    }
.btn-fwm-faster {
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.btn-hero {
    margin: 0 auto;
    margin-top: 46px;
    margin-bottom: 60px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.16) inset;
    border-radius: 8px;
    background: linear-gradient(0deg, #4f46e5, #6366f1);
    width: 214px;
    height: 44px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    box-sizing: border-box;
    text-align: left;
}
.subtitle {
    font-size: 20px;
    letter-spacing: -0.25px;
    line-height: 30px;
    color: #838aa7;
    font-family: Raleway;
    margin-top: 51px;
}
.the-guide-for {
    margin: 0;
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blank {
    color: #4F46E5;
}
.engineer {
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blank-engineer {
    margin: 0;
}
.title {
    font-size: 56px;
    letter-spacing: -1.5px;
    
    font-family: Raleway;
    text-align: center;
}
.divider-hero {
    margin: 0 auto;
    /* box-shadow: 0px 0px 24px rgba(99, 102, 241, 0.32); */
    background: linear-gradient(90deg, rgba(156, 163, 175, 0), rgba(156, 163, 175, 0.24) 52.5%, rgba(156, 163, 175, 0));
    height: 1px;
    margin-bottom: 51px;
}
.hero {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 119px;
}
.rectangle-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
}
.rectangle35 {
     
    top: 60px; 
    left: calc(50% - 110px);
    width: 25px; /* Set the desired pixel length */
    height: 1px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0) 0%, rgba(199, 210, 254, 0.48) 100%);
}
.rectangle36 {
     
    top: 60px; 
    left: calc(50% + 88px);
    width: 25px; /* Set the desired pixel length */
    height: 1px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0.48) 0%, rgba(199, 210, 254, 0) 100%);
}
.title-high-cost {
    letter-spacing: -1.5px;
    line-height: 44px;
    font-weight: 400;
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 25px;
    margin-bottom: 18px;
}
.text-high-cost-container {
    font-size: 18px;
    letter-spacing: -0.25px;
    line-height: 28px;
   margin: 0 auto;
    width: 772.8px;
    max-width: 100%;
}
.time-for-a-new-paradigm-child {
     
    background: linear-gradient(90deg, rgba(199, 210, 254, 0.48), rgba(199, 210, 254, 0));
    width: 32px;
    height: 1px;
}
.time-for-a-new-paradigm-item {
     
    top: 10px;
    left: 0px;
    width: 32px;
    height: 1px;
}
.time-for-a {
    line-height: 22px;
    font-family: Raleway;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 18px;
    }
.time-for-a-new-paradigm {
     
    top: 16px;
    left: 593px;
    width: 254px;
    height: 22px;
    text-align: left;
    font-size: 14px;
}
.meet-igor{
    font-family: Raleway;
font-weight: 400;
font-style: Regular;
font-size: 40px;
line-height: 44px;
letter-spacing: -1.5px;
text-align: center;
background: linear-gradient(90deg, #F9FAFB 1%, #E5E7EB 20.5%, #C7D2FE 50%, #E5E7EB 75.5%, #F9FAFB 100%);
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 23px;
    margin-bottom: 16px;
}
.discovery-made-simple{
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 13px;
    max-width: 1500px;
    position: relative;
}
  .demo-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1000px; /* Controls the max size of the video */
    margin: 32px auto 13px;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
  }
  .demo-video #player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
.innovate-img-container img{
    width: 750px;

}
.innovate-faster .text-guiding-you{
    margin: 0 auto;
    display: flex;
}
.innovate-img-container{
    position: relative;
        display: flex;
    justify-content: center;
    align-items: end;
        margin-top: 62px;
    margin-bottom: 95px;
}
.innovate-text{
color: #C7D2FE;
    width: 255px;
    font-family: Raleway;
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 132%;
letter-spacing: -2%;
text-align: center;


}
.proof-in-platform{
    background: linear-gradient(90deg, rgba(31, 41, 55, 0) 0%, rgba(31, 41, 55, 0.48) 52.5%, rgba(31, 41, 55, 0) 100%);
padding-top: 26px;
padding-bottom: 48px;
}
.proof-in-title{
    font-family: Raleway;
font-weight: 400;
font-style: Regular;
font-size: 40px;
line-height: 44px;
letter-spacing: -1.5px;
text-align: center;
margin-top: 48px;
margin-bottom: 58px;
}
.igor-button{
    font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
padding: 11px 16px;
background: linear-gradient(360deg, #4F46E5 0%, #6366F1 100%);
border: none;
margin: 0 auto;
display: flex;
border-radius: 8px;
color: #FFFFFF;
gap: 10px;
}
.igor-button span{
    font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;

}
.casestudy-container p{
    margin: 0 !important;
    padding: 0 !important;
}
.casestudy-container{
   max-width: 1177px;
padding: 30px 98px;
padding-top: 20px;
 background: linear-gradient(90deg, rgba(31, 41, 55, 0) 0%, rgba(31, 41, 55, 0.48) 52.5%, rgba(31, 41, 55, 0) 100%);
display: flex;
margin:  0 auto;
justify-content: center;
gap: 64px;
margin-top: 32px;
}

.case1, .case2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.casestudy-container img{
    width: 502px;
    height: 406px;
margin-top: 22px;
}
.casestudy-container p.tagline{
font-family: Raleway;
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 28px;
letter-spacing: -0.25px;
text-align: center;
max-width: 428px;
}
.casestudy-container .p-head{
font-family: Raleway;
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 132%;
letter-spacing: -2%;
text-align: center;
color: #C7D2FE;

}
.casestudy-icon {
    width: 700px;
    object-fit: cover;
    margin-top: 47px;
    margin-bottom: 64px;
    max-width: 100%;
}
 .shape2{
    position: absolute;
    left: 33%;
    transform: translateX(-50%);
    pointer-events: none;
    top: -29rem;

 }
.high-cost {
    position: relative;
    text-align: center;
    font-size: 40px;
    color: #838aa7;
    font-family: Raleway;
}
.divider-high-cost {
    margin: 0 auto;
    /* box-shadow: 0px 0px 24px rgba(99, 102, 241, 0.32); */
    background: linear-gradient(90deg, rgba(156, 163, 175, 0), rgba(156, 163, 175, 0.24) 52.5%, rgba(156, 163, 175, 0));
    height: 1px;
     margin-top: 46px;
    margin-bottom: 68px;
}

.hover {
     
    border-radius: 16px;
    background: radial-gradient(50% 50% at 75% 75%, rgba(99, 102, 241, 0.19), rgba(99, 102, 241, 0) 54%);
    border: 1px solid rgba(99, 102, 241, 0.8);
    box-sizing: border-box;
    width: 400px;
    height: 520px;
    max-width: 100%;
    padding: 31px 26px;

}
.text-data-insights {
    letter-spacing: -0.25px;
    line-height: 23px;
  text-align: left;
  padding-top: 26px;

}
.data-insights {
    line-height: 20px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: 148px;
}
.badge-data-insights {
    border-radius: 24px;
    background: linear-gradient(0deg, rgba(31, 41, 55, 0.4), rgba(31, 41, 55, 0.4));
    border: 1px solid rgba(55, 65, 81, 0.16);
    box-sizing: border-box;
    width: 175px;
    height: 25px;
    font-size: 13px;
}
.pairwise-with-preds-1-icon {
    
    width: 380px;
    object-fit: contain;
    margin-bottom: 35px;
    max-width: 100%;
}
.fig-1 {
    backdrop-filter: blur(8px);
    border-radius: 16px;
    background: linear-gradient(88.12deg, rgba(17, 24, 39, 0.48), rgba(31, 41, 55, 0.23) 54%, rgba(26, 35, 49, 0.32) 70.5%, rgba(17, 24, 39, 0.48));
    border: 1px solid rgba(31, 41, 55, 0.8);
    box-sizing: border-box;
    width: 400px;
    height: 520px;
    max-width: 100%;
 
}
.track-progress {
     
    width: 100%;
    top: calc(50% - 10px);
    left: 8.09%;
    line-height: 20px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.badge-track-progress {
     
    top: 316.5px;
    left: 0px;
    border-radius: 24px;
    background: linear-gradient(0deg, rgba(31, 41, 55, 0.4), rgba(31, 41, 55, 0.4));
    border: 1px solid rgba(55, 65, 81, 0.16);
    box-sizing: border-box;
    width: 153px;
    height: 25px;
    font-size: 13px;
}
.fig-2 {
     
    backdrop-filter: blur(8px);
    border-radius: 16px;
    background: linear-gradient(88.12deg, rgba(17, 24, 39, 0.48), rgba(31, 41, 55, 0.23) 54%, rgba(17, 24, 39, 0.48));
    border: 1px solid rgba(31, 41, 55, 0.8);
    box-sizing: border-box;
    width: 400px;
    height: 520px;
    max-width: 100%;
}
.text-tailored-flows {
    letter-spacing: -0.25px;
    line-height: 23px;
    white-space: pre-wrap;
    text-align: left;
  padding-top: 26px;
}
.tailored-flows {
     
    width: 81.65%;
    top: calc(50% - 10px);
    left: 9.17%;
    line-height: 20px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.badge-tailored-flows {
     
    top: 316.5px;
    left: 23.5px;
    border-radius: 24px;
    background: linear-gradient(0deg, rgba(31, 41, 55, 0.4), rgba(31, 41, 55, 0.4));
    border: 1px solid rgba(55, 65, 81, 0.16);
    box-sizing: border-box;
    width: 110px;
    height: 25px;
    font-size: 13px;
}
.progress-menu-v2-1-icon {
     
    width: 380px;
    object-fit: contain;
    margin-bottom: 35px;
    max-width: 100%;
}
.fig-3 {
     
    backdrop-filter: blur(8px);
    border-radius: 16px;
    background: linear-gradient(88.12deg, rgba(17, 24, 39, 0.48), rgba(31, 41, 55, 0.23) 54%, rgba(26, 35, 49, 0.32) 70.5%, rgba(17, 24, 39, 0.48));
    border: 1px solid rgba(31, 41, 55, 0.8);
    box-sizing: border-box;
    width: 400px;
    height: 520px;
    max-width: 100%;
}
.figures-guide {
display: flex;
margin-top: 42px;
margin-bottom: 68px;
gap: 24px;
justify-content: center;
align-items: center;
}
.title-guiding-you {
    font-size: 40px;
    letter-spacing: -1.5px;
    line-height: 44px;
    font-weight: 400;
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    width: 768px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 29px;
    margin-bottom: 24px;
}
.text-guiding-you {
    font-size: 18px;
    letter-spacing: -0.25px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    width: 768px;
    max-width: 100%;
}
.optimization-made-simple-child {
     
    top: 11px; 
    left: calc(50% - 115px);
    width: 25px; /* Set the desired pixel length */
    height: 1px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0) 0%, rgba(199, 210, 254, 0.48) 100%);
}
.optimization-made-simple-item {
     
    top: 12px; 
    left: calc(50% + 90px);
    width: 25px; /* Set the desired pixel length */
    height: 1px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0.48) 0%, rgba(199, 210, 254, 0) 100%);
}
.optimization-made-simple1 {
    line-height: 22px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}
.optimization-made-simple {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    gap: 11px;
}
.guiding-you {
    font-size: 18px;
    color: #838aa7;
    font-family: Raleway;
    position: relative;
}
.shape3{
    position: absolute;
    bottom: 32%;
    left: 40%;
    pointer-events: none; 

}
.divider-guiding-you {
    margin: 0 auto;
    /* box-shadow: 0px 0px 24px rgba(99, 102, 241, 0.32); */
    background: linear-gradient(90deg, rgba(156, 163, 175, 0), rgba(156, 163, 175, 0.24) 52.5%, rgba(156, 163, 175, 0));
    margin-bottom: 42px;
    height: 1px;
}
.title-tailored-opt {
     
    letter-spacing: -1.5px;
    line-height: 44px;
    font-weight: 400;
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: 768px;
    max-width: 100%;
    margin-top: 32px;
    margin-bottom: 38px;
}
.text-tailored-opt-container {
     
    font-size: 18px;
    letter-spacing: -0.25px;
    line-height: 28px;
    margin: 0 auto;
    width: 768px;
    max-width: 100%;
}
.tailored-opt-child {
     
    background: linear-gradient(90deg, rgba(199, 210, 254, 0.48), rgba(199, 210, 254, 0));
    width: 32px;
    height: 1px;
}
.tailored-opt-item {
     
    top: 11px;
    left: 0px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0), rgba(199, 210, 254, 0.48));
    width: 32px;
    height: 1px;
}
.tailored-opt1 {
     
    top: calc(50% - 11px);
    left: calc(50% - 68.5px);
    line-height: 22px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tailored-opt {
     
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
    width: 235px;
    height: 22px;
    text-align: left;
    font-size: 14px;
}
.text-time-to-market {
     
    top: calc(50% - 45px);
    left: calc(50% - 165px);
    letter-spacing: -0.25px;
    line-height: 23px;
    display: inline-block;
    width: 330px;
}
.icon {
     
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
}
.accelerate-time-to-market {
    font-weight: 500;
}
.span {
    font-weight: 500;
    font-family: Inter;
    color: rgba(255, 255, 255, 0.48);
}
.text {
     
    line-height: 22px;
}
.button {
     
    bottom: 0px;
    left: 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.16) inset;
    border-radius: 8px;
    background: linear-gradient(0deg, #4f46e5, #6366f1);
    width: 240px;
    height: 44px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
}
.time-to-market {
     
    width: 330px;
}
.text-rd-roi {
     
    letter-spacing: -0.25px;
    line-height: 23px;
    max-width: 330px;
    text-align: center;
}
.icon-group {
     
    height: 16.55%;
    width: 6.64%;
    top: 0%;
    right: 93.36%;
    bottom: 83.45%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}
.rd-roi {
    width: 330px;
}
.hardware-variability {
     
    width: 330px;
}
.tailored-items{
    margin: 0 auto;
    margin-top: 62px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  
}
.text-improve-current {
 
    letter-spacing: -0.25px;
    line-height: 23px;
    display: inline-block;
    width: 300px;
    text-align: center;
}
.improve-current {
     
    width: 330px;
}
.text-hardware-capabilities {
     
    width: 100%;
    letter-spacing: -0.25px;
    line-height: 23px;
    display: inline-block;
    text-align: center;
}
.hardware-capabilities {
     
}
.environment {
    width: 330px;
}
.icons-tailored {
display: grid;
grid-template-columns: repeat(3,1fr);
text-align: left;
font-size: 15px;
width: 1177px;
max-width: 100%;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.divider {
     
    margin: 0 auto;
    /* box-shadow: 0px 0px 24px rgba(99, 102, 241, 0.32); */
    background: linear-gradient(90deg, rgba(156, 163, 175, 0), rgba(156, 163, 175, 0.24) 52.5%, rgba(156, 163, 175, 0));
    width: 1104px;
    height: 1px;
    margin-top: 46px;
    margin-bottom: 68px;
}
.tailored-opt-hover-1 {
     
    top: -250px;
    left: 1200px;
    border-radius: 16px;
    background: radial-gradient(50% 60% at 50% 50%, rgba(126, 127, 224, 0.19), rgba(99, 102, 241, 0) 64%);
    box-sizing: border-box;
    width: 352px;
    height: 792px;
    transform: rotate(-45deg);
    opacity: .6;
}
.tailored-optimization {
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #838aa7;
    font-family: Raleway;
    position: relative;
}
.shape4{
    position: absolute;
    left: 19%;
      bottom: -33rem;
  pointer-events: none; 

}
.expt-opt-repeat-child {
     
    top: 11px;
    left: 240px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0.48), rgba(199, 210, 254, 0));
    width: 32px;
    height: 1px;
}
.expt-opt-repeat-item {
     
    top: 11px;
    left: 0px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0), rgba(199, 210, 254, 0.48));
    width: 32px;
    height: 1px;
}
.expt-opt-repeat1 {
     
    line-height: 22px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}
.expt-opt-repeat {
     display: flex;
     gap: 11px;
     justify-content: center;
     align-items: center;
    height: 22px;
}
.title-how-it {
    font-size: 40px;
    letter-spacing: -1.5px;
    line-height: 44px;
    font-weight: 400;
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-top: 34px;
    margin-bottom: 8px;
}
.detail-how-it p{
    margin: 0;
}
.blank-line {
    margin: 0;
}
.how-it-works{
    position: relative;
}
.how-it-works .divider{
        margin-top: 20px;
    margin-bottom: 53px;
}
.specify-target-goals-and-const {
    margin-bottom: 0px;
}
.input-smart-doe-historic-data {
    margin: 0;
    font-size: inherit;
    padding-left: 24px;
}
.text-easy-as-container {
     position: absolute;
    top: 27%;
    left: 65%;
    font-size: 18px;
    letter-spacing: -0.25px;
    line-height: 28px;
    display: inline-block;
    width: 394px;
    height: 152px;
}
.technical-details2 {
    font-weight: 500;
}
.span {
    font-weight: 500;
    font-family: Inter;
    color: rgba(255, 255, 255, 0.48);
}
.technical-details1 {
     
    line-height: 22px;
}
.technical-details {
     
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.16) inset;
    border-radius: 8px;
    background: linear-gradient(0deg, #4f46e5, #6366f1);
    width: 157px;
    height: 44px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    box-sizing: border-box;
    color: #fff;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 60px;
}
.howitworks-v2-2-1-icon {
    width: 60%;
    object-fit: cover;
    margin: 0 auto;
    text-align: center;
    display: flex
;
}
.how-it-works-hover-1 {
     
    border-radius: 40px;
    background: conic-gradient(from 0deg at 0% 50%, rgba(99, 102, 241, 0.49), rgba(99, 102, 241, 0) 30%);
    width: 650px;
    transform: rotate(45deg);
    height: 300px;
    opacity: .8;
    overflow: hidden;
    filter: blur(40px);
}
.how-it-works-hover-2 {
     
    border-radius: 40px;
    background: conic-gradient(from 0deg at 0% 50%, rgba(80, 83, 242, 0.49), rgba(99, 102, 241, 0) 30%);
    width: 650px;
    transform: rotate(45deg);
    height: 300px;
    opacity: .75;
    overflow: hidden;
    filter: blur(40px);
}
.how-it-works {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #838aa7;
    font-family: Raleway;
    position: relative;
}
.shape5{
    position: absolute;
    bottom: -33rem;
    left: 30rem;     pointer-events: none; 

}
.request-consultation {
     
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(31, 41, 55, 0), rgba(31, 41, 55, 0.48) 52.5%, rgba(31, 41, 55, 0));

    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Raleway;
}
.start-building-2 {
    font-weight: 500;
    }
    .span {
    font-weight: 500;
    font-family: Inter;
    color: rgba(255, 255, 255, 0.48);
    }
.start-building-1 {
     
    line-height: 22px;
}
.start-building-button{
     
  margin: 0 auto;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.16) inset;
    border-radius: 8px;
    background: linear-gradient(0deg, #4f46e5, #6366f1);
    width: 125px;
    height: 44px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    margin-bottom: 66px;
}
.science-smarter-child {
     
    top: 10px;
    left: 161px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0.48), rgba(199, 210, 254, 0));
    width: 32px;
    height: 1px;
    margin-top: 39px;
    margin-bottom: 36px
}
.science-smarter-item {
     
    top: 10px;
    left: 0px;
    background: linear-gradient(90deg, rgba(199, 210, 254, 0), rgba(199, 210, 254, 0.48));
    width: 32px;
    height: 1px;
}
.science-smarter1 {
     
    line-height: 22px;
    background: linear-gradient(90deg, #6366f1, #c7d2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}
.science-smarter {
    display: flex
    ;
        align-items: center;
        justify-content: center;
}
.weve-helped-businesses {
margin: 0;
}
.text-request-consultation {
     
    letter-spacing: -0.25px;
    line-height: 28px;
    display: inline-block;
    width: 768px;
    max-width: 100%;
}
.title-request {
     
    font-size: 40px;
    letter-spacing: -1.5px;
    line-height: 44px;
    font-weight: 400;
    background: linear-gradient(90deg, #f9fafb 1%, #e5e7eb 20.5%, #c7d2fe 50%, #e5e7eb 75.5%, #f9fafb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: 768px;
    max-width: 100%;
}
.consultation {

    width: 768px;
    text-align: center;
    font-size: 18px;
    color: #838aa7;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 19px;
    margin-bottom: 38px;
}

.footer-findwhatmattersai {
    line-height: 22px;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
}
  .footer-logo-ai-1-icon {
        width: 38.6px;
        height: 60px;
        object-fit: cover;
        margin-bottom: 8px;
  }
  .footer-contact1 {
         
        top: calc(50% - 16px);
        left: calc(50% - 70px);
        line-height: 22px;
        font-weight: 500;
        display: inline-block;
        width: 140px;
  }
  .footer-contact-child {
         
        top: 32px;
        left: 31px;
        border-top: 1px solid #1f2937;
        box-sizing: border-box;
        width: 79px;
        height: 1px;
  }
  .footer-contact {
         
        top: calc(50% - 16px);
        left: calc(50% - 416.5px);
        width: 140px;
        height: 32px;
  }
  .footer-use-cases-child {
         
        top: 32px;
        left: 28px;
        border-top: 1px solid #1f2937;
        box-sizing: border-box;
        width: 84px;
        height: 1px;
  }
  .footer-use-cases {
         
        top: calc(50% - 16px);
        left: calc(50% - 185.5px);
        width: 140px;
        height: 32px;
  }
  .footer-technical-details-child {
         
        top: 32px;
        left: 10px;
        border-top: 1px solid #1f2937;
        box-sizing: border-box;
        width: 130px;
        height: 1px;
  }
  .footer-technical-details {
         
        top: calc(50% - 16px);
        left: calc(50% + 45.5px);
        width: 140px;
        height: 32px;
  }
  .footer-about-child {
         
        top: 32px;
        left: 30px;
        border-top: 1px solid #1f2937;
        box-sizing: border-box;
        width: 81px;
        height: 1px;
  }
  .footer-about {
         
        top: calc(50% - 16px);
        left: calc(50% + 276.5px);
        width: 140px;
        height: 32px;
  }
  .footer-links {
        width: 833px;
        margin: 0 auto;
        text-align: center;
        color: #f4f4f5;
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin-top: 71px;
        margin-bottom: 85px;
  }
  .footer-findwhatmattersai-wrap{
    position: absolute;
    right: 20px;
    display: flex;
    flex-direction: column;
    bottom: -25px;
    align-items: center;
  }
  .footer {
        width: 100%;
         position: relative;
        text-align: right;
        font-size: 14px;
        color: #838aa7;
        font-family: Inter;
  }
  .footer-bg-icon {
    position: absolute;
    left: -23%;
    overflow: hidden;
    object-fit: cover;
    filter: contrast(250%);
    opacity: .03;
    bottom: -107px;
    pointer-events: none; 

}
.footershadow{
position: absolute;
right: 5rem;
bottom: -7rem;
pointer-events: none; 

}
/* header */
.logo-ai-1-icon {
    height: 60px;
    object-fit: cover;
    width: 38.63777160644531px;
height: 60px;
padding-left: 78px;

}
.find-what-matters {
    font-family: Raleway;
    font-weight: 700;
    font-size: 32px;
    line-height: 56px;
    letter-spacing: -1.5px;
    text-align: center;
    width: 304px;
}
.co-title {
    display: flex;
    align-items: center;
}
.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-links{
    display: flex;
    justify-content: space-between;
    align-self: center;
    gap: 2rem;
    padding-right: 78px;
}

    .header-links a {

        display: inline-block; 
        border-bottom: 1px solid; 
        border-image-source: linear-gradient(90deg, #1F2937 0%, #4B5563 50%, #1F2937 100%);
        border-image-slice: 1;
        text-decoration: none;
        padding-bottom: 4px; 
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
text-align: center;

    }
.header {
    width: 100%;
    height: 100px; 
    font-size: 32px;
    color: #f4f4f5!Important;
    font-family: Raleway;
    background-color: #030712; 
}
.menu-toggle {
  display: none;
}
.divider-hero, .divider-high-cost, .divider-guiding-you, .divider{
    width: 1100px;
}
/* bg shapes */
.landing{
    position: relative;
}
.top-bg{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    filter: brightness(80%) opacity(10%);
    z-index: 2;
    pointer-events: none; 

}
.light-shadow{
position: absolute;
left: 40%;
transform: translateX(-50%);
z-index: 2;
pointer-events: none; 

}
.dark-shadow{
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2;
pointer-events: none; 

}
@media(max-width: 1500px){
.shape4 {
    left: 8%;
}
.shape5{
    left: 21rem;
}
}
@media(max-width: 1300px){
.figures-guide{
    flex-direction: column;
}
}
@media(max-width: 1200px){
    .divider-hero, .divider-high-cost, .divider-guiding-you, .divider{
        width: 100%;
    }
    .shape5 {
        left: 10rem;
    }
    .text-easy-as-container {
        position: absolute;
        top: 30%;
        left: 60%;
    }
    .figures-guide{
        flex-direction: column;
    }
    .icons-tailored {
        grid-template-columns: repeat(2,1fr);
    }
     .gif-container img, .gif-container {
        max-width: 100%;
}
}
@media (max-width: 1100px) {
.casestudy-container{
 flex-direction: column;
}
.casestudy-container p.tagline {
    margin: 0 auto !important;
}
.casestudy-container .case2{
    margin-top: 24px;
}
}
@media (max-width: 992px) {
    .howitworks-v2-2-1-icon {
        width: 65%;
    }
    .landing{
        padding: 0 15px;
    }
    .shape5 {
        left: 0rem;
    }
    .text-easy-as-container {
        position: relative;
        top: 41%;
        left: 3%;
    }
    .menu-toggle {
        display: block;
        margin-right: 78px;
    }

    .header-links {
        display: none;
        flex-direction: column;
         position: absolute;
        top: 100px;
        right: 20px;
        background-color: #030712;
        padding: 15px;
        box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        z-index: 1000;
        width: 200px;
    }

    .header-links.active {
        display: flex;
    }

    .menu-item {
        padding: 10px 0;
        text-align: center;
    }

    .menu-item a {
        font-size: 16px;
        color: white!important;
    }
    .footer-links {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 0;
        right: 0;
        background-color: transparent;
        padding: 15px;
        box-shadow:none;
        z-index: 1000;
        width: 100%;
        margin-bottom: 1rem;
    }

    .footer-links .menu-item{
        padding: 0;
    }
    .footershadow {
        bottom: -22rem;
    }
    .footer-bg-icon {
        right: 4%;
        bottom: -22rem;
    }
    .footer-findwhatmattersai-wrap {
        position: relative; /* Let it sit in the normal document flow */
        width: fit-content; /* Size to content for centering */
        margin: 2rem auto 0; /* Center it and add space above */
        /* Clear absolute positioning properties */
        right: auto;
        bottom: auto;
        top: auto;
}
    
}
@media (max-width: 768px) {
    .innovate-img-container{
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }
    .howitworks-v2-2-1-icon {
        width: 75%;
    }
    .icons-tailored {
        grid-template-columns: repeat(1, 1fr);
    }
    .menu-toggle {
        margin-right: 48px;
    }
    .logo-ai-1-icon{
        padding-left: 48px;
    }
    .fcf-h3 {
        font-size: 2rem;
    }
    .find-what-matters {
        font-size: 24px;
        width: 217px;
    }
}

@media (max-width: 640px) {
        .landing{
        padding: 0 10px;
    }
    .casestudy-container img {
    width: 300px;
    height: auto;
    }
    .casestudy-container {
    padding: 30px 0px;
    }
}

@media (max-width: 500px) {
    .menu-toggle {
        margin-right: 28px;
    }
    .logo-ai-1-icon{
        padding-left: 28px;
    }
    .innovate-img-container img {
    width: 100%;
}
}
@media (max-width: 400px) {
    .btns-how-it{
        flex-direction: column;
        gap: 16px;
    }
    .find-what-matters {
        font-size: 20px;
        width: 172px;
    }
    .menu-toggle {
        font-size: 22px;
    }
    .fig-2, .fig-1, .fig-3, .hover{
        height: 507px;
    }
    .tailored-items {
        width: 273px;
    }
    .title {
        font-size: 47px;
    }
}