{"id":14,"date":"2025-11-18T13:43:31","date_gmt":"2025-11-18T13:43:31","guid":{"rendered":"https:\/\/fuorifuoco.antistudio.eu\/?page_id=14"},"modified":"2026-03-01T11:42:38","modified_gmt":"2026-03-01T11:42:38","slug":"home","status":"publish","type":"page","link":"https:\/\/fuorifuoco.antistudio.eu\/","title":{"rendered":"Home"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_fullwidth_code _builder_version=”4.27.6″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″] FUORI FUOCO | Light Social Design<\/title><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;800;900&display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --> <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> \/* --- CONFIGURAZIONE GENERALE --- *\/<!-- [et_pb_line_break_holder] --> :root {<!-- [et_pb_line_break_holder] --> --text-main: #111111;<!-- [et_pb_line_break_holder] --> --text-muted: #666666;<!-- [et_pb_line_break_holder] --> --brand-green: #00C853; <!-- [et_pb_line_break_holder] --> --brand-pink: #E91E63; <!-- [et_pb_line_break_holder] --> --bg-body: #ffffff;<!-- [et_pb_line_break_holder] --> --bg-home: #fdfdfd;<!-- [et_pb_line_break_holder] --> --bg-vs: #f4f4f4;<!-- [et_pb_line_break_holder] --> --bg-pricing: #f7f7f7;<!-- [et_pb_line_break_holder] --> --bg-contacts: #ffffff;<!-- [et_pb_line_break_holder] --> --transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> * { margin: 0; padding: 0; box-sizing: border-box; }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> html, body {<!-- [et_pb_line_break_holder] --> font-family: 'Montserrat', sans-serif;<!-- [et_pb_line_break_holder] --> background-color: var(--bg-body);<!-- [et_pb_line_break_holder] --> color: var(--text-main);<!-- [et_pb_line_break_holder] --> overflow-x: hidden; <!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> body { overflow-y: hidden; }<!-- [et_pb_line_break_holder] --> a { text-decoration: none; color: inherit; cursor: pointer; }<!-- [et_pb_line_break_holder] --> ul { list-style: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- SCROLL SNAP SYSTEM --- *\/<!-- [et_pb_line_break_holder] --> .snap-container {<!-- [et_pb_line_break_holder] --> height: 100vh;<!-- [et_pb_line_break_holder] --> width: 100%; <!-- [et_pb_line_break_holder] --> overflow-y: scroll;<!-- [et_pb_line_break_holder] --> overflow-x: hidden; <!-- [et_pb_line_break_holder] --> scroll-snap-type: y mandatory;<!-- [et_pb_line_break_holder] --> scroll-behavior: smooth;<!-- [et_pb_line_break_holder] --> -ms-overflow-style: none; <!-- [et_pb_line_break_holder] --> scrollbar-width: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .snap-container::-webkit-scrollbar { display: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> section {<!-- [et_pb_line_break_holder] --> height: 100vh;<!-- [et_pb_line_break_holder] --> width: 100%; <!-- [et_pb_line_break_holder] --> scroll-snap-align: start;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> overflow: hidden; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> #home { background-color: var(--bg-home); }<!-- [et_pb_line_break_holder] --> #as-vs-ff { background-color: var(--bg-vs); }<!-- [et_pb_line_break_holder] --> #pricing { background-color: var(--bg-pricing); }<!-- [et_pb_line_break_holder] --> #contacts { background-color: var(--bg-contacts); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- SIDE DOTS --- *\/<!-- [et_pb_line_break_holder] --> .side-nav {<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> right: 30px;<!-- [et_pb_line_break_holder] --> top: 150px; <!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> z-index: 1500;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .dot-wrapper { padding: 6px 0; position: relative; }<!-- [et_pb_line_break_holder] --> .dot {<!-- [et_pb_line_break_holder] --> width: 8px; height: 8px; background: rgba(0, 0, 0, 0.15); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; border: 1px solid transparent; position: relative; z-index: 2;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .dot.active { transform: scale(1.6); background: var(--brand-green); border-color: transparent; opacity: 1; box-shadow: 0 0 10px rgba(0, 200, 83, 0.3); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- HEADER SPLIT (LOGO E BURGER SEMPRE CON SFONDO) --- *\/<!-- [et_pb_line_break_holder] --> .header-box {<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> top: 15px;<!-- [et_pb_line_break_holder] --> height: 60px;<!-- [et_pb_line_break_holder] --> background: rgba(255, 255, 255, 0.95);<!-- [et_pb_line_break_holder] --> backdrop-filter: blur(20px);<!-- [et_pb_line_break_holder] --> border: 1px solid rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] --> box-shadow: 0 10px 30px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] --> z-index: 4000;<!-- [et_pb_line_break_holder] --> border-radius: 50px;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> transition: all 0.5s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .header-logo { left: 5%; padding: 0 25px; }<!-- [et_pb_line_break_holder] --> .header-burger { right: 5%; padding: 0 20px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .logo { font-weight: 900; font-size: 1.5rem; color: var(--text-main); letter-spacing: -2px; }<!-- [et_pb_line_break_holder] --> .logo span { color: var(--brand-green); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Hamburger a 2 linee *\/<!-- [et_pb_line_break_holder] --> .burger { width: 40px; height: 30px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }<!-- [et_pb_line_break_holder] --> .burger span { display: block; height: 4px; width: 40px; position: absolute; right: 0; transition: var(--transition); border-radius: 4px; transform-origin: center; }<!-- [et_pb_line_break_holder] --> .burger span:nth-child(1) { top: 6px; background: var(--text-main); }<!-- [et_pb_line_break_holder] --> .burger span:nth-child(2) { top: 18px; background: var(--brand-green); } <!-- [et_pb_line_break_holder] --> .burger.active span:nth-child(1) { top: 12px; transform: rotate(45deg); }<!-- [et_pb_line_break_holder] --> .burger.active span:nth-child(2) { top: 12px; transform: rotate(-45deg); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- ANIMAZIONI --- *\/<!-- [et_pb_line_break_holder] --> @keyframes vibrateBtn { <!-- [et_pb_line_break_holder] --> 0% { transform: translate(0); } <!-- [et_pb_line_break_holder] --> 20% { transform: translate(-1px, 1px); } <!-- [et_pb_line_break_holder] --> 40% { transform: translate(-1px, -1px); } <!-- [et_pb_line_break_holder] --> 60% { transform: translate(1px, 1px); } <!-- [et_pb_line_break_holder] --> 80% { transform: translate(1px, -1px); } <!-- [et_pb_line_break_holder] --> 100% { transform: translate(0); } <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @keyframes moveTextLight {<!-- [et_pb_line_break_holder] --> 0% { transform: scale(1) translateY(0); }<!-- [et_pb_line_break_holder] --> 50% { transform: scale(1.1) translateY(-2px); }<!-- [et_pb_line_break_holder] --> 100% { transform: scale(1) translateY(0); }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- MENU OVERLAY --- *\/<!-- [et_pb_line_break_holder] --> .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 3000; transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 12vh; padding-bottom: 80px; overflow-y: auto; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open { transform: translateX(0); }<!-- [et_pb_line_break_holder] --> .menu-link { font-size: clamp(1.5rem, 3.5vw, 2.5rem); font-weight: 800; color: var(--text-main); text-transform: uppercase; margin: 12px 0; cursor: pointer; opacity: 0; transform: translateX(100px); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.6s ease, color 0.3s ease; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link { opacity: 1; transform: translateX(0); }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(1) { transition-delay: 0.1s; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(2) { transition-delay: 0.15s; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(3) { transition-delay: 0.2s; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(4) { transition-delay: 0.25s; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(5) { transition-delay: 0.3s; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(6) { transition-delay: 0.35s; }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-link:nth-child(7) { transition-delay: 0.4s; }<!-- [et_pb_line_break_holder] --> .menu-link.active-link, .menu-link:hover { color: var(--brand-green); transform: scale(1.1); }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/* Box verdi pacchetti *\/<!-- [et_pb_line_break_holder] --> .menu-package-btn {<!-- [et_pb_line_break_holder] --> background-color: var(--brand-green) !important;<!-- [et_pb_line_break_holder] --> color: var(--text-main) !important;<!-- [et_pb_line_break_holder] --> height: 60px; min-width: 240px; display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] --> border-radius: 50px; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0, 200, 83, 0.3);<!-- [et_pb_line_break_holder] --> margin: 10px 0 !important; font-size: clamp(1.2rem, 3vw, 1.8rem) !important; letter-spacing: 1px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .menu-link.menu-package-btn:hover, .menu-link.active-link.menu-package-btn {<!-- [et_pb_line_break_holder] --> transform: scale(1.08) !important; box-shadow: 0 15px 40px rgba(0, 200, 83, 0.5); color: var(--text-main) !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .text-light-animated { color: #ffffff; display: inline-block; animation: moveTextLight 1.5s infinite ease-in-out; }<!-- [et_pb_line_break_holder] --> .menu-link.menu-package-btn:hover .text-light-animated { animation: none; transform: scale(1.1); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .anti-studio-link { <!-- [et_pb_line_break_holder] --> color: var(--brand-pink) !important; border-bottom: 3px solid var(--brand-pink); padding-bottom: 5px; <!-- [et_pb_line_break_holder] --> margin-top: 30px; font-size: clamp(1.1rem, 2vw, 1.3rem); transition: var(--transition); <!-- [et_pb_line_break_holder] --> animation: vibrateBtn 2s infinite ease-in-out; display: inline-block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .anti-studio-link:hover { color: var(--text-main) !important; border-bottom-color: var(--text-main) !important; transform: translateY(-3px) !important; animation: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- MENU GIOCO STYLES --- *\/<!-- [et_pb_line_break_holder] --> .menu-game-wrapper {<!-- [et_pb_line_break_holder] --> margin-top: 50px;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> max-width: 280px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> transform: translateY(20px);<!-- [et_pb_line_break_holder] --> transition: all 0.6s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .menu-overlay.open .menu-game-wrapper { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }<!-- [et_pb_line_break_holder] --> .menu-game-text { font-size: 0.9rem; color: var(--text-muted); line-height: 1.4; margin-bottom: 15px; font-weight: 500; }<!-- [et_pb_line_break_holder] --> .btn-play-yellow {<!-- [et_pb_line_break_holder] --> background-color: #FFD600; color: #111; border: none; border-radius: 50px;<!-- [et_pb_line_break_holder] --> padding: 8px 18px; font-size: 0.8rem; font-weight: 900; cursor: pointer;<!-- [et_pb_line_break_holder] --> display: inline-flex; align-items: center; gap: 6px; <!-- [et_pb_line_break_holder] --> box-shadow: 0 5px 15px rgba(255, 214, 0, 0.4); transition: transform 0.2s, box-shadow 0.2s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .btn-play-yellow:hover { transform: scale(1.05); box-shadow: 0 8px 25px rgba(255, 214, 0, 0.6); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- BOTTONI PAGINA --- *\/<!-- [et_pb_line_break_holder] --> .text-link-btn { display: inline-block; font-size: clamp(1.1rem, 2vw, 1.3rem); font-weight: 800; text-transform: uppercase; color: var(--text-main); border-bottom: 3px solid var(--text-main); padding-bottom: 5px; margin-top: 30px; cursor: pointer; transition: var(--transition); text-decoration: none; text-align: center; animation: vibrateBtn 2s infinite ease-in-out; }<!-- [et_pb_line_break_holder] --> .text-link-btn:hover { color: var(--brand-green); border-bottom-color: var(--brand-green); transform: translateY(-3px) !important; animation: none; }<!-- [et_pb_line_break_holder] --> .text-link-green { color: var(--brand-green); border-bottom-color: var(--brand-green); }<!-- [et_pb_line_break_holder] --> .text-link-green:hover { color: var(--text-main); border-bottom-color: var(--text-main); }<!-- [et_pb_line_break_holder] --> .text-link-pink { color: var(--brand-pink); border-bottom-color: var(--brand-pink); }<!-- [et_pb_line_break_holder] --> .text-link-pink:hover { color: var(--text-main); border-bottom-color: var(--text-main); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .action-buttons { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 30px; }<!-- [et_pb_line_break_holder] --> .action-buttons .text-link-btn { margin-top: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- TYPOGRAPHY STILE CROPE --- *\/<!-- [et_pb_line_break_holder] --> .hero-container { width: 100%; max-width: 1200px; padding: 0 5%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; }<!-- [et_pb_line_break_holder] --> .crope-title { font-size: clamp(2.5rem, 5vw, 5rem); font-weight: 900; line-height: 0.85; text-transform: uppercase; letter-spacing: -2px; display: flex; flex-direction: column; }<!-- [et_pb_line_break_holder] --> .crope-outline { color: transparent; -webkit-text-stroke: 2px var(--text-main); }<!-- [et_pb_line_break_holder] --> .crope-solid { color: var(--text-main); }<!-- [et_pb_line_break_holder] --> .crope-green { color: var(--brand-green); -webkit-text-stroke: 0; }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .about-text { font-size: clamp(1rem, 1.4vw, 1.3rem); font-weight: 500; line-height: 1.6; color: var(--text-muted); max-width: 800px; margin-top: 30px; }<!-- [et_pb_line_break_holder] --> .about-text strong { color: var(--text-main); font-weight: 800; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- ANIMAZIONE SCROLL INDICATOR --- *\/<!-- [et_pb_line_break_holder] --> .scroll-indicator { position: relative; width: 40px; height: 80px; margin-top: 40px; display: flex; justify-content: center; align-items: flex-start; }<!-- [et_pb_line_break_holder] --> .scroll-track { position: absolute; width: 4px; height: 100%; background: rgba(0,0,0,0.1); border-radius: 4px; }<!-- [et_pb_line_break_holder] --> .scroll-thumb-icon, .css-mouse { position: absolute; filter: drop-shadow(0 2px 5px rgba(0, 200, 83, 0.4)); }<!-- [et_pb_line_break_holder] --> .scroll-thumb-icon { font-size: 1.8rem; color: var(--brand-green); animation: swipeUp 2s infinite cubic-bezier(0.65, 0, 0.35, 1); }<!-- [et_pb_line_break_holder] --> @keyframes swipeUp { 0% { transform: scaleX(-1) translateY(50px) rotate(-20deg); opacity: 0; } 20% { opacity: 1; } 70% { transform: scaleX(-1) translateY(-10px) rotate(-20deg); opacity: 1; } 100% { transform: scaleX(-1) translateY(-20px) rotate(-20deg); opacity: 0; } }<!-- [et_pb_line_break_holder] --> .css-mouse { width: 26px; height: 42px; border: 2px solid var(--brand-green); border-radius: 15px; display: none; justify-content: center; align-items: flex-start; padding-top: 6px; }<!-- [et_pb_line_break_holder] --> .css-mouse-wheel { width: 4px; height: 8px; background-color: var(--brand-green); border-radius: 2px; animation: scrollWheel 1.5s infinite ease-in-out; }<!-- [et_pb_line_break_holder] --> @keyframes scrollWheel { 0% { transform: translateY(0); opacity: 1; } 80% { transform: translateY(12px); opacity: 0; } 100% { transform: translateY(12px); opacity: 0; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @media (min-width: 769px) { .scroll-thumb-icon, .scroll-track { display: none; } .css-mouse { display: flex; } }<!-- [et_pb_line_break_holder] --> @media (max-width: 768px) { .scroll-thumb-icon, .scroll-track { display: block; } .css-mouse { display: none; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- PACCHETTI SINGOLI (Ridotti del 10%) --- *\/<!-- [et_pb_line_break_holder] --> .pricing-wrapper {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: row;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> align-items: stretch;<!-- [et_pb_line_break_holder] --> gap: 30px;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> padding: 20px 5%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .price-card { <!-- [et_pb_line_break_holder] --> flex: 1; <!-- [et_pb_line_break_holder] --> min-width: 280px;<!-- [et_pb_line_break_holder] --> max-width: 380px; \/* Ridotto del 10% *\/<!-- [et_pb_line_break_holder] --> background: #ffffff; <!-- [et_pb_line_break_holder] --> border: 2px solid var(--brand-green); <!-- [et_pb_line_break_holder] --> box-shadow: 0 10px 30px rgba(0, 200, 83, 0.15); <!-- [et_pb_line_break_holder] --> padding: 30px 20px; \/* Ridotto del 10% *\/<!-- [et_pb_line_break_holder] --> display: flex; <!-- [et_pb_line_break_holder] --> flex-direction: column; <!-- [et_pb_line_break_holder] --> border-radius: 15px; <!-- [et_pb_line_break_holder] --> transition: 0.3s; <!-- [et_pb_line_break_holder] --> position: relative; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .price-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 200, 83, 0.25); }<!-- [et_pb_line_break_holder] --> .price-card h3 { font-size: 1.5rem; \/* Ridotto *\/ margin-bottom: 10px; color: var(--text-main); text-transform: uppercase; } <!-- [et_pb_line_break_holder] --> .price-val { font-size: 2.3rem; \/* Ridotto *\/ font-weight: 900; color: var(--brand-green); margin: 8px 0; } <!-- [et_pb_line_break_holder] --> .price-val span { font-size: 0.9rem; color: #888; font-weight: 500; }<!-- [et_pb_line_break_holder] --> .price-card ul { margin-top: 15px; padding: 0; flex-grow: 1; }<!-- [et_pb_line_break_holder] --> .price-card ul li { color: #555; font-size: 0.85rem; line-height: 1.6; display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-weight: 500; list-style: none; } <!-- [et_pb_line_break_holder] --> .price-card ul li::before { content: '\\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--brand-green); font-size: 0.8rem; margin-top: 4px; }<!-- [et_pb_line_break_holder] --> .price-card.featured { transform: scale(1.02); }<!-- [et_pb_line_break_holder] --> .price-card.featured:hover { transform: scale(1.05); }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .badge-bestseller { <!-- [et_pb_line_break_holder] --> position: absolute; top: -2px; right: -2px; background: var(--brand-green); color: #fff; <!-- [et_pb_line_break_holder] --> padding: 7px 15px; font-size: 0.75rem; font-weight: bold; border-bottom-left-radius: 15px; <!-- [et_pb_line_break_holder] --> border-top-right-radius: 15px; z-index: 5; letter-spacing: 1px; <!-- [et_pb_line_break_holder] --> animation: moveTextLight 1.5s infinite ease-in-out; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- CONTACTS & FOOTER --- *\/<!-- [et_pb_line_break_holder] --> .contacts-container { display: flex; flex-direction: column; align-items: center; text-align: center; padding-bottom: 80px; }<!-- [et_pb_line_break_holder] --> .info-link { display:block; font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight:700; margin-bottom:20px; color: var(--text-main); transition: 0.3s; } <!-- [et_pb_line_break_holder] --> .info-link:hover { color: var(--brand-green); letter-spacing: 1px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .footer-legal { position: absolute; bottom: 20px; width: 100%; font-size: 0.75rem; color: #888; line-height: 1.8; text-align: center; font-weight: 500; }<!-- [et_pb_line_break_holder] --> .footer-legal a { text-decoration: none; margin: 0 5px; color: #888; transition: 0.3s; }<!-- [et_pb_line_break_holder] --> .footer-legal a:hover { color: var(--text-main); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- TASTO TORNA SU --- *\/<!-- [et_pb_line_break_holder] --> .back-to-top {<!-- [et_pb_line_break_holder] --> position: fixed; <!-- [et_pb_line_break_holder] --> bottom: calc(40px + 1vh); <!-- [et_pb_line_break_holder] --> right: 40px; <!-- [et_pb_line_break_holder] --> width: 30px; <!-- [et_pb_line_break_holder] --> height: 30px; <!-- [et_pb_line_break_holder] --> background-color: var(--brand-green);<!-- [et_pb_line_break_holder] --> color: #fff; border: none; border-radius: 50%; cursor: pointer; z-index: 2000; <!-- [et_pb_line_break_holder] --> font-size: 0.7rem; <!-- [et_pb_line_break_holder] --> display: flex; align-items: center; justify-content: center; padding: 0; box-shadow: 0 5px 15px rgba(0, 200, 83, 0.4);<!-- [et_pb_line_break_holder] --> opacity: 0; transition: all 0.5s ease; transform: translateY(20px); pointer-events: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .back-to-top.show { opacity: 1; transform: translateY(0); pointer-events: auto; }<!-- [et_pb_line_break_holder] --> .back-to-top:hover { transform: translateY(-5px); background-color: #00A141; box-shadow: 0 8px 20px rgba(0, 200, 83, 0.6); }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/* --- GAME OVERLAY (BRICK BREAKER) --- *\/<!-- [et_pb_line_break_holder] --> .game-overlay {<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] --> background: rgba(17, 17, 17, 0.98);<!-- [et_pb_line_break_holder] --> z-index: 5000;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> transition: opacity 0.4s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .game-overlay.active { opacity: 1; pointer-events: auto; }<!-- [et_pb_line_break_holder] --> .game-close-btn {<!-- [et_pb_line_break_holder] --> position: absolute; top: 20px; right: 30px; background: transparent; border: none;<!-- [et_pb_line_break_holder] --> color: #fff; font-size: 2.5rem; cursor: pointer; z-index: 5001; transition: color 0.3s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .game-close-btn:hover { color: var(--brand-pink); }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> #brickCanvas {<!-- [et_pb_line_break_holder] --> background: #222; border: 2px solid var(--brand-green); border-radius: 8px;<!-- [et_pb_line_break_holder] --> box-shadow: 0 10px 40px rgba(0, 200, 83, 0.2); max-width: 95%; touch-action: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .game-info { color: #fff; font-size: 1.2rem; font-weight: 800; margin-bottom: 15px; letter-spacing: 1px; display: flex; gap: 20px; }<!-- [et_pb_line_break_holder] --> .game-info span { color: var(--brand-green); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* --- RESPONSIVE MOBILE --- *\/<!-- [et_pb_line_break_holder] --> @media (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .header-logo { left: 3%; padding: 0 20px; }<!-- [et_pb_line_break_holder] --> .header-burger { right: 3%; padding: 0 15px; }<!-- [et_pb_line_break_holder] --> .side-nav { right: 10px; top: 120px; transform: scale(0.85); }<!-- [et_pb_line_break_holder] --> .crope-outline { -webkit-text-stroke: 1px var(--text-main); }<!-- [et_pb_line_break_holder] --> .contacts-container { padding-bottom: 100px; }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/* Su mobile i pacchetti diventano uno slider orizzontale *\/<!-- [et_pb_line_break_holder] --> .pricing-wrapper {<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] --> overflow-x: auto;<!-- [et_pb_line_break_holder] --> scroll-snap-type: x mandatory;<!-- [et_pb_line_break_holder] --> padding: 20px 5%;<!-- [et_pb_line_break_holder] --> gap: 20px;<!-- [et_pb_line_break_holder] --> -ms-overflow-style: none; <!-- [et_pb_line_break_holder] --> scrollbar-width: none; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .pricing-wrapper::-webkit-scrollbar { display: none; }<!-- [et_pb_line_break_holder] --> .price-card { <!-- [et_pb_line_break_holder] --> flex: 0 0 85vw; <!-- [et_pb_line_break_holder] --> scroll-snap-align: center; <!-- [et_pb_line_break_holder] --> padding: 25px 16px; \/* Ridotto proporzionalmente per mobile *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .back-to-top { <!-- [et_pb_line_break_holder] --> bottom: calc(30px + 1vh); <!-- [et_pb_line_break_holder] --> right: 30px; <!-- [et_pb_line_break_holder] --> width: 25px; <!-- [et_pb_line_break_holder] --> height: 25px; <!-- [et_pb_line_break_holder] --> font-size: 0.6rem; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"side-nav\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"dot-wrapper\">\n<div class=\"dot active\" data-target=\"home\" onclick=\"navigateTo('home')\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"dot-wrapper\">\n<div class=\"dot\" data-target=\"as-vs-ff\" onclick=\"navigateTo('as-vs-ff')\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"dot-wrapper\">\n<div class=\"dot\" data-target=\"pricing\" onclick=\"navigateTo('pricing')\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"dot-wrapper\">\n<div class=\"dot\" data-target=\"contacts\" onclick=\"navigateTo('contacts')\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"header-box header-logo\" id=\"logoHeader\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"logo\">FUORI<span>FUOCO.<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"header-box header-burger\" id=\"burgerHeader\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"burger\" onclick=\"toggleMenu()\"><!-- [et_pb_line_break_holder] --> <span><\/span><!-- [et_pb_line_break_holder] --> <span><\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-overlay\" id=\"menuOverlay\"><!-- [et_pb_line_break_holder] --> <\/p>\n<nav style=\"text-align: center; display: flex; flex-direction: column; align-items: center;\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-link\" data-page=\"home\" onclick=\"navigateTo('home')\">Home<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-link\" data-page=\"as-vs-ff\" onclick=\"navigateTo('as-vs-ff')\">AS vs FF<\/div>\n<p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-link menu-package-btn\" data-page=\"pricing\" onclick=\"navigateTo('pricing', 'card-easy')\">Easy<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-link menu-package-btn\" data-page=\"pricing\" onclick=\"navigateTo('pricing', 'card-light')\"><!-- [et_pb_line_break_holder] --> <span class=\"text-light-animated\">Light<\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-link menu-package-btn\" data-page=\"pricing\" onclick=\"navigateTo('pricing', 'card-plus')\">Plus<\/div>\n<p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-link\" data-page=\"contacts\" onclick=\"navigateTo('contacts')\">Contatti<\/div>\n<p><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/antistudio.eu\" class=\"menu-link anti-studio-link\">RITORNA AD ANTI STUDIO<\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"menu-game-wrapper\"><!-- [et_pb_line_break_holder] --> <pee class=\"menu-game-text\">Oggi \u00e8 domenica? siamo a riposo, ma tu puoi divertirti cliccando “PLAY”.<\/pee><!-- [et_pb_line_break_holder] --> <button class=\"btn-play-yellow\" onclick=\"openGame()\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-gamepad\" style=\"color: #111;\"><\/i> PLAY<!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/nav>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"game-overlay\" id=\"gameOverlay\"><!-- [et_pb_line_break_holder] --> <button class=\"game-close-btn\" onclick=\"closeGame()\"><i class=\"fa-solid fa-xmark\"><\/i><\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"game-info\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div>PUNTI: <span id=\"gameScore\">0<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div>VITE: <span id=\"gameLives\">3<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <canvas id=\"brickCanvas\"><\/canvas><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <button id=\"backToTopBtn\" class=\"back-to-top\" onclick=\"scrollToTop()\" title=\"Torna Su\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-angle-up\"><\/i><!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <main class=\"snap-container\" id=\"mainContainer\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"home\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-container\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"crope-title\"><!-- [et_pb_line_break_holder] --> <span class=\"crope-outline\">BENVENUTO NELLA<\/span><!-- [et_pb_line_break_holder] --> <span class=\"crope-outline\">VERSIONE LIGHT<\/span><!-- [et_pb_line_break_holder] --> <span class=\"crope-solid\">DI ANTI <span style=\"color: var(--brand-pink); -webkit-text-stroke: 0;\">S<\/span>TUDIO<span class=\"crope-green\">.<\/span><\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"about-text\"><!-- [et_pb_line_break_holder] --> Non tutti hanno bisogno di un progetto sartoriale complesso per iniziare, ma tutti meritano una comunicazione visiva d’impatto. Fuori Fuoco nasce con un approccio snello e diretto. Riduciamo i tempi di analisi, via gli step del Metodo AS, cos\u00ec da riuscire a garantirti pacchetti pi\u00f9 accessibili.<!-- [et_pb_line_break_holder] --> <\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"text-link-btn\" onclick=\"navigateTo('as-vs-ff')\" style=\"margin-top: 15px;\">SCOPRI DI PI\u00d9<\/div>\n<p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"scroll-indicator\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"scroll-track\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"css-mouse\">\n<div class=\"css-mouse-wheel\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-thumbs-up scroll-thumb-icon\"><\/i><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"as-vs-ff\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hero-container\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"crope-title\" style=\"flex-direction: row; gap: 15px; align-items: center;\"><!-- [et_pb_line_break_holder] --> <span class=\"crope-solid\" style=\"color: var(--brand-pink);\">AS<\/span><!-- [et_pb_line_break_holder] --> <span class=\"crope-outline\" style=\"font-size: 0.6em;\">VS<\/span><!-- [et_pb_line_break_holder] --> <span class=\"crope-green\">FF<\/span><!-- [et_pb_line_break_holder] --> <\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"about-text\"><!-- [et_pb_line_break_holder] --> La differenza principale tra i due servizi? La presenza o l’assenza del <strong style=\"color: var(--brand-pink);\">Metodo Anti Studio<\/strong>.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> Anti Studio progetta su misura attraverso 5 rigorosi step: Mood Board, Produzione, Pre-Feed, Gestione Social e Report. <strong>Fuori Fuoco<\/strong>, al contrario, elimina le complesse analisi preliminari per andare dritto al sodo.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> Il risultato \u00e8 un servizio pi\u00f9 snello, dinamico e con <strong>prezzi pi\u00f9 accessibili<\/strong> e alla portata di tutti, mantenendo comunque l’impatto visivo che ci contraddistingue.<!-- [et_pb_line_break_holder] --> <\/pee><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"action-buttons\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"text-link-btn text-link-green\" onclick=\"navigateTo('pricing')\">PORTAMI AI PACCHETTI<\/div>\n<p><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/antistudio.eu\/#metodo\" target=\"_self\" class=\"text-link-btn text-link-pink\">SCOPRI IL METODO AS<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"pricing\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"pricing-wrapper\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"price-card\" id=\"card-easy\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Easy<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"price-val\">\u20ac149 <span>\/mese<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Gestione social con 4 post al mese<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Interazioni sui social<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div style=\"text-align: center; margin-top: auto; padding-top: 15px;\"><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/wa.me\/393880768857\" target=\"_blank\" class=\"text-link-btn text-link-green\" style=\"margin-top: 10px;\">INIZIA ORA<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"price-card featured\" id=\"card-light\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"badge-bestseller\">BEST SELLER<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Light<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"price-val\">\u20ac199 <span>\/mese<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Gestione social con 8 post al mese<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Creazione contenuti foto e video che garantiranno la copertura delle pubblicazioni<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Impostazioni delle sponsorizzate (escluso budget)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Interazioni sui social<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Report dati trimestrale su richiesta by Anti Studio<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div style=\"text-align: center; margin-top: auto; padding-top: 15px;\"><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/wa.me\/393880768857\" target=\"_blank\" class=\"text-link-btn text-link-green\" style=\"margin-top: 10px;\">INIZIA ORA<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"price-card\" id=\"card-plus\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Plus<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"price-val\">\u20ac249 <span>\/mese<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Gestione social con 12 post al mese<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Creazione contenuti foto e video che garantiranno la copertura delle pubblicazioni<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Impostazioni delle sponsorizzate (escluso budget)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Interazioni sui social<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Locandine con AI, perfezionate dal nostro Team<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Report dati trimestrale su richiesta by Anti Studio<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Briefing semestrale su richiesta by Anti Studio<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div style=\"text-align: center; margin-top: auto; padding-top: 15px;\"><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/wa.me\/393880768857\" target=\"_blank\" class=\"text-link-btn text-link-green\" style=\"margin-top: 10px;\">INIZIA ORA<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"contacts\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"contacts-container hero-container\" style=\"align-items: center; justify-content: center; height: 100%;\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"crope-title\" style=\"font-size: clamp(2.5rem, 6vw, 5rem); text-align: center; align-items: center;\"><!-- [et_pb_line_break_holder] --> <span class=\"crope-outline\">PRONTO A<\/span><!-- [et_pb_line_break_holder] --> <span class=\"crope-solid\">INIZIARE?<\/span><!-- [et_pb_line_break_holder] --> <\/h2>\n<p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<div style=\"margin: 40px 0 20px 0;\"><!-- [et_pb_line_break_holder] --> <a href=\"mailto:info@antistudio.eu\" class=\"info-link\">info@antistudio.eu<\/a><!-- [et_pb_line_break_holder] --> <a href=\"tel:+393880768857\" class=\"info-link\" style=\"color: var(--brand-green);\">388 076 8857<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div style=\"display: flex; gap: 40px; flex-wrap: wrap; justify-content: center; width: 100%;\"><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/wa.me\/393880768857\" target=\"_blank\" class=\"text-link-btn text-link-green\">SCRIVICI SU WHATSAPP<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 style=\"font-size: clamp(1.2rem, 3vw, 1.5rem); font-weight: 800; text-transform: uppercase; margin-top: 70px; margin-bottom: -10px; color: var(--text-main);\">PREFERISCI IL METODO AS?<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <a href=\"https:\/\/antistudio.eu\" class=\"text-link-btn text-link-pink\">SCOPRI ANTI STUDIO<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"footer-legal\"><!-- [et_pb_line_break_holder] --> <a href=\"#\">Privacy Policy<\/a> \u2022 <a href=\"#\">Cookie Policy<\/a><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> <span style=\"display: block; margin-top: 5px;\">Copyright \u00a9 2026 fuorifuoco.antistudio.eu \u2022 tutti i diritti riservati<\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/main><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> \/\/ --- LOGICA MENU & NAVIGAZIONE ---<!-- [et_pb_line_break_holder] --> function toggleMenu() {<!-- [et_pb_line_break_holder] --> document.querySelector('.burger').classList.toggle('active');<!-- [et_pb_line_break_holder] --> document.getElementById('menuOverlay').classList.toggle('open');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Modificata per supportare lo scroll mirato al singolo pacchetto su mobile<!-- [et_pb_line_break_holder] --> function navigateTo(id, cardId = null) {<!-- [et_pb_line_break_holder] --> if(document.getElementById('menuOverlay').classList.contains('open')){<!-- [et_pb_line_break_holder] --> toggleMenu();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> const el = document.getElementById(id);<!-- [et_pb_line_break_holder] --> if(el) {<!-- [et_pb_line_break_holder] --> document.getElementById('mainContainer').scrollTo({<!-- [et_pb_line_break_holder] --> top: el.offsetTop,<!-- [et_pb_line_break_holder] --> behavior: 'smooth'<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Se c'\u00e8 un cardId specifico ed \u00e8 su mobile, autoscrolla orizzontalmente<!-- [et_pb_line_break_holder] --> if (cardId && window.innerWidth <= 768) {<!-- [et_pb_line_break_holder] --> setTimeout(() => {<!-- [et_pb_line_break_holder] --> const wrapper = document.querySelector('.pricing-wrapper');<!-- [et_pb_line_break_holder] --> const card = document.getElementById(cardId);<!-- [et_pb_line_break_holder] --> if (wrapper && card) {<!-- [et_pb_line_break_holder] --> \/\/ Calcola la posizione per centrare la carta<!-- [et_pb_line_break_holder] --> const centerPos = card.offsetLeft - wrapper.offsetLeft - (wrapper.clientWidth \/ 2) + (card.clientWidth \/ 2);<!-- [et_pb_line_break_holder] --> wrapper.scrollTo({<!-- [et_pb_line_break_holder] --> left: centerPos,<!-- [et_pb_line_break_holder] --> behavior: 'smooth'<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }, 500); \/\/ Ritardo per far completare prima lo scroll verticale<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ --- LOGICA TASTO TORNA SU ---<!-- [et_pb_line_break_holder] --> const backToTopBtn = document.getElementById('backToTopBtn');<!-- [et_pb_line_break_holder] --> const mainContainer = document.getElementById('mainContainer');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function scrollToTop() {<!-- [et_pb_line_break_holder] --> mainContainer.scrollTo({ top: 0, behavior: 'smooth' });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function toggleBackToTop() {<!-- [et_pb_line_break_holder] --> if (mainContainer.scrollTop > 300) {<!-- [et_pb_line_break_holder] --> backToTopBtn.classList.add('show');<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> backToTopBtn.classList.remove('show');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> mainContainer.addEventListener('scroll', toggleBackToTop);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ --- INTERSECTION OBSERVER (Ora senza trasparenza per l'header) ---<!-- [et_pb_line_break_holder] --> const sections = document.querySelectorAll('section');<!-- [et_pb_line_break_holder] --> const dots = document.querySelectorAll('.side-nav .dot');<!-- [et_pb_line_break_holder] --> const menuLinks = document.querySelectorAll('.menu-link:not(.anti-studio-link):not([href=\"\/404\"])');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const observer = new IntersectionObserver((entries) => {<!-- [et_pb_line_break_holder] --> entries.forEach(entry => {<!-- [et_pb_line_break_holder] --> if (entry.isIntersecting) {<!-- [et_pb_line_break_holder] --> const targetId = entry.target.id;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> dots.forEach(d => d.classList.remove('active'));<!-- [et_pb_line_break_holder] --> const activeDot = document.querySelector(`.side-nav .dot[data-target=\"${targetId}\"]`);<!-- [et_pb_line_break_holder] --> if(activeDot) activeDot.classList.add('active');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> menuLinks.forEach(link => {<!-- [et_pb_line_break_holder] --> link.classList.remove('active-link');<!-- [et_pb_line_break_holder] --> if(link.getAttribute('data-page') === targetId) {<!-- [et_pb_line_break_holder] --> link.classList.add('active-link');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }, { root: mainContainer, threshold: 0.5 });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> sections.forEach(s => observer.observe(s));<!-- [et_pb_line_break_holder] --> toggleBackToTop();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ --- LOGICA GIOCO BRICK BREAKER ---<!-- [et_pb_line_break_holder] --> const gameOverlay = document.getElementById('gameOverlay');<!-- [et_pb_line_break_holder] --> const canvas = document.getElementById('brickCanvas');<!-- [et_pb_line_break_holder] --> const ctx = canvas.getContext('2d');<!-- [et_pb_line_break_holder] --> const uiScore = document.getElementById('gameScore');<!-- [et_pb_line_break_holder] --> const uiLives = document.getElementById('gameLives');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> let animationId;<!-- [et_pb_line_break_holder] --> let isGameRunning = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Parametri di gioco<!-- [et_pb_line_break_holder] --> let x, y, dx, dy;<!-- [et_pb_line_break_holder] --> let ballRadius = 8;<!-- [et_pb_line_break_holder] --> let paddleHeight = 12;<!-- [et_pb_line_break_holder] --> let paddleWidth = 80;<!-- [et_pb_line_break_holder] --> let paddleX;<!-- [et_pb_line_break_holder] --> let rightPressed = false;<!-- [et_pb_line_break_holder] --> let leftPressed = false;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Parametri Mattoncini<!-- [et_pb_line_break_holder] --> let brickRowCount = 5;<!-- [et_pb_line_break_holder] --> let brickColumnCount = 6; <!-- [et_pb_line_break_holder] --> let brickWidth;<!-- [et_pb_line_break_holder] --> let brickHeight = 20;<!-- [et_pb_line_break_holder] --> let brickPadding = 10;<!-- [et_pb_line_break_holder] --> let brickOffsetTop = 40;<!-- [et_pb_line_break_holder] --> let brickOffsetLeft = 15;<!-- [et_pb_line_break_holder] --> let score = 0;<!-- [et_pb_line_break_holder] --> let lives = 3;<!-- [et_pb_line_break_holder] --> let bricks = [];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initBricks() {<!-- [et_pb_line_break_holder] --> bricks = [];<!-- [et_pb_line_break_holder] --> for(let c=0; c<brickColumnCount; c++) {<!-- [et_pb_line_break_holder] --> bricks[c] = [];<!-- [et_pb_line_break_holder] --> for(let r=0; r<brickRowCount; r++) {<!-- [et_pb_line_break_holder] --> bricks[c][r] = { x: 0, y: 0, status: 1 };<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function resizeGame() {<!-- [et_pb_line_break_holder] --> let winW = window.innerWidth;<!-- [et_pb_line_break_holder] --> let cW = winW > 600 ? 600 : winW - 30;<!-- [et_pb_line_break_holder] --> canvas.width = cW;<!-- [et_pb_line_break_holder] --> canvas.height = window.innerHeight > 600 ? 500 : window.innerHeight - 200;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> brickColumnCount = Math.floor((cW - 30) \/ 70) || 3;<!-- [et_pb_line_break_holder] --> brickWidth = (cW - (brickOffsetLeft * 2) - (brickPadding * (brickColumnCount - 1))) \/ brickColumnCount;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> paddleX = (canvas.width - paddleWidth) \/ 2;<!-- [et_pb_line_break_holder] --> initBricks();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function initGameData() {<!-- [et_pb_line_break_holder] --> score = 0;<!-- [et_pb_line_break_holder] --> lives = 3;<!-- [et_pb_line_break_holder] --> uiScore.innerText = score;<!-- [et_pb_line_break_holder] --> uiLives.innerText = lives;<!-- [et_pb_line_break_holder] --> resetBall();<!-- [et_pb_line_break_holder] --> initBricks();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function resetBall() {<!-- [et_pb_line_break_holder] --> x = canvas.width \/ 2;<!-- [et_pb_line_break_holder] --> y = canvas.height - 30;<!-- [et_pb_line_break_holder] --> dx = 3.5;<!-- [et_pb_line_break_holder] --> dy = -3.5;<!-- [et_pb_line_break_holder] --> paddleX = (canvas.width - paddleWidth) \/ 2;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function drawBall() {<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.arc(x, y, ballRadius, 0, Math.PI*2);<!-- [et_pb_line_break_holder] --> ctx.fillStyle = \"#00C853\"; <!-- [et_pb_line_break_holder] --> ctx.fill();<!-- [et_pb_line_break_holder] --> ctx.closePath();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function drawPaddle() {<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);<!-- [et_pb_line_break_holder] --> ctx.fillStyle = \"#00C853\"; <!-- [et_pb_line_break_holder] --> ctx.fill();<!-- [et_pb_line_break_holder] --> ctx.closePath();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function drawBricks() {<!-- [et_pb_line_break_holder] --> for(let c=0; c<brickColumnCount; c++) {<!-- [et_pb_line_break_holder] --> for(let r=0; r<brickRowCount; r++) {<!-- [et_pb_line_break_holder] --> if(bricks[c][r].status === 1) {<!-- [et_pb_line_break_holder] --> let brickX = (c*(brickWidth+brickPadding))+brickOffsetLeft;<!-- [et_pb_line_break_holder] --> let brickY = (r*(brickHeight+brickPadding))+brickOffsetTop;<!-- [et_pb_line_break_holder] --> bricks[c][r].x = brickX;<!-- [et_pb_line_break_holder] --> bricks[c][r].y = brickY;<!-- [et_pb_line_break_holder] --> ctx.beginPath();<!-- [et_pb_line_break_holder] --> ctx.rect(brickX, brickY, brickWidth, brickHeight);<!-- [et_pb_line_break_holder] --> ctx.fillStyle = (r % 2 === 0) ? \"#E91E63\" : \"#333333\";<!-- [et_pb_line_break_holder] --> ctx.fill();<!-- [et_pb_line_break_holder] --> ctx.closePath();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function collisionDetection() {<!-- [et_pb_line_break_holder] --> for(let c=0; c<brickColumnCount; c++) {<!-- [et_pb_line_break_holder] --> for(let r=0; r<brickRowCount; r++) {<!-- [et_pb_line_break_holder] --> let b = bricks[c][r];<!-- [et_pb_line_break_holder] --> if(b.status === 1) {<!-- [et_pb_line_break_holder] --> if(x > b.x && x < b.x+brickWidth && y > b.y && y < b.y+brickHeight) {<!-- [et_pb_line_break_holder] --> dy = -dy;<!-- [et_pb_line_break_holder] --> b.status = 0;<!-- [et_pb_line_break_holder] --> score++;<!-- [et_pb_line_break_holder] --> uiScore.innerText = score;<!-- [et_pb_line_break_holder] --> if(score === brickRowCount*brickColumnCount) {<!-- [et_pb_line_break_holder] --> alert(\"COMPLIMENTI! HAI VINTO!\");<!-- [et_pb_line_break_holder] --> initGameData();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function drawGame() {<!-- [et_pb_line_break_holder] --> if(!isGameRunning) return;<!-- [et_pb_line_break_holder] --> ctx.clearRect(0, 0, canvas.width, canvas.height);<!-- [et_pb_line_break_holder] --> drawBricks();<!-- [et_pb_line_break_holder] --> drawBall();<!-- [et_pb_line_break_holder] --> drawPaddle();<!-- [et_pb_line_break_holder] --> collisionDetection();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) {<!-- [et_pb_line_break_holder] --> dx = -dx;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if(y + dy < ballRadius) {<!-- [et_pb_line_break_holder] --> dy = -dy;<!-- [et_pb_line_break_holder] --> } else if(y + dy > canvas.height-ballRadius) {<!-- [et_pb_line_break_holder] --> if(x > paddleX && x < paddleX + paddleWidth) {<!-- [et_pb_line_break_holder] --> dy = -dy;<!-- [et_pb_line_break_holder] --> dx = dx + ((x - (paddleX + paddleWidth\/2)) * 0.05); <!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> lives--;<!-- [et_pb_line_break_holder] --> uiLives.innerText = lives;<!-- [et_pb_line_break_holder] --> if(!lives) {<!-- [et_pb_line_break_holder] --> alert(\"GAME OVER!\");<!-- [et_pb_line_break_holder] --> initGameData();<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> resetBall();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if(rightPressed && paddleX < canvas.width-paddleWidth) {<!-- [et_pb_line_break_holder] --> paddleX += 7;<!-- [et_pb_line_break_holder] --> } else if(leftPressed && paddleX > 0) {<!-- [et_pb_line_break_holder] --> paddleX -= 7;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> x += dx;<!-- [et_pb_line_break_holder] --> y += dy;<!-- [et_pb_line_break_holder] --> animationId = requestAnimationFrame(drawGame);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.addEventListener(\"keydown\", (e) => {<!-- [et_pb_line_break_holder] --> if(e.key === \"Right\" || e.key === \"ArrowRight\") rightPressed = true;<!-- [et_pb_line_break_holder] --> else if(e.key === \"Left\" || e.key === \"ArrowLeft\") leftPressed = true;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> document.addEventListener(\"keyup\", (e) => {<!-- [et_pb_line_break_holder] --> if(e.key === \"Right\" || e.key === \"ArrowRight\") rightPressed = false;<!-- [et_pb_line_break_holder] --> else if(e.key === \"Left\" || e.key === \"ArrowLeft\") leftPressed = false;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> canvas.addEventListener(\"mousemove\", (e) => {<!-- [et_pb_line_break_holder] --> let relativeX = e.clientX - canvas.getBoundingClientRect().left;<!-- [et_pb_line_break_holder] --> if(relativeX > 0 && relativeX < canvas.width) {<!-- [et_pb_line_break_holder] --> paddleX = relativeX - paddleWidth\/2;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> canvas.addEventListener(\"touchmove\", (e) => {<!-- [et_pb_line_break_holder] --> let relativeX = e.touches[0].clientX - canvas.getBoundingClientRect().left;<!-- [et_pb_line_break_holder] --> if(relativeX > 0 && relativeX < canvas.width) {<!-- [et_pb_line_break_holder] --> paddleX = relativeX - paddleWidth\/2;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> e.preventDefault(); <!-- [et_pb_line_break_holder] --> }, { passive: false });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> window.addEventListener(\"resize\", () => {<!-- [et_pb_line_break_holder] --> if(isGameRunning) resizeGame();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function openGame() {<!-- [et_pb_line_break_holder] --> document.querySelector('.burger').classList.remove('active');<!-- [et_pb_line_break_holder] --> document.getElementById('menuOverlay').classList.remove('open');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> gameOverlay.classList.add('active');<!-- [et_pb_line_break_holder] --> resizeGame();<!-- [et_pb_line_break_holder] --> initGameData();<!-- [et_pb_line_break_holder] --> isGameRunning = true;<!-- [et_pb_line_break_holder] --> drawGame();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function closeGame() {<!-- [et_pb_line_break_holder] --> gameOverlay.classList.remove('active');<!-- [et_pb_line_break_holder] --> isGameRunning = false;<!-- [et_pb_line_break_holder] --> cancelAnimationFrame(animationId);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":37,"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/fuorifuoco.antistudio.eu\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}