body { font-family: 'Segoe UI', sans-serif; color: #334155; line-height: 1.6; }
.hero { height: 80vh; background: #1e293b; color: white; display: flex; align-items: center; }
.navbar { border-bottom: 3px solid #f59e0b; }

.kremlin-card {
    width: 500px; height: 500px;
    background-size: cover; background-position: center; border-radius: 20px;
    border: 8px solid #f59e0b; transition: 0.5s;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}
.kremlin-card:hover { transform: scale(1.02); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }

.service-card {
    border: none; transition: 0.3s; background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    display: flex; flex-direction: column; justify-content: space-between;
}
.service-card:hover {
    transform: translateY(-10px);
    border-bottom: 4px solid #f59e0b;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.icon-box { font-size: 2.5rem; color: #f59e0b; margin-bottom: 20px; }

.service-icon-img {
    width: 200px; height: 200px;
    background-size: contain; background-repeat: no-repeat; 
    margin-bottom: 20px;
    border-radius: 10px;
}

.service-icon-img-2 {
	height: 300px;
	margin-bottom: 30px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.about-section { background: #f8fafc; padding: 150px 0; }
.infographic-item { padding: 20px; }
.infographic-icon {
    width: 150px; height: 150px;
    display: inline-block;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    margin-bottom: 15px;
}

.blog-card {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.blog-card-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.blog-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}
.article-image {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
article ul { margin-bottom: 1.5rem; }
article li { margin-bottom: 0.75rem; }

#pain-points .card { background: #ffffff; border: none; }
#pain-points .icon-box { color: #dc2626; }

footer { background: #1e293b; color: #cbd5e1; padding: 50px 0; }
footer a { color: #f59e0b; text-decoration: none; }
footer a:hover { text-decoration: underline; }