body{
font-family:Arial;
margin:0;
background:#f6f7fb;
color:#1f2937;
}


/* HERO */

.hero{
text-align:center;
padding:50px 20px;
background:linear-gradient(120deg,#0f172a,#1e3a8a);
color:white;
}

.hero h1{
font-size:42px;
margin-bottom:10px;
}


/* PRODUCT GRID */

.products-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
gap:30px;
justify-content:center;
padding:80px 10%;
}




.product-card{
flex:0 0 280px;
text-decoration:none;
color:inherit;
background:white;
padding:30px;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
cursor:pointer;
}


.product-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

.product-card a{
text-decoration:none;
color:#2563eb;
font-weight:600;
}



.product-link{
   color:#2563eb; 
}


/* DETAILS */

.product-details{
padding:90px 12%;
border-top:1px solid #e5e7eb;
}

.product-details h2{
font-size:32px;
margin-bottom:10px;
}

.product-details ul{
margin-top:20px;
line-height:2;
}


/* SOLUTIONS */

.solutions-section{
padding:80px 10%;
text-align:center;
background:#f8fafc;
}

.solutions-title{
font-size:32px;
margin-bottom:50px;
font-weight:700;
}

.solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
}

.solution-card {
  background: white;
  padding: 30px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  text-align: center;
  height: 100%;
}


.solution-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.solution-icon{
font-size:40px;
margin-bottom:20px;
}

.solution-card h3{
font-size:22px;
margin-bottom:15px;
}

.solution-card p{
color:#64748b;
line-height:1.6;
}

.solution-features{
margin-top:15px;
padding-left:0;
list-style:none;
text-align:left;
}

.solution-features li{
padding:6px 0;
font-size:14px;
color:#64748b;
position:relative;
padding-left:20px;
}

.solution-features li::before{
content:"✓";
position:absolute;
left:0;
color:#2563eb;
font-weight:600;
}

@media (max-width: 900px) {
  .solutions-grid {
    grid-template-columns: 1fr;
  }
}


/* CTA */

.cta{
text-align:center;
padding:100px;
background:linear-gradient(135deg, #0f172a, #1e3a8a);
color:white;
}

.cta button{
padding:14px 28px;
border:none;
border-radius:8px;
background:white;
color:#1e3a8a;
font-weight:600;
cursor:pointer;
}



html{
scroll-behavior:smooth;
}

.product-section{
padding:100px 12%;
background:#f7f8fb;
}

.product-section.alt{
background:#ffffff;
}

.product-container{
display:flex;
align-items:center;
gap:60px;
}

.product-image img{
width:100%;
max-width:400px;
border-radius:20px;
box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.product-text{
max-width:600px;
}

.product-text h2{
font-size:34px;
margin-bottom:15px;
}

.product-text p{
line-height:1.7;
margin-bottom:15px;
color:#4b5563;
}

@media (max-width:900px){

.product-container{
flex-direction:column;
text-align:center;
}

.product-image img{
max-width:320px;
}

}

body.dark-mode .solutions-section,
body.dark-mode .product-section{
background:#0b132b;
}

body.dark-mode .solution-card{
    background:#12163a ;
border:1px solid #1f2937;
color:#e5e7eb;

box-shadow:
0 10px 30px rgba(0,0,0,0.4);
}

.h2{
    align-content: center;
}