le Alson. Dal 1971 l'eccellenza dei gommoni Made in Italy. Produzione, vendita e assistenza di battelli pneumatici di alta qualità.">
    
    <style>
        :root {
            --primary: #1A365D; /* Blu notte elegante e sportivo */
            --secondary: #E53E3E; /* Rosso sportivo */
            --text-dark: #333333;
            --bg-light: #F4F7F6;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: var(--primary);
            /* Sfondo mare leggermente più scuro per far risaltare l'eleganza */
            background-image: 
                linear-gradient(rgba(26, 54, 93, 0.75), rgba(26, 54, 93, 0.75)), 
                url('https://images.unsplash.com/photo-1498623116890-37e912163d5d?q=80&w=1920&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: var(--text-dark);
            line-height: 1.6;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        .container {
            width: 100%;
            max-width: 800px;
            margin: 40px auto;
            padding: 0 20px;
            flex: 1;
            display: flex;
            align-items: center;
        }

        .card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 15px 50px rgba(0,0,0,0.4);
            overflow: hidden;
            width: 100%;
        }

        .header {
            background-color: #ffffff;
            text-align: center;
            padding: 50px 20px;
            border-bottom: 4px solid var(--secondary); /* Dettaglio rosso sportivo */
        }

        .badge {
            display: inline-block;
            background-color: var(--primary);
            color: #ffffff;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .header p {
            font-size: 1.2rem;
            color: #555;
            opacity: 0.9;
        }

        .content {
            padding: 40px;
        }

        .content h2 {
            color: var(--primary);
            font-size: 1.5rem;
            margin-bottom: 15px;
            border-bottom: 2px solid var(--bg-light);
            padding-bottom: 10px;
        }

        .content p {
            margin-bottom: 20px;
            font-size: 1.1rem;
            color: #555;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-top: 30px;
        }

        @media (min-width: 600px) {
            .contact-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        .contact-item {
            background: var(--bg-light);
            padding: 20px;
            border-radius: 8px;
            border-left: 4px solid var(--secondary);
            transition: transform 0.2s;
        }
        
        .contact-item:hover {
            transform: translateY(-3px);
        }

        .contact-item strong {
            display: block;
            color: var(--primary);
            margin-bottom: 5px;
            font-size: 0.95rem;
            text-transform: uppercase;
        }

        .contact-item a, .contact-item span {
            color: var(--text-dark);
            text-decoration: none;
            font-weight: 500;
            font-size: 1.05rem;
        }

        .contact-item a:hover {
            color: var(--secondary);
        }

        footer {
            text-align: center;
            padding: 20px;
            color: rgba(255, 255, 255, 0.9);
            font-size: 0.9rem;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
        }
        
        @media (max-width: 600px) {
            .content { padding: 25px; }
            .header { padding: 35px 20px; }
            .container { margin: 20px auto; }
        }
    </style>
</head>
<body>

    <div class="container">
        <div class="card">
            
            <div class="header">
                <img src="logo-alson.png" alt="Alson Logo" style="max-width: 250px; width: 100%; height: auto; margin-bottom: 15px;" onerror="this.outerHTML='<h1 style=\'color: #1A365D; font-size: 3.5rem; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; font-weight: 800;\'>ALSON</h1>'">
                <br>
                <div class="badge">Sito in Aggiornamento</div>
                <p>Stiamo lavorando alla nuova veste del nostro sito web.</p>
            </div>

            <div class="content">
                <h2>Chi Siamo</h2>
                <p>
                    Benvenuti su <strong>Alson</strong>. La nostra azienda è attualmente impegnata nel rinnovamento della propria presenza online per offrirvi una vetrina digitale sempre migliore e aggiornata.
                </p>
                <p>
                    Fondata a Milano nel 1971 da Walter Falsoni, Alson è un marchio storico e pioniere della nautica italiana. <strong>Nel 1978 abbiamo realizzato il primo battello pneumatico in Italia con carena rigida in vetroresina.</strong> Da oltre cinquant'anni continuiamo a progettare gommoni e maxi-RIB che uniscono prestazioni sportive, innovazione tecnica e l'inconfondibile eleganza artigianale del vero <em>Made in Italy</em>.
                </p>
                <p>
                    Mentre lavoriamo al nuovo sito, <strong>la nostra attività di produzione, vendita ed assistenza prosegue regolarmente e a pieno regime.</strong>
                </p>

                <h2 style="margin-top: 40px;">I Nostri Contatti</h2>
                <p>Per richieste di preventivi, informazioni o assistenza, restiamo a vostra completa disposizione tramite i seguenti canali diretti:</p>

                <div class="contact-grid">
                    <div class="contact-item">
                        <strong>  Sede</strong>
                        <span>[Via xxxxxx 123]<br>[20100 Città (PR)]</span>
                    </div>

                    <div class="contact-item">
                        <strong>  Telefono</strong>
                        <a href="tel:+390000000000">[+39 000 000 0000]</a>
                    </div>

                    <div class="contact-item">
                        <strong>  Email</strong>
                        <a href="mailto:info@alson.it">[info@alson.it]</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        &copy; 2026 Alson. Tutti i diritti riservati. | P.IVA: [00000000000]
    </footer>

</body>
</html>