{"id":37,"date":"2026-10-09T10:59:38","date_gmt":"2026-10-09T10:59:38","guid":{"rendered":"https:\/\/custagency.com\/?page_id=37"},"modified":"2026-10-10T11:14:18","modified_gmt":"2026-10-10T11:14:18","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/www.custagency.com\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<!-- ============================================================\n     CUST AGENCY \u2014 HEADER \/ MENU (blocco sincronizzato)\n     Usato in tutte le pagine tranne la Home: si appoggia sopra la card dell\u2019hero come il menu della home\n     Prefisso classi: chd-\n     ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700&display=swap');\n.chd, .chd *, .chd *::before, .chd *::after { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; font-family: 'Outfit', sans-serif !important; }\n.chd {\n  --chd-ease: cubic-bezier(.22,1,.36,1);\n  \/* stessa rientranza del menu della home dentro la card dell'hero *\/\n  --chd-x: calc(max(24px, (100vw - 1920px) \/ 2 + 24px) + clamp(20px, 3vw, 60px));\n  position: relative !important;\n  z-index: 9990 !important;\n  display: block !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  height: 0 !important;\n  margin: 0 0 0 calc(50% - 50vw) !important;\n  background: transparent !important;\n}\n.chd a { text-decoration: none !important; }\n.chd ul, .chd li { list-style: none !important; }\n.chd__bar {\n  position: absolute !important;\n  top: 48px !important;\n  left: var(--chd-x) !important;\n  right: var(--chd-x) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 20px !important;\n  padding: 12px 14px 12px 34px !important;\n  border-radius: 60px !important;\n  background: rgba(36,21,41,.18) !important;\n  border: 1px solid rgba(255,255,255,.18) !important;\n  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;\n  backdrop-filter: blur(16px) saturate(140%) !important;\n  transition: background .5s ease, box-shadow .5s ease !important;\n  animation: chdDrop 1.2s var(--chd-ease) .2s both !important;\n}\n@keyframes chdDrop { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: none; } }\n\/* Dopo lo scroll resta in alto con la stessa larghezza *\/\n.chd.is-fixed .chd__bar {\n  position: fixed !important;\n  top: 14px !important;\n  background: rgba(36,21,41,.78) !important;\n  box-shadow: 0 20px 50px -20px rgba(0,0,0,.7) !important;\n  animation: chdIn .6s var(--chd-ease) both !important;\n}\nbody.admin-bar .chd.is-fixed .chd__bar { top: 46px !important; }\n@keyframes chdIn { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: none; } }\n\n\/* Spazio per il menu sopra l'hero di ogni pagina *\/\n.chd ~ .cco .cco-hero__card, .chd ~ .csr .csr-hero__card, .chd ~ .csm .csm-hero__card { padding-top: 96px !important; }\n.chd ~ .cpf .cpf-intro, .chd ~ .cbi .cbi-hero, .chd ~ .cai .cai-hero { padding-top: 180px !important; }\n\n.chd__logo { display: block !important; flex: 0 0 auto !important; }\n.chd__logo img { display: block !important; width: 104px !important; height: auto !important; max-width: none !important; }\n.chd__menu { display: flex !important; align-items: center !important; gap: 6px !important; }\n.chd__menu > li { position: relative !important; }\n.chd__link {\n  display: flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  color: #ffffff !important;\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  line-height: 1.2 !important;\n  padding: 10px 18px !important;\n  border-radius: 40px !important;\n  background: transparent !important;\n  border: 0 !important;\n  cursor: pointer !important;\n  transition: background .35s ease, color .35s ease !important;\n}\n.chd__link:hover, .chd__link:focus-visible, .chd__link.is-current { background: rgba(255,255,255,.12) !important; color: #ffffff !important; }\n.chd__link svg { width: 12px !important; height: 12px !important; transition: transform .4s var(--chd-ease) !important; }\n.chd__cta { background: #ffffff !important; color: #3a1f45 !important; font-weight: 600 !important; }\n.chd__cta:hover, .chd__cta:focus-visible, .chd__cta.is-current { background: #ffc574 !important; color: #3a1f45 !important; }\n\n\/* Sottomenu Servizi *\/\n.chd__sub {\n  position: absolute !important;\n  top: calc(100% + 14px) !important;\n  left: 50% !important;\n  min-width: 270px !important;\n  padding: 8px !important;\n  border-radius: 22px !important;\n  background: rgba(36,21,41,.95) !important;\n  border: 1px solid rgba(255,255,255,.14) !important;\n  -webkit-backdrop-filter: blur(20px) !important;\n  backdrop-filter: blur(20px) !important;\n  box-shadow: 0 30px 60px -25px rgba(0,0,0,.8) !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transform: translate(-50%, -8px) !important;\n  transition: opacity .35s var(--chd-ease), transform .35s var(--chd-ease), visibility .35s !important;\n}\n.chd__sub::before { content: \"\" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -16px !important; height: 16px !important; }\n.chd__has-sub:hover .chd__sub, .chd__has-sub:focus-within .chd__sub, .chd__has-sub.is-open .chd__sub { opacity: 1 !important; visibility: visible !important; transform: translate(-50%, 0) !important; }\n.chd__has-sub:hover > .chd__link svg, .chd__has-sub.is-open > .chd__link svg { transform: rotate(180deg) !important; }\n.chd__sub a {\n  display: block !important;\n  padding: 12px 16px !important;\n  border-radius: 14px !important;\n  color: #ffffff !important;\n  font-size: 15px !important;\n  line-height: 1.3 !important;\n  transition: background .3s ease, color .3s ease !important;\n}\n.chd__sub a small { display: block !important; font-size: 12px !important; color: rgba(255,255,255,.55) !important; margin-top: 2px !important; }\n.chd__sub a:hover, .chd__sub a.is-current { background: rgba(242,160,61,.14) !important; color: #ffc574 !important; }\n.chd__sub li + li.chd__sub-all { border-top: 1px solid rgba(255,255,255,.1) !important; margin-top: 6px !important; padding-top: 6px !important; }\n.chd__sub-all a { color: #f2a03d !important; font-weight: 500 !important; }\n\n.chd__burger {\n  display: none !important;\n  position: relative !important;\n  flex: 0 0 46px !important;\n  width: 46px !important;\n  height: 46px !important;\n  border-radius: 50% !important;\n  background: #ffffff !important;\n  border: 0 !important;\n  cursor: pointer !important;\n}\n.chd__burger span { position: absolute !important; left: 14px !important; width: 18px !important; height: 2px !important; border-radius: 2px !important; background: #3a1f45 !important; transition: transform .45s var(--chd-ease), top .45s var(--chd-ease), opacity .3s ease !important; }\n.chd__burger span:nth-child(1) { top: 17px !important; }\n.chd__burger span:nth-child(2) { top: 22px !important; }\n.chd__burger span:nth-child(3) { top: 27px !important; }\n.chd.is-open .chd__burger span:nth-child(1) { top: 22px !important; transform: rotate(45deg) !important; }\n.chd.is-open .chd__burger span:nth-child(2) { opacity: 0 !important; }\n.chd.is-open .chd__burger span:nth-child(3) { top: 22px !important; transform: rotate(-45deg) !important; }\n\n@media (max-width: 1024px) {\n  .chd ~ .cco .cco-hero__card, .chd ~ .csr .csr-hero__card, .chd ~ .csm .csm-hero__card { padding-top: 84px !important; }\n}\n@media (max-width: 768px) {\n  .chd { --chd-x: 30px; }\n  .chd__bar { top: 30px !important; }\n  .chd.is-fixed .chd__bar { top: 12px !important; }\n  .chd ~ .cco .cco-hero__card, .chd ~ .csr .csr-hero__card, .chd ~ .csm .csm-hero__card { padding-top: 64px !important; }\n  .chd ~ .cpf .cpf-intro, .chd ~ .cbi .cbi-hero, .chd ~ .cai .cai-hero { padding-top: 130px !important; }\n}\n@media (max-width: 900px) {\n  .chd__bar { padding: 8px 8px 8px 20px !important; }\n  .chd__burger { display: block !important; }\n  .chd__menu {\n    position: absolute !important;\n    top: calc(100% + 10px) !important;\n    left: 0 !important;\n    right: 0 !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 4px !important;\n    max-height: calc(100vh - 120px) !important;\n    overflow-y: auto !important;\n    padding: 10px !important;\n    border-radius: 24px !important;\n    background: rgba(36,21,41,.96) !important;\n    border: 1px solid rgba(255,255,255,.14) !important;\n    -webkit-backdrop-filter: blur(20px) !important;\n    backdrop-filter: blur(20px) !important;\n    opacity: 0 !important;\n    visibility: hidden !important;\n    transform: translateY(-10px) !important;\n    transition: opacity .4s var(--chd-ease), transform .4s var(--chd-ease), visibility .4s !important;\n  }\n  .chd.is-open .chd__menu { opacity: 1 !important; visibility: visible !important; transform: none !important; }\n  .chd__link { justify-content: center !important; font-size: 17px !important; padding: 14px 18px !important; width: 100% !important; }\n  .chd__link svg { display: none !important; }\n  .chd__sub {\n    position: static !important;\n    min-width: 0 !important;\n    padding: 0 0 6px 0 !important;\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: none !important;\n  }\n  .chd__sub::before { display: none !important; }\n  .chd__has-sub:hover .chd__sub, .chd__has-sub:focus-within .chd__sub { transform: none !important; }\n  .chd__sub a { text-align: center !important; font-size: 15px !important; padding: 9px 16px !important; color: rgba(255,255,255,.8) !important; }\n  .chd__sub a small { display: none !important; }\n  .chd__sub li + li.chd__sub-all { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .chd__bar, .chd.is-fixed .chd__bar { animation: none !important; }\n}\n<\/style>\n\n<header class=\"chd\" id=\"chd\">\n  <nav class=\"chd__bar\" aria-label=\"Menu principale\">\n    <a class=\"chd__logo\" href=\"\/\" aria-label=\"Cust Agency - Home\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/logo.png\" alt=\"Cust Agency logo\" width=\"104\" height=\"33\">\n    <\/a>\n    <ul class=\"chd__menu\" id=\"chd-menu\">\n      <li><a class=\"chd__link\" href=\"\/\">Home<\/a><\/li>\n      <li class=\"chd__has-sub\">\n        <a class=\"chd__link\" href=\"\/servizi\/\" aria-haspopup=\"true\">Servizi<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/a>\n        <ul class=\"chd__sub\">\n          <li><a href=\"\/creazione-siti-web-ai-ready\/\">Siti web AI-Ready<small>Siti ed e-commerce con SEO, AEO e GEO<\/small><\/a><\/li>\n          <li><a href=\"\/meta-ads-e-gestione-social\/\">Social e Meta Ads<small>Contenuti, community e campagne<\/small><\/a><\/li>\n          <li><a href=\"\/brand-identity\/\">Brand identity<small>Logo, immagine coordinata e grafica<\/small><\/a><\/li>\n          <li class=\"chd__sub-all\"><a href=\"\/servizi\/\">Tutti i servizi \u2192<\/a><\/li>\n        <\/ul>\n      <\/li>\n      <li><a class=\"chd__link\" href=\"\/portfolio\/\">Portfolio<\/a><\/li>\n      <li><a class=\"chd__link chd__cta\" href=\"\/contatti\/\">Contatti<\/a><\/li>\n    <\/ul>\n    <button class=\"chd__burger\" type=\"button\" aria-label=\"Apri menu\" aria-expanded=\"false\" aria-controls=\"chd-menu\"><span><\/span><span><\/span><span><\/span><\/button>\n  <\/nav>\n<\/header>\n\n<script>\n(function () {\n  var hd = document.getElementById('chd');\n  if (!hd || hd.dataset.ready) return;\n  hd.dataset.ready = '1';\n  var burger = hd.querySelector('.chd__burger');\n\n  \/* Pagina corrente evidenziata *\/\n  var path = window.location.pathname.replace(\/\\\/+$\/, '') || '\/';\n  hd.querySelectorAll('a[href]').forEach(function (a) {\n    var h = a.getAttribute('href').replace(\/\\\/+$\/, '') || '\/';\n    if (h === path) {\n      a.classList.add('is-current');\n      a.setAttribute('aria-current', 'page');\n      var parent = a.closest('.chd__has-sub');\n      if (parent) parent.querySelector('.chd__link').classList.add('is-current');\n    }\n  });\n\n  \/* Menu mobile *\/\n  var close = function () {\n    hd.classList.remove('is-open');\n    burger.setAttribute('aria-expanded', 'false');\n    burger.setAttribute('aria-label', 'Apri menu');\n  };\n  burger.addEventListener('click', function () {\n    var open = hd.classList.toggle('is-open');\n    burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n    burger.setAttribute('aria-label', open ? 'Chiudi menu' : 'Apri menu');\n  });\n  hd.querySelectorAll('.chd__menu a').forEach(function (a) { a.addEventListener('click', close); });\n  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') close(); });\n  document.addEventListener('click', function (e) { if (!hd.contains(e.target)) close(); });\n\n  \/* Menu fisso dopo lo scroll *\/\n  var tick = false;\n  var upd = function () {\n    hd.classList.toggle('is-fixed', window.scrollY > 140);\n    tick = false;\n  };\n  window.addEventListener('scroll', function () { if (!tick) { tick = true; window.requestAnimationFrame(upd); } }, { passive: true });\n  upd();\n})();\n<\/script>\n\n\n\n\n<!-- ============================================================\n     CUST AGENCY \u2014 PORTFOLIO\n     Blocco HTML personalizzato (Gutenberg) per WordPress + Astra\n     Prefisso classi: cpf-  |  Font: Outfit (mockup PackMon: Chakra Petch)\n     Impostazioni pagina Astra: larghezza piena, nessuna sidebar, titolo disattivato\n     ============================================================ -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;300;400;500;600;700;800&family=Chakra+Petch:wght@600;700&display=swap');\n\n@media (max-width: 768px) { #page { overflow-x: clip !important; } }\n\n\/* =========================================\n   RESET + TOKENS\n   ========================================= *\/\n.cpf, .cpf *, .cpf *::before, .cpf *::after {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  float: none !important;\n  box-sizing: border-box !important;\n}\n.cpf, .cpf * {\n  font-family: 'Outfit', sans-serif !important;\n  -webkit-font-smoothing: antialiased !important;\n}\n\n.cpf {\n  --c-bg: #241529;\n  --c-bg-2: #1d1121;\n  --c-plum: #3a2140;\n  --c-plum-2: #5a3560;\n  --c-orange: #f2a03d;\n  --c-orange-light: #ffc574;\n  --c-orange-deep: #e07f22;\n  --c-btn: #3a1f45;\n  --c-white: #ffffff;\n  --c-muted: rgba(255,255,255,.72);\n  --c-glass: rgba(255,255,255,.045);\n  --c-glass-border: rgba(255,255,255,.12);\n  --c-ease: cubic-bezier(.22,1,.36,1);\n  position: relative !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  left: 50% !important;\n  margin-left: -50vw !important;\n  background: radial-gradient(1100px 600px at 90% 0%, rgba(242,160,61,.10), transparent 60%), var(--c-bg) !important;\n  color: var(--c-white) !important;\n  overflow: hidden !important;\n  overflow: clip !important; \/* clip (non hidden) per non bloccare il titolo sticky *\/\n  line-height: 1.55 !important;\n}\n.cpf img { display: block !important; max-width: 100% !important; height: auto !important; }\n.cpf a { text-decoration: none !important; }\n.cpf ::selection { background: var(--c-orange) !important; color: var(--c-btn) !important; }\n\n.cpf-wrap {\n  position: relative !important;\n  z-index: 2 !important;\n  width: 100% !important;\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n  padding: 0 28px !important;\n}\n\n\/* Blob ambient *\/\n.cpf-blob {\n  position: absolute !important;\n  z-index: 0 !important;\n  border-radius: 50% !important;\n  filter: blur(90px) !important;\n  opacity: .5 !important;\n  pointer-events: none !important;\n  animation: cpfBlob 18s ease-in-out infinite alternate !important;\n}\n.cpf-blob--orange { background: radial-gradient(circle, var(--c-orange) 0%, transparent 70%) !important; }\n.cpf-blob--plum { background: radial-gradient(circle, #7a3f80 0%, transparent 70%) !important; }\n@keyframes cpfBlob {\n  0%   { transform: translate(0,0) scale(1); }\n  50%  { transform: translate(40px,-30px) scale(1.12); }\n  100% { transform: translate(-30px,25px) scale(.95); }\n}\n\n\/* =========================================\n   TIPOGRAFIA\n   ========================================= *\/\n.cpf h1, .cpf h2, .cpf h3 {\n  color: var(--c-white) !important;\n  font-weight: 600 !important;\n  line-height: 1.08 !important;\n  letter-spacing: -0.025em !important;\n  overflow-wrap: break-word !important;\n  -webkit-hyphens: manual !important;\n  hyphens: manual !important;\n}\n.cpf h2 { font-size: clamp(30px, 4.2vw, 52px) !important; }\n.cpf p {\n  color: var(--c-muted) !important;\n  font-size: 17px !important;\n  font-weight: 300 !important;\n  line-height: 1.7 !important;\n}\n.cpf p strong { color: var(--c-white) !important; font-weight: 500 !important; }\n.cpf p a { color: var(--c-orange) !important; border-bottom: 1px solid rgba(242,160,61,.4) !important; transition: border-color .3s ease !important; }\n.cpf p a:hover { border-color: var(--c-orange) !important; }\n.cpf-accent { color: var(--c-orange) !important; }\n\n.cpf-eyebrow {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 12px !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  letter-spacing: .22em !important;\n  text-transform: uppercase !important;\n  color: var(--c-orange) !important;\n  margin-bottom: 18px !important;\n}\n.cpf-eyebrow::before {\n  content: \"\" !important;\n  width: 34px !important;\n  height: 1px !important;\n  background: currentColor !important;\n  display: block !important;\n}\n.cpf-eyebrow--center::after {\n  content: \"\" !important;\n  width: 34px !important;\n  height: 1px !important;\n  background: currentColor !important;\n  display: block !important;\n}\n.cpf-head { text-align: center !important; max-width: 760px !important; margin: 0 auto 56px auto !important; }\n.cpf-head .cpf-eyebrow { justify-content: center !important; }\n.cpf-head h2 { margin-bottom: 16px !important; }\n\n\/* =========================================\n   BOTTONI\n   ========================================= *\/\n.cpf-btn {\n  position: relative !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 12px !important;\n  overflow: hidden !important;\n  isolation: isolate !important;\n  background: var(--c-btn) !important;\n  color: var(--c-white) !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  padding: 15px 18px 15px 30px !important;\n  border-radius: 60px !important;\n  border: 1px solid rgba(255,255,255,.12) !important;\n  box-shadow: 0 10px 30px -10px rgba(20,8,26,.6) !important;\n  white-space: nowrap !important;\n  transition: transform .5s var(--c-ease), box-shadow .5s var(--c-ease) !important;\n}\n.cpf-btn::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: -120% !important;\n  width: 60% !important;\n  height: 100% !important;\n  z-index: -1 !important;\n  background: linear-gradient(110deg, transparent, rgba(255,255,255,.28), transparent) !important;\n  transform: skewX(-20deg) !important;\n  transition: left .8s var(--c-ease) !important;\n}\n.cpf-btn:hover::before { left: 140% !important; }\n.cpf-btn:hover { color: var(--c-white) !important; transform: translateY(-3px) !important; box-shadow: 0 18px 40px -12px rgba(20,8,26,.75) !important; }\n.cpf-btn__arrow {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 30px !important;\n  height: 30px !important;\n  border-radius: 50% !important;\n  background: var(--c-orange) !important;\n  color: var(--c-btn) !important;\n  transition: transform .5s var(--c-ease) !important;\n}\n.cpf-btn__arrow svg { width: 14px !important; height: 14px !important; }\n.cpf-btn:hover .cpf-btn__arrow { transform: rotate(-45deg) !important; }\n.cpf-btn--orange { background: var(--c-orange) !important; color: var(--c-btn) !important; border-color: rgba(255,255,255,.3) !important; }\n.cpf-btn--orange:hover { color: var(--c-btn) !important; }\n.cpf-btn--orange .cpf-btn__arrow { background: var(--c-btn) !important; color: var(--c-orange) !important; }\n.cpf-btn--white { background: var(--c-white) !important; color: var(--c-btn) !important; }\n.cpf-btn--white:hover { color: var(--c-btn) !important; }\n.cpf-btn--yellow { background: #f5c518 !important; color: #1a1200 !important; border-color: rgba(255,255,255,.3) !important; }\n.cpf-btn--yellow:hover { color: #1a1200 !important; }\n.cpf-btn--yellow .cpf-btn__arrow { background: #1a1200 !important; color: #f5c518 !important; }\n\n\/* Spotlight *\/\n.cpf-spot { position: relative !important; isolation: isolate !important; }\n.cpf-spot::after {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  border-radius: inherit !important;\n  pointer-events: none !important;\n  z-index: 1 !important;\n  opacity: 0 !important;\n  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.12), transparent 45%) !important;\n  transition: opacity .5s ease !important;\n}\n.cpf-spot:hover::after { opacity: 1 !important; }\n\n\/* Reveal (solo con JS) *\/\n.cpf-js .cpf-reveal {\n  opacity: 0 !important;\n  transform: translateY(40px) !important;\n  filter: blur(6px) !important;\n  transition: opacity 1.1s var(--c-ease), transform 1.1s var(--c-ease), filter 1.1s var(--c-ease) !important;\n  transition-delay: var(--d, 0s) !important;\n}\n.cpf-js .cpf-reveal--scale { transform: scale(.94) !important; }\n.cpf-js .cpf-reveal.is-in { opacity: 1 !important; transform: none !important; filter: none !important; }\n\n\/* =========================================\n   1. INTRO + BENTO\n   ========================================= *\/\n.cpf-intro { position: relative !important; padding: 120px 0 110px 0 !important; }\n.cpf-intro .cpf-blob { width: 560px !important; height: 560px !important; right: -200px !important; top: -120px !important; }\n.cpf-intro__grid {\n  display: grid !important;\n  grid-template-columns: minmax(0, 1fr) 420px !important;\n  gap: 64px !important;\n  align-items: start !important;\n}\n.cpf-intro__bento { order: 1 !important; min-width: 0 !important; }\n.cpf-intro__head { order: 2 !important; position: sticky !important; top: 100px !important; }\n.cpf-intro__head h1 {\n  font-size: clamp(42px, 4.6vw, 66px) !important;\n  font-weight: 600 !important;\n  line-height: 1.02 !important;\n  letter-spacing: -0.04em !important;\n  margin-bottom: 24px !important;\n}\n.cpf-intro__head p { margin-bottom: 34px !important; }\n\n.cpf-bento {\n  display: grid !important;\n  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  gap: 20px !important;\n}\n.cpf-card {\n  position: relative !important;\n  overflow: hidden !important;\n  border-radius: 24px !important;\n  padding: 34px !important;\n  background: var(--c-glass) !important;\n  border: 1px solid var(--c-glass-border) !important;\n  transition: transform .6s var(--c-ease), box-shadow .6s var(--c-ease), border-color .5s ease !important;\n}\n.cpf-card::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 3px !important;\n  z-index: 2 !important;\n  background: linear-gradient(90deg, var(--c-orange), var(--c-orange-light)) !important;\n  transform: scaleX(0) !important;\n  transform-origin: left !important;\n  transition: transform .6s var(--c-ease) !important;\n}\n.cpf-card:hover { transform: translateY(-6px) !important; border-color: rgba(242,160,61,.35) !important; box-shadow: 0 30px 60px -30px rgba(0,0,0,.7) !important; }\n.cpf-card:hover::before { transform: scaleX(1) !important; }\n.cpf-card > * { position: relative !important; z-index: 2 !important; }\n\n\/* Featured Rarity *\/\n.cpf-featured {\n  grid-column: span 8 !important;\n  grid-row: span 2 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n  gap: 30px !important;\n  padding: 50px !important;\n  background: radial-gradient(500px 340px at 100% 0%, rgba(245,197,24,.28), transparent 60%), linear-gradient(150deg, #2a1f05 0%, #140e02 100%) !important;\n  border-color: rgba(245,197,24,.25) !important;\n}\n.cpf-featured::before { background: #f5c518 !important; }\n.cpf-badge {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  width: fit-content !important;\n  padding: 8px 16px !important;\n  margin-bottom: 24px !important;\n  border-radius: 40px !important;\n  background: rgba(245,197,24,.14) !important;\n  border: 1px solid rgba(245,197,24,.35) !important;\n  color: #f5c518 !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n.cpf-badge::before {\n  content: \"\" !important;\n  width: 7px !important;\n  height: 7px !important;\n  border-radius: 50% !important;\n  background: currentColor !important;\n  display: block !important;\n}\n.cpf-featured h2 { font-size: clamp(28px, 3vw, 40px) !important; margin-bottom: 18px !important; }\n.cpf-featured p { color: rgba(255,255,255,.8) !important; }\n.cpf-meta { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 26px !important; }\n.cpf-chip {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  padding: 7px 14px !important;\n  border-radius: 30px !important;\n  background: rgba(255,255,255,.07) !important;\n  border: 1px solid rgba(255,255,255,.16) !important;\n  color: var(--c-white) !important;\n}\n\n\/* Stats *\/\n.cpf-stats {\n  grid-column: span 4 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  background: linear-gradient(160deg, #f6ae55 0%, #f2a03d 45%, #c46d3f 100%) !important;\n  border-color: rgba(255,255,255,.3) !important;\n}\n.cpf-stats__num { display: block !important; font-size: 72px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: -0.04em !important; color: var(--c-btn) !important; margin-bottom: 10px !important; }\n.cpf-stats__label { display: block !important; font-size: 17px !important; font-weight: 600 !important; color: var(--c-btn) !important; }\n.cpf-stats__sub { display: block !important; font-size: 14px !important; color: rgba(58,31,69,.75) !important; margin-top: 6px !important; }\n\n\/* Categorie *\/\n.cpf-cat { grid-column: span 4 !important; padding: 30px 28px !important; }\n.cpf-cat__icon {\n  width: 44px !important;\n  height: 44px !important;\n  border-radius: 14px !important;\n  margin-bottom: 22px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  background: linear-gradient(160deg, var(--c-orange) 0%, #9a5a4e 100%) !important;\n  color: var(--c-white) !important;\n}\n.cpf-cat__icon svg { width: 22px !important; height: 22px !important; }\n.cpf-cat h3 { font-size: 19px !important; margin-bottom: 8px !important; }\n.cpf-cat p { font-size: 15px !important; line-height: 1.55 !important; }\n\n\/* Project cards *\/\n.cpf-project { grid-column: span 4 !important; padding: 0 !important; display: block !important; }\n.cpf-project__img {\n  position: relative !important;\n  height: 200px !important;\n  overflow: hidden !important;\n  background: linear-gradient(135deg, #3a2140, #241529) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n.cpf-project__img img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 1.2s var(--c-ease) !important; }\n.cpf-project:hover .cpf-project__img img { transform: scale(1.06) !important; }\n.cpf-project__word { font-size: 30px !important; font-weight: 700 !important; letter-spacing: .12em !important; }\n.cpf-project__img--alibi { background: linear-gradient(135deg, #2d1f3d 0%, #1a1a2e 100%) !important; }\n.cpf-project__img--alibi .cpf-project__word { color: #d4af37 !important; }\n.cpf-project__img--mavis { background: radial-gradient(circle at 30% 20%, #3b3b3b 0%, #0d0d0d 70%) !important; }\n.cpf-project__img--mavis .cpf-project__word { color: #f3efe6 !important; font-weight: 300 !important; letter-spacing: .2em !important; font-size: 22px !important; }\n.cpf-project__word { white-space: nowrap !important; text-align: center !important; }\n.cpf-project__overlay {\n  position: absolute !important;\n  inset: 0 !important;\n  z-index: 2 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  background: linear-gradient(135deg, rgba(242,160,61,.92), rgba(90,53,96,.92)) !important;\n  opacity: 0 !important;\n  transition: opacity .45s ease !important;\n}\n.cpf-project:hover .cpf-project__overlay { opacity: 1 !important; }\n.cpf-project__overlay span { color: var(--c-white) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .14em !important; text-transform: uppercase !important; }\n.cpf-project__info { padding: 24px 26px 28px 26px !important; }\n.cpf-project__cat, .cpf-pcard__cat {\n  display: block !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  letter-spacing: .14em !important;\n  text-transform: uppercase !important;\n  color: var(--c-orange) !important;\n  margin-bottom: 8px !important;\n}\n.cpf-project__info h3 { font-size: 19px !important; margin-bottom: 6px !important; }\n.cpf-project__info p { font-size: 15px !important; line-height: 1.5 !important; }\n\n\/* CTA bento *\/\n.cpf-cta {\n  grid-column: span 12 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 30px !important;\n  padding: 40px 44px !important;\n  background: linear-gradient(120deg, #f2a03d 0%, #c46d3f 45%, #5a3560 100%) !important;\n  border-color: rgba(255,255,255,.25) !important;\n}\n.cpf-cta h3 { font-size: 30px !important; margin-bottom: 8px !important; }\n.cpf-cta .cpf-btn { flex-shrink: 0 !important; }\n.cpf-cta p { color: rgba(255,255,255,.88) !important; }\n\n\/* =========================================\n   2. ULTIMO LAVORO \u2014 PACKMON\n   ========================================= *\/\n.cpf-latest { position: relative !important; padding: 110px 0 120px 0 !important; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.18) 100%) !important; }\n.cpf-latest .cpf-blob { width: 640px !important; height: 640px !important; left: -260px !important; top: 200px !important; }\n.cpf-latest__grid {\n  display: grid !important;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;\n  gap: 60px !important;\n  align-items: end !important;\n  margin-bottom: 60px !important;\n}\n.cpf-latest__title h2 { margin-bottom: 0 !important; }\n.cpf-latest__title h2 span { color: #fcc256 !important; }\n.cpf-latest__text p { margin-bottom: 22px !important; }\n.cpf-latest__list {\n  list-style: none !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 10px 20px !important;\n  margin-bottom: 30px !important;\n}\n.cpf-latest__list li {\n  list-style: none !important;\n  position: relative !important;\n  padding-left: 22px !important;\n  font-size: 15px !important;\n  color: rgba(255,255,255,.85) !important;\n  line-height: 1.45 !important;\n}\n.cpf-latest__list li::before {\n  content: \"\" !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 7px !important;\n  width: 10px !important;\n  height: 10px !important;\n  border-radius: 3px !important;\n  background: #fcc256 !important;\n  transform: rotate(45deg) !important;\n}\n.cpf-latest__actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 18px !important; }\n\n\/* Stage dispositivi *\/\n.cpf-stage {\n  position: relative !important;\n  max-width: 1100px !important;\n  margin: 0 auto !important;\n  padding: 0 0 40px 0 !important;\n}\n.cpf-stage::before {\n  content: \"\" !important;\n  position: absolute !important;\n  left: 10% !important;\n  right: 10% !important;\n  top: 20% !important;\n  bottom: 0 !important;\n  z-index: 0 !important;\n  border-radius: 50% !important;\n  background: radial-gradient(closest-side, rgba(252,194,86,.35), transparent) !important;\n  filter: blur(40px) !important;\n}\n.cpf-laptop { position: relative !important; z-index: 1 !important; width: 78% !important; margin: 0 auto !important; }\n.cpf-laptop__lid {\n  position: relative !important;\n  padding: 1.6% 1.6% 2.2% 1.6% !important;\n  border-radius: 18px 18px 6px 6px !important;\n  background: linear-gradient(180deg, #2a2a2e, #111113) !important;\n  border: 1px solid rgba(255,255,255,.14) !important;\n  box-shadow: 0 50px 90px -40px rgba(0,0,0,.85) !important;\n}\n.cpf-laptop__lid::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: .6% !important;\n  left: 50% !important;\n  width: 6px !important;\n  height: 6px !important;\n  margin-left: -3px !important;\n  border-radius: 50% !important;\n  background: #3a3a40 !important;\n}\n.cpf-laptop__base {\n  position: relative !important;\n  width: 116% !important;\n  margin-left: -8% !important;\n  height: 16px !important;\n  border-radius: 0 0 18px 18px !important;\n  background: linear-gradient(180deg, #d6d6db 0%, #9a9aa2 60%, #6b6b72 100%) !important;\n  box-shadow: 0 30px 40px -20px rgba(0,0,0,.8) !important;\n}\n.cpf-laptop__base::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  width: 14% !important;\n  height: 6px !important;\n  transform: translateX(-50%) !important;\n  border-radius: 0 0 8px 8px !important;\n  background: #8a8a92 !important;\n}\n.cpf-browser {\n  display: flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  height: 26px !important;\n  padding: 0 10px !important;\n  background: #ececef !important;\n  border-radius: 6px 6px 0 0 !important;\n}\n.cpf-browser i { display: block !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #ff5f57 !important; }\n.cpf-browser i:nth-child(2) { background: #febc2e !important; }\n.cpf-browser i:nth-child(3) { background: #28c840 !important; }\n.cpf-browser span {\n  flex: 1 !important;\n  margin-left: 10px !important;\n  max-width: 50% !important;\n  height: 16px !important;\n  border-radius: 5px !important;\n  background: #ffffff !important;\n  font-size: 10px !important;\n  line-height: 16px !important;\n  color: #6b6b72 !important;\n  padding: 0 8px !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n}\n.cpf-screen {\n  position: relative !important;\n  overflow: hidden !important;\n  container-type: inline-size !important;\n  background: #f7f7f7 !important;\n}\n.cpf-laptop .cpf-screen { aspect-ratio: 16 \/ 10 !important; border-radius: 0 0 4px 4px !important; }\n\n.cpf-phone {\n  position: absolute !important;\n  z-index: 3 !important;\n  width: 18% !important;\n  bottom: 0 !important;\n  border-radius: 34px !important;\n  background: #0f0f10 !important;\n  border: 1px solid rgba(255,255,255,.18) !important;\n  box-shadow: 0 40px 70px -30px rgba(0,0,0,.9), inset 0 0 0 5px #0f0f10 !important;\n  animation: cpfFloat 7s ease-in-out infinite !important;\n}\n.cpf-phone--left { left: -1% !important; transform: rotate(-5deg) !important; }\n.cpf-phone--right { right: -1% !important; transform: rotate(3deg) !important; animation-delay: -3.5s !important; }\n@keyframes cpfFloat {\n  0%, 100% { translate: 0 0; }\n  50%      { translate: 0 -14px; }\n}\n.cpf-phone .cpf-screen {\n  aspect-ratio: 9 \/ 19.5 !important;\n  border-radius: 28px !important;\n  margin: 6px !important;\n}\n.cpf-phone__notch {\n  position: absolute !important;\n  z-index: 5 !important;\n  top: 2.4% !important;\n  left: 50% !important;\n  width: 30% !important;\n  height: 3% !important;\n  transform: translateX(-50%) !important;\n  border-radius: 20px !important;\n  background: #0f0f10 !important;\n}\n\n\/* =========================================\n   MOCKUP PACKMON (unit\u00e0 cqw = larghezza schermo)\n   ========================================= *\/\n.pm, .pm * { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; color: #1f1f1f !important; line-height: 1.35 !important; letter-spacing: 0 !important; }\n.pm .pm-ch { font-family: 'Chakra Petch', 'Outfit', sans-serif !important; }\n.pm img { max-width: none !important; }\n\n\/* Pagina laptop: scroll automatico *\/\n.pm-page { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; animation: pmScroll 22s cubic-bezier(.65,0,.35,1) infinite !important; }\n@keyframes pmScroll {\n  0%, 14%   { transform: translateY(0); }\n  36%, 50%  { transform: translateY(-38cqw); }\n  72%, 86%  { transform: translateY(-64cqw); }\n  100%      { transform: translateY(0); }\n}\n.cpf-laptop:hover .pm-page { animation-play-state: paused !important; }\n\n.pm-header {\n  height: 6cqw !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  padding: 0 3.5cqw !important;\n  background: rgba(255,255,255,.96) !important;\n  border-bottom: .45cqw solid #fcc256 !important;\n}\n.pm .pm-header__logo { height: 3.6cqw !important; width: auto !important; max-width: 16cqw !important; object-fit: contain !important; }\n.pm-header__logo-fallback { font-size: 1.8cqw !important; font-weight: 700 !important; }\n.pm-nav { display: flex !important; align-items: center !important; gap: 1.8cqw !important; }\n.pm-nav span { white-space: nowrap !important; font-size: 1.05cqw !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .04em !important; }\n.pm-nav span:first-child { box-shadow: inset 0 -.35cqw 0 #fcc256 !important; padding-bottom: .4cqw !important; }\n.pm-nav span.pm-nav__ev { background: #1f1f1f !important; color: #fcc256 !important; padding: .3cqw .9cqw !important; border-radius: .5cqw !important; }\n.pm-icons { display: flex !important; gap: 1.2cqw !important; }\n.pm-icons i { display: block !important; width: 2.2cqw !important; height: 2.2cqw !important; border-radius: 50% !important; border: .25cqw solid #1f1f1f !important; }\n\n.pm-hero {\n  position: relative !important;\n  height: 36cqw !important;\n  display: grid !important;\n  grid-template-columns: 1.05fr 1fr !important;\n  align-items: center !important;\n  padding: 0 5cqw !important;\n  overflow: hidden !important;\n  background-color: #f7f7f7 !important;\n  background-image: radial-gradient(rgba(0,0,0,.09) .12cqw, transparent .14cqw) !important;\n  background-size: 1.4cqw 1.4cqw !important;\n}\n.pm-ghost {\n  position: absolute !important;\n  right: -3cqw !important;\n  bottom: -6cqw !important;\n  font-size: 22cqw !important;\n  font-weight: 700 !important;\n  color: transparent !important;\n  -webkit-text-stroke: .2cqw rgba(245,179,36,.35) !important;\n  line-height: 1 !important;\n}\n.pm-kicker { display: flex !important; align-items: center !important; gap: .9cqw !important; font-size: 1.05cqw !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .18em !important; color: #f5b324 !important; margin-bottom: 1.4cqw !important; }\n.pm-kicker::before { content: \"\" !important; width: 2.6cqw !important; height: .3cqw !important; background: #fcc256 !important; display: block !important; }\n.pm-h1 { font-size: 4.3cqw !important; font-weight: 700 !important; line-height: 1.02 !important; letter-spacing: -.02em !important; margin-bottom: 1.6cqw !important; }\n.pm-hl { position: relative !important; display: inline-block !important; z-index: 0 !important; }\n.pm-hl::after { content: \"\" !important; position: absolute !important; z-index: -1 !important; left: -2% !important; right: -2% !important; bottom: 6% !important; height: 36% !important; background: #fcc256 !important; transform: skewX(-8deg) !important; }\n.pm-p { font-size: 1.2cqw !important; color: #4a4a4a !important; line-height: 1.55 !important; max-width: 36cqw !important; margin-bottom: 2.2cqw !important; }\n.pm-btn {\n  display: inline-block !important;\n  font-size: 1.2cqw !important;\n  font-weight: 700 !important;\n  padding: 1.1cqw 2.2cqw !important;\n  border-radius: .7cqw !important;\n  background: #1f1f1f !important;\n  color: #f5b324 !important;\n  box-shadow: 0 .5cqw 0 #f5b324 !important;\n  margin-bottom: 2.4cqw !important;\n}\n.pm-trust { display: flex !important; gap: 1.6cqw !important; }\n.pm-trust span { display: flex !important; align-items: center !important; gap: .6cqw !important; font-size: .9cqw !important; font-weight: 600 !important; }\n.pm-trust span::before { content: \"\u2713\" !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 1.5cqw !important; height: 1.5cqw !important; border-radius: .3cqw !important; background: #fcc256 !important; font-size: .9cqw !important; color: #1f1f1f !important; }\n.pm-hero__visual { position: relative !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; }\n.pm-ring { position: absolute !important; width: 28cqw !important; height: 28cqw !important; border-radius: 50% !important; border: .3cqw dashed rgba(245,179,36,.8) !important; animation: pmSpin 30s linear infinite !important; }\n.pm-glow { position: absolute !important; width: 26cqw !important; height: 26cqw !important; border-radius: 50% !important; background: radial-gradient(closest-side, rgba(252,194,86,.7), transparent) !important; }\n@keyframes pmSpin { to { transform: rotate(360deg); } }\n.pm .pm-hero__img { position: relative !important; z-index: 2 !important; width: 30cqw !important; max-height: 30cqw !important; object-fit: contain !important; animation: pmBob 6s ease-in-out infinite !important; }\n@keyframes pmBob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1.2cqw); } }\n.pm-sticker {\n  position: absolute !important;\n  z-index: 3 !important;\n  right: 1cqw !important;\n  bottom: 4cqw !important;\n  width: 9cqw !important;\n  height: 9cqw !important;\n  border-radius: 50% !important;\n  background: #1f1f1f !important;\n  box-shadow: inset 0 0 0 .45cqw #fcc256 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transform: rotate(-12deg) !important;\n  text-align: center !important;\n}\n.pm-sticker b { display: block !important; font-size: .75cqw !important; color: #fcc256 !important; letter-spacing: .1em !important; }\n.pm-sticker strong { display: block !important; font-size: 1.9cqw !important; color: #ffffff !important; line-height: 1 !important; margin: .3cqw 0 !important; }\n\n.pm-marquee {\n  position: relative !important;\n  z-index: 2 !important;\n  height: 4.6cqw !important;\n  margin: -1cqw -2cqw 0 -2cqw !important;\n  background: #1f1f1f !important;\n  border-top: .35cqw solid #fcc256 !important;\n  border-bottom: .35cqw solid #fcc256 !important;\n  transform: rotate(-1.2deg) !important;\n  overflow: hidden !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.pm-marquee__track { display: flex !important; width: max-content !important; animation: pmMarq 16s linear infinite !important; }\n.pm-marquee__track span { font-size: 1.5cqw !important; font-weight: 700 !important; text-transform: uppercase !important; color: #fcc256 !important; white-space: nowrap !important; padding-right: 2.4cqw !important; }\n.pm-marquee__track span em { font-style: normal !important; color: #ffffff !important; padding-left: 2.4cqw !important; }\n@keyframes pmMarq { to { transform: translateX(-50%); } }\n\n.pm-cats {\n  height: 42cqw !important;\n  margin-top: -1cqw !important;\n  padding: 5cqw 5cqw 0 5cqw !important;\n  background-color: #242424 !important;\n  background-image: radial-gradient(rgba(252,194,86,.2) .12cqw, transparent .14cqw) !important;\n  background-size: 1.6cqw 1.6cqw !important;\n}\n.pm-cats .pm-kicker { margin-bottom: 1cqw !important; }\n.pm-h2 { font-size: 3.2cqw !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 2.6cqw !important; letter-spacing: -.01em !important; }\n.pm-cats__grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 1.6cqw !important; }\n\n.pm-card {\n  position: relative !important;\n  overflow: hidden !important;\n  height: 24cqw !important;\n  padding: 1.6cqw !important;\n  border-radius: 1.6cqw !important;\n  border: .25cqw solid #fcc256 !important;\n  background: linear-gradient(160deg, #2e2e2e, #1a1a1a) !important;\n  box-shadow: .8cqw .8cqw 0 #0f0f0f !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n}\n.pm-card::after {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: -50% !important;\n  background: conic-gradient(from 0deg, #ff7a7a, #fcc256, #8ef0a8, #7cc8ff, #c09bff, #ff7a7a) !important;\n  mix-blend-mode: color-dodge !important;\n  opacity: .22 !important;\n  animation: pmSpin 10s linear infinite !important;\n  pointer-events: none !important;\n}\n.pm-card__top { display: flex !important; justify-content: space-between !important; align-items: center !important; }\n.pm-card__num { font-size: .9cqw !important; font-weight: 600 !important; color: #d9d9d9 !important; }\n.pm-card__go { width: 2.4cqw !important; height: 2.4cqw !important; border-radius: 50% !important; background: #fcc256 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.2cqw !important; font-weight: 700 !important; color: #1f1f1f !important; }\n.pm-card__ghost { position: absolute !important; right: -.6cqw !important; bottom: 4cqw !important; font-size: 7cqw !important; font-weight: 700 !important; color: transparent !important; -webkit-text-stroke: .15cqw rgba(252,194,86,.35) !important; line-height: 1 !important; }\n.pm-card__title { font-size: 2cqw !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: .5cqw !important; }\n.pm-card__desc { font-size: .85cqw !important; color: #d9d9d9 !important; margin-bottom: 1cqw !important; line-height: 1.4 !important; }\n.pm-chips { display: flex !important; flex-wrap: wrap !important; gap: .5cqw !important; }\n.pm-chips span { font-size: .75cqw !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .08em !important; padding: .25cqw .6cqw !important; border-radius: .4cqw !important; border: .12cqw solid rgba(252,194,86,.55) !important; color: #fcc256 !important; }\n.pm-card--hot { background: linear-gradient(150deg, #fdd27a, #fcc256, #f5b324) !important; border-color: #1f1f1f !important; }\n.pm-card--hot .pm-card__num, .pm-card--hot .pm-card__title, .pm-card--hot .pm-card__desc { color: #1f1f1f !important; }\n.pm-card--hot .pm-card__go { background: #1f1f1f !important; color: #fcc256 !important; }\n.pm-card--hot .pm-card__ghost { -webkit-text-stroke-color: rgba(31,31,31,.25) !important; }\n.pm-card--hot .pm-chips span { border-color: #1f1f1f !important; color: #1f1f1f !important; background: rgba(255,255,255,.35) !important; }\n.pm-card__badge { position: absolute !important; z-index: 3 !important; top: 4.4cqw !important; left: 1.4cqw !important; font-size: .75cqw !important; font-weight: 700 !important; text-transform: uppercase !important; background: #1f1f1f !important; color: #fcc256 !important; padding: .3cqw .7cqw !important; border-radius: .4cqw !important; transform: rotate(-4deg) !important; }\n\n.pm-news {\n  height: 40cqw !important;\n  padding: 4.5cqw 5cqw 0 5cqw !important;\n  background: #f0f5fa !important;\n}\n.pm-news__head { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; margin-bottom: 2.4cqw !important; }\n.pm-news__head .pm-h2 { color: #1f1f1f !important; margin-bottom: 0 !important; }\n.pm-news__all { font-size: 1.05cqw !important; font-weight: 700 !important; border-bottom: .25cqw solid #fcc256 !important; }\n.pm-products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 1.6cqw !important; }\n.pm-prod { position: relative !important; background: #ffffff !important; border-radius: 1.4cqw !important; padding: 1.2cqw !important; box-shadow: 0 .6cqw 1.6cqw rgba(0,0,0,.06) !important; }\n.pm-prod__img { width: 100% !important; aspect-ratio: 1 \/ 1 !important; object-fit: contain !important; background: #f7f7f7 !important; border-radius: 1cqw !important; margin-bottom: 1cqw !important; }\n.pm-prod__name { font-size: .95cqw !important; font-weight: 700 !important; height: 2.6cqw !important; overflow: hidden !important; margin-bottom: .6cqw !important; }\n.pm-prod__price { font-size: 1.3cqw !important; font-weight: 700 !important; margin-bottom: .9cqw !important; }\n.pm-prod__price del { font-size: .95cqw !important; color: #9a9a9a !important; font-weight: 400 !important; margin-right: .5cqw !important; }\n.pm-prod__btn { display: block !important; text-align: center !important; font-size: .85cqw !important; font-weight: 700 !important; padding: .8cqw 0 !important; border-radius: .6cqw !important; background: #1f1f1f !important; color: #f5b324 !important; }\n.pm-prod__badge { position: absolute !important; z-index: 2 !important; top: 1.8cqw !important; left: 1.8cqw !important; font-size: .7cqw !important; font-weight: 700 !important; padding: .25cqw .6cqw !important; border-radius: .3cqw !important; background: #e5484d !important; color: #ffffff !important; }\n\n\/* Telefono: pagina mobile *\/\n.pmm { position: absolute !important; inset: 0 !important; overflow: hidden !important; }\n.pmm-header { height: 15cqw !important; padding: 0 6cqw !important; display: flex !important; align-items: center !important; justify-content: space-between !important; background: #ffffff !important; border-bottom: 1.2cqw solid #fcc256 !important; margin-top: 10cqw !important; }\n.pm .pmm-header img { height: 8cqw !important; width: auto !important; max-width: 40cqw !important; object-fit: contain !important; }\n.pmm-burger { display: flex !important; flex-direction: column !important; gap: 1.4cqw !important; }\n.pmm-burger i { display: block !important; width: 7cqw !important; height: 1cqw !important; border-radius: 1cqw !important; background: #1f1f1f !important; }\n.pmm-dark { position: absolute !important; top: 26cqw !important; left: 0 !important; right: 0 !important; bottom: 0 !important; padding: 7cqw 6cqw !important; background-color: #242424 !important; background-image: radial-gradient(rgba(252,194,86,.2) .3cqw, transparent .35cqw) !important; background-size: 4cqw 4cqw !important; }\n.pmm-dark .pm-kicker { font-size: 3cqw !important; gap: 2cqw !important; margin-bottom: 2.6cqw !important; }\n.pmm-dark .pm-kicker::before { width: 7cqw !important; height: .8cqw !important; }\n.pmm-dark .pm-h2 { font-size: 8.4cqw !important; margin-bottom: 6cqw !important; line-height: 1.05 !important; }\n.pmm .pm-card { height: auto !important; min-height: 58cqw !important; padding: 5cqw !important; border-radius: 5cqw !important; border-width: .8cqw !important; box-shadow: 2cqw 2cqw 0 #0f0f0f !important; margin-bottom: 6cqw !important; }\n.pmm .pm-card__num { font-size: 2.8cqw !important; }\n.pmm .pm-card__go { width: 8cqw !important; height: 8cqw !important; font-size: 4cqw !important; }\n.pmm .pm-card__title { font-size: 7cqw !important; margin-top: 12cqw !important; margin-bottom: 1.6cqw !important; }\n.pmm .pm-card__desc { font-size: 3cqw !important; margin-bottom: 3cqw !important; }\n.pmm .pm-chips { gap: 1.6cqw !important; }\n.pmm .pm-chips span { font-size: 2.6cqw !important; padding: .8cqw 2cqw !important; border-radius: 1.2cqw !important; border-width: .4cqw !important; }\n.pmm .pm-card__ghost { font-size: 22cqw !important; bottom: 10cqw !important; right: -2cqw !important; -webkit-text-stroke-width: .4cqw !important; }\n.pmm .pm-card__badge { top: 14cqw !important; left: 5cqw !important; font-size: 2.6cqw !important; padding: 1cqw 2.4cqw !important; border-radius: 1.2cqw !important; }\n\n\/* Telefono: scheda prodotto *\/\n.pmp { position: absolute !important; inset: 0 !important; overflow: hidden !important; background: #ffffff !important; }\n.pmp-crumb { padding: 4cqw 6cqw 0 6cqw !important; font-size: 2.8cqw !important; color: #8a8a8a !important; }\n.pmp-img { position: relative !important; margin: 3cqw 6cqw 0 6cqw !important; border-radius: 5cqw !important; background: #f0f5fa !important; aspect-ratio: 1 \/ 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }\n.pm .pmp-img img { width: 80% !important; height: 80% !important; object-fit: contain !important; }\n.pmp-img .pm-prod__badge { top: 4cqw !important; left: 4cqw !important; font-size: 2.8cqw !important; padding: 1cqw 2.4cqw !important; border-radius: 1.2cqw !important; }\n.pmp-body { padding: 5cqw 6cqw !important; }\n.pmp-title { font-size: 6.4cqw !important; font-weight: 700 !important; line-height: 1.1 !important; margin-bottom: 3cqw !important; }\n.pmp-price { font-size: 7.4cqw !important; font-weight: 700 !important; margin-bottom: 3cqw !important; }\n.pmp-price del { font-size: 4.4cqw !important; color: #9a9a9a !important; font-weight: 400 !important; margin-right: 2cqw !important; }\n.pmp .pm-chips { margin-bottom: 4cqw !important; gap: 1.6cqw !important; }\n.pmp .pm-chips span { font-size: 2.6cqw !important; padding: .8cqw 2cqw !important; border-radius: 1.2cqw !important; border: .4cqw solid #1f1f1f !important; color: #1f1f1f !important; background: #fcc256 !important; }\n.pmp-row { display: flex !important; gap: 3cqw !important; margin-bottom: 4cqw !important; }\n.pmp-qty { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 30cqw !important; padding: 0 3cqw !important; border-radius: 2.4cqw !important; border: .5cqw solid #1f1f1f !important; font-size: 4cqw !important; font-weight: 700 !important; }\n.pmp-add { flex: 1 !important; text-align: center !important; padding: 3.6cqw 0 !important; border-radius: 2.4cqw !important; background: #1f1f1f !important; color: #f5b324 !important; font-size: 3.6cqw !important; font-weight: 700 !important; box-shadow: 0 1.4cqw 0 #f5b324 !important; }\n.pmp-trust { display: flex !important; flex-direction: column !important; gap: 2.2cqw !important; padding-top: 3cqw !important; border-top: .3cqw solid #ececec !important; }\n.pmp-trust span { display: flex !important; align-items: center !important; gap: 2cqw !important; font-size: 3cqw !important; font-weight: 600 !important; }\n.pmp-trust span::before { content: \"\u2713\" !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 4.4cqw !important; height: 4.4cqw !important; border-radius: 1cqw !important; background: #fcc256 !important; font-size: 2.6cqw !important; }\n\n\/* =========================================\n   3. TESTO SEO\n   ========================================= *\/\n.cpf-copy { position: relative !important; padding: 110px 0 !important; }\n.cpf-copy__inner { max-width: 860px !important; margin: 0 auto !important; }\n.cpf-copy h2 { margin-bottom: 26px !important; }\n.cpf-copy h3 { font-size: 24px !important; margin: 40px 0 14px 0 !important; }\n.cpf-copy p { margin-bottom: 20px !important; }\n\n\/* =========================================\n   4. TUTTI I PROGETTI\n   ========================================= *\/\n.cpf-all { position: relative !important; padding: 110px 0 !important; background: linear-gradient(180deg, rgba(0,0,0,.18), transparent) !important; }\n.cpf-all .cpf-blob { width: 560px !important; height: 560px !important; right: -220px !important; bottom: 0 !important; }\n.cpf-all__grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }\n.cpf-pcard {\n  position: relative !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden !important;\n  border-radius: 20px !important;\n  background: var(--c-glass) !important;\n  border: 1px solid var(--c-glass-border) !important;\n  transition: transform .6s var(--c-ease), border-color .5s ease, box-shadow .6s var(--c-ease) !important;\n}\n.cpf-pcard:hover { transform: translateY(-6px) !important; border-color: rgba(242,160,61,.4) !important; box-shadow: 0 30px 50px -30px rgba(0,0,0,.8) !important; }\n.cpf-pcard__top {\n  position: relative !important;\n  z-index: 2 !important;\n  height: 110px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  overflow: hidden !important;\n  background: linear-gradient(140deg, #f2a03d 0%, #b5714f 50%, #5a3560 100%) !important;\n}\n.cpf-pcard__top::after {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) !important;\n  background-size: 22px 22px !important;\n}\n.cpf-pcard__mono { position: relative !important; z-index: 1 !important; font-size: 34px !important; font-weight: 700 !important; letter-spacing: .04em !important; color: var(--c-white) !important; transition: transform .6s var(--c-ease) !important; }\n.cpf-pcard:hover .cpf-pcard__mono { transform: scale(1.12) !important; }\n.cpf-pcard__body { position: relative !important; z-index: 2 !important; flex: 1 !important; display: flex !important; flex-direction: column !important; padding: 20px 22px 22px 22px !important; }\n.cpf-pcard__name { display: block !important; font-size: 18px !important; font-weight: 600 !important; color: var(--c-white) !important; line-height: 1.25 !important; margin-bottom: 16px !important; }\n.cpf-pcard__link { margin-top: auto !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--c-orange) !important; transition: gap .4s var(--c-ease) !important; }\n.cpf-pcard__link svg { width: 14px !important; height: 14px !important; }\n.cpf-pcard:hover .cpf-pcard__link { gap: 10px !important; }\n.cpf-pcard--cta { justify-content: center !important; align-items: flex-start !important; padding: 26px !important; background: linear-gradient(150deg, rgba(242,160,61,.18), rgba(90,53,96,.25)) !important; border: 1px dashed rgba(242,160,61,.55) !important; }\n.cpf-pcard--cta .cpf-pcard__name { font-size: 22px !important; margin-bottom: 10px !important; position: relative !important; z-index: 2 !important; }\n.cpf-pcard--cta .cpf-pcard__cat, .cpf-pcard--cta .cpf-pcard__link { position: relative !important; z-index: 2 !important; }\n.cpf-pcard--cta .cpf-pcard__link { margin-top: 8px !important; }\n\n\/* =========================================\n   5. CONTENUTI \/ GESTIONE SOCIAL\n   ========================================= *\/\n.cpf-social { position: relative !important; padding: 110px 0 !important; }\n.cpf-social__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; }\n.cpf-scard {\n  position: relative !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden !important;\n  border-radius: 26px !important;\n  background: var(--c-glass) !important;\n  border: 1px solid var(--c-glass-border) !important;\n  transition: transform .6s var(--c-ease), border-color .5s ease, box-shadow .6s var(--c-ease) !important;\n}\n.cpf-scard:hover { transform: translateY(-8px) !important; border-color: rgba(242,160,61,.4) !important; box-shadow: 0 40px 60px -35px rgba(0,0,0,.85) !important; }\n.cpf-scard__feed {\n  position: relative !important;\n  z-index: 2 !important;\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 4px !important;\n  padding: 4px !important;\n  height: 170px !important;\n  -webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent 100%) !important;\n  mask-image: linear-gradient(to bottom, #000 40%, transparent 100%) !important;\n}\n.cpf-scard__feed i { display: block !important; border-radius: 6px !important; background: var(--t1) !important; opacity: .9 !important; transition: transform .8s var(--c-ease) !important; }\n.cpf-scard__feed i:nth-child(2n) { background: var(--t2) !important; }\n.cpf-scard__feed i:nth-child(3n) { background: var(--t3) !important; }\n.cpf-scard:hover .cpf-scard__feed i { transform: scale(.94) !important; }\n.cpf-scard--fb { --t1: linear-gradient(135deg, #1877f2, #5a3560); --t2: linear-gradient(135deg, #f2a03d, #c46d3f); --t3: linear-gradient(135deg, #3a2140, #1877f2); }\n.cpf-scard--carla { --t1: linear-gradient(135deg, #f58529, #dd2a7b); --t2: linear-gradient(135deg, #2e2e2e, #6b6b72); --t3: linear-gradient(135deg, #dd2a7b, #8134af); }\n.cpf-scard--rarity { --t1: linear-gradient(135deg, #f5c518, #c99a00); --t2: linear-gradient(135deg, #1a1200, #3d2e00); --t3: linear-gradient(135deg, #f5c518, #1a1200); }\n.cpf-scard__body { position: relative !important; z-index: 2 !important; margin-top: -40px !important; padding: 0 26px 28px 26px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; }\n.cpf-scard__avatar {\n  width: 64px !important;\n  height: 64px !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 18px !important;\n  font-size: 20px !important;\n  font-weight: 700 !important;\n  color: var(--c-white) !important;\n  background: var(--c-plum) !important;\n  box-shadow: 0 0 0 3px var(--c-bg), 0 0 0 5px var(--c-orange) !important;\n}\n.cpf-scard__platform { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; font-weight: 500 !important; color: rgba(255,255,255,.65) !important; margin-bottom: 6px !important; }\n.cpf-scard__platform svg { width: 16px !important; height: 16px !important; }\n.cpf-scard h3 { font-size: 22px !important; margin-bottom: 4px !important; }\n.cpf-scard__handle { display: block !important; font-size: 15px !important; color: rgba(255,255,255,.55) !important; margin-bottom: 18px !important; }\n.cpf-scard__chip {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  width: fit-content !important;\n  padding: 7px 14px !important;\n  margin-bottom: 24px !important;\n  border-radius: 30px !important;\n  background: rgba(242,160,61,.12) !important;\n  border: 1px solid rgba(242,160,61,.4) !important;\n  color: var(--c-orange) !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: .02em !important;\n}\n.cpf-scard__link { margin-top: auto !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 15px !important; font-weight: 500 !important; color: var(--c-white) !important; transition: gap .4s var(--c-ease) !important; }\n.cpf-scard__link svg { width: 15px !important; height: 15px !important; color: var(--c-orange) !important; }\n.cpf-scard:hover .cpf-scard__link { gap: 12px !important; }\n\n\/* =========================================\n   6. PROCESSO\n   ========================================= *\/\n.cpf-process { position: relative !important; padding: 110px 0 !important; }\n.cpf-process__box {\n  position: relative !important;\n  overflow: hidden !important;\n  border-radius: 32px !important;\n  padding: 80px 56px !important;\n  background: linear-gradient(180deg, #f2a03d 0%, #b5714f 30%, #4a2a50 70%, #3a2140 100%) !important;\n  border: 1px solid rgba(255,255,255,.14) !important;\n  box-shadow: 0 60px 120px -50px rgba(242,160,61,.45) !important;\n}\n.cpf-process__box::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) !important;\n  background-size: 48px 48px !important;\n  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 0%, transparent 70%) !important;\n  mask-image: radial-gradient(ellipse at 50% 30%, #000 0%, transparent 70%) !important;\n}\n.cpf-process__box > * { position: relative !important; z-index: 1 !important; }\n.cpf-process .cpf-head .cpf-eyebrow { color: var(--c-btn) !important; }\n.cpf-process .cpf-head p { color: rgba(255,255,255,.85) !important; }\n.cpf-steps { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }\n.cpf-step {\n  border-radius: 22px !important;\n  padding: 30px 26px !important;\n  background: rgba(36,21,41,.45) !important;\n  border: 1px solid rgba(255,255,255,.14) !important;\n  -webkit-backdrop-filter: blur(12px) !important;\n  backdrop-filter: blur(12px) !important;\n  transition: transform .6s var(--c-ease), border-color .5s ease !important;\n}\n.cpf-step:hover { transform: translateY(-6px) !important; border-color: rgba(255,197,116,.6) !important; }\n.cpf-step__num { display: block !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .16em !important; color: var(--c-orange-light) !important; margin-bottom: 26px !important; }\n.cpf-step h3 { font-size: 20px !important; margin-bottom: 10px !important; }\n.cpf-step p { font-size: 15px !important; line-height: 1.6 !important; color: rgba(255,255,255,.78) !important; }\n\n\/* =========================================\n   7. FAQ\n   ========================================= *\/\n.cpf-faq { position: relative !important; padding: 20px 0 130px 0 !important; }\n.cpf-faq__inner { max-width: 860px !important; margin: 0 auto !important; }\n.cpf-faq__item {\n  margin-bottom: 14px !important;\n  border-radius: 18px !important;\n  overflow: hidden !important;\n  background: var(--c-glass) !important;\n  border: 1px solid var(--c-glass-border) !important;\n  transition: border-color .4s ease, background .4s ease !important;\n}\n.cpf-faq__item[open] { border-color: rgba(242,160,61,.45) !important; background: rgba(242,160,61,.06) !important; }\n.cpf-faq__q {\n  position: relative !important;\n  display: block !important;\n  list-style: none !important;\n  cursor: pointer !important;\n  padding: 24px 64px 24px 28px !important;\n  font-size: 18px !important;\n  font-weight: 500 !important;\n  color: var(--c-white) !important;\n}\n.cpf-faq__q::-webkit-details-marker { display: none !important; }\n.cpf-faq__q::after {\n  content: \"+\" !important;\n  position: absolute !important;\n  right: 22px !important;\n  top: 50% !important;\n  width: 30px !important;\n  height: 30px !important;\n  margin-top: -15px !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  background: var(--c-orange) !important;\n  color: var(--c-btn) !important;\n  font-size: 20px !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  transition: transform .5s var(--c-ease) !important;\n}\n.cpf-faq__item[open] .cpf-faq__q::after { transform: rotate(45deg) !important; }\n.cpf-faq__a { padding: 0 28px 26px 28px !important; }\n.cpf-faq__a p { font-size: 16px !important; }\n\n\/* =========================================\n   RESPONSIVE\n   ========================================= *\/\n@media (max-width: 1100px) {\n  .cpf-intro__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 50px !important; }\n  .cpf-intro__head { order: 1 !important; position: relative !important; top: auto !important; text-align: center !important; max-width: 720px !important; margin: 0 auto !important; }\n  .cpf-intro__head .cpf-eyebrow { justify-content: center !important; }\n  .cpf-intro__bento { order: 2 !important; }\n  .cpf-latest__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 30px !important; }\n  .cpf-all__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }\n  .cpf-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\n}\n\n@media (max-width: 900px) {\n  .cpf-featured { grid-column: span 12 !important; grid-row: span 1 !important; }\n  .cpf-stats, .cpf-cat, .cpf-project { grid-column: span 6 !important; }\n  .cpf-cta { flex-direction: column !important; align-items: flex-start !important; }\n  .cpf-social__grid { grid-template-columns: minmax(0, 1fr) !important; max-width: 520px !important; margin: 0 auto !important; }\n}\n\n@media (max-width: 768px) {\n  .cpf-wrap { padding: 0 16px !important; }\n  .cpf p { font-size: 16px !important; }\n  .cpf-intro { padding: 80px 0 70px 0 !important; }\n  .cpf-bento { gap: 14px !important; }\n  .cpf-card { padding: 26px !important; border-radius: 20px !important; }\n  .cpf-featured { padding: 32px 26px !important; }\n  .cpf-stats, .cpf-cat, .cpf-project { grid-column: span 12 !important; }\n  .cpf-stats__num { font-size: 56px !important; }\n  .cpf-cta { padding: 30px 26px !important; }\n  .cpf-cta h3 { font-size: 24px !important; }\n  .cpf-latest, .cpf-copy, .cpf-all, .cpf-social, .cpf-process { padding: 76px 0 !important; }\n  .cpf-latest__list { grid-template-columns: minmax(0, 1fr) !important; }\n  .cpf-head { margin-bottom: 40px !important; }\n  .cpf-all__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }\n  .cpf-pcard__top { height: 86px !important; }\n  .cpf-pcard__mono { font-size: 26px !important; }\n  .cpf-pcard__body { padding: 16px !important; }\n  .cpf-pcard__name { font-size: 16px !important; }\n  .cpf-pcard__cat { font-size: 10px !important; letter-spacing: .1em !important; }\n  .cpf-steps { grid-template-columns: minmax(0, 1fr) !important; }\n  .cpf-process__box { padding: 50px 20px !important; border-radius: 26px !important; }\n  .cpf-faq { padding-bottom: 90px !important; }\n  .cpf-faq__q { font-size: 16px !important; padding: 20px 58px 20px 20px !important; }\n  .cpf-faq__a { padding: 0 20px 22px 20px !important; }\n  .cpf-btn { font-size: 15px !important; }\n\n  \/* Dispositivi su mobile: laptop sopra, telefoni affiancati sotto *\/\n  .cpf-stage { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 18px 6% !important; padding-bottom: 10px !important; }\n  .cpf-laptop { width: 92% !important; flex: 0 0 92% !important; margin-bottom: 14px !important; }\n  .cpf-phone { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 40% !important; border-radius: 26px !important; }\n  .cpf-phone .cpf-screen { border-radius: 21px !important; margin: 5px !important; }\n  .cpf-phone--left { transform: rotate(-3deg) !important; }\n  .cpf-phone--right { transform: rotate(3deg) !important; }\n  .cpf-browser { height: 18px !important; }\n  .cpf-browser i { width: 6px !important; height: 6px !important; }\n  .cpf-browser span { height: 12px !important; font-size: 8px !important; line-height: 12px !important; }\n  .cpf-laptop__base { height: 10px !important; }\n}\n\n@media (max-width: 340px) {\n  .cpf-all__grid { grid-template-columns: minmax(0, 1fr) !important; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cpf *, .cpf *::before, .cpf *::after { animation: none !important; transition: none !important; }\n  .cpf-js .cpf-reveal { opacity: 1 !important; transform: none !important; filter: none !important; }\n}\n\n<\/style>\n\n<section class=\"cpf\" aria-labelledby=\"cpf-title\">\n\n  <!-- ========== 1. INTRO + BENTO ========== -->\n  <div class=\"cpf-intro\">\n    <span class=\"cpf-blob cpf-blob--orange\" aria-hidden=\"true\"><\/span>\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-intro__grid\">\n\n        <header class=\"cpf-intro__head cpf-reveal\">\n          <span class=\"cpf-eyebrow\">Portfolio<\/span>\n          <h1 id=\"cpf-title\">Portfolio siti web, e\u2011commerce e <span class=\"cpf-accent\">grafica<\/span><\/h1>\n          <p><strong>Quali progetti trovi nel portfolio?<\/strong> Una selezione pubblica degli oltre 50 siti realizzati: siti WordPress, e-commerce WooCommerce e piattaforme per aziende, professionisti e associazioni in tutta Italia. Ogni scheda indica settore, tipologia e collegamento al progetto online.<\/p>\n          <a class=\"cpf-btn cpf-btn--orange\" href=\"\/contatti\/\">Descrivi il tuo progetto<span class=\"cpf-btn__arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\n        <\/header>\n\n        <div class=\"cpf-intro__bento\">\n          <div class=\"cpf-bento\">\n\n            <article class=\"cpf-card cpf-featured cpf-spot cpf-reveal\">\n              <div>\n                <span class=\"cpf-badge\">Progetto in evidenza<\/span>\n                <h2>Rarity Distribution \u2014 E\u2011commerce B2B per TCG<\/h2>\n                <p>Piattaforma e-commerce B2B per distributore di carte collezionabili (Pok\u00e9mon, One Piece, Dragon Ball). Design bold giallo\/nero, gestione ordini WooCommerce con stati personalizzati, notifiche email automatizzate, gateway IBAN e catalogo dedicato al trade.<\/p>\n              <\/div>\n              <div>\n                <div class=\"cpf-meta\">\n                  <span class=\"cpf-chip\">E-commerce B2B<\/span>\n                  <span class=\"cpf-chip\">WooCommerce<\/span>\n                  <span class=\"cpf-chip\">TCG \/ Collezionismo<\/span>\n                <\/div>\n                <a class=\"cpf-btn cpf-btn--yellow\" href=\"https:\/\/www.raritydistribution.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visita il sito di Rarity Distribution (apre in una nuova scheda)\">Visita il sito<span class=\"cpf-btn__arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\n              <\/div>\n            <\/article>\n\n            <div class=\"cpf-card cpf-stats cpf-reveal\" style=\"--d:.1s\">\n              <span class=\"cpf-stats__num\">50+<\/span>\n              <span class=\"cpf-stats__label\">Siti web realizzati<\/span>\n              <span class=\"cpf-stats__sub\">Una selezione \u00e8 pubblicata qui<\/span>\n            <\/div>\n\n            <div class=\"cpf-card cpf-cat cpf-spot cpf-reveal\" style=\"--d:.15s\">\n              <div class=\"cpf-cat__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 8h18M8 21h8\"\/><\/svg><\/div>\n              <h3>Siti Web Corporate<\/h3>\n              <p>Siti chiari per studi, consulenti e aziende<\/p>\n            <\/div>\n\n            <div class=\"cpf-card cpf-cat cpf-spot cpf-reveal\">\n              <div class=\"cpf-cat__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 7h14l-1.5 9h-11z\"\/><path d=\"M9 7a3 3 0 0 1 6 0\"\/><circle cx=\"9\" cy=\"20\" r=\"1\"\/><circle cx=\"15\" cy=\"20\" r=\"1\"\/><\/svg><\/div>\n              <h3>E-commerce<\/h3>\n              <p>Cataloghi, pagamenti e flussi d\u2019ordine su WooCommerce<\/p>\n            <\/div>\n\n            <div class=\"cpf-card cpf-cat cpf-spot cpf-reveal\" style=\"--d:.1s\">\n              <div class=\"cpf-cat__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3c2.5 3 2.5 15 0 18M3.5 9h17M3.5 15h17\"\/><\/svg><\/div>\n              <h3>Sport &amp; Associazioni<\/h3>\n              <p>Siti e portali per associazioni e organizzazioni sportive<\/p>\n            <\/div>\n\n            <div class=\"cpf-card cpf-cat cpf-spot cpf-reveal\" style=\"--d:.2s\">\n              <div class=\"cpf-cat__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 3h8l-1 7a3 3 0 0 1-6 0z\"\/><path d=\"M12 13v7M8 21h8\"\/><\/svg><\/div>\n              <h3>Hospitality &amp; Food<\/h3>\n              <p>Siti per ristorazione, strutture ricettive ed enoteche<\/p>\n            <\/div>\n\n            <a href=\"https:\/\/www.carlaservice.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-card cpf-project cpf-reveal\" aria-label=\"Visita Car-L\u00e0 Service, noleggio auto e soccorso stradale a Lecce (apre in una nuova scheda)\">\n              <div class=\"cpf-project__img\">\n                <img src=\"https:\/\/www.carlaservice.it\/wp-content\/uploads\/2025\/10\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png\" alt=\"Car-L\u00e0 Service, autonoleggio e soccorso stradale H24 a Lecce\" width=\"1024\" height=\"677\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"cpf-project__overlay\"><span>Visita il sito \u2192<\/span><\/span>\n              <\/div>\n              <div class=\"cpf-project__info\">\n                <span class=\"cpf-project__cat\">Automotive<\/span>\n                <h3>Car-L\u00e0 Service<\/h3>\n                <p>Vendita, noleggio auto e soccorso stradale<\/p>\n              <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.mavisfilms.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-card cpf-project cpf-reveal\" style=\"--d:.1s\" aria-label=\"Visita Mavis Films, videografo di matrimonio in Puglia (apre in una nuova scheda)\">\n              <div class=\"cpf-project__img cpf-project__img--mavis\">\n                <span class=\"cpf-project__word\">MAVIS FILMS<\/span>\n                <span class=\"cpf-project__overlay\"><span>Visita il sito \u2192<\/span><\/span>\n              <\/div>\n              <div class=\"cpf-project__info\">\n                <span class=\"cpf-project__cat\">Wedding Videography<\/span>\n                <h3>Mavis Films<\/h3>\n                <p>Videografo di matrimonio, portfolio video e area sposi<\/p>\n              <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/www.alibiexperience.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-card cpf-project cpf-reveal\" style=\"--d:.2s\" aria-label=\"Visita Alibi Experience, enoteca e lounge bar a Veglie (apre in una nuova scheda)\">\n              <div class=\"cpf-project__img cpf-project__img--alibi\">\n                <span class=\"cpf-project__word\">ALIBI<\/span>\n                <span class=\"cpf-project__overlay\"><span>Visita il sito \u2192<\/span><\/span>\n              <\/div>\n              <div class=\"cpf-project__info\">\n                <span class=\"cpf-project__cat\">Food &amp; Wine<\/span>\n                <h3>Alibi Vineria<\/h3>\n                <p>Enoteca e lounge bar a Veglie<\/p>\n              <\/div>\n            <\/a>\n\n            <div class=\"cpf-card cpf-cta cpf-reveal\">\n              <div>\n                <h3>Hai un progetto in mente?<\/h3>\n                <p>Definiamo insieme pagine, funzioni e percorso che il sito deve sostenere.<\/p>\n              <\/div>\n              <a class=\"cpf-btn cpf-btn--white\" href=\"\/contatti\/\">Parliamone<span class=\"cpf-btn__arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== 2. ULTIMO LAVORO \u2014 PACKMON STORE ========== -->\n  <div class=\"cpf-latest\">\n    <span class=\"cpf-blob cpf-blob--plum\" aria-hidden=\"true\"><\/span>\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-latest__grid\">\n        <div class=\"cpf-latest__title cpf-reveal\">\n          <span class=\"cpf-eyebrow\">Ultimo lavoro<\/span>\n          <h2><span>PackMon Store<\/span>: il nuovo e\u2011commerce per collezionisti TCG<\/h2>\n        <\/div>\n        <div class=\"cpf-latest__text cpf-reveal\" style=\"--d:.15s\">\n          <p>Redesign completo dello shop WooCommerce di carte collezionabili Pok\u00e9mon, One Piece e altri TCG. Un design system dedicato, nero e giallo con riflessi olografici, applicato a home, pagine di categoria e schede prodotto.<\/p>\n          <ul class=\"cpf-latest__list\">\n            <li>Nuova home con hero, shop e novit\u00e0<\/li>\n            <li>Header sticky con menu a tendina<\/li>\n            <li>Pagine Pok\u00e9mon ITA \u00b7 JAP \u00b7 CHN<\/li>\n            <li>One Piece, Altri TCG, Accessori, Eventi<\/li>\n            <li>Card categoria con effetto holo<\/li>\n            <li>Design system e versione mobile<\/li>\n          <\/ul>\n          <div class=\"cpf-latest__actions\">\n            <a class=\"cpf-btn cpf-btn--orange\" href=\"https:\/\/www.packmonstore.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visita PackMon Store (apre in una nuova scheda)\">Visita packmonstore.it<span class=\"cpf-btn__arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"cpf-stage cpf-reveal cpf-reveal--scale\" aria-label=\"Mockup delle pagine del sito PackMon Store\" role=\"img\">\n\n        <!-- LAPTOP: home con scroll automatico -->\n        <div class=\"cpf-laptop\">\n          <div class=\"cpf-laptop__lid\">\n            <div class=\"cpf-browser\"><i><\/i><i><\/i><i><\/i><span>packmonstore.it<\/span><\/div>\n            <div class=\"cpf-screen pm\">\n              <div class=\"pm-page\">\n                <div class=\"pm-header\">\n                  <img decoding=\"async\" class=\"pm-header__logo\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/09\/Progetto-senza-titolo.png\" alt=\"\" loading=\"lazy\">\n                  <div class=\"pm-nav pm-ch\"><span class=\"pm-ch\">Pok\u00e9mon<\/span><span class=\"pm-ch\">One Piece<\/span><span class=\"pm-ch\">Altri TCG<\/span><span class=\"pm-ch\">Accessori<\/span><span class=\"pm-ch pm-nav__ev\">Eventi<\/span><span class=\"pm-ch\">Contatti<\/span><\/div>\n                  <div class=\"pm-icons\"><i><\/i><i><\/i><i><\/i><\/div>\n                <\/div>\n                <div class=\"pm-hero\">\n                  <span class=\"pm-ghost pm-ch\">TCG<\/span>\n                  <div>\n                    <div class=\"pm-kicker pm-ch\">Il negozio del collezionista<\/div>\n                    <div class=\"pm-h1 pm-ch\">Carte <span class=\"pm-hl pm-ch\">Pok\u00e9mon<\/span>, One Piece e TCG da collezione<\/div>\n                    <div class=\"pm-p\">Bustine, box e collezioni Pok\u00e9mon in italiano, giapponese e cinese. One Piece Card Game e altri TCG con prezzi allineati al mercato.<\/div>\n                    <span class=\"pm-btn pm-ch\">Scopri lo shop<\/span>\n                    <div class=\"pm-trust\"><span>Spedizione gratuita oltre 150\u20ac<\/span><span>Prezzi aggiornati al mercato<\/span><span>4.5\/5 su Trustpilot<\/span><\/div>\n                  <\/div>\n                  <div class=\"pm-hero__visual\">\n                    <span class=\"pm-glow\"><\/span>\n                    <span class=\"pm-ring\"><\/span>\n                    <img decoding=\"async\" class=\"pm-hero__img\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/09\/Progetto-senza-titolo-6-1.png\" alt=\"\" loading=\"lazy\">\n                    <span class=\"pm-sticker pm-ch\"><b class=\"pm-ch\">PRODOTTI<\/b><strong class=\"pm-ch\">ITA<\/strong><b class=\"pm-ch\">JAP \u00b7 CHN<\/b><\/span>\n                  <\/div>\n                <\/div>\n                <div class=\"pm-marquee\"><div class=\"pm-marquee__track\">\n                  <span class=\"pm-ch\">Pok\u00e9mon<em>\u2726<\/em><\/span><span class=\"pm-ch\">One Piece<em>\u2726<\/em><\/span><span class=\"pm-ch\">Altri TCG<em>\u2726<\/em><\/span><span class=\"pm-ch\">Accessori<em>\u2726<\/em><\/span><span class=\"pm-ch\">Pok\u00e9mon<em>\u2726<\/em><\/span><span class=\"pm-ch\">One Piece<em>\u2726<\/em><\/span><span class=\"pm-ch\">Altri TCG<em>\u2726<\/em><\/span><span class=\"pm-ch\">Accessori<em>\u2726<\/em><\/span>\n                  <span class=\"pm-ch\">Pok\u00e9mon<em>\u2726<\/em><\/span><span class=\"pm-ch\">One Piece<em>\u2726<\/em><\/span><span class=\"pm-ch\">Altri TCG<em>\u2726<\/em><\/span><span class=\"pm-ch\">Accessori<em>\u2726<\/em><\/span><span class=\"pm-ch\">Pok\u00e9mon<em>\u2726<\/em><\/span><span class=\"pm-ch\">One Piece<em>\u2726<\/em><\/span><span class=\"pm-ch\">Altri TCG<em>\u2726<\/em><\/span><span class=\"pm-ch\">Accessori<em>\u2726<\/em><\/span>\n                <\/div><\/div>\n                <div class=\"pm-cats\">\n                  <div class=\"pm-kicker pm-ch\">Lo shop<\/div>\n                  <div class=\"pm-h2 pm-ch\">Scegli il tuo gioco di carte<\/div>\n                  <div class=\"pm-cats__grid\">\n                    <div class=\"pm-card pm-card--hot\"><span class=\"pm-card__badge pm-ch\">Il pi\u00f9 richiesto<\/span><div class=\"pm-card__top\"><span class=\"pm-card__num pm-ch\">01 \/ 04<\/span><span class=\"pm-card__go\">\u2192<\/span><\/div><span class=\"pm-card__ghost pm-ch\">PKM<\/span><div><div class=\"pm-card__title pm-ch\">Pok\u00e9mon<\/div><div class=\"pm-card__desc\">Bustine, box e collezioni<\/div><div class=\"pm-chips\"><span class=\"pm-ch\">ITA<\/span><span class=\"pm-ch\">JAP<\/span><span class=\"pm-ch\">CHN<\/span><\/div><\/div><\/div>\n                    <div class=\"pm-card\"><div class=\"pm-card__top\"><span class=\"pm-card__num pm-ch\">02 \/ 04<\/span><span class=\"pm-card__go\">\u2192<\/span><\/div><span class=\"pm-card__ghost pm-ch\">OP<\/span><div><div class=\"pm-card__title pm-ch\">One Piece<\/div><div class=\"pm-card__desc\">Booster, starter e promo<\/div><div class=\"pm-chips\"><span class=\"pm-ch\">ENG<\/span><span class=\"pm-ch\">JAP<\/span><span class=\"pm-ch\">Promo<\/span><\/div><\/div><\/div>\n                    <div class=\"pm-card\"><div class=\"pm-card__top\"><span class=\"pm-card__num pm-ch\">03 \/ 04<\/span><span class=\"pm-card__go\">\u2192<\/span><\/div><span class=\"pm-card__ghost pm-ch\">TCG<\/span><div><div class=\"pm-card__title pm-ch\">Altri TCG<\/div><div class=\"pm-card__desc\">Dragon Ball, Yu-Gi-Oh!, Riftbound<\/div><div class=\"pm-chips\"><span class=\"pm-ch\">ENG<\/span><span class=\"pm-ch\">ITA<\/span><\/div><\/div><\/div>\n                    <div class=\"pm-card\"><div class=\"pm-card__top\"><span class=\"pm-card__num pm-ch\">04 \/ 04<\/span><span class=\"pm-card__go\">\u2192<\/span><\/div><span class=\"pm-card__ghost pm-ch\">ACC<\/span><div><div class=\"pm-card__title pm-ch\">Accessori<\/div><div class=\"pm-card__desc\">Sleeves, toploader, album<\/div><div class=\"pm-chips\"><span class=\"pm-ch\">Sleeves<\/span><span class=\"pm-ch\">Album<\/span><\/div><\/div><\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"pm-news\">\n                  <div class=\"pm-news__head\"><div><div class=\"pm-kicker pm-ch\">Novit\u00e0<\/div><div class=\"pm-h2 pm-ch\">Appena arrivati<\/div><\/div><span class=\"pm-news__all pm-ch\">Vedi tutto lo shop \u2192<\/span><\/div>\n                  <div class=\"pm-products\">\n                    <div class=\"pm-prod\"><span class=\"pm-prod__badge pm-ch\">OFFERTA<\/span><img decoding=\"async\" class=\"pm-prod__img\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/10\/dominio-delta-display-300x300.png\" alt=\"\" loading=\"lazy\"><div class=\"pm-prod__name\">Preordine \u2013 Box Dominio Delta \u2013 ITA<\/div><div class=\"pm-prod__price pm-ch\"><del>216,00 \u20ac<\/del>179,90 \u20ac<\/div><span class=\"pm-prod__btn pm-ch\">Aggiungi al carrello<\/span><\/div>\n                    <div class=\"pm-prod\"><img decoding=\"async\" class=\"pm-prod__img\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/10\/images-9-300x300.jpeg\" alt=\"\" loading=\"lazy\"><div class=\"pm-prod__name\">Mini Tin 30 anniversario Pokemon \u2013 ITA<\/div><div class=\"pm-prod__price pm-ch\">16,90 \u20ac<\/div><span class=\"pm-prod__btn pm-ch\">Aggiungi al carrello<\/span><\/div>\n                    <div class=\"pm-prod\"><img decoding=\"async\" class=\"pm-prod__img\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/10\/images-8-300x300.jpeg\" alt=\"\" loading=\"lazy\"><div class=\"pm-prod__name\">Collezione con sticker 30 anniversario Pokemon \u2013 ITA<\/div><div class=\"pm-prod__price pm-ch\">24,90 \u20ac<\/div><span class=\"pm-prod__btn pm-ch\">Aggiungi al carrello<\/span><\/div>\n                    <div class=\"pm-prod\"><img decoding=\"async\" class=\"pm-prod__img\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/09\/s-l1600-4-300x300.webp\" alt=\"\" loading=\"lazy\"><div class=\"pm-prod__name\">Busta \u2013 30 anniversario \u2013 CHN<\/div><div class=\"pm-prod__price pm-ch\">6,00 \u20ac<\/div><span class=\"pm-prod__btn pm-ch\">Aggiungi al carrello<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"cpf-laptop__base\"><\/div>\n        <\/div>\n\n        <!-- TELEFONO SINISTRA: categorie mobile -->\n        <div class=\"cpf-phone cpf-phone--left\">\n          <span class=\"cpf-phone__notch\"><\/span>\n          <div class=\"cpf-screen pm\">\n            <div class=\"pmm\">\n              <div class=\"pmm-header\"><img decoding=\"async\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/09\/Progetto-senza-titolo.png\" alt=\"\" loading=\"lazy\"><span class=\"pmm-burger\"><i><\/i><i><\/i><i><\/i><\/span><\/div>\n              <div class=\"pmm-dark\">\n                <div class=\"pm-kicker pm-ch\">Lo shop<\/div>\n                <div class=\"pm-h2 pm-ch\">Scegli il tuo gioco di carte<\/div>\n                <div class=\"pm-card pm-card--hot\"><span class=\"pm-card__badge pm-ch\">Il pi\u00f9 richiesto<\/span><div class=\"pm-card__top\"><span class=\"pm-card__num pm-ch\">01 \/ 04<\/span><span class=\"pm-card__go\">\u2192<\/span><\/div><span class=\"pm-card__ghost pm-ch\">PKM<\/span><div><div class=\"pm-card__title pm-ch\">Pok\u00e9mon<\/div><div class=\"pm-card__desc\">Bustine, box e collezioni<\/div><div class=\"pm-chips\"><span class=\"pm-ch\">ITA<\/span><span class=\"pm-ch\">JAP<\/span><span class=\"pm-ch\">CHN<\/span><\/div><\/div><\/div>\n                <div class=\"pm-card\"><div class=\"pm-card__top\"><span class=\"pm-card__num pm-ch\">02 \/ 04<\/span><span class=\"pm-card__go\">\u2192<\/span><\/div><span class=\"pm-card__ghost pm-ch\">OP<\/span><div><div class=\"pm-card__title pm-ch\">One Piece<\/div><div class=\"pm-card__desc\">Booster, starter e promo<\/div><div class=\"pm-chips\"><span class=\"pm-ch\">ENG<\/span><span class=\"pm-ch\">JAP<\/span><span class=\"pm-ch\">Promo<\/span><\/div><\/div><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- TELEFONO DESTRA: scheda prodotto -->\n        <div class=\"cpf-phone cpf-phone--right\">\n          <span class=\"cpf-phone__notch\"><\/span>\n          <div class=\"cpf-screen pm\">\n            <div class=\"pmp\">\n              <div class=\"pmm-header\"><img decoding=\"async\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/09\/Progetto-senza-titolo.png\" alt=\"\" loading=\"lazy\"><span class=\"pmm-burger\"><i><\/i><i><\/i><i><\/i><\/span><\/div>\n              <div class=\"pmp-crumb\">Pok\u00e9mon \u203a ITA \u203a Box<\/div>\n              <div class=\"pmp-img\"><span class=\"pm-prod__badge pm-ch\">OFFERTA<\/span><img decoding=\"async\" src=\"https:\/\/www.packmonstore.it\/wp-content\/uploads\/2026\/10\/dominio-delta-display-300x300.png\" alt=\"\" loading=\"lazy\"><\/div>\n              <div class=\"pmp-body\">\n                <div class=\"pmp-title pm-ch\">Preordine \u2013 Box Dominio Delta \u2013 ITA<\/div>\n                <div class=\"pmp-price pm-ch\"><del>216,00 \u20ac<\/del>179,90 \u20ac<\/div>\n                <div class=\"pm-chips\"><span class=\"pm-ch\">ITA<\/span><span class=\"pm-ch\">Preordine<\/span><\/div>\n                <div class=\"pmp-row\"><span class=\"pmp-qty pm-ch\"><span>\u2212<\/span><span>1<\/span><span>+<\/span><\/span><span class=\"pmp-add pm-ch\">Aggiungi al carrello<\/span><\/div>\n                <div class=\"pmp-trust\"><span>Spedizione gratuita oltre 150\u20ac<\/span><span>Prezzi aggiornati al mercato<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== 3. METODO \/ SEO COPY ========== -->\n  <div class=\"cpf-copy\">\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-copy__inner cpf-reveal\">\n        <span class=\"cpf-eyebrow\">Metodo e tecnologie<\/span>\n        <h2>Come realizziamo siti web ed e\u2011commerce per aziende in Italia<\/h2>\n        <p>Ogni progetto parte da una domanda concreta: che cosa deve capire o fare la persona che arriva sul sito? Da qui definiamo struttura, contenuti, funzioni e CTA. <strong>Cust Agency<\/strong> lavora con aziende e professionisti in tutta Italia, con brief, revisioni e consegne gestiti anche online.<\/p>\n        <p>Per molti progetti usiamo <strong>WordPress<\/strong> e <strong>WooCommerce<\/strong>. Quando il flusso lo richiede integriamo stati d\u2019ordine, pagamenti, spedizioni, moduli, aree riservate e automazioni email. Prima della pubblicazione controlliamo mobile, browser, moduli e impostazioni tecniche previste.<\/p>\n        <h3>Il progetto deve funzionare prima di impressionare<\/h3>\n        <p>Design system, gerarchia dei contenuti e microcopy servono a rendere il percorso comprensibile. Non promettiamo vendite o posizionamenti: costruiamo basi misurabili e, quando previsto, configuriamo GA4 e Google Search Console per leggere traffico, richieste e punti di uscita.<\/p>\n        <p>Il sito pu\u00f2 essere affiancato da <a href=\"\/creazione-siti-web-ai-ready\/\"><strong>SEO, AEO e GEO<\/strong><\/a>, <a href=\"\/meta-ads-e-gestione-social\/\"><strong>social e Meta Ads<\/strong><\/a> oppure da un progetto di <a href=\"\/brand-identity\/\"><strong>brand identity<\/strong><\/a>. Le attivit\u00e0 restano separate nel preventivo, con obiettivi e responsabilit\u00e0 leggibili.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== 4. TUTTI I PROGETTI ========== -->\n  <div class=\"cpf-all\">\n    <span class=\"cpf-blob cpf-blob--orange\" aria-hidden=\"true\"><\/span>\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-head cpf-reveal\">\n        <span class=\"cpf-eyebrow cpf-eyebrow--center\">Clienti<\/span>\n        <h2>Clienti e progetti realizzati<\/h2>\n        <p>Una selezione di siti web, e-commerce e piattaforme sviluppati per aziende, professionisti e associazioni in tutta Italia.<\/p>\n      <\/div>\n      <div class=\"cpf-all__grid\">\n\n      <a href=\"https:\/\/www.packmonstore.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita Packmon Store (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">PS<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">E-commerce<\/span><span class=\"cpf-pcard__name\">Packmon Store<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.raritydistribution.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita Rarity Distribution (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">RD<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">E-commerce B2B<\/span><span class=\"cpf-pcard__name\">Rarity Distribution<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.mavisfilms.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita Mavis Films (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">MF<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Wedding Videography<\/span><span class=\"cpf-pcard__name\">Mavis Films<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.carlaservice.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.24s\" aria-label=\"Visita Car-L\u00e0 Service (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">CS<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Automotive<\/span><span class=\"cpf-pcard__name\">Car-L\u00e0 Service<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.nuovavegi.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita Nuova Vegi (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">NV<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Macchine agricole<\/span><span class=\"cpf-pcard__name\">Nuova Vegi<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.vergasitalia.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita Vergas Italia (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">VI<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Energia &amp; GPL<\/span><span class=\"cpf-pcard__name\">Vergas Italia<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.royal-laser.com\/it\/royal-laser\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita Royal Laser (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">RL<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Industriale<\/span><span class=\"cpf-pcard__name\">Royal Laser<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.alibiexperience.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.24s\" aria-label=\"Visita Alibi Experience (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AE<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Food &amp; Wine<\/span><span class=\"cpf-pcard__name\">Alibi Experience<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.temacucina.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita Tema Cucina (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">TC<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Arredamento<\/span><span class=\"cpf-pcard__name\">Tema Cucina<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.acsidogsports.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita ACSI Dog Sports (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AD<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Sport<\/span><span class=\"cpf-pcard__name\">ACSI Dog Sports<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.acsilecce.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita ACSI Lecce (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AL<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Sport &amp; Associazioni<\/span><span class=\"cpf-pcard__name\">ACSI Lecce<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.acsinuoto.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.24s\" aria-label=\"Visita ACSI Nuoto (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AN<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Sport<\/span><span class=\"cpf-pcard__name\">ACSI Nuoto<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.acsibrindisi.org\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita ACSI Brindisi (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AB<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Sport &amp; Associazioni<\/span><span class=\"cpf-pcard__name\">ACSI Brindisi<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/calcio.acsi.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita ACSI Calcio (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AC<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Sport<\/span><span class=\"cpf-pcard__name\">ACSI Calcio<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.giustiziaeconcorsi.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita Giustizia e Concorsi (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">GC<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">E-commerce Legale<\/span><span class=\"cpf-pcard__name\">Giustizia e Concorsi<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.margaritosrl.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.24s\" aria-label=\"Visita Margarito SRL (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">MS<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Produzione<\/span><span class=\"cpf-pcard__name\">Margarito SRL<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.greentechimmobiliare.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita Greentech Immobiliare (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">GT<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Immobiliare<\/span><span class=\"cpf-pcard__name\">Greentech Immobiliare<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.salentohouseexperience.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita Salento House Experience (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">SH<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Hospitality<\/span><span class=\"cpf-pcard__name\">Salento House Experience<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.coccinellebambini.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita Coccinelle Bambini (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">CB<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Retail<\/span><span class=\"cpf-pcard__name\">Coccinelle Bambini<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.giovannadeluca.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.24s\" aria-label=\"Visita Giovanna De Luca (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">GD<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Professionisti<\/span><span class=\"cpf-pcard__name\">Giovanna De Luca<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.studiomilanese.net\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita Studio Milanese (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">SM<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Studi Professionali<\/span><span class=\"cpf-pcard__name\">Studio Milanese<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.lex-studiomanelli.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita Lex Studio Manelli (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">LM<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Studio Legale<\/span><span class=\"cpf-pcard__name\">Lex Studio Manelli<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.finimmobil.org\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita Finimmobil (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">FI<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Immobiliare<\/span><span class=\"cpf-pcard__name\">Finimmobil<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.differentworkwear.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.24s\" aria-label=\"Visita Different Workwear (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">DW<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Abbigliamento da lavoro<\/span><span class=\"cpf-pcard__name\">Different Workwear<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.diapasoncomunicazione.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.00s\" aria-label=\"Visita Diapason Comunicazione (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">DC<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Comunicazione<\/span><span class=\"cpf-pcard__name\">Diapason Comunicazione<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.izema.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.08s\" aria-label=\"Visita IZEMA (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">IZ<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Consulenza del lavoro<\/span><span class=\"cpf-pcard__name\">IZEMA<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/www.aemmepubblicita.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cpf-pcard cpf-spot cpf-reveal\" style=\"--d:0.16s\" aria-label=\"Visita Aemme Pubblicit\u00e0 (apre in una nuova scheda)\">\n        <div class=\"cpf-pcard__top\"><span class=\"cpf-pcard__mono\">AP<\/span><\/div>\n        <div class=\"cpf-pcard__body\"><span class=\"cpf-pcard__cat\">Pubblicit\u00e0<\/span><span class=\"cpf-pcard__name\">Aemme Pubblicit\u00e0<\/span><span class=\"cpf-pcard__link\">Visita il sito <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span><\/div>\n      <\/a>\n\n      <a href=\"\/contatti\/\" class=\"cpf-pcard cpf-pcard--cta cpf-spot cpf-reveal\">\n        <span class=\"cpf-pcard__cat\">Prossimo progetto<\/span>\n        <span class=\"cpf-pcard__name\">Il tuo sito qui?<\/span>\n        <span class=\"cpf-pcard__link\">Parliamone <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span>\n      <\/a>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== 5. CONTENUTI \/ GESTIONE SOCIAL ========== -->\n  <div class=\"cpf-social\">\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-head cpf-reveal\">\n        <span class=\"cpf-eyebrow cpf-eyebrow--center\">Social<\/span>\n        <h2>Contenuti e gestione social<\/h2>\n        <p>Profili per cui realizziamo contenuti o curiamo la gestione della pagina, tra Facebook e Instagram.<\/p>\n      <\/div>\n      <div class=\"cpf-social__grid\">\n\n        <a class=\"cpf-scard cpf-scard--fb cpf-spot cpf-reveal\" href=\"https:\/\/www.facebook.com\/TalentiNascentiLecce\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Pagina Facebook di Talenti Nascenti Lecce (apre in una nuova scheda)\">\n          <div class=\"cpf-scard__feed\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n          <div class=\"cpf-scard__body\">\n            <span class=\"cpf-scard__avatar\">TN<\/span>\n            <span class=\"cpf-scard__platform\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z\"\/><\/svg>Facebook<\/span>\n            <h3>Talenti Nascenti Lecce<\/h3>\n            <span class=\"cpf-scard__handle\">\/TalentiNascentiLecce<\/span>\n            <span class=\"cpf-scard__chip\">Contenuti \/ Gestione<\/span>\n            <span class=\"cpf-scard__link\">Vedi il profilo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"cpf-scard cpf-scard--carla cpf-spot cpf-reveal\" style=\"--d:.1s\" href=\"https:\/\/www.instagram.com\/carlaservicesrl7\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Profilo Instagram di Car-L\u00e0 Service (apre in una nuova scheda)\">\n          <div class=\"cpf-scard__feed\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n          <div class=\"cpf-scard__body\">\n            <span class=\"cpf-scard__avatar\">CS<\/span>\n            <span class=\"cpf-scard__platform\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".8\" fill=\"currentColor\"\/><\/svg>Instagram<\/span>\n            <h3>Car-L\u00e0 Service<\/h3>\n            <span class=\"cpf-scard__handle\">@carlaservicesrl7<\/span>\n            <span class=\"cpf-scard__chip\">Contenuti \/ Gestione<\/span>\n            <span class=\"cpf-scard__link\">Vedi il profilo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n        <a class=\"cpf-scard cpf-scard--rarity cpf-spot cpf-reveal\" style=\"--d:.2s\" href=\"https:\/\/www.instagram.com\/rarity_distribution\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Profilo Instagram di Rarity Distribution (apre in una nuova scheda)\">\n          <div class=\"cpf-scard__feed\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n          <div class=\"cpf-scard__body\">\n            <span class=\"cpf-scard__avatar\">RD<\/span>\n            <span class=\"cpf-scard__platform\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\".8\" fill=\"currentColor\"\/><\/svg>Instagram<\/span>\n            <h3>Rarity Distribution<\/h3>\n            <span class=\"cpf-scard__handle\">@rarity_distribution<\/span>\n            <span class=\"cpf-scard__chip\">Contenuti \/ Gestione<\/span>\n            <span class=\"cpf-scard__link\">Vedi il profilo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7M8 7h9v9\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== 6. PROCESSO ========== -->\n  <div class=\"cpf-process\">\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-process__box cpf-reveal cpf-reveal--scale\">\n        <div class=\"cpf-head\">\n          <span class=\"cpf-eyebrow cpf-eyebrow--center\">Come lavoriamo<\/span>\n          <h2>Dal brief al sito online: quattro fasi<\/h2>\n          <p>Il metodo applicato agli oltre 50 siti realizzati rende visibili decisioni, approvazioni e consegne in ogni fase.<\/p>\n        <\/div>\n        <div class=\"cpf-steps\">\n          <div class=\"cpf-step\"><span class=\"cpf-step__num\">01 \u2014 ANALISI<\/span><h3>Obiettivi e pubblico<\/h3><p>Raccogliamo offerta, utenti, concorrenti, contenuti disponibili e funzioni necessarie.<\/p><\/div>\n          <div class=\"cpf-step\"><span class=\"cpf-step__num\">02 \u2014 STRUTTURA<\/span><h3>Pagine e percorso<\/h3><p>Definiamo gerarchie, navigazione, messaggi, CTA e approvazioni richieste.<\/p><\/div>\n          <div class=\"cpf-step\"><span class=\"cpf-step__num\">03 \u2014 SVILUPPO<\/span><h3>Design, WordPress e SEO<\/h3><p>Realizziamo il sito, inseriamo contenuti e dati strutturati previsti e controlliamo il mobile.<\/p><\/div>\n          <div class=\"cpf-step\"><span class=\"cpf-step__num\">04 \u2014 VERIFICA<\/span><h3>Test e pubblicazione<\/h3><p>Verifichiamo moduli, browser, prestazioni e tracciamenti prima della messa online.<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ========== 7. FAQ ========== -->\n  <div class=\"cpf-faq\">\n    <div class=\"cpf-wrap\">\n      <div class=\"cpf-faq__inner\">\n        <div class=\"cpf-head cpf-reveal\">\n          <span class=\"cpf-eyebrow cpf-eyebrow--center\">FAQ<\/span>\n          <h2>Domande frequenti sui progetti del portfolio<\/h2>\n          <p>Numeri, prezzi, tempi, tecnologie e area geografica spiegati senza ambiguit\u00e0.<\/p>\n        <\/div>\n        <details class=\"cpf-faq__item\"><summary class=\"cpf-faq__q\">Lavorate con clienti in tutta Italia?<\/summary><div class=\"cpf-faq__a\"><p>S\u00ec. Seguiamo aziende e professionisti in tutta Italia con brief, revisioni e consegne gestiti online. La sede operativa \u00e8 a Veglie, in provincia di Lecce; il portfolio raccoglie progetti nazionali appartenenti a settori diversi.<\/p><\/div><\/details>\n        <details class=\"cpf-faq__item\"><summary class=\"cpf-faq__q\">Quanti siti web avete realizzato?<\/summary><div class=\"cpf-faq__a\"><p>Abbiamo realizzato oltre 50 siti web tra siti vetrina, progetti aziendali, portali ed e-commerce. In questa pagina \u00e8 pubblicata una selezione di 27 lavori con collegamento al sito, utile per valutare settori, tecnologie e variet\u00e0 dei progetti.<\/p><\/div><\/details>\n        <details class=\"cpf-faq__item\"><summary class=\"cpf-faq__q\">Quanto costa realizzare un sito web?<\/summary><div class=\"cpf-faq__a\"><p>Il sito vetrina parte da \u20ac699, il sito aziendale da \u20ac900 e l\u2019e-commerce da \u20ac1.400. Il costo finale dipende da pagine, funzioni, contenuti, integrazioni e assistenza. Nel preventivo separiamo attivit\u00e0 comprese, tempi, revisioni ed eventuali costi ricorrenti.<\/p><\/div><\/details>\n        <details class=\"cpf-faq__item\"><summary class=\"cpf-faq__q\">Quanto tempo serve per pubblicare il sito?<\/summary><div class=\"cpf-faq__a\"><p>Un sito vetrina richiede in media 2\u20134 settimane; un progetto pi\u00f9 strutturato o un e-commerce pu\u00f2 richiedere 4\u20138 settimane. I tempi vengono stimati nel preventivo e dipendono anche dalla disponibilit\u00e0 dei contenuti e dalla rapidit\u00e0 delle approvazioni.<\/p><\/div><\/details>\n        <details class=\"cpf-faq__item\"><summary class=\"cpf-faq__q\">I siti sono ottimizzati per SEO, AEO e GEO?<\/summary><div class=\"cpf-faq__a\"><p>Ogni progetto include le attivit\u00e0 tecniche e semantiche indicate nel preventivo: gerarchie, title, meta description, dati strutturati e attenzione alle prestazioni. Per obiettivi continuativi proponiamo una consulenza SEO, AEO e GEO separata, senza garantire ranking o citazioni da sistemi AI.<\/p><\/div><\/details>\n        <details class=\"cpf-faq__item\"><summary class=\"cpf-faq__q\">Posso gestire il sito dopo la consegna?<\/summary><div class=\"cpf-faq__a\"><p>S\u00ec. WordPress e WooCommerce permettono di aggiornare testi, immagini, pagine e prodotti in autonomia. Alla consegna definiamo accessi, formazione e assistenza inclusa; manutenzione, backup, sicurezza e aggiornamenti continuativi possono essere aggiunti con un accordo separato.<\/p><\/div><\/details>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  var root = document.querySelector('.cpf');\n  if (!root) return;\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* Comparsa allo scroll *\/\n  if ('IntersectionObserver' in window && !reduce) {\n    root.classList.add('cpf-js');\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n    root.querySelectorAll('.cpf-reveal').forEach(function (el) { io.observe(el); });\n  }\n\n  if (reduce) return;\n\n  \/* Luce che segue il cursore sulle card *\/\n  root.querySelectorAll('.cpf-spot').forEach(function (el) {\n    el.addEventListener('pointermove', function (e) {\n      var r = el.getBoundingClientRect();\n      el.style.setProperty('--mx', (e.clientX - r.left) + 'px');\n      el.style.setProperty('--my', (e.clientY - r.top) + 'px');\n    });\n  });\n})();\n<\/script>\n\n\n\n<!-- ============================================================\n     CUST AGENCY \u2014 FOOTER (blocco sincronizzato)\n     Prefisso classi: cft-\n     ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700&display=swap');\n\/* Nessuno spazio chiaro tra contenuto e footer *\/\nbody:has(.cft) { background: #1b0f1f !important; }\nbody:has(.cft) #primary, body:has(.cft) .site-main, body:has(.cft) .site-content > .ast-container { margin-bottom: 0 !important; padding-bottom: 0 !important; }\n.cft, .cft :where(*), .cft :where(*)::before, .cft :where(*)::after { margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; }\n.cft, .cft :where(*) { font-family: 'Outfit', sans-serif !important; -webkit-font-smoothing: antialiased !important; }\n.cft {\n  --cft-orange: #f2a03d; --cft-orange-light: #ffc574; --cft-btn: #3a1f45; --cft-ease: cubic-bezier(.22,1,.36,1);\n  position: relative !important;\n  display: block !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin: 0 0 0 calc(50% - 50vw) !important;\n  background: radial-gradient(900px 420px at 85% 0%, rgba(242,160,61,.10), transparent 60%), radial-gradient(700px 400px at 0% 100%, rgba(122,63,128,.22), transparent 60%), #1b0f1f !important;\n  color: #ffffff !important;\n  overflow: hidden !important;\n  line-height: 1.6 !important;\n}\n.cft::before { content: \"\" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(242,160,61,.7), rgba(122,63,128,.7), transparent) !important; }\n.cft a { text-decoration: none !important; }\n.cft ul, .cft li { list-style: none !important; }\n.cft-wrap { position: relative !important; z-index: 1 !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 28px !important; }\n\n.cft-main { display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.15fr) !important; gap: 48px !important; padding: 90px 0 70px 0 !important; }\n.cft-logo { display: inline-block !important; }\n.cft-logo img { display: block !important; width: 120px !important; max-width: none !important; height: auto !important; }\n.cft-tag { display: block !important; margin-top: 12px !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .2em !important; text-transform: uppercase !important; color: var(--cft-orange) !important; }\n.cft .cft-about { margin-top: 22px !important; max-width: 340px !important; font-size: 15px !important; font-weight: 300 !important; line-height: 1.7 !important; color: rgba(255,255,255,.68) !important; }\n.cft-social { display: flex !important; gap: 10px !important; margin-top: 26px !important; }\n.cft-social a { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; border-radius: 14px !important; background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.12) !important; color: #ffffff !important; transition: background .4s ease, border-color .4s ease, color .4s ease, transform .5s var(--cft-ease) !important; }\n.cft-social a:hover { background: var(--cft-orange) !important; border-color: var(--cft-orange) !important; color: var(--cft-btn) !important; transform: translateY(-3px) !important; }\n.cft-social svg { width: 19px !important; height: 19px !important; }\n\n.cft-title { display: block !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: #ffffff !important; padding-bottom: 14px !important; margin-bottom: 20px !important; position: relative !important; }\n.cft-title::after { content: \"\" !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 28px !important; height: 2px !important; border-radius: 2px !important; background: var(--cft-orange) !important; }\n.cft-links { display: grid !important; gap: 12px !important; }\n.cft-links a { display: inline-flex !important; align-items: center !important; gap: 0 !important; font-size: 15px !important; font-weight: 300 !important; color: rgba(255,255,255,.68) !important; transition: color .3s ease, transform .4s var(--cft-ease) !important; }\n.cft-links a::before { content: \"\" !important; width: 0 !important; height: 1px !important; margin-right: 0 !important; background: var(--cft-orange) !important; transition: width .4s var(--cft-ease), margin-right .4s var(--cft-ease) !important; }\n.cft-links a:hover { color: var(--cft-orange-light) !important; }\n.cft-links a:hover::before { width: 12px !important; margin-right: 8px !important; }\n\n.cft-contacts { display: grid !important; gap: 18px !important; }\n.cft-ci { display: flex !important; gap: 14px !important; align-items: flex-start !important; color: #ffffff !important; }\n.cft-ci__ico { flex: 0 0 40px !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(242,160,61,.1) !important; border: 1px solid rgba(242,160,61,.28) !important; color: var(--cft-orange) !important; }\n.cft-ci__ico svg { width: 18px !important; height: 18px !important; }\n.cft-ci__txt { display: block !important; min-width: 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: rgba(255,255,255,.9) !important; overflow-wrap: anywhere !important; }\n.cft-ci__txt small { display: block !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(255,255,255,.45) !important; margin-bottom: 2px !important; }\na.cft-ci:hover .cft-ci__txt { color: var(--cft-orange-light) !important; }\n\n.cft-bottom { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 16px 30px !important; padding: 26px 0 30px 0 !important; border-top: 1px solid rgba(255,255,255,.08) !important; }\n.cft .cft-copy { font-size: 14px !important; font-weight: 300 !important; color: rgba(255,255,255,.55) !important; }\n.cft .cft-copy strong { font-weight: 500 !important; color: rgba(255,255,255,.85) !important; }\n.cft-legal { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 26px !important; font-size: 14px !important; color: rgba(255,255,255,.55) !important; }\n.cft-legal a { color: rgba(255,255,255,.55) !important; transition: color .3s ease !important; }\n.cft-legal a:hover { color: var(--cft-orange-light) !important; }\n\n@media (max-width: 1024px) {\n  .cft-main { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 44px 32px !important; padding: 70px 0 56px 0 !important; }\n}\n@media (max-width: 640px) {\n  .cft-wrap { padding: 0 20px !important; }\n  .cft-main { grid-template-columns: minmax(0, 1fr) !important; gap: 38px !important; padding: 60px 0 44px 0 !important; }\n  .cft-bottom { flex-direction: column !important; align-items: flex-start !important; }\n}\n\/* =========================================\n   FORMINATOR \u2014 stile Cust (moduli dentro i riquadri chiari)\n   ========================================= *\/\n.forminator-ui.forminator-custom-form[data-design] { display: flex !important; flex-direction: column !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; font-family: 'Outfit', sans-serif !important; }\n.forminator-ui.forminator-custom-form[data-design] * { font-family: 'Outfit', sans-serif !important; box-sizing: border-box !important; }\n\/* Ordine: messaggio in alto, consenso e invio in fondo *\/\n.forminator-ui.forminator-custom-form[data-design] > .forminator-response-message { order: -1 !important; }\n.forminator-ui.forminator-custom-form[data-design] > .forminator-row:has(.forminator-field-consent) { order: 90 !important; }\n.forminator-ui.forminator-custom-form[data-design] > .forminator-row-last { order: 100 !important; }\n.forminator-ui.forminator-custom-form[data-design] > .forminator-row:empty { display: none !important; }\n\n\/* Griglia *\/\n.forminator-ui.forminator-custom-form[data-design] .forminator-row { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; margin: 0 0 18px 0 !important; padding: 0 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-row.forminator-no-margin { margin: 0 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-col { flex: 1 1 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-col-12 { flex: 1 1 100% !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-field { margin: 0 !important; padding: 0 !important; }\n\n\/* Etichette *\/\n.forminator-ui.forminator-custom-form[data-design] .forminator-label { display: block !important; margin: 0 0 8px 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: .01em !important; color: #3a1f45 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-required { color: #e07f22 !important; }\n\n\/* Campi *\/\n.forminator-ui.forminator-custom-form[data-design] .forminator-input,\n.forminator-ui.forminator-custom-form[data-design] .forminator-textarea,\n.forminator-ui.forminator-custom-form[data-design] select {\n  display: block !important;\n  width: 100% !important;\n  min-height: 52px !important;\n  margin: 0 !important;\n  padding: 14px 16px !important;\n  border: 1.5px solid #e6dce8 !important;\n  border-radius: 14px !important;\n  background: #ffffff !important;\n  box-shadow: 0 1px 2px rgba(36,21,41,.04) !important;\n  color: #241529 !important;\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  line-height: 1.45 !important;\n  outline: none !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease !important;\n}\n.forminator-ui.forminator-custom-form[data-design] .forminator-textarea { min-height: 140px !important; resize: vertical !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-input::placeholder,\n.forminator-ui.forminator-custom-form[data-design] .forminator-textarea::placeholder { color: #a596a9 !important; opacity: 1 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-input:hover,\n.forminator-ui.forminator-custom-form[data-design] .forminator-textarea:hover { border-color: #d6c4da !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-input:focus,\n.forminator-ui.forminator-custom-form[data-design] .forminator-textarea:focus { border-color: #f2a03d !important; box-shadow: 0 0 0 4px rgba(242,160,61,.18) !important; background: #ffffff !important; }\n\n\/* Consenso privacy *\/\n.forminator-ui.forminator-custom-form[data-design] .forminator-field-consent .forminator-field > .forminator-label { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox__wrapper { display: flex !important; align-items: flex-start !important; gap: 12px !important; margin: 0 !important; padding: 14px 16px !important; border-radius: 14px !important; background: rgba(242,160,61,.08) !important; border: 1px solid rgba(242,160,61,.25) !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox { position: relative !important; display: block !important; flex: 0 0 22px !important; width: 22px !important; height: 22px !important; margin: 1px 0 0 0 !important; padding: 0 !important; cursor: pointer !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox input { position: absolute !important; inset: 0 !important; width: 22px !important; height: 22px !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; z-index: 2 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox .forminator-checkbox-box {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 22px !important;\n  height: 22px !important;\n  margin: 0 !important;\n  border-radius: 7px !important;\n  border: 1.5px solid #cdb9d1 !important;\n  background: #ffffff !important;\n  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;\n}\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox .forminator-checkbox-box::before { content: \"\" !important; position: absolute !important; inset: 0 !important; opacity: 0 !important; background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%233a1f45' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'\/%3E%3C\/svg%3E\") center \/ 13px no-repeat !important; transition: opacity .2s ease !important; font-size: 0 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox input:checked + .forminator-checkbox-box { background: #f2a03d !important; border-color: #f2a03d !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox input:checked + .forminator-checkbox-box::before { opacity: 1 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox input:focus-visible + .forminator-checkbox-box { box-shadow: 0 0 0 4px rgba(242,160,61,.25) !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox__label,\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox__label p { margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5 !important; color: #5c4b62 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-checkbox__label a { color: #3a1f45 !important; font-weight: 600 !important; text-decoration: underline !important; text-underline-offset: 3px !important; }\n\n\/* Pulsante invio *\/\n.forminator-ui.forminator-custom-form[data-design] .forminator-row-last { margin: 6px 0 0 0 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-button-submit {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 14px !important;\n  width: auto !important;\n  min-height: 56px !important;\n  margin: 0 !important;\n  padding: 8px 8px 8px 30px !important;\n  border: 0 !important;\n  border-radius: 60px !important;\n  background: #3a1f45 !important;\n  color: #ffffff !important;\n  font-size: 16px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  letter-spacing: .01em !important;\n  box-shadow: 0 14px 30px -14px rgba(58,31,69,.7) !important;\n  cursor: pointer !important;\n  transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s cubic-bezier(.22,1,.36,1), background .3s ease !important;\n}\n.forminator-ui.forminator-custom-form[data-design] .forminator-button-submit::after {\n  content: \"\" !important;\n  flex: 0 0 40px !important;\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 50% !important;\n  background: #f2a03d url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%233a1f45' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'\/%3E%3C\/svg%3E\") center \/ 16px no-repeat !important;\n  transition: transform .5s cubic-bezier(.22,1,.36,1) !important;\n}\n.forminator-ui.forminator-custom-form[data-design] .forminator-button-submit:hover,\n.forminator-ui.forminator-custom-form[data-design] .forminator-button-submit:focus-visible { transform: translateY(-3px) !important; box-shadow: 0 20px 40px -14px rgba(58,31,69,.8) !important; color: #ffffff !important; background: #3a1f45 !important; outline: none !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-button-submit:hover::after { transform: rotate(-45deg) !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-button-submit:disabled { opacity: .6 !important; cursor: wait !important; transform: none !important; }\n\n\/* Errori e messaggi *\/\n.forminator-ui.forminator-custom-form[data-design] .forminator-has_error .forminator-input,\n.forminator-ui.forminator-custom-form[data-design] .forminator-has_error .forminator-textarea { border-color: #e25c4b !important; box-shadow: 0 0 0 4px rgba(226,92,75,.12) !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-has_error .forminator-checkbox-box { border-color: #e25c4b !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-error-message { display: block !important; margin: 7px 0 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #c8402f !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-error-message::before { display: none !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-response-message:not([aria-hidden=\"true\"]) { display: block !important; margin: 0 0 18px 0 !important; padding: 14px 18px !important; border-radius: 14px !important; border: 0 !important; border-left: 4px solid #e25c4b !important; background: rgba(226,92,75,.09) !important; color: #241529 !important; font-size: 15px !important; line-height: 1.5 !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-response-message.forminator-success:not([aria-hidden=\"true\"]) { border-left-color: #19b86b !important; background: rgba(25,184,107,.1) !important; }\n.forminator-ui.forminator-custom-form[data-design] .forminator-response-message p { margin: 0 !important; color: #241529 !important; font-size: 15px !important; }\n\n@media (max-width: 600px) {\n  .forminator-ui.forminator-custom-form[data-design] .forminator-row { flex-direction: column !important; }\n  .forminator-ui.forminator-custom-form[data-design] .forminator-col { flex: 1 1 auto !important; width: 100% !important; }\n  .forminator-ui.forminator-custom-form[data-design] .forminator-button-submit { width: 100% !important; justify-content: space-between !important; }\n}\n<\/style>\n\n<footer class=\"cft\" aria-label=\"Footer Cust Agency\">\n  <div class=\"cft-wrap\">\n    <div class=\"cft-main\">\n      <div>\n        <a class=\"cft-logo\" href=\"\/\" aria-label=\"Cust Agency - Home\"><img decoding=\"async\" src=\"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/logo.png\" alt=\"Cust Agency logo\" width=\"120\" height=\"38\" loading=\"lazy\"><\/a>\n        <span class=\"cft-tag\">Siti web \u00b7 Grafica \u00b7 Social<\/span>\n        <p class=\"cft-about\">Progettiamo siti web, e-commerce, identit\u00e0 visive, SEO e campagne social per aziende in tutta Italia. Ogni intervento parte da obiettivi, contenuti e responsabilit\u00e0 operative chiare.<\/p>\n        <div class=\"cft-social\">\n          <a href=\"https:\/\/wa.me\/393277040930?text=Ciao%2C%20vorrei%20informazioni%20sui%20servizi%20di%20Cust%20Agency\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Scrivici su WhatsApp\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.700.7 2.3.8 3.2.6a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z\"\/><\/svg><\/a>\n          <a href=\"mailto:info@custagency.com\" aria-label=\"Scrivici una e-mail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M22 6l-10 7L2 6\"\/><\/svg><\/a>\n          <a href=\"tel:+393277040930\" aria-label=\"Chiamaci\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n      <nav aria-label=\"Servizi\">\n        <span class=\"cft-title\">Servizi<\/span>\n        <ul class=\"cft-links\">\n          <li><a href=\"\/creazione-siti-web-ai-ready\/\">Siti web AI-Ready<\/a><\/li>\n          <li><a href=\"\/creazione-siti-web-ai-ready\/\">SEO, AEO &amp; GEO<\/a><\/li>\n          <li><a href=\"\/meta-ads-e-gestione-social\/\">Social Media &amp; ADS<\/a><\/li>\n          <li><a href=\"\/brand-identity\/\">Brand Identity<\/a><\/li>\n          <li><a href=\"\/servizi\/#csr-automazioni\">Automazioni<\/a><\/li>\n          <li><a href=\"\/servizi\/\">Tutti i servizi<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <nav aria-label=\"Link utili\">\n        <span class=\"cft-title\">Link utili<\/span>\n        <ul class=\"cft-links\">\n          <li><a href=\"\/\">Home<\/a><\/li>\n          <li><a href=\"\/servizi\/\">Servizi<\/a><\/li>\n          <li><a href=\"\/portfolio\/\">Portfolio<\/a><\/li>\n          <li><a href=\"\/contatti\/\">Contatti<\/a><\/li>\n          <li><a href=\"\/contatti\/#cco-form\">Preventivo gratuito<\/a><\/li>\n        <\/ul>\n      <\/nav>\n\n      <div>\n        <span class=\"cft-title\">Contatti<\/span>\n        <div class=\"cft-contacts\">\n          <div class=\"cft-ci\"><span class=\"cft-ci__ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span><span class=\"cft-ci__txt\"><small>Sede<\/small>Via Ugo Foscolo, 104<br>73010 Veglie (LE)<\/span><\/div>\n          <a class=\"cft-ci\" href=\"tel:+393277040930\"><span class=\"cft-ci__ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"\/><\/svg><\/span><span class=\"cft-ci__txt\"><small>Telefono<\/small>+39 327 704 0930<\/span><\/a>\n          <a class=\"cft-ci\" href=\"mailto:info@custagency.com\"><span class=\"cft-ci__ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M22 6l-10 7L2 6\"\/><\/svg><\/span><span class=\"cft-ci__txt\"><small>E-mail<\/small>info@custagency.com<\/span><\/a>\n          <div class=\"cft-ci\"><span class=\"cft-ci__ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg><\/span><span class=\"cft-ci__txt\"><small>Orari<\/small>Lun \u2013 Ven: 09:00 \u2013 18:00<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cft-bottom\">\n      <p class=\"cft-copy\">\u00a9 <span data-cft-year>2026<\/span> <strong>Cust Agency<\/strong><\/p>\n      <div class=\"cft-legal\">\n        <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\n        <a href=\"\/cookie-policy-ue\/\">Cookie Policy<\/a>\n        <span>P.IVA: 05286560759<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n<script>\n(function () { var y = document.querySelector('[data-cft-year]'); if (y) y.textContent = new Date().getFullYear(); })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio Portfolio siti web, e\u2011commerce e grafica Quali progetti trovi nel portfolio? Una selezione pubblica degli oltre 50 siti realizzati: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"_zipai_import_id":"","footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Portfolio siti web, grafica e social | Cust Agency<\/title>\n<meta name=\"description\" content=\"Siti web, e-commerce, brand identity e gestione social realizzati per aziende e professionisti in tutta Italia. Guarda i progetti di Cust Agency.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.custagency.com\/portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio | Cust Agency\" \/>\n<meta property=\"og:description\" content=\"Siti web, e-commerce, identit\u00e0 visive e social realizzati per aziende in tutta Italia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.custagency.com\/portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Cust Agency\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-10T11:14:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/Non.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Portfolio | Cust Agency\" \/>\n<meta name=\"twitter:description\" content=\"Siti web, e-commerce, identit\u00e0 visive e social realizzati per aziende in tutta Italia.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/Non.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/\",\"url\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/\",\"name\":\"Portfolio siti web, grafica e social | Cust Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.custagency.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.carlaservice.it\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png\",\"datePublished\":\"2026-10-09T10:59:38+00:00\",\"dateModified\":\"2026-10-10T11:14:18+00:00\",\"description\":\"Siti web, e-commerce, brand identity e gestione social realizzati per aziende e professionisti in tutta Italia. Guarda i progetti di Cust Agency.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.carlaservice.it\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png\",\"contentUrl\":\"https:\\\/\\\/www.carlaservice.it\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.custagency.com\\\/portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.custagency.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.custagency.com\\\/#website\",\"url\":\"https:\\\/\\\/www.custagency.com\\\/\",\"name\":\"Cust Agency\",\"description\":\"Siti web, social e brand su misura, in tutta Italia\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.custagency.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.custagency.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.custagency.com\\\/#organization\",\"name\":\"Cust Agency di Lorenzo Albano\",\"url\":\"https:\\\/\\\/www.custagency.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.custagency.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.custagency.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Non-4.jpg\",\"contentUrl\":\"https:\\\/\\\/www.custagency.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Non-4.jpg\",\"width\":843,\"height\":481,\"caption\":\"Cust Agency di Lorenzo Albano\"},\"image\":{\"@id\":\"https:\\\/\\\/www.custagency.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio siti web, grafica e social | Cust Agency","description":"Siti web, e-commerce, brand identity e gestione social realizzati per aziende e professionisti in tutta Italia. Guarda i progetti di Cust Agency.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.custagency.com\/portfolio\/","og_locale":"it_IT","og_type":"article","og_title":"Portfolio | Cust Agency","og_description":"Siti web, e-commerce, identit\u00e0 visive e social realizzati per aziende in tutta Italia.","og_url":"https:\/\/www.custagency.com\/portfolio\/","og_site_name":"Cust Agency","article_modified_time":"2026-10-10T11:14:18+00:00","og_image":[{"url":"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/Non.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"Portfolio | Cust Agency","twitter_description":"Siti web, e-commerce, identit\u00e0 visive e social realizzati per aziende in tutta Italia.","twitter_image":"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/Non.jpg","twitter_misc":{"Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.custagency.com\/portfolio\/","url":"https:\/\/www.custagency.com\/portfolio\/","name":"Portfolio siti web, grafica e social | Cust Agency","isPartOf":{"@id":"https:\/\/www.custagency.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.custagency.com\/portfolio\/#primaryimage"},"image":{"@id":"https:\/\/www.custagency.com\/portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/www.carlaservice.it\/wp-content\/uploads\/2025\/10\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png","datePublished":"2026-10-09T10:59:38+00:00","dateModified":"2026-10-10T11:14:18+00:00","description":"Siti web, e-commerce, brand identity e gestione social realizzati per aziende e professionisti in tutta Italia. Guarda i progetti di Cust Agency.","breadcrumb":{"@id":"https:\/\/www.custagency.com\/portfolio\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.custagency.com\/portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.custagency.com\/portfolio\/#primaryimage","url":"https:\/\/www.carlaservice.it\/wp-content\/uploads\/2025\/10\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png","contentUrl":"https:\/\/www.carlaservice.it\/wp-content\/uploads\/2025\/10\/Autonoleggio-a-Lecce-e-Soccorso-Stradale-H24-4-1024x677.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.custagency.com\/portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.custagency.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/www.custagency.com\/#website","url":"https:\/\/www.custagency.com\/","name":"Cust Agency","description":"Siti web, social e brand su misura, in tutta Italia","publisher":{"@id":"https:\/\/www.custagency.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.custagency.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.custagency.com\/#organization","name":"Cust Agency di Lorenzo Albano","url":"https:\/\/www.custagency.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.custagency.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/Non-4.jpg","contentUrl":"https:\/\/www.custagency.com\/wp-content\/uploads\/2026\/10\/Non-4.jpg","width":843,"height":481,"caption":"Cust Agency di Lorenzo Albano"},"image":{"@id":"https:\/\/www.custagency.com\/#\/schema\/logo\/image\/"}}]}},"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"admin","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/25832189e94d0a0b6ac9dc1e3022160fff222df20fffcd44a85a4f2baa0ebafd?s=96&d=mm&r=g","author_link":"https:\/\/www.custagency.com\/author\/admin_pap2ynhh\/","description":""},"_links":{"self":[{"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":7,"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/pages\/37\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/www.custagency.com\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}