<style>
.sssbut {
        background-color: #fffce8;
        color: #036;
        border-radius: 8px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 40px;
        font-family: Montserrat, sans-serif;
        font-size: 18px;
        font-weight: 500;
        text-align: center !important;
    }
    .sssbut h3 {
        width: 100%;
        max-width: 577px;
        margin: 0 auto;
        line-height: 34px;
        color: #0A3D62;
    }
    button.sssbuttt {
        background: #2E8B57;
        color: #fff;
        padding: 15px 33px;
        border-radius: 20px;
        margin-top: 10px;
        margin-bottom: 24px;
    }
	.sssbuttt a {
    color: #fff;
    text-decoration: none;
}
.input-section {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #eef;
    border: 1px solid #ccc;
    border-radius: 5px;
}
button {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #005ea2;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 15px;
}
.result-section {
    margin-top: 30px;
    padding: 20px;
    background-color: #e6f7ff;
    border: 1px solid #b3e0ff;
    border-radius: 5px;
    text-align: center;
}
.result-amount {
    font-size: 1.8em;
    font-weight: bold;
    color: #003e73;
    font-family: 'Montserrat';
}
.result-section h2 {
    margin-top: 0;
    color: #005ea2;
    font-family: 'Montserrat';
    line-height: 53px;
}
.input-section input[type="number"] {
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    font-family: 'Montserrat';
    color: #000;
    font-weight: 500;
}
.helper-text {
    font-size: 0.9em;
    color: #0e0e0e;
    margin-top: 5px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.input-section label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-family: 'Montserrat';
}
@media  (max-width: 425px) {
  .sssbut h3 {
    line-height: 26px;
    font-size: 18px;
}
.sssbut {
    padding: 15px 17px;
}
button.sssbuttt {
    padding: 12px 30px;
    font-size: 15px;
}
}
button.sssbuttt {
    padding: 10px 15px;
    font-size: 15px;
}
@media  (max-width: 320px) {
.sssbut h3 {
    line-height: 22px;
    font-size: 15px;
}
}
</style>


<script>
document.addEventListener('DOMContentLoaded', () => {
    const piaInput = document.getElementById('pia');
    const calculateBtn = document.getElementById('calculate-btn');
    const resultSection = document.getElementById('result-section');
    const familyMaxResult = document.getElementById('family-max-result');

    calculateBtn.addEventListener('click', () => {
        const pia = parseFloat(piaInput.value);

        if (isNaN(pia) || pia < 0) {
            alert('Please enter a valid Primary Insurance Amount (PIA).');
            resultSection.style.display = 'none';
            return;
        }

        // 2025 Family Maximum Bend Points for Retirement/Survivor benefits
        const bendPoint1 = 1567;
        const bendPoint2 = 2262;
        const bendPoint3 = 2950;

        let familyMax = 0;

        // Tier 1: 150% of the first $1,567
        familyMax += Math.min(pia, bendPoint1) * 1.50;

        // Tier 2: 272% of PIA over $1,567 through $2,262
        if (pia > bendPoint1) {
            familyMax += Math.max(0, Math.min(pia, bendPoint2) - bendPoint1) * 2.72;
        }

        // Tier 3: 134% of PIA over $2,262 through $2,950
        if (pia > bendPoint2) {
            familyMax += Math.max(0, Math.min(pia, bendPoint3) - bendPoint2) * 1.34;
        }

        // Tier 4: 175% of PIA over $2,950
        if (pia > bendPoint3) {
            familyMax += Math.max(0, pia - bendPoint3) * 1.75;
        }

        // Round down to the nearest dime ($0.10)
        const roundedFamilyMax = Math.floor(familyMax * 10) / 10;

        // Display the result
        familyMaxResult.textContent = `$${roundedFamilyMax.toFixed(2)}`;
        resultSection.style.display = 'block';
    });
});

</script>


<div class="input-section">
            <label for="pia">Enter your Primary Insurance Amount (PIA): $</label>
            <input type="number" id="pia" name="pia" step="0.01" min="0" placeholder="e.g., 2500.00">
            <p class="helper-text">Your PIA is your benefit amount if you claim at your full retirement age. You can find it on your Social Security Statement via your <a href="https://www.ssa.gov/myaccount/" target="_blank" rel="noopener noreferrer">my Social Security</a> account.</p>
        </div>

        <button id="calculate-btn">Calculate Family Maximum</button>
        
        <div id="result-section" class="result-section" style="display: none;">
            <h2>Estimated Family Maximum Benefit:</h2>
            <p id="family-max-result" class="result-amount">$0.00</p>
            <div class="sssbut">
        <h3>Found this calculator helpful? There's more where that came from.</h3>
        <button class="sssbuttt"><a href="https://www.mygovexpert.com/s-s-s">Subscribe, Support, Suggest</a></button>
        <p>Subscribe for updates when we add new calculators and tools.</p>
        </div>
        </div>