body{



margin:0;

font-family:Roboto;

color:white;



background: radial-gradient(circle at top right,#2c1a6b,#0A1F44);



}





.container{



width:1200px;

margin:auto;



}





.navbar{



padding:20px 0;



}





.nav-container{



display:flex;

justify-content:space-between;

align-items:center;



}





nav a{



margin:0 15px;

color:white;

text-decoration:none;



}





.demo-btn{



background:linear-gradient(90deg,#00E5FF,#6E5FF2);

border:none;

padding:12px 20px;

border-radius:10px;

color:white;



}





.hero{



padding:100px 0;



}





.hero-grid{



display:grid;

grid-template-columns:1fr 1fr;

align-items:center;



}





.hero-text h1{



font-family:Montserrat;

font-size:56px;



}





.gradient-text{



background:linear-gradient(90deg,#00E5FF,#A855F7);

-webkit-background-clip:text;

color:transparent;



}





.hero-buttons{



margin-top:30px;



}





.primary-btn{



background:linear-gradient(90deg,#00E5FF,#6E5FF2);

border:none;

padding:15px 25px;

border-radius:12px;

color:white;



}





.secondary-btn{



background:transparent;

border:1px solid rgba(255,255,255,.3);

padding:15px 25px;

border-radius:12px;

color:white;



}





.solutions{



padding:80px 0;



}





.solutions-grid{



display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;



}





.card{



background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.15);



backdrop-filter:blur(10px);



padding:30px;



border-radius:16px;



}





.ai-search{



padding:80px 0;



}





.ai-grid{



display:grid;

grid-template-columns:1fr 1fr;



}





.why{



padding:80px 0;



}





.why-grid{



display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;



}





footer{



padding:40px 0;

border-top:1px solid rgba(255,255,255,.2);



}





.footer{



display:flex;

justify-content:space-between;



}