<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ladder Safety Pro | The LSP Adjustable Platform</title>
    <style>
        :root {
            --safety-blue: #004a99;
            --safety-orange: #f39c12;
            --text-dark: #333;
            --white: #ffffff;
        }
        body { font-family: 'Segoe UI', Tahoma, sans-serif; margin: 0; color: var(--text-dark); background: #f8f9fa; }
        
        /* Hero Styling */
        .hero { 
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('Work2.jpg') center/cover;
            color: white; padding: 80px 5% 40px; text-align: center;
        }
        .hero h1 { font-size: 3rem; margin-bottom: 10px; color: var(--safety-orange); }
        .hero p { font-size: 1.4rem; max-width: 800px; margin: 0 auto 30px; }

        /* The 3-Image Proof Row */
        .proof-row { 
            display: flex; justify-content: center; gap: 20px; 
            margin-top: -50px; padding: 0 5%; flex-wrap: wrap;
        }
        .proof-card { 
            background: var(--white); width: 300px; border-radius: 8px; 
            overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            border-bottom: 5px solid var(--safety-blue);
        }
        .proof-card img { width: 100%; height: 200px; object-fit: cover; }
        .proof-card h3 { font-size: 1.1rem; padding: 15px 10px 5px; margin: 0; color: var(--safety-blue); }
        .proof-card p { font-size: 0.9rem; padding: 0 10px 20px; margin: 0; color: #666; }

        .cta-section { text-align: center; padding: 60px 20px; }
        .buy-btn { 
            background: var(--safety-orange); color: white; padding: 20px 40px; 
            text-decoration: none; font-size: 1.5rem; font-weight: bold; border-radius: 5px;
        }
    </style>
</head>
<body>

<section class="hero">
    <h1>Turn Any Ladder into a Platform</h1>
    <p>Work with both hands free. Independently certified to 160kg. The LSP turns your industrial ladders into a height-adjustable workstation.</p>
</section>

<div class="proof-row">
    <div class="proof-card">
        <img src="Work2.jpg" alt="Working with both hands free">
        <h3>Two-Handed Comfort</h3>
        [cite_start]<p>A stable 30cm² platform removes the stress on your feet and legs[cite: 73].</p>
    </div>

    <div class="proof-card">
        <img src="Gate2.jpg" alt="Safety Gate Locked">
        <h3>Certified Safety</h3>
        [cite_start]<p>Fully enclosed guardrail system with locking safety gate[cite: 98].</p>
    </div>

    <div class="proof-card">
        <img src="Go up.jpg" alt="Attaching to Ladder">
        <h3>Universal Fit</h3>
        [cite_start]<p>Simply attaches to industrial step and extension ladders[cite: 78].</p>
    </div>
</div>

<div class="cta-section">
    <h2>One LSP replaces the need for multiple platform ladders.</h2>
    <br>
    <a href="PASTE_YOUR_STRIPE_LINK_HERE" class="buy-btn">ORDER YOUR LSP NOW</a>
</div>

</body>
</html>