<style>
   body { font-family: -apple-system, sans-serif; background-color: #fff; color: #111; line-height: 1.7; }
.site-header { display: flex; justify-content: space-between; padding: 30px 5%; border-bottom: 1px solid #eee; }
.logo { font-weight: 700; letter-spacing: 4px; }
.hero-section { text-align: center; padding: 100px 10%; }
.hero-content h1 { font-size: 46px; font-weight: 300; letter-spacing: -0.5px; }
.image-placeholder { height: 450px; background-color: #f7f7f7; }
.features-section { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: 100px 10%; }
.specs-section { background-color: #fcfcfc; padding: 80px 10%; }
.spec-item { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #eee; }
@media (max-width: 768px) { .features-section { grid-template-columns: 1fr; } }

    .logo img {
        width: 170px;
        height: auto;
        display: block;
    }

    @media (max-width: 768px) {
        header { padding: 20px 5%; flex-wrap: wrap; gap: 10px; }
        nav a { margin-left: 15px; font-size: 0.8rem; }
        .hero-content h1 { font-size: 2.5rem; }
        .form-row { grid-template-columns: 1fr; gap: 0; }
        .form-container { padding: 25px; }
        .logo img {
            width: 130px;
        }
    }
section {
    scroll-margin-top: 20px;
}

.manual-links a,
.manual-links a:visited {
    display: inline-block;
    min-width: 190px;
    padding: 14px 22px;
    color: #999999 !important;
    border: 1px solid #444444;
    text-decoration: none !important;
    text-transform: none;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
}

.manual-section img {
    width: 60%;
    height: auto;
}

.product-card img {
    display: block;
    width: 100%;
    height: 260px;        /* Adjust as needed */
    object-fit: contain;  /* Shows the whole image without cropping */
    object-position: center;
    margin: 0 auto 1rem;
}

</style>

