{"id":7745,"date":"2025-12-31T11:21:52","date_gmt":"2025-12-31T10:21:52","guid":{"rendered":"https:\/\/webwakeup.it\/?page_id=7745"},"modified":"2026-04-27T14:59:36","modified_gmt":"2026-04-27T12:59:36","slug":"analyze-your-website","status":"publish","type":"page","link":"https:\/\/webwakeup.it\/en\/analizza-il-tuo-sito-web\/","title":{"rendered":"Analizza il tuo sito web"},"content":{"rendered":"<section class=\"bde-section-7745-122 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-7745-121 bde-code-block\">\n\n  <!--\n  ==================================================================\n  WEBWAKEUP \u2014 LANDING ANALIZZATORE SITO WEB \u00b7 v2\n  ==================================================================\n  Per Breakdance Page Builder \u00b7 Code Block widget (singolo, monolitico)\n\n  ASSET gi\u00e0 su WordPress (URL hardcoded nel codice):\n  - Foto Matteo:   https:\/\/webwakeup.it\/wp-content\/uploads\/2025\/03\/Senza-titolo-1-2.webp\n  - Screenshot:    [DA SOSTITUIRE] cerca \"REPLACE_SCREENSHOT_URL\" nel file\n                   (nel frattempo c'\u00e8 un mockup CSS replica delle card score)\n\n  FORM FLUENTFORM:\n  Il Code Block di Breakdance esegue PHP live nativamente.\n  Lo shortcode \u00e8 renderizzato con: <div class='fluentform ff-default fluentform_wrapper_7 ffs_default_wrap'><form data-form_id=\"7\" id=\"fluentform_7\" class=\"frm-fluent-form fluent_form_7 ff-el-form-top ff_form_instance_7_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_7_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Analizzatore Sito<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7745' \/><input type=\"hidden\" id=\"_fluentform_7_fluentformnonce\" name=\"_fluentform_7_fluentformnonce\" value=\"f667cff2d5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/7745\" \/><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_email' id='label_ff_7_email' aria-label=\"La tua email\">La tua email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_7_email\" class=\"ff-el-form-control\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_names_first_name_' id='label_ff_7_names_first_name_' >Nome<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_7_names_first_name_\" class=\"ff-el-form-control\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_names_last_name_' id='label_ff_7_names_last_name_' >Cognome<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_7_names_last_name_\" class=\"ff-el-form-control\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_phone' id='label_ff_7_phone' aria-label=\"Cellulare\">Cellulare<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" placeholder=\"Mobile Number\" data-name=\"phone\" id=\"ff_7_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_input_text' id='label_ff_7_input_text' aria-label=\"Inserisci il tuo sito web (senza &quot;http:\/\/&quot; o &quot;https:\/\/&quot;\">Inserisci il tuo sito web (senza \"http:\/\/\" o \"https:\/\/\"<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"tuosito.it\" data-name=\"input_text\" id=\"ff_7_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Terms and Conditions: Dichiaro di aver letto la\u00a0Privacy Policy\u00a0e acconsento al trattamento dei miei dati personali ai sensi del Regolamento UE 2016\/679. Contains 1 link. Use tab navigation to review.' class='ff-el-form-check-label ff_tc_label' for=terms-n-condition_defdf0f5f37cbc28103f78ff95d5f6ae><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"terms-n-condition\" class=\"ff-el-form-check-input\" data-name=\"terms-n-condition\" id=\"terms-n-condition_defdf0f5f37cbc28103f78ff95d5f6ae\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'><p>Dichiaro di aver letto la\u00a0<a href=\"https:\/\/webwakeup.it\/dichiarazione-sulla-privacy-ue\/?cmplz_region_redirect=true\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a>\u00a0e acconsento al trattamento dei miei dati personali ai sensi del Regolamento UE 2016\/679.<\/p><\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-lg ff_btn_style wpf_has_custom_css\"  aria-label=\"Analizza il tuo sito in 60 secondi!\">Analizza il tuo sito in 60 secondi!<\/button><\/div><\/fieldset><\/form><div id='fluentform_7_errors' class='ff-errors-in-stack ff_form_instance_7_1 ff-form-loading_errors ff_form_instance_7_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_7_1 = {\"id\":\"7\",\"ajaxUrl\":\"https:\\\/\\\/webwakeup.it\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_7_1\",\"form_id_selector\":\"fluentform_7\",\"rules\":{\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"Questo campo deve contenere un indirizzo email valido\",\"global\":true}},\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Il numero di telefono non \\u00e8 valido\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"terms-n-condition\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n              Funziona out-of-the-box, nessuna impostazione da attivare.\n\n  Il CSS qui dentro stila automaticamente le classi .ff_form_wrapper\n  di FluentForm per coerenza con la palette navy\/cream\/orange.\n\n  FLOW REPORT:\n  Il report appare DIRETTAMENTE IN PAGINA dopo il submit (non via email).\n  Tutto il copy riflette questo flow.\n\n  REQUISITI: nessuna dipendenza esterna \u00b7 vanilla JS \u00b7 zero jQuery\n  ==================================================================\n-->\n\n<style>\n\/* ============================================================\n   BREAKDANCE CONTAINER OVERRIDE \u2014 forza full width\n   Da rimuovere se il container Breakdance \u00e8 gi\u00e0 configurato a 100%\n   ============================================================ *\/\n.bde-section:has(.wwu-landing),\n.bde-section:has(.wwu-landing) > .section-container,\n.bde-section:has(.wwu-landing) .bde-column,\n.bde-section:has(.wwu-landing) .bde-container,\n.bde-code-block:has(.wwu-landing) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.wwu-landing {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n}\n\n\/* ============================================================\n   DESIGN TOKENS (scoped)\n   ============================================================ *\/\n.wwu-landing {\n  --wwu-navy: #0F1A2E;\n  --wwu-navy-deep: #080F1F;\n  --wwu-cream: #F5F0E6;\n  --wwu-cream-dark: #EBE3D3;\n  --wwu-orange: #FF7A1A;\n  --wwu-orange-soft: rgba(255, 122, 26, 0.1);\n  --wwu-ink: #1a2942;\n  --wwu-muted: #6B7280;\n  --wwu-success: #10B981;\n  --wwu-warn: #F59E0B;\n  --wwu-danger: #EF4444;\n\n  --wwu-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  --wwu-ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\n\n  --wwu-radius-sm: 8px;\n  --wwu-radius-md: 16px;\n  --wwu-radius-lg: 24px;\n  --wwu-radius-xl: 32px;\n  --wwu-radius-pill: 9999px;\n}\n\n\/* Font stack \u2014 Fraunces + Inter Tight + JetBrains Mono *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,800;0,9..144,900;1,9..144,400&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');\n\n\/* ============================================================\n   BASE + RESET (scoped)\n   ============================================================ *\/\n.wwu-landing,\n.wwu-landing *,\n.wwu-landing *::before,\n.wwu-landing *::after {\n  box-sizing: border-box;\n}\n\n.wwu-landing {\n  font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;\n  background: var(--wwu-cream);\n  color: var(--wwu-ink);\n  line-height: 1.6;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n\n  \/* FULL-BLEED BREAK-OUT \u2014 esce dal container Breakdance e occupa 100vw *\/\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  overflow-x: clip;\n  overflow-y: visible;\n}\n\n\/* Fallback per browser che non supportano overflow: clip *\/\n@supports not (overflow: clip) {\n  .wwu-landing {\n    overflow-x: hidden;\n  }\n}\n\n.wwu-landing ::selection {\n  background: var(--wwu-orange);\n  color: #fff;\n}\n\n.wwu-landing h1,\n.wwu-landing h2,\n.wwu-landing h3 {\n  font-family: 'Fraunces', Georgia, serif;\n  font-optical-sizing: auto;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -0.02em;\n  margin: 0;\n  color: var(--wwu-navy);\n}\n\n.wwu-landing p {\n  margin: 0;\n}\n\n.wwu-landing em {\n  font-style: italic;\n  color: var(--wwu-orange);\n}\n\n.wwu-landing .wwu-mono {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.75rem;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.wwu-landing .wwu-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 1.5rem;\n  position: relative;\n  width: 100%;\n}\n\n\/* ============================================================\n   GRAIN OVERLAY (cinematic texture)\n   ============================================================ *\/\n.wwu-grain {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  opacity: 0.04;\n  mix-blend-mode: multiply;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n  z-index: 1;\n}\n\n\/* ============================================================\n   CURSOR SPOTLIGHT (subtle, desktop only)\n   ============================================================ *\/\n@media (min-width: 1024px) and (hover: hover) {\n  .wwu-landing {\n    cursor: auto;\n  }\n  .wwu-spotlight {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 600px;\n    height: 600px;\n    pointer-events: none;\n    z-index: 2;\n    background: radial-gradient(circle at center,\n      rgba(255, 122, 26, 0.06) 0%,\n      transparent 50%);\n    transform: translate3d(-50%, -50%, 0);\n    transition: opacity 0.3s ease;\n    opacity: 0;\n    will-change: transform;\n  }\n  .wwu-landing:hover .wwu-spotlight {\n    opacity: 1;\n  }\n}\n\n\/* ============================================================\n   HERO\n   ============================================================ *\/\n.wwu-hero {\n  position: relative;\n  padding: 6rem 0 5rem;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.wwu-hero-blob {\n  position: absolute;\n  top: 10%;\n  right: -10%;\n  width: 600px;\n  height: 600px;\n  background: var(--wwu-orange);\n  border-radius: 50%;\n  filter: blur(120px);\n  opacity: 0.18;\n  z-index: 0;\n  animation: wwuBlob 14s var(--wwu-ease) infinite;\n  will-change: transform;\n}\n\n@keyframes wwuBlob {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  33%      { transform: translate(40px, -30px) scale(1.08); }\n  66%      { transform: translate(-30px, 20px) scale(0.95); }\n}\n\n.wwu-hero-grid {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 3.5rem;\n  align-items: center;\n}\n\n@media (max-width: 968px) {\n  .wwu-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n}\n\n\/* HERO LEFT \u2014 copy + form *\/\n.wwu-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.4rem 0.9rem;\n  background: var(--wwu-orange-soft);\n  border: 1px solid var(--wwu-orange);\n  border-radius: var(--wwu-radius-pill);\n  margin-bottom: 1.5rem;\n  opacity: 0;\n  transform: translateY(10px);\n  animation: wwuFadeUp 0.6s var(--wwu-ease) 0.1s forwards;\n}\n\n.wwu-hero-badge svg {\n  width: 14px;\n  height: 14px;\n  fill: var(--wwu-orange);\n}\n\n.wwu-hero-badge span {\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--wwu-orange);\n  white-space: nowrap;\n}\n\n.wwu-hero-title {\n  font-size: clamp(2.5rem, 5vw, 4.5rem);\n  font-weight: 900;\n  margin-bottom: 1.5rem;\n  opacity: 0;\n  transform: translateY(20px);\n  animation: wwuFadeUp 0.8s var(--wwu-ease) 0.25s forwards;\n  text-wrap: balance;\n}\n\n.wwu-hero-title em {\n  display: inline-block;\n  position: relative;\n}\n\n.wwu-hero-title em::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0.05em;\n  height: 0.12em;\n  background: var(--wwu-orange);\n  opacity: 0.25;\n  z-index: -1;\n}\n\n.wwu-hero-sub {\n  font-size: clamp(1rem, 1.5vw, 1.2rem);\n  color: var(--wwu-ink);\n  margin-bottom: 2rem;\n  max-width: 540px;\n  opacity: 0;\n  transform: translateY(20px);\n  animation: wwuFadeUp 0.8s var(--wwu-ease) 0.4s forwards;\n  text-wrap: pretty;\n}\n\n.wwu-hero-sub strong {\n  font-weight: 700;\n  color: var(--wwu-navy);\n}\n\n.wwu-trust-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem 1.5rem;\n  margin-bottom: 2rem;\n  opacity: 0;\n  animation: wwuFade 0.8s var(--wwu-ease) 0.55s forwards;\n}\n\n.wwu-trust-item {\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.85rem;\n  color: var(--wwu-ink);\n}\n\n.wwu-trust-item svg {\n  width: 16px;\n  height: 16px;\n  fill: var(--wwu-orange);\n  flex-shrink: 0;\n}\n\n\/* Form mount holds the FluentForm shortcode directly *\/\n.wwu-form-mount {\n  background: #fff;\n  border: 1px solid var(--wwu-cream-dark);\n  border-radius: var(--wwu-radius-md);\n  padding: 1.5rem;\n  box-shadow: 0 20px 60px -15px rgba(15, 26, 46, 0.18);\n  max-width: 520px;\n  opacity: 0;\n  transform: translateY(20px);\n  animation: wwuFadeUp 0.8s var(--wwu-ease) 0.7s forwards;\n  position: relative;\n}\n\n\/* FluentForm overrides \u2014 palette match (selettori espansi per FF v5+) *\/\n.wwu-form-mount .ff_form_wrapper,\n.wwu-form-mount .ff-default,\n.wwu-form-mount .frm-fluent-form {\n  background: transparent !important;\n}\n\n.wwu-form-mount .ff-el-input--label label,\n.wwu-form-mount .ff-el-form-control label,\n.wwu-form-mount label {\n  font-family: 'Inter Tight', sans-serif !important;\n  font-size: 0.85rem !important;\n  font-weight: 600 !important;\n  color: var(--wwu-navy) !important;\n  margin-bottom: 0.4rem !important;\n}\n\n.wwu-form-mount .ff-el-input--input,\n.wwu-form-mount .ff_form_wrapper input[type=\"text\"],\n.wwu-form-mount .ff_form_wrapper input[type=\"url\"],\n.wwu-form-mount .ff_form_wrapper input[type=\"email\"],\n.wwu-form-mount .ff_form_wrapper input[type=\"tel\"],\n.wwu-form-mount .ff_form_wrapper input[type=\"number\"],\n.wwu-form-mount .ff_form_wrapper textarea,\n.wwu-form-mount .ff_form_wrapper select,\n.wwu-form-mount input.ff-el-form-control {\n  background: var(--wwu-cream) !important;\n  border: 1px solid var(--wwu-cream-dark) !important;\n  border-radius: var(--wwu-radius-sm) !important;\n  padding: 0.85rem 1rem !important;\n  font-family: 'Inter Tight', sans-serif !important;\n  font-size: 1rem !important;\n  color: var(--wwu-navy) !important;\n  transition: border-color 0.2s, box-shadow 0.2s !important;\n  width: 100% !important;\n  height: auto !important;\n  box-shadow: none !important;\n}\n\n.wwu-form-mount .ff-el-input--input:focus,\n.wwu-form-mount .ff_form_wrapper input:focus,\n.wwu-form-mount .ff_form_wrapper textarea:focus,\n.wwu-form-mount .ff_form_wrapper select:focus {\n  outline: none !important;\n  border-color: var(--wwu-orange) !important;\n  box-shadow: 0 0 0 3px rgba(255, 122, 26, 0.2) !important;\n}\n\n\/* International phone input (intl-tel-input) - flag overlap fix *\/\n.wwu-form-mount .iti {\n  width: 100% !important;\n  display: block !important;\n}\n\n.wwu-form-mount .iti__flag-container {\n  z-index: 2;\n}\n\n.wwu-form-mount .iti--separate-dial-code .iti__selected-flag,\n.wwu-form-mount .iti__selected-flag {\n  background: transparent !important;\n  border-right: 1px solid var(--wwu-cream-dark) !important;\n  padding: 0 0.6rem 0 0.85rem !important;\n}\n\n\/* Forza padding-left adeguato sul campo tel quando ha la bandiera *\/\n.wwu-form-mount .iti input[type=\"tel\"],\n.wwu-form-mount .iti--allow-dropdown input[type=\"tel\"],\n.wwu-form-mount .iti--separate-dial-code input[type=\"tel\"],\n.wwu-form-mount .ff_form_wrapper .iti input[type=\"tel\"] {\n  padding-left: 90px !important;\n}\n\n\/* Quando intl-tel-input mostra il dial code separato, serve ancora pi\u00f9 spazio *\/\n.wwu-form-mount .iti--separate-dial-code input[type=\"tel\"] {\n  padding-left: 100px !important;\n}\n\n.wwu-form-mount .ff-btn,\n.wwu-form-mount .ff-btn-submit,\n.wwu-form-mount button[type=\"submit\"],\n.wwu-form-mount input[type=\"submit\"] {\n  background: var(--wwu-orange) !important;\n  background-color: var(--wwu-orange) !important;\n  color: #fff !important;\n  border: none !important;\n  border-radius: var(--wwu-radius-sm) !important;\n  padding: 1rem 1.5rem !important;\n  font-family: 'Inter Tight', sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 1rem !important;\n  cursor: pointer !important;\n  transition: background 0.2s, transform 0.2s !important;\n  width: 100% !important;\n  height: auto !important;\n  text-transform: none !important;\n  letter-spacing: 0 !important;\n  box-shadow: 0 8px 20px -5px rgba(255, 122, 26, 0.4) !important;\n}\n\n.wwu-form-mount .ff-btn:hover,\n.wwu-form-mount .ff-btn-submit:hover,\n.wwu-form-mount button[type=\"submit\"]:hover {\n  background: #E8661A !important;\n  background-color: #E8661A !important;\n  transform: translateY(-1px) !important;\n}\n\n\/* Privacy checkbox + helper text *\/\n.wwu-form-mount .ff-el-form-check label,\n.wwu-form-mount .ff_form_wrapper .ff-el-form-check {\n  font-size: 0.78rem !important;\n  color: var(--wwu-ink) !important;\n  line-height: 1.5 !important;\n}\n\n.wwu-form-mount .ff_form_wrapper input[type=\"checkbox\"] {\n  accent-color: var(--wwu-orange) !important;\n}\n\n\/* Helper \/ required asterisk *\/\n.wwu-form-mount .ff-el-input--label .text-danger,\n.wwu-form-mount .ff_form_wrapper .text-danger {\n  color: var(--wwu-orange) !important;\n}\n\n\/* Spacing fix between fields *\/\n.wwu-form-mount .ff-el-group {\n  margin-bottom: 0.85rem !important;\n}\n\n.wwu-form-microcopy {\n  margin-top: 1rem;\n  text-align: center;\n  font-size: 0.75rem;\n  color: var(--wwu-muted);\n  opacity: 0;\n  animation: wwuFade 0.8s var(--wwu-ease) 0.85s forwards;\n}\n\n\/* ============================================================\n   HERO RIGHT \u2014 Matteo + score cards floating\n   ============================================================ *\/\n.wwu-hero-visual {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  min-height: 500px;\n  opacity: 0;\n  animation: wwuFade 1s var(--wwu-ease) 0.5s forwards;\n  \/* Permetti alle score card di \"uscire\" visivamente ma non genera scrollbar\n     perch\u00e9 .wwu-hero ha overflow:hidden *\/\n  overflow: visible;\n}\n\n.wwu-hero-photo {\n  position: relative;\n  width: 100%;\n  max-width: 440px;\n  z-index: 2;\n}\n\n.wwu-hero-photo img {\n  width: 100%;\n  height: auto;\n  display: block;\n  filter: drop-shadow(0 30px 40px rgba(15, 26, 46, 0.18));\n  animation: wwuFloat 6s ease-in-out infinite;\n  will-change: transform;\n}\n\n@keyframes wwuFloat {\n  0%, 100% { transform: translateY(0); }\n  50%      { transform: translateY(-12px); }\n}\n\n\/* Score cards che \"escono\" dal laptop *\/\n.wwu-score-card {\n  position: absolute;\n  background: #fff;\n  border-radius: var(--wwu-radius-md);\n  padding: 0.75rem 1rem;\n  box-shadow: 0 20px 50px -15px rgba(15, 26, 46, 0.25);\n  z-index: 3;\n  min-width: 105px;\n  opacity: 0;\n  transform: translateY(30px) scale(0.9);\n}\n\n\/* Posizionamento ottimizzato: tutte intorno al laptop\/petto di Matteo *\/\n.wwu-score-card.wwu-card-perf  { bottom: 32%; left: -2%;   animation: wwuCardIn 0.8s var(--wwu-ease) 1.0s forwards, wwuFloatA 5s ease-in-out 2s infinite; }\n.wwu-score-card.wwu-card-seo   { top: 12%;    right: 2%;   animation: wwuCardIn 0.8s var(--wwu-ease) 1.2s forwards, wwuFloatB 6s ease-in-out 2.5s infinite; }\n.wwu-score-card.wwu-card-ux    { bottom: 8%;  left: 5%;    animation: wwuCardIn 0.8s var(--wwu-ease) 1.4s forwards, wwuFloatC 5.5s ease-in-out 3s infinite; }\n.wwu-score-card.wwu-card-copy  { bottom: 22%; right: -4%;  animation: wwuCardIn 0.8s var(--wwu-ease) 1.6s forwards, wwuFloatA 6s ease-in-out 3.5s infinite; }\n\n@keyframes wwuCardIn {\n  to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n@keyframes wwuFloatA {\n  0%, 100% { transform: translate(0, 0); }\n  50%      { transform: translate(0, -8px); }\n}\n@keyframes wwuFloatB {\n  0%, 100% { transform: translate(0, 0); }\n  50%      { transform: translate(0, 8px); }\n}\n@keyframes wwuFloatC {\n  0%, 100% { transform: translate(0, 0); }\n  50%      { transform: translate(-5px, -6px); }\n}\n\n.wwu-score-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.55rem;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n  color: var(--wwu-muted);\n  margin-bottom: 0.15rem;\n  display: block;\n  font-weight: 500;\n}\n\n.wwu-score-value {\n  font-family: 'Fraunces', serif;\n  font-size: 2.2rem;\n  font-weight: 800;\n  line-height: 0.95;\n  display: block;\n  color: var(--wwu-navy);\n}\n\n.wwu-score-bar {\n  margin-top: 0.5rem;\n  height: 4px;\n  background: var(--wwu-cream-dark);\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n.wwu-score-fill {\n  height: 100%;\n  width: 0;\n  border-radius: 2px;\n  transition: width 1.2s var(--wwu-ease);\n}\n\n.wwu-card-perf .wwu-score-fill { background: var(--wwu-danger); }\n.wwu-card-seo  .wwu-score-fill { background: var(--wwu-success); }\n.wwu-card-ux   .wwu-score-fill { background: var(--wwu-success); }\n.wwu-card-copy .wwu-score-fill { background: var(--wwu-warn); }\n\n\/* Mobile: score cards diventano griglia sotto la foto *\/\n@media (max-width: 968px) {\n  .wwu-hero-visual {\n    min-height: auto;\n    flex-direction: column;\n    align-items: center;\n    gap: 2rem;\n  }\n  .wwu-hero-photo {\n    max-width: 260px;\n    order: 1;\n  }\n  .wwu-score-cards-mobile {\n    order: 2;\n  }\n  .wwu-score-card {\n    position: relative !important;\n    top: auto !important;\n    left: auto !important;\n    right: auto !important;\n    bottom: auto !important;\n    animation: wwuCardIn 0.8s var(--wwu-ease) forwards !important;\n    min-width: 0;\n  }\n  .wwu-score-cards-mobile {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0.8rem;\n    width: 100%;\n    max-width: 320px;\n  }\n}\n\n@media (min-width: 969px) {\n  .wwu-score-cards-mobile {\n    display: contents;\n  }\n}\n\n\/* ============================================================\n   TRUST BAR \/ MARQUEE\n   ============================================================ *\/\n.wwu-trust-bar {\n  position: relative;\n  padding: 2rem 0;\n  background: rgba(255, 255, 255, 0.5);\n  border-top: 1px solid var(--wwu-cream-dark);\n  border-bottom: 1px solid var(--wwu-cream-dark);\n  overflow: hidden;\n}\n\n.wwu-trust-counter {\n  text-align: center;\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  flex-wrap: wrap;\n}\n\n.wwu-trust-counter-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.7rem;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--wwu-muted);\n}\n\n.wwu-trust-counter-value {\n  font-family: 'Fraunces', serif;\n  font-size: 1.5rem;\n  font-weight: 800;\n  color: var(--wwu-navy);\n}\n\n.wwu-trust-counter-value::after {\n  content: '+';\n  color: var(--wwu-orange);\n}\n\n.wwu-marquee {\n  position: relative;\n  overflow: hidden;\n  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);\n  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);\n}\n\n.wwu-marquee-track {\n  display: flex;\n  gap: 3rem;\n  animation: wwuMarquee 40s linear infinite;\n  white-space: nowrap;\n  width: fit-content;\n}\n\n@keyframes wwuMarquee {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n.wwu-marquee-item {\n  font-family: 'Fraunces', serif;\n  font-style: italic;\n  font-size: 1.5rem;\n  font-weight: 400;\n  color: var(--wwu-muted);\n  display: flex;\n  align-items: center;\n  gap: 3rem;\n}\n\n.wwu-marquee-item::after {\n  content: '\u00b7';\n  color: var(--wwu-orange);\n  font-size: 2rem;\n  line-height: 1;\n}\n\n\/* ============================================================\n   HOW IT WORKS (3 steps)\n   ============================================================ *\/\n.wwu-how {\n  padding: 6rem 0;\n  position: relative;\n}\n\n.wwu-section-header {\n  text-align: center;\n  margin-bottom: 4rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 0 1rem;\n}\n\n.wwu-section-eyebrow {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.7rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--wwu-orange);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.wwu-section-title {\n  font-size: clamp(2rem, 4vw, 3.2rem);\n  font-weight: 900;\n  margin-bottom: 1rem;\n  text-wrap: balance;\n  text-align: center;\n}\n\n.wwu-section-sub {\n  font-size: 1.05rem;\n  color: var(--wwu-ink);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  text-wrap: balance;\n  text-align: center;\n}\n\n.wwu-how-steps {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .wwu-how-steps {\n    grid-template-columns: 1fr;\n  }\n}\n\n.wwu-how-steps::before {\n  content: '';\n  position: absolute;\n  top: 60px;\n  left: 16.66%;\n  right: 16.66%;\n  height: 2px;\n  background: linear-gradient(90deg,\n    transparent,\n    var(--wwu-orange) 20%,\n    var(--wwu-orange) 80%,\n    transparent);\n  opacity: 0.3;\n  z-index: 0;\n}\n\n@media (max-width: 768px) {\n  .wwu-how-steps::before { display: none; }\n}\n\n.wwu-step {\n  position: relative;\n  text-align: center;\n  z-index: 1;\n}\n\n.wwu-step-icon {\n  width: 120px;\n  height: 120px;\n  margin: 0 auto 1.5rem;\n  background: #fff;\n  border: 1px solid var(--wwu-cream-dark);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: transform 0.3s var(--wwu-ease), box-shadow 0.3s var(--wwu-ease);\n}\n\n.wwu-step:hover .wwu-step-icon {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 40px -10px rgba(255, 122, 26, 0.3);\n}\n\n.wwu-step-icon svg {\n  width: 52px;\n  height: 52px;\n  stroke: var(--wwu-orange);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.wwu-step-num {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  width: 32px;\n  height: 32px;\n  background: var(--wwu-navy);\n  color: var(--wwu-cream);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n\n.wwu-step-title {\n  font-family: 'Fraunces', serif;\n  font-size: 1.4rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: var(--wwu-navy);\n}\n\n.wwu-step-desc {\n  font-size: 0.95rem;\n  color: var(--wwu-ink);\n  max-width: 280px;\n  margin: 0 auto;\n  text-wrap: balance;\n}\n\n\/* ============================================================\n   60 SECONDS TIMER (dark section)\n   ============================================================ *\/\n.wwu-timer-section {\n  position: relative;\n  padding: 6rem 0;\n  background: var(--wwu-navy);\n  color: var(--wwu-cream);\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.wwu-timer-section .wwu-section-title { color: var(--wwu-cream); }\n\n.wwu-timer-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 4rem;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n@media (max-width: 968px) {\n  .wwu-timer-grid {\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n}\n\n.wwu-timer-display {\n  position: relative;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: var(--wwu-radius-lg);\n  padding: 2.5rem;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n.wwu-timer-clock {\n  font-family: 'Fraunces', serif;\n  font-size: clamp(3rem, 8vw, 5rem);\n  font-weight: 900;\n  text-align: center;\n  margin-bottom: 0.5rem;\n  color: var(--wwu-orange);\n  font-variant-numeric: tabular-nums;\n  letter-spacing: -0.02em;\n}\n\n.wwu-timer-label {\n  text-align: center;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.7rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(245, 240, 230, 0.5);\n  margin-bottom: 2rem;\n}\n\n.wwu-timer-tasks {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.wwu-timer-task {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.85rem 1rem;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: var(--wwu-radius-sm);\n  font-size: 0.9rem;\n  transition: all 0.4s var(--wwu-ease);\n  opacity: 0.4;\n}\n\n.wwu-timer-task[data-state=\"active\"] {\n  opacity: 1;\n  border-color: var(--wwu-orange);\n  background: rgba(255, 122, 26, 0.08);\n}\n\n.wwu-timer-task[data-state=\"done\"] {\n  opacity: 0.7;\n  border-color: rgba(16, 185, 129, 0.3);\n  background: rgba(16, 185, 129, 0.05);\n}\n\n.wwu-timer-task-status {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  background: rgba(255, 255, 255, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.wwu-timer-task[data-state=\"active\"] .wwu-timer-task-status {\n  background: var(--wwu-orange);\n  animation: wwuPulse 1.2s ease-in-out infinite;\n}\n\n.wwu-timer-task[data-state=\"done\"] .wwu-timer-task-status {\n  background: var(--wwu-success);\n}\n\n.wwu-timer-task[data-state=\"done\"] .wwu-timer-task-status::after {\n  content: '';\n  width: 5px;\n  height: 9px;\n  border: solid #fff;\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg) translate(-1px, -1px);\n}\n\n@keyframes wwuPulse {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 122, 26, 0.4); }\n  50%      { box-shadow: 0 0 0 8px rgba(255, 122, 26, 0); }\n}\n\n.wwu-timer-copy h2 { color: var(--wwu-cream); }\n\n.wwu-timer-copy p {\n  font-size: 1.05rem;\n  color: rgba(245, 240, 230, 0.7);\n  margin-top: 1rem;\n  margin-bottom: 1.5rem;\n  text-wrap: pretty;\n}\n\n.wwu-timer-stats {\n  display: flex;\n  gap: 2rem;\n  margin-top: 2rem;\n  flex-wrap: wrap;\n}\n\n.wwu-timer-stat {\n  flex: 1;\n  min-width: 120px;\n}\n\n.wwu-timer-stat-value {\n  font-family: 'Fraunces', serif;\n  font-size: 2rem;\n  font-weight: 800;\n  color: var(--wwu-orange);\n  line-height: 1;\n  margin-bottom: 0.25rem;\n}\n\n.wwu-timer-stat-label {\n  font-size: 0.8rem;\n  color: rgba(245, 240, 230, 0.6);\n}\n\n\/* ============================================================\n   PILLARS (4 cards 2x2)\n   ============================================================ *\/\n.wwu-pillars {\n  padding: 6rem 0;\n}\n\n.wwu-pillars-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.5rem;\n}\n\n@media (max-width: 768px) {\n  .wwu-pillars-grid { grid-template-columns: 1fr; }\n}\n\n.wwu-pillar {\n  background: #fff;\n  border: 1px solid var(--wwu-cream-dark);\n  border-radius: var(--wwu-radius-lg);\n  padding: 2rem;\n  transition: transform 0.4s var(--wwu-ease), box-shadow 0.4s var(--wwu-ease);\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transform-style: preserve-3d;\n  will-change: transform;\n}\n\n.wwu-pillar::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: var(--wwu-orange);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.5s var(--wwu-ease);\n}\n\n.wwu-pillar:hover::before { transform: scaleX(1); }\n\n.wwu-pillar:hover {\n  box-shadow: 0 20px 40px -10px rgba(15, 26, 46, 0.15);\n}\n\n.wwu-pillar-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 1.5rem;\n}\n\n.wwu-pillar-icon {\n  width: 52px;\n  height: 52px;\n  background: var(--wwu-cream);\n  border-radius: var(--wwu-radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wwu-pillar-icon svg {\n  width: 24px;\n  height: 24px;\n  stroke: var(--wwu-orange);\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.wwu-pillar-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.65rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--wwu-muted);\n}\n\n.wwu-pillar-title {\n  font-family: 'Fraunces', serif;\n  font-size: 1.6rem;\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n  color: var(--wwu-navy);\n}\n\n.wwu-pillar-desc {\n  font-size: 0.95rem;\n  color: var(--wwu-ink);\n  margin-bottom: 1.5rem;\n}\n\n.wwu-pillar-metric {\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--wwu-cream-dark);\n  display: flex;\n  align-items: baseline;\n  gap: 1rem;\n}\n\n.wwu-pillar-metric-value {\n  font-family: 'Fraunces', serif;\n  font-size: 2rem;\n  font-weight: 900;\n  color: var(--wwu-orange);\n  line-height: 1;\n}\n\n.wwu-pillar-metric-label {\n  font-size: 0.78rem;\n  color: var(--wwu-muted);\n  line-height: 1.4;\n}\n\n\/* ============================================================\n   DEMO REPORT (with real screenshot)\n   ============================================================ *\/\n.wwu-demo {\n  padding: 6rem 0;\n  background: var(--wwu-navy);\n  color: var(--wwu-cream);\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.wwu-demo .wwu-section-title { color: var(--wwu-cream); }\n\n.wwu-demo-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.4fr;\n  gap: 4rem;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n@media (max-width: 968px) {\n  .wwu-demo-grid {\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n}\n\n.wwu-demo-copy h2 { color: var(--wwu-cream); }\n\n.wwu-demo-copy p {\n  font-size: 1.05rem;\n  color: rgba(245, 240, 230, 0.7);\n  margin: 1rem 0 2rem;\n  text-wrap: pretty;\n}\n\n.wwu-demo-list {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.wwu-demo-list-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid rgba(245, 240, 230, 0.1);\n}\n\n.wwu-demo-list-num {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.85rem;\n  color: var(--wwu-orange);\n  font-weight: 500;\n  flex-shrink: 0;\n  padding-top: 0.15rem;\n}\n\n.wwu-demo-list-text {\n  font-weight: 500;\n  color: var(--wwu-cream);\n}\n\n.wwu-demo-screenshot {\n  position: relative;\n}\n\n.wwu-demo-screenshot-wrap {\n  position: relative;\n  background: #fff;\n  border-radius: var(--wwu-radius-lg);\n  padding: 0.5rem;\n  box-shadow:\n    0 30px 60px -15px rgba(0, 0, 0, 0.5),\n    0 0 0 1px rgba(255, 255, 255, 0.05);\n  transform: rotate(-1deg);\n  transition: transform 0.4s var(--wwu-ease);\n}\n\n.wwu-demo-screenshot-wrap:hover {\n  transform: rotate(0) scale(1.02);\n}\n\n.wwu-demo-browser-bar {\n  background: var(--wwu-cream);\n  padding: 0.6rem 1rem;\n  border-radius: var(--wwu-radius-sm) var(--wwu-radius-sm) 0 0;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.wwu-browser-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.wwu-browser-dot:nth-child(1) { background: #FF5F57; }\n.wwu-browser-dot:nth-child(2) { background: #FFBD2E; }\n.wwu-browser-dot:nth-child(3) { background: #28C940; }\n\n.wwu-browser-url {\n  margin-left: auto;\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.7rem;\n  color: var(--wwu-muted);\n  background: #fff;\n  padding: 0.3rem 0.8rem;\n  border-radius: var(--wwu-radius-pill);\n  flex: 1;\n  max-width: 280px;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wwu-demo-screenshot img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 0 0 var(--wwu-radius-md) var(--wwu-radius-md);\n  background: #fff;\n}\n\n\/* ============================================================\n   ANALYZER MOCKUP \u2014 replica CSS dello screenshot reale\n   (fallback elegante finch\u00e9 non hai l'immagine vera)\n   ============================================================ *\/\n.wwu-mockup-analyzer {\n  background: #fff;\n  padding: 2.5rem 2rem;\n  border-radius: 0 0 var(--wwu-radius-md) var(--wwu-radius-md);\n  position: relative;\n  min-height: 600px;\n}\n\n.wwu-mockup-stage {\n  position: relative;\n  width: 100%;\n  min-height: 560px;\n}\n\n.wwu-mock-card {\n  position: absolute;\n  background: #fff;\n  border-radius: var(--wwu-radius-md);\n  padding: 1.2rem 1.5rem;\n  box-shadow: 0 12px 30px -8px rgba(15, 26, 46, 0.18);\n  border: 1px solid #f0f0f0;\n}\n\n\/* ANALYSIS RESULTS \u2014 main horizontal card (top-left) *\/\n.wwu-mock-results {\n  top: 0;\n  left: 0;\n  width: 80%;\n  transform: rotate(-2deg);\n  z-index: 1;\n}\n\n.wwu-mock-results-title {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.65rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--wwu-muted);\n  margin-bottom: 1rem;\n}\n\n.wwu-mock-scores {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0.6rem;\n}\n\n.wwu-mock-score {\n  text-align: center;\n  padding: 0.5rem 0.3rem;\n  border-radius: var(--wwu-radius-sm);\n  border-top: 3px solid;\n  background: #fafafa;\n}\n\n.wwu-mock-score.s-perf  { border-top-color: var(--wwu-danger); }\n.wwu-mock-score.s-seo   { border-top-color: var(--wwu-success); }\n.wwu-mock-score.s-ux    { border-top-color: var(--wwu-success); }\n.wwu-mock-score.s-copy  { border-top-color: var(--wwu-warn); }\n\n.wwu-mock-score-label {\n  font-size: 0.6rem;\n  font-weight: 600;\n  color: var(--wwu-ink);\n  margin-bottom: 0.3rem;\n}\n\n.wwu-mock-score-value {\n  font-family: 'Fraunces', serif;\n  font-size: 1.6rem;\n  font-weight: 800;\n  color: var(--wwu-navy);\n  line-height: 1;\n  margin-bottom: 0.3rem;\n}\n\n.wwu-mock-score-tag {\n  display: inline-block;\n  font-size: 0.55rem;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 99px;\n}\n\n.wwu-mock-score.s-perf .wwu-mock-score-tag { background: rgba(239,68,68,0.12);  color: var(--wwu-danger); }\n.wwu-mock-score.s-seo  .wwu-mock-score-tag { background: rgba(16,185,129,0.12); color: var(--wwu-success); }\n.wwu-mock-score.s-ux   .wwu-mock-score-tag { background: rgba(16,185,129,0.12); color: var(--wwu-success); }\n.wwu-mock-score.s-copy .wwu-mock-score-tag { background: rgba(245,158,11,0.12); color: var(--wwu-warn); }\n\n\/* RACCOMANDAZIONI \u2014 top-right card *\/\n.wwu-mock-reco {\n  top: 5%;\n  right: 0;\n  width: 55%;\n  transform: rotate(3deg);\n  z-index: 2;\n}\n\n.wwu-mock-card-head {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 0.8rem;\n  font-family: 'Fraunces', serif;\n  font-weight: 700;\n  font-size: 0.95rem;\n  color: var(--wwu-navy);\n}\n\n.wwu-mock-card-head svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.wwu-mock-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n}\n\n.wwu-mock-list li {\n  font-size: 0.7rem;\n  line-height: 1.4;\n  color: var(--wwu-ink);\n  padding-left: 1rem;\n  position: relative;\n}\n\n.wwu-mock-list.list-reco li::before {\n  content: '\u2192';\n  position: absolute;\n  left: 0;\n  color: var(--wwu-orange);\n  font-weight: 700;\n}\n\n.wwu-mock-list.list-good li::before {\n  content: '\u2713';\n  position: absolute;\n  left: 0;\n  color: var(--wwu-success);\n  font-weight: 700;\n}\n\n.wwu-mock-list.list-bad li::before {\n  content: '\u26a0';\n  position: absolute;\n  left: 0;\n  color: var(--wwu-warn);\n}\n\n\/* PUNTI DI FORZA \u2014 middle-right *\/\n.wwu-mock-strengths {\n  top: 38%;\n  right: -3%;\n  width: 50%;\n  transform: rotate(-1deg);\n  z-index: 3;\n}\n\n.wwu-mock-strengths .wwu-mock-card-head { color: var(--wwu-success); }\n\n\/* SEO 85\/100 \u2014 center-left *\/\n.wwu-mock-seo {\n  top: 45%;\n  left: 0;\n  width: 60%;\n  transform: rotate(1deg);\n  z-index: 4;\n  text-align: center;\n}\n\n.wwu-mock-seo-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.6rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--wwu-muted);\n  margin-bottom: 0.4rem;\n}\n\n.wwu-mock-seo-value {\n  font-family: 'Fraunces', serif;\n  font-size: 2.2rem;\n  font-weight: 800;\n  color: var(--wwu-navy);\n  line-height: 1;\n}\n\n.wwu-mock-seo-value span {\n  font-size: 1rem;\n  color: var(--wwu-muted);\n  font-weight: 400;\n}\n\n.wwu-mock-seo-sub {\n  font-size: 0.65rem;\n  color: var(--wwu-muted);\n  margin-top: 0.3rem;\n  margin-bottom: 0.7rem;\n}\n\n.wwu-mock-seo-text {\n  font-size: 0.65rem;\n  line-height: 1.5;\n  color: var(--wwu-ink);\n  text-align: left;\n  padding: 0 0.5rem;\n}\n\n\/* PUNTI DEBOLI \u2014 bottom-right *\/\n.wwu-mock-weak {\n  bottom: 0;\n  right: 5%;\n  width: 50%;\n  transform: rotate(2deg);\n  z-index: 5;\n}\n\n.wwu-mock-weak .wwu-mock-card-head { color: var(--wwu-danger); }\n\n\/* Mobile collapse *\/\n@media (max-width: 640px) {\n  .wwu-mockup-analyzer { padding: 1rem; min-height: 400px; }\n  .wwu-mockup-stage { min-height: 380px; }\n  .wwu-mock-card { transform: rotate(0) !important; padding: 0.8rem 1rem; }\n  .wwu-mock-results { width: 100%; left: 0; top: 0; }\n  .wwu-mock-reco { display: none; }\n  .wwu-mock-strengths { width: 100%; right: 0; top: 30%; }\n  .wwu-mock-seo { display: none; }\n  .wwu-mock-weak { width: 100%; right: 0; bottom: 0; }\n  .wwu-mock-scores { gap: 0.3rem; }\n  .wwu-mock-score-value { font-size: 1.3rem; }\n}\n\n\/* Annotation overlays su screenshot *\/\n.wwu-annotation {\n  position: absolute;\n  background: var(--wwu-orange);\n  color: #fff;\n  padding: 0.4rem 0.7rem;\n  border-radius: var(--wwu-radius-pill);\n  font-size: 0.7rem;\n  font-weight: 600;\n  white-space: nowrap;\n  box-shadow: 0 8px 20px -5px rgba(255, 122, 26, 0.5);\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.5s var(--wwu-ease), transform 0.5s var(--wwu-ease);\n  z-index: 5;\n}\n\n.wwu-annotation.wwu-active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.wwu-annotation-1 { top: 20%; left: 0; }\n.wwu-annotation-2 { top: 50%; right: 0; }\n.wwu-annotation-3 { bottom: 15%; left: 8%; }\n\n@media (max-width: 768px) {\n  .wwu-annotation { display: none; }\n}\n\n\/* ============================================================\n   CASE STUDIES\n   ============================================================ *\/\n.wwu-cases {\n  padding: 6rem 0;\n}\n\n.wwu-cases-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.5rem;\n}\n\n@media (max-width: 968px) { .wwu-cases-grid { grid-template-columns: 1fr; } }\n\n.wwu-case {\n  background: #fff;\n  border: 1px solid var(--wwu-cream-dark);\n  border-radius: var(--wwu-radius-lg);\n  padding: 2rem;\n  transition: transform 0.4s var(--wwu-ease), box-shadow 0.4s var(--wwu-ease);\n  display: flex;\n  flex-direction: column;\n}\n\n.wwu-case:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 40px -10px rgba(15, 26, 46, 0.12);\n}\n\n.wwu-case-quote-icon {\n  width: 32px;\n  height: 32px;\n  fill: var(--wwu-orange);\n  margin-bottom: 1rem;\n}\n\n.wwu-case-quote {\n  font-family: 'Fraunces', serif;\n  font-style: italic;\n  font-size: 1rem;\n  line-height: 1.6;\n  color: var(--wwu-ink);\n  margin-bottom: 1.5rem;\n  flex: 1;\n  text-wrap: pretty;\n}\n\n.wwu-case-foot {\n  padding-top: 1.5rem;\n  border-top: 1px solid var(--wwu-cream-dark);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.wwu-case-name {\n  font-weight: 700;\n  font-size: 0.9rem;\n  color: var(--wwu-navy);\n  margin-bottom: 0.15rem;\n}\n\n.wwu-case-role {\n  font-size: 0.75rem;\n  color: var(--wwu-muted);\n}\n\n.wwu-case-metric {\n  text-align: right;\n}\n\n.wwu-case-metric-label {\n  font-family: 'JetBrains Mono', monospace;\n  font-size: 0.6rem;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--wwu-muted);\n}\n\n.wwu-case-metric-value {\n  font-size: 0.9rem;\n  font-weight: 700;\n  color: var(--wwu-orange);\n}\n\n\/* ============================================================\n   WHY FREE\n   ============================================================ *\/\n.wwu-why {\n  padding: 6rem 0;\n  background: var(--wwu-cream);\n}\n\n.wwu-why-content {\n  max-width: 720px;\n  margin: 0 auto;\n  text-align: center;\n  padding: 0 1rem;\n}\n\n.wwu-why-content p {\n  font-size: 1.1rem;\n  line-height: 1.8;\n  color: var(--wwu-ink);\n  margin-bottom: 1.25rem;\n  text-wrap: pretty;\n}\n\n.wwu-why-content p strong { color: var(--wwu-navy); font-weight: 700; }\n\n.wwu-why-final {\n  font-family: 'Fraunces', serif;\n  font-style: italic;\n  font-size: 1.3rem;\n  color: var(--wwu-navy);\n  margin-top: 2rem;\n  text-wrap: balance;\n}\n\n\/* ============================================================\n   FAQ\n   ============================================================ *\/\n.wwu-faq {\n  padding: 6rem 0;\n}\n\n.wwu-faq-list {\n  max-width: 760px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 0 1rem;\n}\n\n.wwu-faq-item {\n  background: #fff;\n  border: 1px solid var(--wwu-cream-dark);\n  border-radius: var(--wwu-radius-md);\n  overflow: hidden;\n  transition: border-color 0.3s ease;\n}\n\n.wwu-faq-item[open] {\n  border-color: var(--wwu-orange);\n}\n\n.wwu-faq-q {\n  padding: 1.25rem 1.5rem;\n  cursor: pointer;\n  font-family: 'Fraunces', serif;\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: var(--wwu-navy);\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n  transition: background 0.2s ease;\n}\n\n.wwu-faq-q::-webkit-details-marker { display: none; }\n\n.wwu-faq-item[open] .wwu-faq-q {\n  background: var(--wwu-cream);\n}\n\n.wwu-faq-icon {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  position: relative;\n  transition: transform 0.3s var(--wwu-ease);\n}\n\n.wwu-faq-icon::before,\n.wwu-faq-icon::after {\n  content: '';\n  position: absolute;\n  background: var(--wwu-orange);\n  top: 50%;\n  left: 50%;\n  border-radius: 1px;\n  transform: translate(-50%, -50%);\n}\n\n.wwu-faq-icon::before { width: 14px; height: 2px; }\n.wwu-faq-icon::after  { width: 2px; height: 14px; transition: transform 0.3s var(--wwu-ease); }\n\n.wwu-faq-item[open] .wwu-faq-icon::after {\n  transform: translate(-50%, -50%) rotate(90deg);\n  opacity: 0;\n}\n\n.wwu-faq-a {\n  padding: 0 1.5rem 1.25rem;\n  color: var(--wwu-ink);\n  line-height: 1.7;\n  font-size: 0.95rem;\n}\n\n\/* ============================================================\n   CTA FINAL (orange peak)\n   ============================================================ *\/\n.wwu-cta {\n  padding: 6rem 0;\n  background: var(--wwu-orange);\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n}\n\n.wwu-cta-bg-circle {\n  position: absolute;\n  top: -200px;\n  right: -200px;\n  width: 500px;\n  height: 500px;\n  background: var(--wwu-navy);\n  border-radius: 50%;\n  opacity: 0.12;\n  animation: wwuRotate 30s linear infinite;\n}\n\n@keyframes wwuRotate {\n  from { transform: rotate(0); }\n  to   { transform: rotate(360deg); }\n}\n\n.wwu-cta-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto;\n  padding: 0 1rem;\n}\n\n.wwu-cta-title {\n  font-family: 'Fraunces', serif;\n  font-size: clamp(2.5rem, 6vw, 4.5rem);\n  font-weight: 900;\n  line-height: 1;\n  color: #fff;\n  margin-bottom: 1.5rem;\n  text-wrap: balance;\n}\n\n.wwu-cta-title em {\n  color: rgba(255, 255, 255, 0.85);\n  font-style: italic;\n}\n\n.wwu-cta-sub {\n  font-size: 1.15rem;\n  color: rgba(255, 255, 255, 0.9);\n  margin: 0 auto 2.5rem;\n  text-wrap: balance;\n  text-align: center;\n  max-width: 100%;\n}\n\n.wwu-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 1.1rem 2rem;\n  background: var(--wwu-navy);\n  color: var(--wwu-cream);\n  border-radius: var(--wwu-radius-pill);\n  font-weight: 700;\n  font-size: 1.05rem;\n  text-decoration: none;\n  transition: transform 0.3s var(--wwu-ease), box-shadow 0.3s var(--wwu-ease);\n  will-change: transform;\n}\n\n.wwu-cta-btn:hover {\n  transform: scale(1.04);\n  box-shadow: 0 20px 40px -10px rgba(15, 26, 46, 0.4);\n}\n\n.wwu-cta-btn svg {\n  width: 18px;\n  height: 18px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 2;\n  transition: transform 0.3s var(--wwu-ease);\n}\n\n.wwu-cta-btn:hover svg { transform: translateX(4px); }\n\n\/* ============================================================\n   ANIMATION KEYFRAMES (shared)\n   ============================================================ *\/\n@keyframes wwuFade {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n@keyframes wwuFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ============================================================\n   SCROLL REVEAL\n   ============================================================ *\/\n.wwu-reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s var(--wwu-ease), transform 0.8s var(--wwu-ease);\n}\n\n.wwu-reveal.wwu-revealed {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ============================================================\n   ACCESSIBILITY\n   ============================================================ *\/\n@media (prefers-reduced-motion: reduce) {\n  .wwu-landing *,\n  .wwu-landing *::before,\n  .wwu-landing *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n  .wwu-marquee-track { animation: none; }\n}\n\n.wwu-landing :focus-visible {\n  outline: 3px solid var(--wwu-orange);\n  outline-offset: 3px;\n  border-radius: 4px;\n}\n\n<\/style>\n\n\n<!-- ============================================================\n     LANDING MARKUP\n     ============================================================ -->\n\n<div class=\"wwu-landing\">\n\n  <!-- Cursor spotlight (desktop only) -->\n  <div class=\"wwu-spotlight\" id=\"wwu-spotlight\" aria-hidden=\"true\"><\/div>\n\n  <!-- ==================== HERO ==================== -->\n  <section class=\"wwu-hero\">\n    <div class=\"wwu-grain\"><\/div>\n    <div class=\"wwu-hero-blob\"><\/div>\n\n    <div class=\"wwu-container\">\n      <div class=\"wwu-hero-grid\">\n\n        <!-- LEFT: COPY + FORM -->\n        <div class=\"wwu-hero-copy\">\n          <div class=\"wwu-hero-badge\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 2L9 9 2 12l7 3 3 7 3-7 7-3-7-3z\" fill=\"currentColor\"\/>\n            <\/svg>\n            <span>Analisi gratuita \u00b7 60 secondi<\/span>\n          <\/div>\n\n          <h1 class=\"wwu-hero-title\">\n            In 60 secondi sai <em>esattamente<\/em> cosa frena le vendite del tuo sito.\n          <\/h1>\n\n          <p class=\"wwu-hero-sub\">\n            Il nostro analizzatore scansiona <strong>velocit\u00e0, SEO, design&nbsp;&amp;&nbsp;UX e copywriting<\/strong> del tuo sito e ti mostra punti di forza, punti deboli e raccomandazioni concrete <strong>direttamente qui in pagina<\/strong>. Niente teoria. Solo numeri reali.\n          <\/p>\n\n          <div class=\"wwu-trust-row\">\n            <div class=\"wwu-trust-item\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\" fill=\"currentColor\"\/><\/svg>\n              100% gratuito\n            <\/div>\n            <div class=\"wwu-trust-item\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\" fill=\"currentColor\"\/><\/svg>\n              Niente attesa email\n            <\/div>\n            <div class=\"wwu-trust-item\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\" fill=\"currentColor\"\/><\/svg>\n              Personalizzato sul tuo URL\n            <\/div>\n          <\/div>\n\n          <!--\n            =============================================================\n            FORM FLUENTFORM - shortcode renderizzato via PHP do_shortcode\n            =============================================================\n            Il Code Block di Breakdance esegue PHP live (vedi doc ufficiale).\n            do_shortcode() \u00e8 la funzione nativa WordPress che processa\n            qualsiasi shortcode registrato. Funziona out-of-the-box,\n            nessuna impostazione da attivare.\n            =============================================================\n          -->\n          <div class=\"wwu-form-mount\" id=\"wwu-form-mount\">\n            <div class='fluentform ff-default fluentform_wrapper_7 ffs_default_wrap'><form data-form_id=\"7\" id=\"fluentform_7\" class=\"frm-fluent-form fluent_form_7 ff-el-form-top ff_form_instance_7_2 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_7_2\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Analizzatore Sito<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7745' \/><input type=\"hidden\" id=\"_fluentform_7_fluentformnonce\" name=\"_fluentform_7_fluentformnonce\" value=\"f667cff2d5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/7745\" \/><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_2_email' id='label_ff_7_2_email' aria-label=\"La tua email\">La tua email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_7_2_email\" class=\"ff-el-form-control\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_2_names_first_name_' id='label_ff_7_2_names_first_name_' >Nome<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_7_2_names_first_name_\" class=\"ff-el-form-control\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_2_names_last_name_' id='label_ff_7_2_names_last_name_' >Cognome<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_7_2_names_last_name_\" class=\"ff-el-form-control\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_2_phone' id='label_ff_7_2_phone' aria-label=\"Cellulare\">Cellulare<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" placeholder=\"Mobile Number\" data-name=\"phone\" id=\"ff_7_2_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_7_2_input_text' id='label_ff_7_2_input_text' aria-label=\"Inserisci il tuo sito web (senza &quot;http:\/\/&quot; o &quot;https:\/\/&quot;\">Inserisci il tuo sito web (senza \"http:\/\/\" o \"https:\/\/\"<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"tuosito.it\" data-name=\"input_text\" id=\"ff_7_2_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Terms and Conditions: Dichiaro di aver letto la\u00a0Privacy Policy\u00a0e acconsento al trattamento dei miei dati personali ai sensi del Regolamento UE 2016\/679. Contains 1 link. Use tab navigation to review.' class='ff-el-form-check-label ff_tc_label' for=terms-n-condition_5f1894e338ae511a628cbf68c7b9a54d><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"terms-n-condition\" class=\"ff-el-form-check-input\" data-name=\"terms-n-condition\" id=\"terms-n-condition_5f1894e338ae511a628cbf68c7b9a54d\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'><p>Dichiaro di aver letto la\u00a0<a href=\"https:\/\/webwakeup.it\/dichiarazione-sulla-privacy-ue\/?cmplz_region_redirect=true\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a>\u00a0e acconsento al trattamento dei miei dati personali ai sensi del Regolamento UE 2016\/679.<\/p><\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-lg ff_btn_style wpf_has_custom_css\"  aria-label=\"Analizza il tuo sito in 60 secondi!\">Analizza il tuo sito in 60 secondi!<\/button><\/div><\/fieldset><\/form><div id='fluentform_7_errors' class='ff-errors-in-stack ff_form_instance_7_2 ff-form-loading_errors ff_form_instance_7_2_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_7_2 = {\"id\":\"7\",\"ajaxUrl\":\"https:\\\/\\\/webwakeup.it\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_7_2\",\"form_id_selector\":\"fluentform_7\",\"rules\":{\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"Questo campo deve contenere un indirizzo email valido\",\"global\":true}},\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Il numero di telefono non \\u00e8 valido\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}},\"terms-n-condition\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"Questo campo \\u00e8 obbligatorio\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n                      <\/div>\n\n          <p class=\"wwu-form-microcopy\">\n            Il report appare qui sotto in 60 secondi. Niente attesa, niente call commerciali. La scelta resta tua.\n          <\/p>\n        <\/div>\n\n        <!-- RIGHT: MATTEO PHOTO + FLOATING SCORE CARDS -->\n        <div class=\"wwu-hero-visual\">\n          <div class=\"wwu-hero-photo\">\n            <img fetchpriority=\"high\"\n              src=\"https:\/\/webwakeup.it\/wp-content\/uploads\/2025\/03\/Senza-titolo-1-2.webp\"\n              alt=\"Matteo Alfieri, founder WebWakeUp, mostra l'analisi del sito web\"\n              width=\"380\"\n              height=\"500\"\n              loading=\"eager\"\n              decoding=\"async\"\n            \/>\n          <\/div>\n\n          <div class=\"wwu-score-cards-mobile\">\n\n            <div class=\"wwu-score-card wwu-card-perf\" data-score=\"58\">\n              <span class=\"wwu-score-label\">Performance<\/span>\n              <span class=\"wwu-score-value\" data-counter=\"58\">0<\/span>\n              <div class=\"wwu-score-bar\"><div class=\"wwu-score-fill\" data-fill=\"58\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"wwu-score-card wwu-card-seo\" data-score=\"85\">\n              <span class=\"wwu-score-label\">SEO<\/span>\n              <span class=\"wwu-score-value\" data-counter=\"85\">0<\/span>\n              <div class=\"wwu-score-bar\"><div class=\"wwu-score-fill\" data-fill=\"85\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"wwu-score-card wwu-card-ux\" data-score=\"90\">\n              <span class=\"wwu-score-label\">Design &amp; UX<\/span>\n              <span class=\"wwu-score-value\" data-counter=\"90\">0<\/span>\n              <div class=\"wwu-score-bar\"><div class=\"wwu-score-fill\" data-fill=\"90\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"wwu-score-card wwu-card-copy\" data-score=\"75\">\n              <span class=\"wwu-score-label\">CopyWriting<\/span>\n              <span class=\"wwu-score-value\" data-counter=\"75\">0<\/span>\n              <div class=\"wwu-score-bar\"><div class=\"wwu-score-fill\" data-fill=\"75\"><\/div><\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== TRUST BAR ==================== -->\n  <section class=\"wwu-trust-bar\">\n    <div class=\"wwu-container\">\n      <div class=\"wwu-trust-counter\">\n        <span class=\"wwu-trust-counter-label\">Gi\u00e0 scansionati questo mese<\/span>\n        <span class=\"wwu-trust-counter-value\" data-counter=\"487\">0<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"wwu-marquee\" aria-hidden=\"true\">\n      <div class=\"wwu-marquee-track\">\n        <span class=\"wwu-marquee-item\">e-commerce<\/span>\n        <span class=\"wwu-marquee-item\">studi professionali<\/span>\n        <span class=\"wwu-marquee-item\">ristoranti<\/span>\n        <span class=\"wwu-marquee-item\">palestre<\/span>\n        <span class=\"wwu-marquee-item\">concessionarie<\/span>\n        <span class=\"wwu-marquee-item\">immobiliari<\/span>\n        <span class=\"wwu-marquee-item\">artigiani<\/span>\n        <span class=\"wwu-marquee-item\">agenzie<\/span>\n        <!-- Duplicato per loop continuo -->\n        <span class=\"wwu-marquee-item\">e-commerce<\/span>\n        <span class=\"wwu-marquee-item\">studi professionali<\/span>\n        <span class=\"wwu-marquee-item\">ristoranti<\/span>\n        <span class=\"wwu-marquee-item\">palestre<\/span>\n        <span class=\"wwu-marquee-item\">concessionarie<\/span>\n        <span class=\"wwu-marquee-item\">immobiliari<\/span>\n        <span class=\"wwu-marquee-item\">artigiani<\/span>\n        <span class=\"wwu-marquee-item\">agenzie<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== HOW IT WORKS ==================== -->\n  <section class=\"wwu-how\">\n    <div class=\"wwu-container\">\n      <header class=\"wwu-section-header wwu-reveal\">\n        <span class=\"wwu-section-eyebrow\">Come funziona<\/span>\n        <h2 class=\"wwu-section-title\">Tre passi. <em>Zero attriti.<\/em><\/h2>\n        <p class=\"wwu-section-sub\">\n          Non serve installare niente. Non serve registrarsi. Non serve la carta di credito.\n        <\/p>\n      <\/header>\n\n      <div class=\"wwu-how-steps\">\n        <article class=\"wwu-step wwu-reveal\">\n          <div class=\"wwu-step-icon\">\n            <span class=\"wwu-step-num\">01<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\n              <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"wwu-step-title\">Inserisci l'URL<\/h3>\n          <p class=\"wwu-step-desc\">Scrivi l'indirizzo del tuo sito e la tua email. Solo quello.<\/p>\n        <\/article>\n\n        <article class=\"wwu-step wwu-reveal\">\n          <div class=\"wwu-step-icon\">\n            <span class=\"wwu-step-num\">02<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <polyline points=\"12 6 12 12 16 14\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"wwu-step-title\">Scansione 60 secondi<\/h3>\n          <p class=\"wwu-step-desc\">Analizziamo Performance, SEO, Design&nbsp;&amp;&nbsp;UX e Copywriting del tuo sito.<\/p>\n        <\/article>\n\n        <article class=\"wwu-step wwu-reveal\">\n          <div class=\"wwu-step-icon\">\n            <span class=\"wwu-step-num\">03<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/>\n              <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\n              <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"wwu-step-title\">Risultati in pagina<\/h3>\n          <p class=\"wwu-step-desc\">Vedi punteggi e raccomandazioni concrete subito qui in pagina. Niente email da aprire.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== 60 SEC TIMER ==================== -->\n  <section class=\"wwu-timer-section\">\n    <div class=\"wwu-grain\"><\/div>\n    <div class=\"wwu-container\">\n      <div class=\"wwu-timer-grid\">\n\n        <div class=\"wwu-timer-display wwu-reveal\" id=\"wwu-timer-widget\">\n          <div class=\"wwu-timer-clock\" id=\"wwu-timer-clock\">0:00<\/div>\n          <div class=\"wwu-timer-label\">Simulazione del processo<\/div>\n\n          <div class=\"wwu-timer-tasks\">\n            <div class=\"wwu-timer-task\" data-task=\"0\" data-time=\"12\">\n              <span class=\"wwu-timer-task-status\"><\/span>\n              <span>Performance &amp; Core Web Vitals<\/span>\n            <\/div>\n            <div class=\"wwu-timer-task\" data-task=\"1\" data-time=\"28\">\n              <span class=\"wwu-timer-task-status\"><\/span>\n              <span>Indicizzazione SEO &amp; structured data<\/span>\n            <\/div>\n            <div class=\"wwu-timer-task\" data-task=\"2\" data-time=\"45\">\n              <span class=\"wwu-timer-task-status\"><\/span>\n              <span>Design &amp; UX \u00b7 friction analysis<\/span>\n            <\/div>\n            <div class=\"wwu-timer-task\" data-task=\"3\" data-time=\"58\">\n              <span class=\"wwu-timer-task-status\"><\/span>\n              <span>Copywriting &amp; conversione<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"wwu-timer-copy wwu-reveal\">\n          <span class=\"wwu-section-eyebrow\">60 secondi \u00b7 ogni dettaglio<\/span>\n          <h2 class=\"wwu-section-title\">Mentre fai un caff\u00e8, il tuo sito \u00e8 gi\u00e0 <em>analizzato<\/em>.<\/h2>\n          <p>\n            Niente attese. Niente \"ti richiamiamo entro 48 ore\". Niente email da aspettare. L'analizzatore lavora in tempo reale e ti consegna il report direttamente in pagina, sotto i tuoi occhi.\n          <\/p>\n\n          <div class=\"wwu-timer-stats\">\n            <div class=\"wwu-timer-stat\">\n              <div class=\"wwu-timer-stat-value\">60s<\/div>\n              <div class=\"wwu-timer-stat-label\">Tempo medio analisi<\/div>\n            <\/div>\n            <div class=\"wwu-timer-stat\">\n              <div class=\"wwu-timer-stat-value\">50+<\/div>\n              <div class=\"wwu-timer-stat-label\">Parametri analizzati<\/div>\n            <\/div>\n            <div class=\"wwu-timer-stat\">\n              <div class=\"wwu-timer-stat-value\">4<\/div>\n              <div class=\"wwu-timer-stat-label\">Aree di analisi<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== PILLARS ==================== -->\n  <section class=\"wwu-pillars\">\n    <div class=\"wwu-container\">\n      <header class=\"wwu-section-header wwu-reveal\">\n        <span class=\"wwu-section-eyebrow\">Cosa c'\u00e8 dentro il report<\/span>\n        <h2 class=\"wwu-section-title\">Quattro aree. <em>Quantificate<\/em>.<\/h2>\n        <p class=\"wwu-section-sub\">\n          Ogni voce ha un punteggio da 0 a 100, una valutazione testuale e raccomandazioni concrete.\n        <\/p>\n      <\/header>\n\n      <div class=\"wwu-pillars-grid\">\n\n        <article class=\"wwu-pillar wwu-reveal\" data-tilt>\n          <div class=\"wwu-pillar-head\">\n            <div class=\"wwu-pillar-icon\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"wwu-pillar-label\">Performance<\/span>\n          <\/div>\n          <h3 class=\"wwu-pillar-title\">Quanto sei veloce davvero?<\/h3>\n          <p class=\"wwu-pillar-desc\">Tempo di caricamento reale, Core Web Vitals, mobile speed score. Ti diciamo se Google ti penalizza \u2014 e di quanto.<\/p>\n          <div class=\"wwu-pillar-metric\">\n            <span class=\"wwu-pillar-metric-value\">\u22127%<\/span>\n            <span class=\"wwu-pillar-metric-label\">conversioni per ogni secondo in pi\u00f9 di caricamento<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"wwu-pillar wwu-reveal\" data-tilt>\n          <div class=\"wwu-pillar-head\">\n            <div class=\"wwu-pillar-icon\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"wwu-pillar-label\">SEO<\/span>\n          <\/div>\n          <h3 class=\"wwu-pillar-title\">Cosa vede davvero Google?<\/h3>\n          <p class=\"wwu-pillar-desc\">Meta tag, structured data, indicizzazione, internal linking. Oltre 50 fattori tecnici che decidono se sei in prima pagina.<\/p>\n          <div class=\"wwu-pillar-metric\">\n            <span class=\"wwu-pillar-metric-value\">89%<\/span>\n            <span class=\"wwu-pillar-metric-label\">dei click va ai primi 3 risultati Google<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"wwu-pillar wwu-reveal\" data-tilt>\n          <div class=\"wwu-pillar-head\">\n            <div class=\"wwu-pillar-icon\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"wwu-pillar-label\">Design &amp; UX<\/span>\n          <\/div>\n          <h3 class=\"wwu-pillar-title\">Convince o confonde?<\/h3>\n          <p class=\"wwu-pillar-desc\">Form analizzati, CTA tracciate, friction points identificati. Dove i visitatori abbandonano e perch\u00e9.<\/p>\n          <div class=\"wwu-pillar-metric\">\n            <span class=\"wwu-pillar-metric-value\">68%<\/span>\n            <span class=\"wwu-pillar-metric-label\">dei form contatti italiani perde lead invisibili<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"wwu-pillar wwu-reveal\" data-tilt>\n          <div class=\"wwu-pillar-head\">\n            <div class=\"wwu-pillar-icon\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n              <\/svg>\n            <\/div>\n            <span class=\"wwu-pillar-label\">Copywriting<\/span>\n          <\/div>\n          <h3 class=\"wwu-pillar-title\">Il messaggio funziona?<\/h3>\n          <p class=\"wwu-pillar-desc\">Headline, value proposition, struttura. Se il prospect capisce in 5 secondi cosa fai e perch\u00e9 dovrebbe sceglierti.<\/p>\n          <div class=\"wwu-pillar-metric\">\n            <span class=\"wwu-pillar-metric-value\">5s<\/span>\n            <span class=\"wwu-pillar-metric-label\">il tempo medio per decidere se restare o uscire dal tuo sito<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== DEMO REPORT (with real screenshot) ==================== -->\n  <section class=\"wwu-demo\">\n    <div class=\"wwu-grain\"><\/div>\n    <div class=\"wwu-container\">\n      <div class=\"wwu-demo-grid\">\n\n        <div class=\"wwu-demo-copy wwu-reveal\">\n          <span class=\"wwu-section-eyebrow\">Anteprima del report<\/span>\n          <h2 class=\"wwu-section-title\">Numeri concreti. Priorit\u00e0 chiare. <em>Zero fuffa<\/em>.<\/h2>\n          <p>\n            Niente PDF di 47 pagine illeggibili. Solo punteggi diretti, punti di forza, punti deboli e raccomandazioni concrete \u2014 nello stesso ordine d'urgenza in cui dovresti affrontarli.\n          <\/p>\n\n          <ul class=\"wwu-demo-list\" style=\"list-style:none; padding:0; margin:0;\">\n            <li class=\"wwu-demo-list-item\">\n              <span class=\"wwu-demo-list-num\">01<\/span>\n              <span class=\"wwu-demo-list-text\">Score per ognuna delle 4 aree analizzate<\/span>\n            <\/li>\n            <li class=\"wwu-demo-list-item\">\n              <span class=\"wwu-demo-list-num\">02<\/span>\n              <span class=\"wwu-demo-list-text\">Punti di forza gi\u00e0 presenti sul sito<\/span>\n            <\/li>\n            <li class=\"wwu-demo-list-item\">\n              <span class=\"wwu-demo-list-num\">03<\/span>\n              <span class=\"wwu-demo-list-text\">Punti deboli con livello di urgenza<\/span>\n            <\/li>\n            <li class=\"wwu-demo-list-item\">\n              <span class=\"wwu-demo-list-num\">04<\/span>\n              <span class=\"wwu-demo-list-text\">Raccomandazioni concrete per intervenire<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"wwu-demo-screenshot wwu-reveal\">\n          <div class=\"wwu-demo-screenshot-wrap\">\n            <div class=\"wwu-demo-browser-bar\">\n              <span class=\"wwu-browser-dot\"><\/span>\n              <span class=\"wwu-browser-dot\"><\/span>\n              <span class=\"wwu-browser-dot\"><\/span>\n              <span class=\"wwu-browser-url\">webwakeup.it\/analisi\/iltuosito.it<\/span>\n            <\/div>\n            <!--\n              ============================================================\n              MOCKUP CSS DELL'ANALIZZATORE\n              ============================================================\n              Replica visiva delle card sfalsate dello screenshot reale.\n              Quando hai l'URL dello screenshot caricato in WordPress:\n              1. Cancella tutto il blocco <div class=\"wwu-mockup-analyzer\">\n              2. Sostituisci con: <img decoding=\"async\" src=\"URL_REALE\" alt=\"...\" \/>\n              ============================================================\n            -->\n            <div class=\"wwu-mockup-analyzer\">\n              <div class=\"wwu-mockup-stage\">\n\n                <!-- ANALYSIS RESULTS -->\n                <div class=\"wwu-mock-card wwu-mock-results\">\n                  <div class=\"wwu-mock-results-title\">Analysis Results<\/div>\n                  <div class=\"wwu-mock-scores\">\n                    <div class=\"wwu-mock-score s-perf\">\n                      <div class=\"wwu-mock-score-label\">Performance<\/div>\n                      <div class=\"wwu-mock-score-value\">58<\/div>\n                      <span class=\"wwu-mock-score-tag\">Da migliorare<\/span>\n                    <\/div>\n                    <div class=\"wwu-mock-score s-seo\">\n                      <div class=\"wwu-mock-score-label\">SEO<\/div>\n                      <div class=\"wwu-mock-score-value\">85<\/div>\n                      <span class=\"wwu-mock-score-tag\">Eccellente<\/span>\n                    <\/div>\n                    <div class=\"wwu-mock-score s-ux\">\n                      <div class=\"wwu-mock-score-label\">Design &amp; UX<\/div>\n                      <div class=\"wwu-mock-score-value\">90<\/div>\n                      <span class=\"wwu-mock-score-tag\">Eccellente<\/span>\n                    <\/div>\n                    <div class=\"wwu-mock-score s-copy\">\n                      <div class=\"wwu-mock-score-label\">CopyWriting<\/div>\n                      <div class=\"wwu-mock-score-value\">75<\/div>\n                      <span class=\"wwu-mock-score-tag\">Buono<\/span>\n                    <\/div>\n                  <\/div>\n                <\/div>\n\n                <!-- RACCOMANDAZIONI -->\n                <div class=\"wwu-mock-card wwu-mock-reco\">\n                  <div class=\"wwu-mock-card-head\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 21h6M12 3a6 6 0 0 0-6 6c0 4 3 5 3 8h6c0-3 3-4 3-8a6 6 0 0 0-6-6z\"\/><\/svg>\n                    Raccomandazioni\n                  <\/div>\n                  <ul class=\"wwu-mock-list list-reco\">\n                    <li>Aggiungere alt text descrittivi e ottimizzati per le immagini<\/li>\n                    <li>Arricchire la meta description con keyword mirate<\/li>\n                    <li>Implementare strategia di link building interna<\/li>\n                    <li>Ottimizzare la struttura headings H2\/H3<\/li>\n                  <\/ul>\n                <\/div>\n\n                <!-- PUNTI DI FORZA -->\n                <div class=\"wwu-mock-card wwu-mock-strengths\">\n                  <div class=\"wwu-mock-card-head\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                    Punti di Forza\n                  <\/div>\n                  <ul class=\"wwu-mock-list list-good\">\n                    <li>Title tag ben strutturato e descrittivo<\/li>\n                    <li>Corretta impostazione lingua (it-IT)<\/li>\n                    <li>Buon numero di link interni (36)<\/li>\n                    <li>Presenza di structured data<\/li>\n                  <\/ul>\n                <\/div>\n\n                <!-- SEO 85\/100 detail -->\n                <div class=\"wwu-mock-card wwu-mock-seo\">\n                  <div class=\"wwu-mock-seo-label\">SEO<\/div>\n                  <div class=\"wwu-mock-seo-value\">85<span>\/100<\/span><\/div>\n                  <div class=\"wwu-mock-seo-sub\">Punteggio SEO<\/div>\n                  <div class=\"wwu-mock-seo-text\">\n                    Il sito presenta una struttura SEO discretamente solida con alcuni spazi di miglioramento significativi.\n                  <\/div>\n                <\/div>\n\n                <!-- PUNTI DEBOLI -->\n                <div class=\"wwu-mock-card wwu-mock-weak\">\n                  <div class=\"wwu-mock-card-head\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n                    Punti Deboli\n                  <\/div>\n                  <ul class=\"wwu-mock-list list-bad\">\n                    <li>Nessun alt text per le immagini (0\/210)<\/li>\n                    <li>Meta description potenzialmente migliorabile<\/li>\n                    <li>Numero limitato di link esterni (14)<\/li>\n                    <li>Mancanza di keyword specifiche nel titolo<\/li>\n                  <\/ul>\n                <\/div>\n\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Annotation overlays -->\n          <div class=\"wwu-annotation wwu-annotation-1\">\u2191 4 score immediati<\/div>\n          <div class=\"wwu-annotation wwu-annotation-2\">\u2192 Raccomandazioni concrete<\/div>\n          <div class=\"wwu-annotation wwu-annotation-3\">\u2193 Punti deboli con priorit\u00e0<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== CASE STUDIES ==================== -->\n  <section class=\"wwu-cases\">\n    <div class=\"wwu-container\">\n      <header class=\"wwu-section-header wwu-reveal\">\n        <span class=\"wwu-section-eyebrow\">Chi l'ha gi\u00e0 fatto<\/span>\n        <h2 class=\"wwu-section-title\">Hanno scansionato il sito. <em>E sono rimasti.<\/em><\/h2>\n      <\/header>\n\n      <div class=\"wwu-cases-grid\">\n\n        <article class=\"wwu-case wwu-reveal\">\n          <svg class=\"wwu-case-quote-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/>\n            <path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/>\n          <\/svg>\n          <p class=\"wwu-case-quote\">\"Pensavo che il mio sito andasse bene. Il report mi ha mostrato che stavo perdendo il 40% dei visitatori per la velocit\u00e0. Risolto in 2 settimane.\"<\/p>\n          <div class=\"wwu-case-foot\">\n            <div>\n              <div class=\"wwu-case-name\">Marco R.<\/div>\n              <div class=\"wwu-case-role\">E-commerce alimentare<\/div>\n            <\/div>\n            <div class=\"wwu-case-metric\">\n              <div class=\"wwu-case-metric-label\">Risultato<\/div>\n              <div class=\"wwu-case-metric-value\">+38% vendite<\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"wwu-case wwu-reveal\">\n          <svg class=\"wwu-case-quote-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/>\n            <path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/>\n          <\/svg>\n          <p class=\"wwu-case-quote\">\"Il form contatti non tracciava le richieste da mobile. Stavo perdendo 22 preventivi al mese senza saperlo. La scansione me l'ha detto in 60 secondi.\"<\/p>\n          <div class=\"wwu-case-foot\">\n            <div>\n              <div class=\"wwu-case-name\">Laura T.<\/div>\n              <div class=\"wwu-case-role\">Studio di design<\/div>\n            <\/div>\n            <div class=\"wwu-case-metric\">\n              <div class=\"wwu-case-metric-label\">Risultato<\/div>\n              <div class=\"wwu-case-metric-value\">+22 lead\/mese<\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"wwu-case wwu-reveal\">\n          <svg class=\"wwu-case-quote-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/>\n            <path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/>\n          <\/svg>\n          <p class=\"wwu-case-quote\">\"Avevo investito 5.000\u20ac in ads senza capire perch\u00e9 non convertivano. Il report ha trovato 8 problemi tecnici. Adesso il ROAS \u00e8 triplicato.\"<\/p>\n          <div class=\"wwu-case-foot\">\n            <div>\n              <div class=\"wwu-case-name\">Giovanni M.<\/div>\n              <div class=\"wwu-case-role\">Consulente finanziario<\/div>\n            <\/div>\n            <div class=\"wwu-case-metric\">\n              <div class=\"wwu-case-metric-label\">Risultato<\/div>\n              <div class=\"wwu-case-metric-value\">ROAS x3<\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== WHY FREE ==================== -->\n  <section class=\"wwu-why\">\n    <div class=\"wwu-container\">\n      <div class=\"wwu-why-content wwu-reveal\">\n        <span class=\"wwu-section-eyebrow\">Domanda legittima<\/span>\n        <h2 class=\"wwu-section-title\">\"Ma <em>perch\u00e9<\/em> me lo regalate?\"<\/h2>\n\n        <p>Domanda legittima. Te lo diciamo chiaramente.<\/p>\n        <p>\n          Noi siamo <strong>WebWakeUp<\/strong>: una web agency in abbonamento. Non vendiamo siti una-tantum e poi spariamo. Siamo il <strong>reparto tech&nbsp;&amp;&nbsp;marketing<\/strong> dei nostri clienti \u2014 canone fisso mensile, supporto continuo, sito sempre aggiornato.\n        <\/p>\n        <p>\n          L'analizzatore \u00e8 il modo migliore per farti vedere come ragioniamo. Se dopo il report vorrai parlare con noi, ottimo \u2014 ma \u00e8 una scelta tua, senza pressione. <strong>Se preferisci sistemare i problemi da solo o con la tua agenzia attuale, il report \u00e8 comunque tuo.<\/strong>\n        <\/p>\n\n        <p class=\"wwu-why-final\">\n          \u00c8 la nostra dimostrazione di valore. Non un trucco per acchiapparti l'email.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== FAQ ==================== -->\n  <section class=\"wwu-faq\">\n    <div class=\"wwu-container\">\n      <header class=\"wwu-section-header wwu-reveal\">\n        <span class=\"wwu-section-eyebrow\">Domande frequenti<\/span>\n        <h2 class=\"wwu-section-title\">Le cose che ci chiedete <em>sempre<\/em>.<\/h2>\n      <\/header>\n\n      <div class=\"wwu-faq-list\">\n\n        <details class=\"wwu-faq-item wwu-reveal\">\n          <summary class=\"wwu-faq-q\">\n            Funziona davvero in 60 secondi?\n            <span class=\"wwu-faq-icon\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"wwu-faq-a\">\n            S\u00ec. L'analizzatore scansiona il tuo URL in tempo reale e ti mostra il report personalizzato direttamente in pagina, in meno di un minuto. Niente email da aprire, niente attesa.\n          <\/div>\n        <\/details>\n\n        <details class=\"wwu-faq-item wwu-reveal\">\n          <summary class=\"wwu-faq-q\">\n            \u00c8 davvero gratuito? Dove sta la fregatura?\n            <span class=\"wwu-faq-icon\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"wwu-faq-a\">\n            Nessuna fregatura. Il report \u00e8 gratuito perch\u00e9 \u00e8 il modo migliore per farti vedere come ragioniamo. Se dopo il report vorrai parlare con noi, perfetto. Altrimenti, hai comunque il tuo report. Fine.\n          <\/div>\n        <\/details>\n\n        <details class=\"wwu-faq-item wwu-reveal\">\n          <summary class=\"wwu-faq-q\">\n            Cosa succede dopo aver visto il report?\n            <span class=\"wwu-faq-icon\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"wwu-faq-a\">\n            Il report appare direttamente in pagina con tutti i punteggi e le raccomandazioni concrete. Se vuoi approfondire, trovi il link per prenotare una call gratuita di 30 minuti dentro al report stesso. Se non vuoi, sei libero di andartene. Promesso.\n          <\/div>\n        <\/details>\n\n        <details class=\"wwu-faq-item wwu-reveal\">\n          <summary class=\"wwu-faq-q\">\n            I miei dati sono al sicuro?\n            <span class=\"wwu-faq-icon\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"wwu-faq-a\">\n            S\u00ec. GDPR-compliant, server europei, mai venduti a terzi. Puoi richiedere la cancellazione dei tuoi dati quando vuoi scrivendoci a info@webwakeup.it.\n          <\/div>\n        <\/details>\n\n        <details class=\"wwu-faq-item wwu-reveal\">\n          <summary class=\"wwu-faq-q\">\n            Il report \u00e8 davvero personalizzato sul mio sito?\n            <span class=\"wwu-faq-icon\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"wwu-faq-a\">\n            S\u00ec. Non sono template generici. L'analizzatore scansiona il tuo URL specifico e i risultati riflettono i tuoi numeri reali \u2014 velocit\u00e0, SEO, struttura, copy.\n          <\/div>\n        <\/details>\n\n        <details class=\"wwu-faq-item wwu-reveal\">\n          <summary class=\"wwu-faq-q\">\n            Cosa fa WebWakeUp esattamente?\n            <span class=\"wwu-faq-icon\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"wwu-faq-a\">\n            Siamo una web agency in abbonamento. Sviluppiamo, manteniamo e ottimizziamo siti web e progetti digitali con un canone mensile fisso, senza costi iniziali. Siamo il reparto tecnico e marketing dei nostri clienti.\n          <\/div>\n        <\/details>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ==================== CTA FINAL ==================== -->\n  <section class=\"wwu-cta\">\n    <div class=\"wwu-grain\"><\/div>\n    <div class=\"wwu-cta-bg-circle\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"wwu-container\">\n      <div class=\"wwu-cta-content wwu-reveal\">\n        <h2 class=\"wwu-cta-title\">\n          60 secondi.<br>\n          <em>Il tuo sito.<\/em><br>\n          I numeri reali.\n        <\/h2>\n        <p class=\"wwu-cta-sub\">\n          Niente carta di credito. Niente fuffa.<br>\n          I problemi nascosti sono gi\u00e0 l\u00ec \u2014 vedili adesso.\n        <\/p>\n        <a href=\"#wwu-form-mount\" class=\"wwu-cta-btn\">\n          Scansiona il mio sito gratis\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n            <polyline points=\"12 5 19 12 12 19\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n<!-- ============================================================\n     VANILLA JAVASCRIPT\n     ============================================================ -->\n\n<script>\n(function() {\n  'use strict';\n\n  \/**\n   * Initialize all WebWakeUp landing v2 interactions\n   * Vanilla JS \u00b7 zero jQuery \u00b7 IIFE scoped\n   *\/\n  function init() {\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 1. ANIMATED COUNTERS (score values + trust counter)\n    \/\/ -----------------------------------------------------------\n    \/**\n     * Animate a number from 0 to target value with easing\n     * @param {HTMLElement} el - The DOM element to animate\n     * @param {number} target - Final number value\n     * @param {number} duration - Animation duration in ms\n     *\/\n    function animateCounter(el, target, duration) {\n      duration = duration || 1500;\n      var startTime = null;\n\n      function tick(timestamp) {\n        if (!startTime) startTime = timestamp;\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\n        var eased = 1 - Math.pow(1 - progress, 3); \/\/ easeOutCubic\n        var current = Math.floor(eased * target);\n        el.textContent = current.toLocaleString('it-IT');\n        if (progress < 1) requestAnimationFrame(tick);\n      }\n      requestAnimationFrame(tick);\n    }\n\n    \/**\n     * Animate score progress bars\n     * @param {HTMLElement} card - Score card element\n     *\/\n    function animateScoreFill(card) {\n      var fill = card.querySelector('.wwu-score-fill');\n      var target = parseInt(fill.getAttribute('data-fill'), 10);\n      requestAnimationFrame(function() {\n        fill.style.width = target + '%';\n      });\n    }\n\n    var counters = document.querySelectorAll('[data-counter]');\n    if ('IntersectionObserver' in window) {\n      var counterObserver = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            var target = parseInt(entry.target.getAttribute('data-counter'), 10);\n            animateCounter(entry.target, target);\n            \/\/ If part of a score card, animate fill too\n            var card = entry.target.closest('.wwu-score-card');\n            if (card) animateScoreFill(card);\n            counterObserver.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.4 });\n\n      counters.forEach(function(el) { counterObserver.observe(el); });\n    } else {\n      \/\/ Fallback for old browsers\n      counters.forEach(function(el) {\n        el.textContent = el.getAttribute('data-counter');\n      });\n    }\n\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 2. SCROLL REVEAL (fade up on enter viewport)\n    \/\/ -----------------------------------------------------------\n    var revealEls = document.querySelectorAll('.wwu-reveal');\n    if ('IntersectionObserver' in window) {\n      var revealObserver = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('wwu-revealed');\n            revealObserver.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });\n\n      revealEls.forEach(function(el) { revealObserver.observe(el); });\n    } else {\n      revealEls.forEach(function(el) { el.classList.add('wwu-revealed'); });\n    }\n\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 3. CURSOR SPOTLIGHT (desktop only, hover capable)\n    \/\/ -----------------------------------------------------------\n    var spotlight = document.getElementById('wwu-spotlight');\n    var supportsHover = window.matchMedia('(hover: hover)').matches;\n    var isWideScreen = window.matchMedia('(min-width: 1024px)').matches;\n\n    if (spotlight && supportsHover && isWideScreen) {\n      var rafId = null;\n      var mouseX = 0, mouseY = 0;\n\n      function updateSpotlight() {\n        spotlight.style.transform = 'translate3d(' + (mouseX - 300) + 'px, ' + (mouseY - 300) + 'px, 0)';\n        rafId = null;\n      }\n\n      document.addEventListener('mousemove', function(e) {\n        mouseX = e.clientX;\n        mouseY = e.clientY;\n        if (!rafId) rafId = requestAnimationFrame(updateSpotlight);\n      }, { passive: true });\n    }\n\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 4. PILLAR TILT 3D (mouse-driven perspective)\n    \/\/ -----------------------------------------------------------\n    var tiltEls = document.querySelectorAll('[data-tilt]');\n    if (supportsHover && isWideScreen) {\n      tiltEls.forEach(function(el) {\n        el.addEventListener('mousemove', function(e) {\n          var rect = el.getBoundingClientRect();\n          var x = e.clientX - rect.left;\n          var y = e.clientY - rect.top;\n          var midX = rect.width \/ 2;\n          var midY = rect.height \/ 2;\n          var rotY = ((x - midX) \/ midX) * 4;  \/\/ Max 4deg\n          var rotX = ((midY - y) \/ midY) * 4;\n          el.style.transform = 'perspective(1000px) rotateX(' + rotX + 'deg) rotateY(' + rotY + 'deg) translateY(-2px)';\n        });\n\n        el.addEventListener('mouseleave', function() {\n          el.style.transform = '';\n        });\n      });\n    }\n\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 5. 60 SECONDS TIMER (simulated process)\n    \/\/ -----------------------------------------------------------\n    var timerWidget = document.getElementById('wwu-timer-widget');\n    var timerClock = document.getElementById('wwu-timer-clock');\n\n    if (timerWidget && timerClock) {\n      var hasStarted = false;\n\n      \/**\n       * Format seconds as M:SS\n       * @param {number} sec - Total seconds elapsed\n       * @returns {string} Formatted time string\n       *\/\n      function formatTime(sec) {\n        var m = Math.floor(sec \/ 60);\n        var s = sec % 60;\n        return m + ':' + (s < 10 ? '0' + s : s);\n      }\n\n      \/**\n       * Run the 60-second timer simulation (visually compressed to 6s real time).\n       * The displayed clock counts 0:00 \u2192 1:00 to match the \"60 seconds\" promise\n       * in the copy, but the actual animation runs 10x faster so users don't\n       * have to wait a full minute to see the sequence complete.\n       *\/\n      function runTimer() {\n        if (hasStarted) return;\n        hasStarted = true;\n\n        var totalSeconds = 60;          \/\/ virtual seconds shown to user\n        var speedMultiplier = 10;       \/\/ 10x faster \u2014 real duration ~6s\n        var startTime = Date.now();\n        var tasks = timerWidget.querySelectorAll('.wwu-timer-task');\n        var lastSec = -1;\n\n        function tick() {\n          var elapsedMs = Date.now() - startTime;\n          \/\/ Map real elapsed time to \"virtual\" seconds via speed multiplier\n          var virtualMs = elapsedMs * speedMultiplier;\n          var elapsedSec = Math.min(virtualMs \/ 1000, totalSeconds);\n          var displaySec = Math.floor(elapsedSec);\n\n          if (displaySec !== lastSec) {\n            timerClock.textContent = formatTime(displaySec);\n            lastSec = displaySec;\n          }\n\n          \/\/ Update task states based on elapsed virtual time\n          tasks.forEach(function(task) {\n            var taskTime = parseInt(task.getAttribute('data-time'), 10);\n            var prevTaskIdx = parseInt(task.getAttribute('data-task'), 10) - 1;\n            var prevTask = prevTaskIdx >= 0\n              ? timerWidget.querySelector('[data-task=\"' + prevTaskIdx + '\"]')\n              : null;\n            var prevTime = prevTask\n              ? parseInt(prevTask.getAttribute('data-time'), 10)\n              : 0;\n\n            if (elapsedSec >= taskTime) {\n              task.setAttribute('data-state', 'done');\n            } else if (elapsedSec >= prevTime) {\n              task.setAttribute('data-state', 'active');\n            }\n          });\n\n          if (elapsedSec < totalSeconds) {\n            requestAnimationFrame(tick);\n          } else {\n            timerClock.textContent = formatTime(totalSeconds);\n          }\n        }\n\n        tick();\n      }\n\n      \/\/ Start timer when widget enters viewport\n      if ('IntersectionObserver' in window) {\n        var timerObserver = new IntersectionObserver(function(entries) {\n          entries.forEach(function(entry) {\n            if (entry.isIntersecting) {\n              runTimer();\n              timerObserver.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.3 });\n\n        timerObserver.observe(timerWidget);\n      } else {\n        runTimer();\n      }\n    }\n\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 6. DEMO REPORT ANNOTATIONS (sequential reveal)\n    \/\/ -----------------------------------------------------------\n    var annotations = document.querySelectorAll('.wwu-annotation');\n    if (annotations.length && 'IntersectionObserver' in window) {\n      var annotationObserver = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            annotations.forEach(function(ann, i) {\n              setTimeout(function() {\n                ann.classList.add('wwu-active');\n              }, 400 + i * 350);\n            });\n            annotationObserver.disconnect();\n          }\n        });\n      }, { threshold: 0.3 });\n\n      var demoSection = document.querySelector('.wwu-demo-screenshot');\n      if (demoSection) annotationObserver.observe(demoSection);\n    }\n\n\n    \/\/ -----------------------------------------------------------\n    \/\/ 7. SMOOTH SCROLL FOR ANCHOR LINKS\n    \/\/ -----------------------------------------------------------\n    var anchorLinks = document.querySelectorAll('a[href^=\"#wwu-\"]');\n    anchorLinks.forEach(function(link) {\n      link.addEventListener('click', function(e) {\n        var targetId = this.getAttribute('href');\n        var target = document.querySelector(targetId);\n        if (target) {\n          e.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n\n  } \/\/ end init()\n\n  \/\/ Boot\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n\n\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Analisi gratuita \u00b7 60 secondi In 60 secondi sai esattamente cosa frena le vendite del tuo sito. Il nostro analizzatore scansiona velocit\u00e0, SEO, design&nbsp;&amp;&nbsp;UX e copywriting del tuo sito e ti mostra punti di forza, punti deboli e raccomandazioni concrete direttamente qui in pagina. Niente teoria. Solo numeri reali. 100% gratuito Niente attesa email Personalizzato [&hellip;]<\/p>\n","protected":false},"author":29,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-7745","page","type-page","status-publish","hentry"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/pages\/7745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/comments?post=7745"}],"version-history":[{"count":25,"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/pages\/7745\/revisions"}],"predecessor-version":[{"id":8432,"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/pages\/7745\/revisions\/8432"}],"wp:attachment":[{"href":"https:\/\/webwakeup.it\/en\/wp-json\/wp\/v2\/media?parent=7745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}