body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
margin:0;
background:#ffffff;
color:#0f172a;
line-height:1.6;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* HERO */

.hero{
padding:120px 0 80px 0;
background:linear-gradient(180deg,#f7f8ff,#ffffff);
text-align:center;
}

.hero h1{
font-size:56px;
font-weight:800;
line-height:1.1;
margin-bottom:25px;
}

.gradient{
background:linear-gradient(90deg,#5f4bff,#7c4dff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
font-size:18px;
color:#5b6475;
max-width:780px;
margin:auto;
}

.hero-img{
margin-top:60px;
}

.hero-img img{
max-width:900px;
width:100%;
border-radius:12px;
box-shadow:0 30px 60px rgba(0,0,0,0.15);
}

.btn{
display:inline-block;
padding:16px 34px;
border-radius:40px;
font-weight:600;
text-decoration:none;
margin:10px;
}

.btn-primary{
background:linear-gradient(90deg,#5f4bff,#7a3cff);
color:white;
}

.btn-secondary{
border:1px solid #dbe2ea;
color:#0f172a;
}

/* LOGO WALL */

.logos{
padding:40px 0;
text-align:center;
opacity:.7;
}

.logo-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:25px;
align-items:center;
}

.logo-grid img{
max-height:35px;
margin:auto;
}

/* SECTION */

.section{
padding:90px 0;
}

.section-title{
font-size:36px;
font-weight:800;
text-align:center;
margin-bottom:60px;
}

/* FEATURES */

.features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

.feature{
border:1px solid #eef1f6;
padding:28px;
border-radius:12px;
}

.feature h3{
margin-bottom:10px;
font-size:20px;
}

/* SPLIT SECTION */

.split{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.split img{
width:100%;
border-radius:12px;
}

/* STEPS */

.steps{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.step{
background:#f8fafc;
padding:22px;
border-radius:10px;
}

.step h3{
font-size:18px;
}

/* BENEFITS */

.benefits{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

/* USE CASES */

.usecases{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.usecase{
background:#f8fafc;
padding:22px;
border-radius:10px;
}

/* TABLE */

table{
width:100%;
border-collapse:collapse;
}

th,td{
border:1px solid #e6eaf0;
padding:12px;
text-align:left;
}

th{
background:#f3f6fa;
}

/* TESTIMONIAL */

.testimonials{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
}

.testimonial{
background:#f8fafc;
padding:25px;
border-radius:12px;
font-style:italic;
}

.testimonial strong{
display:block;
margin-top:10px;
font-style:normal;
}

/* CTA */

.cta{
margin-top:80px;
padding:80px 20px;
text-align:center;
background:linear-gradient(90deg,#5f4bff,#7a3cff);
color:white;
border-radius:16px;
}

.small{
font-size:14px;
margin-top:15px;
opacity:.9;
}

@media(max-width:900px){

.hero h1{
font-size:38px;
}

.split{
grid-template-columns:1fr;
}

.section-title{
font-size:28px;
}

}