<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
.ap { background:transparent; color:#f0f0f0; font-family:'Inter',sans-serif; padding:2.5rem 1.25rem; max-width:900px; margin:0 auto; }
.ap-hero { text-align:center; padding:2.5rem 1rem 2.5rem; margin-bottom:3rem; border-bottom:1px solid #2a2a2a; }
.ap-hero-title { font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; line-height:1; display:flex; align-items:baseline; justify-content:center; gap:0.4rem; flex-wrap:wrap; margin:0 0 0.75rem; }
.ap-hero-title .birthday { font-size:3.8rem; color:#fff; letter-spacing:2px; }
.ap-hero-title .and { font-size:1.1rem; font-weight:600; color:#aaa; letter-spacing:2px; align-self:center; }
.ap-hero-title .more { font-size:3.8rem; letter-spacing:2px; }
.ap-hero p { color:#aaa; font-size:1rem; margin:0; line-height:1.6; }
.ap-hero strong { color:#fff; }
.ap-label { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:1.1rem; letter-spacing:4px; text-transform:uppercase; color:#f5c518; text-align:center; margin:0 0 1.75rem; }
.ap-single { background:#181818; border-radius:10px; border:1px solid #5a0000; border-top:4px solid #f72585; overflow:hidden; max-width:480px; margin:0 auto 3rem; }
.ap-card-head { padding:1.1rem 1.5rem 0.75rem; border-bottom:1px solid #2a2a2a; }
.ap-card-name { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:1.6rem; text-transform:uppercase; letter-spacing:1px; margin:0 0 0.15rem; color:#f72585; }
.ap-card-dur { font-size:0.8rem; color:#888; letter-spacing:0.5px; }
.ap-card-body { padding:1.25rem 1.5rem; }
.ap-card-body h4 { font-size:0.65rem; text-transform:uppercase; letter-spacing:1.5px; color:#666; margin:0 0 0.6rem; }
.ap-card-body ul { margin:0; padding:0 0 0 1rem; font-size:0.85rem; color:#ccc; line-height:1.85; }
.ap-price { background:#131313; border-top:1px solid #2a2a2a; padding:1rem 1.5rem; }
.ap-price-row { font-size:0.82rem; color:#bbb; margin-bottom:0.4rem; display:flex; justify-content:space-between; align-items:baseline; gap:0.5rem; }
.ap-price-row .day { color:#f5c518; font-weight:600; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.5px; flex-shrink:0; }
.ap-price-row.wk .day { color:#e07b00; }
.ap-price-row .val { text-align:right; }
.ap-max { font-size:0.72rem; color:#666; margin-top:0.15rem; text-align:right; }
.ap-solo { margin-top:0.75rem; padding-top:0.75rem; border-top:1px solid #222; font-size:0.78rem; color:#999; }
.ap-solo strong { color:#e0e0e0; font-weight:600; }
.ap-contact { background:#181818; border:1px solid #5a0000; border-radius:10px; padding:1.75rem 1.5rem; text-align:center; }
.ap-contact p { font-size:0.9rem; color:#aaa; margin:0.35rem 0; }
.ap-contact a { color:#f5c518; text-decoration:none; font-weight:600; }
.ap-contact .social { margin-top:0.75rem; font-size:0.82rem; color:#777; }
.ap-contact .social strong { color:#ccc; }
</style>
</head>
<body>
<div class="ap">
<div class="ap-hero">
<div class="ap-hero-title">
<span class="birthday">BIRTH<span style="color:#f72585">D</span><span style="color:#4cc9f0">A</span><span style="color:#f5c518">Y</span></span>
<span class="and">and</span>
<span class="more"><span style="color:#f77f00">M</span><span style="color:#7dff00">O</span><span style="color:#c77dff">R</span><span style="color:#e8001d">E</span></span>
</div>
<p>Want your event to turn into a one-of-a-kind adventure?<br>
At <strong>AdventureRooms Florence</strong> it's possible!</p>
</div>
<p class="ap-label">The package</p>
<div class="ap-single">
<div class="ap-card-head">
<div class="ap-card-name">Happy Birthday</div>
<div class="ap-card-dur">2 hours · 1h Escape Room + 1h party room</div>
</div>
<div class="ap-card-body">
<h4>What's included</h4>
<ul>
<li>Crisps and savoury snacks aperitif</li>
<li>Muffins</li>
<li>Non-alcoholic drinks</li>
<li>Tableware and candles</li>
</ul>
</div>
<div class="ap-price">
<div class="ap-price-row">
<span class="day">Mon – Thu</span>
<span class="val">€230 / 10 p. +€23/p.</span>
</div>
<div class="ap-max">Maximum 16 people</div>
<div class="ap-price-row wk">
<span class="day">Fri – Sun</span>
<span class="val">€250 / 10 p. +€25/p.</span>
</div>
<div class="ap-max">Maximum 16 people</div>
<div class="ap-solo">Party only (no game): <strong>€10/person</strong> — every day</div>
</div>
</div>
<div class="ap-contact">
<p>Contact us to book or get more information</p>
<p><a href="https://wa.me/393459780139">WhatsApp: +39 345 978 0139</a></p>
<div class="social">Instagram & Facebook: <strong>@AdventureRoomsFirenze</strong></div>
</div>
</div>
</body>
</html>