/* CSS Root Variables for Branding */
    :root {
        --sh-primary: #003366; /* Deep Medical Blue */
        --sh-accent: #c5a059;  /* Professional Gold */
        --sh-text: #333333;
        --sh-bg-light: #f9fbfd;
        --sh-border: #e1e8ed;
    }

    .sh-container {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        color: var(--sh-text);
        max-width: 1920px;
        margin: 0 auto;
        background-color: #ffffff;
    }

    /* Typography Hierarchy */
    h1, h2, h3 {
        color: var(--sh-primary);
        line-height: 1.2;
    }

    h1 { font-size: 2.2rem; margin-bottom: 20px; text-align: center; border-bottom: 3px solid var(--sh-accent); padding-bottom: 15px; }
    h2 { font-size: 1.8rem; margin-top: 40px; border-left: 5px solid var(--sh-accent); padding-left: 15px; background: var(--sh-bg-light); padding-top: 10px; padding-bottom: 10px;}
    h3 { font-size: 1.4rem; color: var(--sh-accent); margin-top: 30px; }

    p { margin-bottom: 20px; }

    /* Hero & Quick Info */
    .sh-hero-box {
        background: var(--sh-primary);
        color: white;
        padding: 30px;
        border-radius: 8px;
        margin-bottom: 30px;
    }

    .sh-highlight { color: var(--sh-accent); font-weight: bold; }

    /* Image Styling */
    .sh-img-wrapper {
        margin: 30px 0;
        text-align: center;
    }

    .sh-img-wrapper img {
        max-width: 100%;
        height: auto;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .sh-img-caption {
        font-size: 0.9rem;
        color: #666;
        margin-top: 10px;
        font-style: italic;
    }

    /* Product Grid */
    .sh-product-card {
        border: 1px solid var(--sh-border);
        padding: 25px;
        margin-bottom: 25px;
        border-radius: 8px;
        transition: transform 0.3s;
    }

    .sh-product-card:hover {
        transform: translateY(-5px);
        border-color: var(--sh-accent);
    }

    .sh-roi-tag {
        display: inline-block;
        background: #eef9f0;
        color: #2d5a27;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 0.85rem;
        font-weight: bold;
        margin-top: 10px;
    }

    /* FAQ Section */
    .sh-faq-item {
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--sh-border);
    }

    .sh-question { font-weight: bold; color: var(--sh-primary); display: block; margin-bottom: 5px; }

    /* Call to Action */
    .sh-cta-container {
        text-align: center;
        padding: 50px 20px;
        background: var(--sh-bg-light);
        margin-top: 40px;
        border-radius: 8px;
    }

    .sh-btn {
        background-color: var(--sh-accent);
        color: white;
        padding: 18px 35px;
        text-decoration: none;
        font-size: 1.2rem;
        font-weight: bold;
        border-radius: 50px;
        display: inline-block;
        transition: background 0.3s;
    }

    .sh-btn:hover { background-color: #b08e4d; }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        h1 { font-size: 1.8rem; }
        h2 { font-size: 1.5rem; }
    }