*{

box-sizing:border-box;
margin:0;
padding:0;
font-family:Inter,Arial,sans-serif;

}



html{

scroll-behavior:smooth;

}



body{

background:#07111f;
color:white;

}




header{

height:80px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 8%;

}



.logo{

font-size:25px;
font-weight:800;

}




nav a{

color:#aab5c5;
margin:0 20px;
text-decoration:none;
transition:.3s;

}


nav a:hover{

color:white;

}





.btn{

display:inline-block;
background:#2563eb;
border:none;
color:white;
padding:14px 28px;
border-radius:12px;
font-weight:700;
cursor:pointer;
text-decoration:none;
transition:.3s;

}



.btn:hover{

background:#1d4ed8;
transform:translateY(-2px);

}




.hero{

padding:80px 8%;
display:flex;
gap:60px;
align-items:center;

}




.hero-text{

width:50%;

}




h1{

font-size:56px;
line-height:1.1;

}




.hero p{

font-size:20px;
color:#b8c3d6;
margin:30px 0;

}





.actions{

display:flex;
gap:20px;

}




.big{

font-size:18px;
padding:18px 35px;

}




.btn-outline{

display:inline-block;
border:1px solid #334155;
background:none;
color:white;
padding:18px 35px;
border-radius:12px;
text-decoration:none;

}





.advantages{

display:flex;
gap:25px;
margin-top:50px;

}




.advantages div{

background:#111c2f;
padding:20px;
border-radius:15px;

}




.advantages b{

display:block;
font-size:20px;

}




.advantages span{

color:#94a3b8;

}








.dashboard{

background:#111c2f;
padding:25px;
border-radius:25px;
width:420px;
box-shadow:0 20px 60px #0005;

}




.dash-title{

color:#60a5fa;
margin-bottom:20px;
font-weight:bold;

}




.google{

background:#0f766e;
padding:20px;
border-radius:15px;
margin-bottom:20px;

}



.google span{

color:#d1fae5;

}





.request{

background:#18263c;
padding:20px;
border-radius:15px;
margin-bottom:15px;

}



.request strong{

color:#22c55e;

}







section{

padding:90px 8%;

}




h2{

font-size:40px;
text-align:center;
margin-bottom:50px;

}





.grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}




.feature{

background:#111c2f;
padding:30px;
border-radius:20px;

}



.feature p{

color:#94a3b8;
margin-top:15px;

}








.integration{

background:#0b1729;
text-align:center;

}




.subtitle{

color:#94a3b8;
font-size:20px;
margin-bottom:50px;

}





.flow{

display:flex;
justify-content:center;
align-items:center;
gap:20px;

}





.flow div{

background:#111c2f;
padding:30px;
border-radius:20px;

}




.arrow{

font-size:35px;
background:none!important;

}







.integration-list{

margin-top:50px;
font-size:20px;
line-height:2;

}








.process{

background:#0b1729;

}




.steps{

display:flex;
justify-content:center;
gap:30px;

}




.steps div{

background:#111c2f;
padding:30px;
border-radius:20px;
text-align:center;

}








.contact{

background:#0b1729;
text-align:center;

}




.form-box{

max-width:700px;
margin:auto;
background:#111c2f;
padding:40px;
border-radius:25px;
box-shadow:0 20px 60px #0005;

}





.form-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;

}




.form-box input,
.form-box textarea,
.form-box select{


width:100%;
padding:15px;
margin-bottom:20px;

background:#18263c;

border:1px solid #334155;

border-radius:12px;

color:white;

font-size:16px;

}



.form-box textarea{

resize:vertical;

}



.form-box input::placeholder,
.form-box textarea::placeholder{

color:#94a3b8;

}



.form-box input:focus,
.form-box textarea:focus,
.form-box select:focus{

outline:none;
border-color:#2563eb;

}





#formResult{

margin-top:20px;
padding:15px;
border-radius:12px;

}







footer{

border-top:1px solid #1e293b;
padding:30px 8%;
display:flex;
justify-content:space-between;
color:#94a3b8;

}









@media(max-width:900px){



header{

padding:0 5%;

}



nav{

display:none;

}




.hero{

flex-direction:column;

}



.hero-text{

width:100%;

}



h1{

font-size:40px;

}



.dashboard{

width:100%;

}




.grid{

grid-template-columns:1fr;

}




.flow{

flex-direction:column;

}




.steps{

flex-direction:column;

}



.form-grid{

grid-template-columns:1fr;

}



}