{"id":39,"date":"2026-09-11T22:34:08","date_gmt":"2026-09-11T20:34:08","guid":{"rendered":"https:\/\/www.gstudiosproject.com\/?page_id=39"},"modified":"2026-09-11T23:58:47","modified_gmt":"2026-09-11T21:58:47","slug":"home","status":"publish","type":"page","link":"https:\/\/www.gstudiosproject.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39\" class=\"elementor elementor-39\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0475953 e-flex e-con-boxed e-con e-parent\" data-id=\"0475953\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0799e elementor-widget elementor-widget-shortcode\" data-id=\"5b0799e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"py-5 sm:py-12 bg-dark-card\/50 border-y border-dark-border\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"gs-vetrina relative\" aria-roledescription=\"carousel\" aria-label=\"In evidenza su GSTUDIO'S\" data-intervallo=\"7000\">\n\n            <div class=\"overflow-hidden rounded-3xl border border-slate-800 shadow-2xl bg-gradient-to-br from-dark-card to-slate-900\">\n                <div class=\"gs-vetrina-track flex transition-transform duration-700 ease-out will-change-transform\" aria-live=\"off\">\n                                        <div class=\"gs-vetrina-slide w-full flex-shrink-0 p-4 sm:p-8 lg:p-10 lg:px-20 grid grid-cols-1 lg:grid-cols-12 gap-4 sm:gap-8 items-center\"\n                         role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 di 5: Academy\">\n                        <div class=\"lg:col-span-7 space-y-3 sm:space-y-5\">\n                            <div class=\"flex flex-wrap items-center gap-3\">\n                                <span class=\"bg-brand-500 text-white text-[10px] sm:text-xs font-black uppercase px-2.5 sm:px-3 py-1 rounded-md\">Dispensa In Evidenza<\/span>\n                                <span class=\"text-xs text-slate-400 flex items-center gap-1\"><i data-lucide=\"clock\" class=\"w-3.5 h-3.5\"><\/i> 10 Lezioni Pratiche<\/span>                            <\/div>\n                            <h1 class=\"text-xl sm:text-4xl font-extrabold text-white leading-snug\">SOUNDZERO \u2014 Le basi del sound design e dell&#8217;audio engineering<\/h1>\n                            <p class=\"text-slate-300 text-sm leading-relaxed line-clamp-3 sm:line-clamp-none\">Questo corso nasce da un&#039;idea semplice: la teoria dell&#039;audio \u00e8 ovunque online, spesso spiegata bene, spesso spiegata male, ma quasi sempre disconnessa da quello che serve davvero a chi si siede per la prima volta davanti a una DAW.<\/p>                                                        <div class=\"hidden sm:grid grid-cols-2 gap-2 text-xs text-slate-300 pt-2\">\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Fisica del Suono &amp; Onde Sonore<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Scelta del Setup e Trattamento Stanza<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Microfoni, Gain Staging e Preamp<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Equalizzazione, Compressione &amp; Spazio<\/div>\n                                                            <\/div>\n                                                        <div class=\"pt-1 sm:pt-4\">\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?corso=soundzero-le-basi-del-sound-design-e-dellaudio-engineering\" class=\"w-full sm:w-auto justify-center inline-flex bg-brand-500 hover:bg-brand-600 text-white font-bold text-sm px-6 py-3 rounded-xl transition items-center gap-2\">\n                                    <span>Scopri il corso \u2014 \u20ac 29,99<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:col-span-5 relative order-first lg:order-none\">\n                            <a href=\"https:\/\/www.gstudiosproject.com\/?corso=soundzero-le-basi-del-sound-design-e-dellaudio-engineering\" tabindex=\"-1\" aria-hidden=\"true\" class=\"aspect-video rounded-2xl overflow-hidden border border-slate-700 shadow-2xl relative group block bg-slate-950\">\n                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.gstudiosproject.com\/wp-content\/themes\/gstudios-theme\/assets\/img\/copertina-soundzero.jpg?v=1793565350\" alt=\"\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\" loading=\"eager\">\n                                                                                <div class=\"absolute inset-0 bg-black\/40 flex items-center justify-center\">\n                                            <div class=\"w-12 h-12 sm:w-16 sm:h-16 rounded-full bg-brand-500 text-white flex items-center justify-center shadow-xl group-hover:scale-110 transition\">\n                                                <i data-lucide=\"play\" class=\"w-6 h-6 sm:w-8 sm:h-8 fill-black ml-1\"><\/i>\n                                            <\/div>\n                                        <\/div>\n                                                                                                                                        <\/a>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"gs-vetrina-slide w-full flex-shrink-0 p-4 sm:p-8 lg:p-10 lg:px-20 grid grid-cols-1 lg:grid-cols-12 gap-4 sm:gap-8 items-center\"\n                         role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 di 5: Shop\">\n                        <div class=\"lg:col-span-7 space-y-3 sm:space-y-5\">\n                            <div class=\"flex flex-wrap items-center gap-3\">\n                                <span class=\"bg-brand-500 text-white text-[10px] sm:text-xs font-black uppercase px-2.5 sm:px-3 py-1 rounded-md\">Nuovo nello Shop<\/span>\n                                <span class=\"text-xs text-slate-400 flex items-center gap-1\"><i data-lucide=\"tag\" class=\"w-3.5 h-3.5\"><\/i> \u20ac 14,99<\/span>                            <\/div>\n                            <h2 class=\"text-xl sm:text-4xl font-extrabold text-white leading-snug\">GS_313 &#8211; (@GStudio&#8217;s)<\/h2>\n                            <p class=\"text-slate-300 text-sm leading-relaxed line-clamp-3 sm:line-clamp-none\">Detroit Drum Kit Vol. 1 \u2014 il suono di Motor City: kick, snare, clap, 808, hi-hat, percussioni, FX e vox pronti per la tua DAW.<\/p>                                                        <div class=\"hidden sm:grid grid-cols-2 gap-2 text-xs text-slate-300 pt-2\">\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> 18 Kicks<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> 33 Snares<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> 20 Claps<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> 12 808s<\/div>\n                                                            <\/div>\n                                                        <div class=\"pt-1 sm:pt-4\">\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=178\" class=\"w-full sm:w-auto justify-center inline-flex bg-brand-500 hover:bg-brand-600 text-white font-bold text-sm px-6 py-3 rounded-xl transition items-center gap-2\">\n                                    <span>Vai allo Shop<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:col-span-5 relative order-first lg:order-none\">\n                            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=178\" tabindex=\"-1\" aria-hidden=\"true\" class=\"aspect-video rounded-2xl overflow-hidden border border-slate-700 shadow-2xl relative group block bg-slate-950\">\n                                                                                                                                                    <img decoding=\"async\" src=\"https:\/\/www.gstudiosproject.com\/wp-content\/uploads\/2026\/10\/gs-313-copertina.jpg\" alt=\"\" class=\"absolute inset-0 w-full h-full object-cover blur-2xl scale-110 opacity-50\" loading=\"lazy\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.gstudiosproject.com\/wp-content\/uploads\/2026\/10\/gs-313-copertina.jpg\" alt=\"\" class=\"relative h-full mx-auto object-contain group-hover:scale-105 transition duration-500\" loading=\"lazy\">\n                                                                                                <\/a>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"gs-vetrina-slide w-full flex-shrink-0 p-4 sm:p-8 lg:p-10 lg:px-20 grid grid-cols-1 lg:grid-cols-12 gap-4 sm:gap-8 items-center\"\n                         role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 di 5: Servizi online\">\n                        <div class=\"lg:col-span-7 space-y-3 sm:space-y-5\">\n                            <div class=\"flex flex-wrap items-center gap-3\">\n                                <span class=\"bg-brand-500 text-white text-[10px] sm:text-xs font-black uppercase px-2.5 sm:px-3 py-1 rounded-md\">Mix &amp; Master<\/span>\n                                <span class=\"text-xs text-slate-400 flex items-center gap-1\"><i data-lucide=\"wifi\" class=\"w-3.5 h-3.5\"><\/i> Su preventivo<\/span>                            <\/div>\n                            <h2 class=\"text-xl sm:text-4xl font-extrabold text-white leading-snug\">Il tuo brano mixato e masterizzato, a distanza<\/h2>\n                            <p class=\"text-slate-300 text-sm leading-relaxed line-clamp-3 sm:line-clamp-none\">Mi mandi le tracce, ti mixo e masterizzo il brano e ti rimando le versioni pronte da pubblicare.<\/p>                                                        <div class=\"hidden sm:grid grid-cols-2 gap-2 text-xs text-slate-300 pt-2\">\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Mix e master di beat e voce<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Revisioni gratuite<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Risposta al preventivo in 48 ore<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Tutto online, da dove vuoi<\/div>\n                                                            <\/div>\n                                                        <div class=\"pt-1 sm:pt-4\">\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=351\" class=\"w-full sm:w-auto justify-center inline-flex bg-brand-500 hover:bg-brand-600 text-white font-bold text-sm px-6 py-3 rounded-xl transition items-center gap-2\">\n                                    <span>Richiedi il preventivo<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:col-span-5 relative order-first lg:order-none\">\n                            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=351\" tabindex=\"-1\" aria-hidden=\"true\" class=\"aspect-video rounded-2xl overflow-hidden border border-slate-700 shadow-2xl relative group block bg-slate-950\">\n                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.gstudiosproject.com\/wp-content\/themes\/gstudios-theme\/assets\/img\/servizi\/online.jpg?v=1793565350\" alt=\"\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\" loading=\"lazy\">\n                                                                                                                                        <\/a>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"gs-vetrina-slide w-full flex-shrink-0 p-4 sm:p-8 lg:p-10 lg:px-20 grid grid-cols-1 lg:grid-cols-12 gap-4 sm:gap-8 items-center\"\n                         role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 di 5: Studio\">\n                        <div class=\"lg:col-span-7 space-y-3 sm:space-y-5\">\n                            <div class=\"flex flex-wrap items-center gap-3\">\n                                <span class=\"bg-brand-500 text-white text-[10px] sm:text-xs font-black uppercase px-2.5 sm:px-3 py-1 rounded-md\">Registrazione in studio<\/span>\n                                <span class=\"text-xs text-slate-400 flex items-center gap-1\"><i data-lucide=\"calendar\" class=\"w-3.5 h-3.5\"><\/i> Su prenotazione<\/span>                            <\/div>\n                            <h2 class=\"text-xl sm:text-4xl font-extrabold text-white leading-snug\">Vieni a registrare in studio<\/h2>\n                            <p class=\"text-slate-300 text-sm leading-relaxed line-clamp-3 sm:line-clamp-none\">Sessione di persona, con me dietro al banco a seguirti passo passo: voce, beat, e se ti serve anche mix e master.<\/p>                                                        <div class=\"hidden sm:grid grid-cols-2 gap-2 text-xs text-slate-300 pt-2\">\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Registrazione voce o produzione di un beat<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Sessione seguita passo passo<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Mix e master se ti servono<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Data da concordare insieme<\/div>\n                                                            <\/div>\n                                                        <div class=\"pt-1 sm:pt-4\">\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=353\" class=\"w-full sm:w-auto justify-center inline-flex bg-brand-500 hover:bg-brand-600 text-white font-bold text-sm px-6 py-3 rounded-xl transition items-center gap-2\">\n                                    <span>Prenota la sessione<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:col-span-5 relative order-first lg:order-none\">\n                            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=353\" tabindex=\"-1\" aria-hidden=\"true\" class=\"aspect-video rounded-2xl overflow-hidden border border-slate-700 shadow-2xl relative group block bg-slate-950\">\n                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.gstudiosproject.com\/wp-content\/themes\/gstudios-theme\/assets\/img\/servizi\/dal-vivo.jpg?v=1793565350\" alt=\"\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\" loading=\"lazy\">\n                                                                                                                                        <\/a>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"gs-vetrina-slide w-full flex-shrink-0 p-4 sm:p-8 lg:p-10 lg:px-20 grid grid-cols-1 lg:grid-cols-12 gap-4 sm:gap-8 items-center\"\n                         role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 di 5: Beatmaker\">\n                        <div class=\"lg:col-span-7 space-y-3 sm:space-y-5\">\n                            <div class=\"flex flex-wrap items-center gap-3\">\n                                <span class=\"bg-brand-500 text-white text-[10px] sm:text-xs font-black uppercase px-2.5 sm:px-3 py-1 rounded-md\">Virtual Beatmaker<\/span>\n                                <span class=\"text-xs text-slate-400 flex items-center gap-1\"><i data-lucide=\"sparkles\" class=\"w-3.5 h-3.5\"><\/i> 100% gratuito<\/span>                            <\/div>\n                            <h2 class=\"text-xl sm:text-4xl font-extrabold text-white leading-snug\">Crea il tuo beat direttamente nel browser<\/h2>\n                            <p class=\"text-slate-300 text-sm leading-relaxed line-clamp-3 sm:line-clamp-none\">Uno step sequencer pronto all&#039;uso: accendi i passi, scegli il BPM e senti il ritmo prendere forma in tempo reale.<\/p>                                                        <div class=\"hidden sm:grid grid-cols-2 gap-2 text-xs text-slate-300 pt-2\">\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Kick, snare, hi-hat, open hat e clap<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Suoni generati in tempo reale<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> BPM regolabile da 60 a 180<\/div>\n                                                                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-brand-500 flex-shrink-0\"><\/i> Pattern casuali per l&#039;ispirazione<\/div>\n                                                            <\/div>\n                                                        <div class=\"pt-1 sm:pt-4\">\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=109\" class=\"w-full sm:w-auto justify-center inline-flex bg-brand-500 hover:bg-brand-600 text-white font-bold text-sm px-6 py-3 rounded-xl transition items-center gap-2\">\n                                    <span>Apri il Beatmaker<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:col-span-5 relative order-first lg:order-none\">\n                            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=109\" tabindex=\"-1\" aria-hidden=\"true\" class=\"aspect-video rounded-2xl overflow-hidden border border-slate-700 shadow-2xl relative group block bg-slate-950\">\n                                                                                                        <div class=\"absolute inset-0 bg-grid opacity-40\"><\/div>\n                                    <div class=\"gs-vetrina-seq absolute inset-0 p-5 sm:p-6 flex flex-col justify-center gap-2.5\">\n                                                                                    <div class=\"flex items-center gap-2\">\n                                                <span class=\"w-10 text-[9px] font-bold tracking-wider text-slate-500\">KICK<\/span>\n                                                <div class=\"grid gap-1 flex-grow\" style=\"grid-template-columns:repeat(16,minmax(0,1fr))\">\n                                                                                                            <span data-step=\"0\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"1\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"2\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"3\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"4\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"5\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"6\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"7\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"8\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"9\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"10\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"11\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"12\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"13\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"14\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"15\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex items-center gap-2\">\n                                                <span class=\"w-10 text-[9px] font-bold tracking-wider text-slate-500\">SNARE<\/span>\n                                                <div class=\"grid gap-1 flex-grow\" style=\"grid-template-columns:repeat(16,minmax(0,1fr))\">\n                                                                                                            <span data-step=\"0\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"1\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"2\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"3\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"4\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"5\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"6\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"7\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"8\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"9\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"10\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"11\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"12\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"13\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"14\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"15\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex items-center gap-2\">\n                                                <span class=\"w-10 text-[9px] font-bold tracking-wider text-slate-500\">HAT<\/span>\n                                                <div class=\"grid gap-1 flex-grow\" style=\"grid-template-columns:repeat(16,minmax(0,1fr))\">\n                                                                                                            <span data-step=\"0\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"1\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"2\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"3\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"4\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"5\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"6\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"7\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"8\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"9\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"10\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"11\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"12\" class=\"aspect-square rounded-[3px] gs-on ring-1 ring-slate-700\/60\" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"13\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"14\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"15\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex items-center gap-2\">\n                                                <span class=\"w-10 text-[9px] font-bold tracking-wider text-slate-500\">OPEN<\/span>\n                                                <div class=\"grid gap-1 flex-grow\" style=\"grid-template-columns:repeat(16,minmax(0,1fr))\">\n                                                                                                            <span data-step=\"0\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"1\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"2\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"3\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"4\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"5\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"6\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"7\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"8\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"9\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"10\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"11\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"12\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"13\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"14\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"15\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                                    <div class=\"flex items-center gap-2\">\n                                                <span class=\"w-10 text-[9px] font-bold tracking-wider text-slate-500\">CLAP<\/span>\n                                                <div class=\"grid gap-1 flex-grow\" style=\"grid-template-columns:repeat(16,minmax(0,1fr))\">\n                                                                                                            <span data-step=\"0\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"1\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"2\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"3\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"4\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"5\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"6\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"7\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"8\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"9\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"10\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"11\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"12\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 ring-1 ring-slate-700\/60\"><\/span>\n                                                                                                            <span data-step=\"13\" class=\"aspect-square rounded-[3px] gs-on \" style=\"background:linear-gradient(135deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef))\"><\/span>\n                                                                                                            <span data-step=\"14\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                            <span data-step=\"15\" class=\"aspect-square rounded-[3px] bg-slate-800\/80 \"><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n                        <!-- Frecce -->\n            <button type=\"button\" class=\"gs-vetrina-prec hidden lg:flex absolute left-4 top-1\/2 -translate-y-1\/2 z-10 w-11 h-11 rounded-full bg-slate-900\/80 hover:bg-brand-500 border border-slate-700 hover:border-brand-500 text-white items-center justify-center backdrop-blur transition shadow-xl\" aria-label=\"Slide precedente\">\n                <i data-lucide=\"chevron-left\" class=\"w-5 h-5\"><\/i>\n            <\/button>\n            <button type=\"button\" class=\"gs-vetrina-succ hidden lg:flex absolute right-4 top-1\/2 -translate-y-1\/2 z-10 w-11 h-11 rounded-full bg-slate-900\/80 hover:bg-brand-500 border border-slate-700 hover:border-brand-500 text-white items-center justify-center backdrop-blur transition shadow-xl\" aria-label=\"Slide successiva\">\n                <i data-lucide=\"chevron-right\" class=\"w-5 h-5\"><\/i>\n            <\/button>\n\n            <!-- Pallini con etichetta + pausa -->\n            <div class=\"flex flex-wrap items-center justify-center gap-3 sm:gap-2 mt-4 sm:mt-5\">\n                <button type=\"button\" class=\"gs-vetrina-prec lg:hidden w-9 h-9 rounded-full border border-slate-700 text-white flex items-center justify-center hover:bg-brand-500 hover:border-brand-500 transition\" aria-label=\"Slide precedente\"><i data-lucide=\"chevron-left\" class=\"w-4 h-4\"><\/i><\/button>\n                                    <button type=\"button\" class=\"gs-vetrina-punto group relative overflow-hidden text-[11px] font-bold uppercase tracking-wider w-3 h-3 sm:w-auto sm:h-auto sm:px-3 sm:py-1.5 rounded-full border border-slate-700 text-slate-400 hover:text-white transition\"\n                            data-i=\"0\" aria-label=\"Vai a: Academy\">\n                        <span class=\"gs-vetrina-barra absolute inset-y-0 left-0 w-0\" style=\"background:linear-gradient(90deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef));opacity:.35\"><\/span>\n                        <span class=\"relative hidden sm:inline\">Academy<\/span>\n                    <\/button>\n                                    <button type=\"button\" class=\"gs-vetrina-punto group relative overflow-hidden text-[11px] font-bold uppercase tracking-wider w-3 h-3 sm:w-auto sm:h-auto sm:px-3 sm:py-1.5 rounded-full border border-slate-700 text-slate-400 hover:text-white transition\"\n                            data-i=\"1\" aria-label=\"Vai a: Shop\">\n                        <span class=\"gs-vetrina-barra absolute inset-y-0 left-0 w-0\" style=\"background:linear-gradient(90deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef));opacity:.35\"><\/span>\n                        <span class=\"relative hidden sm:inline\">Shop<\/span>\n                    <\/button>\n                                    <button type=\"button\" class=\"gs-vetrina-punto group relative overflow-hidden text-[11px] font-bold uppercase tracking-wider w-3 h-3 sm:w-auto sm:h-auto sm:px-3 sm:py-1.5 rounded-full border border-slate-700 text-slate-400 hover:text-white transition\"\n                            data-i=\"2\" aria-label=\"Vai a: Servizi online\">\n                        <span class=\"gs-vetrina-barra absolute inset-y-0 left-0 w-0\" style=\"background:linear-gradient(90deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef));opacity:.35\"><\/span>\n                        <span class=\"relative hidden sm:inline\">Servizi online<\/span>\n                    <\/button>\n                                    <button type=\"button\" class=\"gs-vetrina-punto group relative overflow-hidden text-[11px] font-bold uppercase tracking-wider w-3 h-3 sm:w-auto sm:h-auto sm:px-3 sm:py-1.5 rounded-full border border-slate-700 text-slate-400 hover:text-white transition\"\n                            data-i=\"3\" aria-label=\"Vai a: Studio\">\n                        <span class=\"gs-vetrina-barra absolute inset-y-0 left-0 w-0\" style=\"background:linear-gradient(90deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef));opacity:.35\"><\/span>\n                        <span class=\"relative hidden sm:inline\">Studio<\/span>\n                    <\/button>\n                                    <button type=\"button\" class=\"gs-vetrina-punto group relative overflow-hidden text-[11px] font-bold uppercase tracking-wider w-3 h-3 sm:w-auto sm:h-auto sm:px-3 sm:py-1.5 rounded-full border border-slate-700 text-slate-400 hover:text-white transition\"\n                            data-i=\"4\" aria-label=\"Vai a: Beatmaker\">\n                        <span class=\"gs-vetrina-barra absolute inset-y-0 left-0 w-0\" style=\"background:linear-gradient(90deg,var(--gs-brand-a,#7c3aed),var(--gs-brand-b,#d946ef));opacity:.35\"><\/span>\n                        <span class=\"relative hidden sm:inline\">Beatmaker<\/span>\n                    <\/button>\n                                <button type=\"button\" class=\"gs-vetrina-succ lg:hidden w-9 h-9 rounded-full border border-slate-700 text-white flex items-center justify-center hover:bg-brand-500 hover:border-brand-500 transition\" aria-label=\"Slide successiva\"><i data-lucide=\"chevron-right\" class=\"w-4 h-4\"><\/i><\/button>\n                <button type=\"button\" class=\"gs-vetrina-pausa ml-1 w-8 h-8 rounded-full border border-slate-700 text-slate-400 hover:text-white flex items-center justify-center transition\" aria-label=\"Metti in pausa lo scorrimento automatico\">\n                    <i data-lucide=\"pause\" class=\"w-3.5 h-3.5 gs-ic-pausa\"><\/i>\n                    <i data-lucide=\"play\" class=\"w-3.5 h-3.5 gs-ic-play hidden\"><\/i>\n                <\/button>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"py-8 sm:py-14\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"reveal grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\n\n            <!-- Anteprima del tesserino -->\n            <div class=\"hidden lg:block lg:col-span-5\">\n                <div class=\"relative max-w-sm mx-auto\">\n                    <div class=\"absolute -inset-3 bg-brand-500\/10 rounded-3xl blur-2xl pointer-events-none\"><\/div>\n                    <div class=\"relative bg-gradient-to-br from-slate-900 via-dark-card to-slate-950 border border-brand-500\/40 rounded-2xl p-6 shadow-2xl rotate-[-2deg] hover:rotate-0 transition duration-500\">\n                        <div class=\"flex items-center justify-between border-b border-slate-800 pb-3 mb-4\">\n                            <div class=\"flex items-center gap-2\">\n                                <img src=\"https:\/\/www.gstudiosproject.com\/wp-content\/themes\/gstudios-theme\/assets\/img\/logo-gstudios.png\" alt=\"GStudio&#039;s\" width=\"24\" height=\"24\" class=\"\" style=\"width:24px;height:24px;object-fit:contain;flex-shrink:0\" decoding=\"async\">                                <span class=\"text-xs font-extrabold tracking-wider text-white\">GSTUDIO'S ACADEMY<\/span>\n                            <\/div>\n                            <span class=\"text-[10px] font-mono text-slate-300 bg-slate-500\/10 px-2 py-0.5 rounded border border-slate-500\/30\">ESEMPIO<\/span>\n                        <\/div>\n                        <span class=\"text-[10px] text-slate-500 uppercase tracking-wider font-semibold block\">Nome Studente<\/span>\n                        <span class=\"block text-lg font-bold text-white\">Giulia Rossi<\/span>\n                        <span class=\"text-[10px] text-slate-500 uppercase tracking-wider font-semibold block mt-3\">Codice Univoco Studente<\/span>\n                        <code class=\"inline-block mt-1 bg-black\/60 border border-slate-700 text-brand-500 font-mono text-sm px-3 py-1.5 rounded-lg font-bold\">GS-0127<\/code>\n                        <div class=\"mt-4 pt-3 border-t border-slate-800 flex items-center gap-2\">\n                            <i data-lucide=\"sprout\" class=\"w-4 h-4 text-brand-500\"><\/i>\n                            <span class=\"text-xs font-semibold text-slate-300\">Novizio<\/span>\n                            <div class=\"flex-grow h-1.5 bg-slate-800 rounded-full overflow-hidden ml-2\"><div class=\"h-full w-1\/5 bg-brand-500 rounded-full\"><\/div><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Cosa ottieni -->\n            <div class=\"lg:col-span-7 text-center lg:text-left\">\n                <span class=\"text-[10px] uppercase tracking-widest text-brand-500 font-bold\">Il tuo profilo<\/span>\n                <h2 class=\"text-xl sm:text-3xl font-black text-white mt-1\">Registrati e ricevi il tuo Codice Studente<\/h2>\n                <p class=\"text-slate-400 text-sm mt-3 leading-relaxed\">Un solo account per tutto GSTUDIO'S: segui i corsi, tieni traccia dei progressi e trova in un posto solo le tue richieste e i tuoi ordini.<\/p>\n                <div class=\"grid grid-cols-2 gap-2.5 sm:gap-3 mt-5 sm:mt-6 text-left\">\n                                            <div class=\"flex flex-col sm:flex-row items-start gap-2 sm:gap-3 bg-dark-card border border-dark-border rounded-xl p-3 sm:p-3.5\">\n                            <div class=\"w-9 h-9 rounded-lg bg-brand-500\/15 text-brand-500 flex items-center justify-center flex-shrink-0\"><i data-lucide=\"id-card\" class=\"w-4 h-4\"><\/i><\/div>\n                            <div>\n                                <span class=\"block text-sm font-bold text-white\">Codice univoco GS<\/span>\n                                <span class=\"hidden sm:block text-xs text-slate-400 mt-0.5\">Il tuo tesserino, verificabile da chiunque.<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex flex-col sm:flex-row items-start gap-2 sm:gap-3 bg-dark-card border border-dark-border rounded-xl p-3 sm:p-3.5\">\n                            <div class=\"w-9 h-9 rounded-lg bg-brand-500\/15 text-brand-500 flex items-center justify-center flex-shrink-0\"><i data-lucide=\"trending-up\" class=\"w-4 h-4\"><\/i><\/div>\n                            <div>\n                                <span class=\"block text-sm font-bold text-white\">Progressi salvati<\/span>\n                                <span class=\"hidden sm:block text-xs text-slate-400 mt-0.5\">Riprendi da dove avevi lasciato.<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex flex-col sm:flex-row items-start gap-2 sm:gap-3 bg-dark-card border border-dark-border rounded-xl p-3 sm:p-3.5\">\n                            <div class=\"w-9 h-9 rounded-lg bg-brand-500\/15 text-brand-500 flex items-center justify-center flex-shrink-0\"><i data-lucide=\"award\" class=\"w-4 h-4\"><\/i><\/div>\n                            <div>\n                                <span class=\"block text-sm font-bold text-white\">Livelli e attestati<\/span>\n                                <span class=\"hidden sm:block text-xs text-slate-400 mt-0.5\">Da Novizio a Maestro GSTUDIO&#039;S.<\/span>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex flex-col sm:flex-row items-start gap-2 sm:gap-3 bg-dark-card border border-dark-border rounded-xl p-3 sm:p-3.5\">\n                            <div class=\"w-9 h-9 rounded-lg bg-brand-500\/15 text-brand-500 flex items-center justify-center flex-shrink-0\"><i data-lucide=\"shopping-cart\" class=\"w-4 h-4\"><\/i><\/div>\n                            <div>\n                                <span class=\"block text-sm font-bold text-white\">Ordini e preventivi<\/span>\n                                <span class=\"hidden sm:block text-xs text-slate-400 mt-0.5\">Tutto nel tuo account, con lo stato.<\/span>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                <div class=\"flex flex-col sm:flex-row gap-2.5 sm:gap-3 mt-5 sm:mt-7 justify-center lg:justify-start\">\n                    <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=194&#038;tab=registrati\" class=\"bg-brand-500 hover:bg-brand-600 text-white font-bold text-sm px-6 py-3 rounded-xl transition flex items-center justify-center gap-2 glow-orange\">\n                        <i data-lucide=\"id-card\" class=\"w-4 h-4\"><\/i> Registrati gratis\n                    <\/a>\n                    <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=194\" class=\"bg-slate-800 hover:bg-slate-700 text-white font-semibold text-sm px-6 py-3 rounded-xl border border-slate-700 transition flex items-center justify-center gap-2\">\n                        <i data-lucide=\"log-in\" class=\"w-4 h-4 text-brand-500\"><\/i> Ho gi\u00e0 un account\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"py-10 sm:py-16\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"reveal grid grid-cols-1 lg:grid-cols-12 gap-6 sm:gap-10 items-center\">\n\n            <div class=\"lg:col-span-5 text-center lg:text-left\">\n                <span class=\"inline-flex items-center gap-2 bg-brand-500\/10 border border-brand-500\/30 text-brand-500 text-xs font-bold uppercase tracking-widest px-4 py-1.5 rounded-full\">\n                    <i data-lucide=\"info\" class=\"w-3.5 h-3.5\"><\/i> Chi Siamo\n                <\/span>\n                <h2 class=\"text-2xl sm:text-4xl font-black text-white mt-4 leading-tight\">\n                    Un progetto, <span class=\"bg-clip-text text-transparent bg-gradient-to-r from-brand-500 via-brand-400 to-brand-300\">tre reparti<\/span>.\n                <\/h2>\n                <p class=\"text-slate-300 text-sm sm:text-base mt-4 leading-relaxed\">\n                    GSTUDIO'S Project nasce in studio, dagli errori fatti per primi davanti a una DAW e non da un manuale.\n                    Oggi \u00e8 un progetto con tre anime: si impara, si registra, si produce.\n                <\/p>\n                <p class=\"hidden sm:block text-slate-400 text-sm mt-3 leading-relaxed\">\n                    Con lo stesso approccio di sempre: pratico, diretto, senza tecnicismi buttati l\u00ec per sembrare esperti.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-1 sm:gap-3 mt-5 sm:mt-7 justify-center lg:justify-start\">\n                    <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=78\" class=\"bg-slate-800 hover:bg-slate-700 text-white font-semibold text-sm px-5 py-3 rounded-xl border border-slate-700 transition flex items-center justify-center gap-2\">\n                        <span>La Nostra Storia<\/span>\n                        <i data-lucide=\"arrow-right\" class=\"w-4 h-4 text-brand-500\"><\/i>\n                    <\/a>\n                    <a href=\"mailto:info@gstudiosproject.com\" class=\"text-slate-300 hover:text-white font-semibold text-sm px-5 py-3 rounded-xl transition flex items-center justify-center gap-2\">\n                        <i data-lucide=\"mail\" class=\"w-4 h-4 text-brand-500\"><\/i> info@gstudiosproject.com\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7 grid grid-cols-1 sm:grid-cols-3 gap-2.5 sm:gap-4\">\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=98\" class=\"group relative bg-dark-card border border-dark-border hover:border-brand-500\/50 rounded-2xl p-4 sm:p-6 grid grid-cols-[auto,1fr] sm:flex sm:flex-col gap-x-4 items-center sm:items-stretch transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-brand-500\/10 overflow-hidden\" style=\"animation-delay:0s\">\n                    <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-brand-500\/10 rounded-full blur-2xl group-hover:bg-brand-500\/20 transition\"><\/div>\n                    <div class=\"relative row-span-3 sm:row-span-1 w-11 h-11 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-brand-500\/25 to-brand-500\/5 text-brand-500 flex items-center justify-center group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"graduation-cap\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <span class=\"relative hidden sm:block text-[10px] uppercase tracking-widest text-slate-500 font-bold mt-5\">GSTUDIO'S<\/span>\n                    <h3 class=\"relative text-base sm:text-lg font-black text-white\">Academy<\/h3>\n                    <p class=\"relative text-xs text-slate-400 mt-0.5 sm:mt-2 leading-relaxed flex-grow\">Corsi pratici di sound design e audio engineering, con tesserino studente, livelli e attestato.<\/p>\n                    <span class=\"relative hidden sm:flex items-center gap-1 text-[11px] font-bold text-brand-500 mt-4\">Scopri i corsi <i data-lucide=\"arrow-right\" class=\"w-3 h-3 group-hover:translate-x-1 transition-transform\"><\/i><\/span>\n                <\/a>\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=104\" class=\"group relative bg-dark-card border border-dark-border hover:border-brand-500\/50 rounded-2xl p-4 sm:p-6 grid grid-cols-[auto,1fr] sm:flex sm:flex-col gap-x-4 items-center sm:items-stretch transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-brand-500\/10 overflow-hidden\" style=\"animation-delay:0.08s\">\n                    <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-brand-500\/10 rounded-full blur-2xl group-hover:bg-brand-500\/20 transition\"><\/div>\n                    <div class=\"relative row-span-3 sm:row-span-1 w-11 h-11 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-brand-500\/25 to-brand-500\/5 text-brand-500 flex items-center justify-center group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"mic\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <span class=\"relative hidden sm:block text-[10px] uppercase tracking-widest text-slate-500 font-bold mt-5\">GSTUDIO'S<\/span>\n                    <h3 class=\"relative text-base sm:text-lg font-black text-white\">Recording<\/h3>\n                    <p class=\"relative text-xs text-slate-400 mt-0.5 sm:mt-2 leading-relaxed flex-grow\">Mix, master e sessioni in studio: lavoriamo sui tuoi brani e ti seguiamo passo passo.<\/p>\n                    <span class=\"relative hidden sm:flex items-center gap-1 text-[11px] font-bold text-brand-500 mt-4\">Vedi i servizi <i data-lucide=\"arrow-right\" class=\"w-3 h-3 group-hover:translate-x-1 transition-transform\"><\/i><\/span>\n                <\/a>\n                                <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=178\" class=\"group relative bg-dark-card border border-dark-border hover:border-brand-500\/50 rounded-2xl p-4 sm:p-6 grid grid-cols-[auto,1fr] sm:flex sm:flex-col gap-x-4 items-center sm:items-stretch transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-brand-500\/10 overflow-hidden\" style=\"animation-delay:0.16s\">\n                    <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-brand-500\/10 rounded-full blur-2xl group-hover:bg-brand-500\/20 transition\"><\/div>\n                    <div class=\"relative row-span-3 sm:row-span-1 w-11 h-11 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-brand-500\/25 to-brand-500\/5 text-brand-500 flex items-center justify-center group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"shopping-bag\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <span class=\"relative hidden sm:block text-[10px] uppercase tracking-widest text-slate-500 font-bold mt-5\">GSTUDIO'S<\/span>\n                    <h3 class=\"relative text-base sm:text-lg font-black text-white\">Shop<\/h3>\n                    <p class=\"relative text-xs text-slate-400 mt-0.5 sm:mt-2 leading-relaxed flex-grow\">Drum kit firmati GSTUDIO&#039;S e l&#039;attrezzatura che usiamo davvero in studio.<\/p>\n                    <span class=\"relative hidden sm:flex items-center gap-1 text-[11px] font-bold text-brand-500 mt-4\">Vai allo shop <i data-lucide=\"arrow-right\" class=\"w-3 h-3 group-hover:translate-x-1 transition-transform\"><\/i><\/span>\n                <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"py-10 sm:py-16 bg-dark-card\/30 border-y border-dark-border relative overflow-hidden\">\n    <div class=\"absolute inset-0 bg-grid opacity-30 pointer-events-none\"><\/div>\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\n        <div class=\"text-center max-w-2xl mx-auto mb-6 sm:mb-12\">\n            <span class=\"inline-flex items-center gap-2 bg-brand-500\/10 border border-brand-500\/30 text-brand-500 text-xs font-bold uppercase tracking-widest px-4 py-1.5 rounded-full\">\n                <i data-lucide=\"compass\" class=\"w-3.5 h-3.5\"><\/i> Esplora il Sito\n            <\/span>\n            <h2 class=\"text-2xl sm:text-4xl font-black text-white mt-4\">Cosa trovi su GSTUDIO'S<\/h2>\n            <p class=\"hidden sm:block text-slate-400 text-sm mt-3\">Quattro sezioni, un solo obiettivo: farti crescere come sound designer e producer.<\/p>\n        <\/div>\n        <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-6\">\n            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=98\" class=\"reveal text-left relative bg-dark-card border border-dark-border hover:border-sky-500\/50 rounded-2xl p-4 sm:p-6 transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-sky-500\/10 group overflow-hidden block\">\n                <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-sky-500\/10 rounded-full blur-2xl group-hover:bg-sky-500\/20 transition\"><\/div>\n                <div class=\"relative\">\n                    <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-sky-500\/25 to-sky-500\/5 text-sky-400 flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"book-open\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-sm font-bold text-white\">Tutti i Corsi<\/h3>\n                    <p class=\"hidden sm:block text-xs text-slate-400 mt-2 leading-relaxed\">Il catalogo completo dell'Academy: qui scegli e accedi a ogni corso disponibile, gratuito o a pagamento.<\/p>\n                    <span class=\"inline-block text-[10px] font-bold text-sky-400 bg-sky-500\/10 border border-sky-500\/20 rounded-full px-2.5 py-1 mt-2 sm:mt-3\">3 corsi disponibili<\/span>\n                    <span class=\"hidden sm:flex items-center gap-1 text-[11px] font-bold text-sky-400 mt-3 opacity-0 group-hover:opacity-100 transition\">Scopri di pi\u00f9 <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/span>\n                <\/div>\n            <\/a>\n            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=109\" class=\"reveal text-left relative bg-dark-card border border-dark-border hover:border-brand-500\/50 rounded-2xl p-4 sm:p-6 transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-brand-500\/10 group overflow-hidden block\" style=\"animation-delay:0.08s\">\n                <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-brand-500\/10 rounded-full blur-2xl group-hover:bg-brand-500\/20 transition\"><\/div>\n                <div class=\"relative\">\n                    <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-brand-500\/25 to-brand-500\/5 text-brand-500 flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"sliders\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-sm font-bold text-white\">Virtual Beatmaker<\/h3>\n                    <p class=\"hidden sm:block text-xs text-slate-400 mt-2 leading-relaxed\">Uno strumento interattivo per creare il tuo beat: costruisci un ritmo con kick, snare, hi-hat e clap generati in tempo reale nel browser.<\/p>\n                    <span class=\"inline-block text-[10px] font-bold text-brand-500 bg-brand-500\/10 border border-brand-500\/20 rounded-full px-2.5 py-1 mt-2 sm:mt-3\">100% gratuito<\/span>\n                    <span class=\"hidden sm:flex items-center gap-1 text-[11px] font-bold text-brand-500 mt-3 opacity-0 group-hover:opacity-100 transition\">Scopri di pi\u00f9 <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/span>\n                <\/div>\n            <\/a>\n            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=178\" class=\"reveal text-left relative bg-dark-card border border-dark-border hover:border-emerald-500\/50 rounded-2xl p-4 sm:p-6 transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-emerald-500\/10 group overflow-hidden block\" style=\"animation-delay:0.16s\">\n                <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-emerald-500\/10 rounded-full blur-2xl group-hover:bg-emerald-500\/20 transition\"><\/div>\n                <div class=\"relative\">\n                    <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-emerald-500\/25 to-emerald-500\/5 text-emerald-400 flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"shopping-bag\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-sm font-bold text-white\">Shop<\/h3>\n                    <p class=\"hidden sm:block text-xs text-slate-400 mt-2 leading-relaxed\">I drum kit GSTUDIO'S e l'attrezzatura consigliata nelle lezioni.<\/p>\n                    <span class=\"inline-block text-[10px] font-bold text-emerald-400 bg-emerald-500\/10 border border-emerald-500\/20 rounded-full px-2.5 py-1 mt-2 sm:mt-3\">1 prodotto<\/span>\n                    <span class=\"hidden sm:flex items-center gap-1 text-[11px] font-bold text-emerald-400 mt-3 opacity-0 group-hover:opacity-100 transition\">Scopri di pi\u00f9 <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/span>\n                <\/div>\n            <\/a>\n            <a href=\"https:\/\/www.gstudiosproject.com\/?page_id=104\" class=\"reveal text-left relative bg-dark-card border border-dark-border hover:border-amber-500\/50 rounded-2xl p-4 sm:p-6 transition-all duration-300 hover:-translate-y-1.5 hover:shadow-2xl hover:shadow-amber-500\/10 group overflow-hidden block\" style=\"animation-delay:0.24s\">\n                <div class=\"absolute -right-6 -top-6 w-24 h-24 bg-amber-500\/10 rounded-full blur-2xl group-hover:bg-amber-500\/20 transition\"><\/div>\n                <div class=\"relative\">\n                    <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-gradient-to-br from-amber-500\/25 to-amber-500\/5 text-amber-400 flex items-center justify-center mb-3 sm:mb-4 group-hover:scale-110 group-hover:rotate-3 transition-transform\">\n                        <i data-lucide=\"video\" class=\"w-5 h-5\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-sm font-bold text-white\">Servizi<\/h3>\n                    <p class=\"hidden sm:block text-xs text-slate-400 mt-2 leading-relaxed\">Mix, master, video review dei tuoi brani e sessioni 1-to-1. Il preventivo lo chiedi dalla pagina stessa.<\/p>\n                    <span class=\"inline-block text-[10px] font-bold text-amber-400 bg-amber-500\/10 border border-amber-500\/20 rounded-full px-2.5 py-1 mt-2 sm:mt-3\">8 lavorazioni<\/span>\n                    <span class=\"hidden sm:flex items-center gap-1 text-[11px] font-bold text-amber-400 mt-3 opacity-0 group-hover:opacity-100 transition\">Scopri di pi\u00f9 <i data-lucide=\"arrow-right\" class=\"w-3 h-3\"><\/i><\/span>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":6,"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/www.gstudiosproject.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}