/* Global Styles */
body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    background: #181818;
    color: #FFFFFF;

    /* Background Image */
    background-image: url("Images/IMG.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Dark overlay */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(3px);
    z-index: -1;
}

/* Top Logo */
.top-logo {
    text-align: center;
    margin-top: 18px; /* 25% smaller from 25px */
    margin-bottom: -8px;
}

.top-logo img {
    width: 90px; /* from 120px → 90px */
    height: auto;
    opacity: 0.95;
    filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.35));
}

/* Header */
header {
    text-align: center;
    padding: 30px 15px; /* from 40px 20px */
}

header h1 {
    font-size: 25px; /* from 34px */
    font-weight: 700;
    color: #FF8049;
}

header p {
    font-size: 14px; /* from 18px */
    color: #FFFFFF;
    margin-top: 4px;
}

/* Download Button */
.download-btn {
    display: inline-block;
    background: #FF8049;
    color: #181818;
    padding: 12px 20px; /* from 16px 28px */
    border-radius: 10px; /* from 12px */
    font-size: 15px; /* from 20px */
    font-weight: 600;
    text-decoration: none;
    margin-top: 14px;
    transition: 0.25s;
}

.download-btn:hover {
    background: #ff945f;
    transform: scale(1.05);
}

/* FEATURES Section */
.features {
    text-align: center;
    margin: 45px 15px; /* from 60px 20px */
}

.features h2 {
    font-size: 21px; /* from 28px */
    color: #FF8049;
}

.features .subtext {
    font-size: 12px; /* from 16px */
    color: #FFFFFF;
    margin-bottom: 22px;
}

/* Grid */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); /* slightly smaller */
    gap: 15px;
    padding: 0 15px;
}

/* Cards */
.feature-card {
    background: #222222;
    border-radius: 14px; /* from 16px */
    padding: 18px; /* from 25px */
    box-shadow: 0 3px 12px rgba(0,0,0,0.4);
    transition: 0.25s;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 18px rgba(0,0,0,0.6);
}

.feature-card i {
    font-size: 30px; /* from 40px */
    margin-bottom: 8px;
    color: #FF8049;
}

.feature-card h3 {
    font-size: 14px; /* from 18px */
    color: #FF8049;
    margin-bottom: 7px;
}

.feature-card p {
    color: #FFFFFF;
    font-size: 11px; /* from 14px */
}