{"id":7,"date":"2026-07-14T09:52:27","date_gmt":"2026-07-14T09:52:27","guid":{"rendered":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/?page_id=7"},"modified":"2026-07-15T11:42:56","modified_gmt":"2026-07-15T11:42:56","slug":"homepage","status":"publish","type":"page","link":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n\n\n<!-- ===== HERO 3D VISTA APPARTAMENTO \u2014 pronto per Flatsome ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,700&#038;family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"cn-hero3d\">\n  <div class=\"inner\">\n    <div class=\"copy\">\n      <span class=\"eyebrow\"><span class=\"dot\"><\/span>Progettazione su misura<\/span>\n      <h1>Disegniamo lo <em>spazio<\/em> che vivrai.<\/h1>\n      <p class=\"sub\">Ogni casa nasce da uno spazio studiato nel dettaglio. Entra e scopri come prende forma il tuo prossimo soggiorno.<\/p>\n      <div class=\"actions\">\n        <button class=\"btn btn-primary\">Esplora le planimetrie<\/button>\n        <button class=\"btn btn-outline\">Prenota un appuntamento<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"stage\">\n      <svg class=\"scene\" id=\"cnScene\" viewBox=\"0 0 800 500\" preserveAspectRatio=\"xMidYMid meet\"><\/svg>\n      <div class=\"caption\">Soggiorno <span class=\"sq\">\u00b7 vista 3D<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"cn-scroll\" id=\"cnScrollBtn\" aria-label=\"Vai alla sezione successiva\">\n    <span class=\"cn-scroll-txt\">Scopri di pi\u00f9<\/span>\n    <span class=\"cn-scroll-ico\">\n      <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path class=\"cn-chev cn-chev1\" d=\"M5 8l7 7 7-7\"\/>\n        <path class=\"cn-chev cn-chev2\" d=\"M5 14l7 7 7-7\"\/>\n      <\/svg>\n    <\/span>\n  <\/button>\n<\/section>\n\n<style>\n  .cn-hero3d{\n    --verde:#1E9E5B; --mint:#7EE2A8; --verde-scuro:#0E3A22;\n    --display:'Bricolage Grotesque',sans-serif; --body:'Inter',sans-serif;\n    position:relative;min-height:950px;overflow:hidden;background:#3DA5DC1A;\n    display:flex;align-items:center;font-family:var(--body);\n  }\n  .cn-hero3d *{box-sizing:border-box;margin:0;padding:0}\n  .cn-hero3d .inner{position:relative;z-index:3;max-width:1500px;margin:0 auto;padding:80px 40px;width:100%;\n    display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}\n  .cn-hero3d .copy{color:#14532D}\n  .cn-hero3d .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--verde);font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}\n  .cn-hero3d .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--verde);animation:cnPulse 1.6s ease-in-out infinite}\n  @keyframes cnPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}\n  .cn-hero3d h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,5.2vw,66px);line-height:1.02;letter-spacing:-1px;color:#14532D}\n  .cn-hero3d h1 em{font-style:normal;color:#14532D}\n  .cn-hero3d .sub{color:#3f5a49;font-size:20px;margin:24px 0 32px;max-width:44ch}\n  .cn-hero3d .actions{display:flex;gap:10px;flex-wrap:wrap}\n  .cn-hero3d .btn{font-family:var(--body);font-weight:500;font-size:14px;padding:10px 20px;border-radius:999px;cursor:pointer;transition:transform .15s,background .2s,border-color .2s,color .2s;border:1.5px solid transparent;white-space:nowrap}\n  .cn-hero3d .btn:active{transform:scale(.97)}\n  .cn-hero3d .btn-primary{background:var(--verde);color:#fff;border-color:var(--verde)}\n  .cn-hero3d .btn-primary:hover{background:#188049;border-color:#188049}\n  .cn-hero3d .btn-outline{background:#fff;color:#1B6A93;border-color:rgba(61,165,220,.28)}\n  .cn-hero3d .btn-outline:hover{background:#EAF4FB;color:#3DA5DC;border-color:rgba(61,165,220,.45)}\n  .cn-hero3d .stage{position:relative;aspect-ratio:8\/5}\n  .cn-hero3d .scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible}\n  .cn-hero3d .wall{fill:none;stroke:var(--verde-scuro);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\n  .cn-hero3d .furn{fill:none;stroke:rgba(30,158,91,.85);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n  .cn-hero3d .gridline{fill:none;stroke:rgba(20,83,45,.14);stroke-width:1}\n  .cn-hero3d .fill{stroke:none}\n  .cn-hero3d .detail{opacity:0;transition:opacity .8s ease .1s}\n  .cn-hero3d .detail.show{opacity:1}\n  .cn-hero3d .caption{position:absolute;left:0;bottom:-4px;z-index:4;color:#14532D;font-family:var(--display);font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px}\n  .cn-hero3d .caption .sq{color:var(--verde);font-family:var(--body);font-weight:400;font-size:13px}\n\n  \/* ---- tasto scroll ---- *\/\n  .cn-hero3d .cn-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;\n    display:inline-flex;align-items:center;gap:10px;cursor:pointer;\n    background:none;border:none;padding:6px 10px;font-family:var(--body);color:#14532D;\n    transition:color .2s ease, transform .2s ease}\n  .cn-hero3d .cn-scroll:hover{color:var(--verde);transform:translateX(-50%) translateY(-3px)}\n  .cn-hero3d .cn-scroll-txt{font-size:13px;font-weight:600;letter-spacing:.3px}\n  .cn-hero3d .cn-scroll-ico{display:flex;align-items:center;justify-content:center;color:inherit}\n  .cn-hero3d .cn-chev1{animation:cnBounce 1.8s ease-in-out infinite}\n  .cn-hero3d .cn-chev2{opacity:.5;animation:cnBounce 1.8s ease-in-out infinite .18s}\n  @keyframes cnBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}\n\n  @media (max-width:860px){\n    .cn-hero3d .inner{grid-template-columns:1fr;gap:28px}\n    .cn-hero3d .stage{order:-1;max-width:520px;margin:0 auto;width:100%}\n  }\n  @media (prefers-reduced-motion:reduce){\n    .cn-hero3d .wall{stroke-dashoffset:0!important;transition:none!important}\n    .cn-hero3d .detail{opacity:1!important}\n    .cn-hero3d .cn-chev1,.cn-hero3d .cn-chev2,.cn-hero3d .eyebrow .dot{animation:none}\n  }\n<\/style>\n\n<script>\n(function(){\n  const NS=\"http:\/\/www.w3.org\/2000\/svg\";\n  const scene=document.getElementById(\"cnScene\");\n  if(!scene) return;\n  const cx=400, cy=180, ux=48, uy=26, uz=44;   \/\/ proiezione assonometrica\n  const W=6, D=5, H=4;                          \/\/ dimensioni stanza (griglia)\n  const P=(x,y,z)=>[ +(cx+(x-y)*ux).toFixed(1), +(cy+(x+y)*uy - z*uz).toFixed(1) ];\n  const d=(pts,close)=>\"M\"+pts.map(p=>p.join(\",\")).join(\" L\")+(close?\" Z\":\"\");\n  function el(tag,attrs){const e=document.createElementNS(NS,tag);for(const k in attrs)e.setAttribute(k,attrs[k]);return e;}\n  function box(x,y,z,dx,dy,dz){\n    const top=[P(x,y,z+dz),P(x+dx,y,z+dz),P(x+dx,y+dy,z+dz),P(x,y+dy,z+dz)];\n    const fx =[P(x+dx,y,z),P(x+dx,y+dy,z),P(x+dx,y+dy,z+dz),P(x+dx,y,z+dz)];\n    const fy =[P(x,y+dy,z),P(x+dx,y+dy,z),P(x+dx,y+dy,z+dz),P(x,y+dy,z+dz)];\n    return {top,fx,fy};\n  }\n  function drawBox(g,b){\n    g.appendChild(el(\"path\",{d:d(b.fy,true),class:\"fill\",fill:\"rgba(30,158,91,.10)\"}));\n    g.appendChild(el(\"path\",{d:d(b.fx,true),class:\"fill\",fill:\"rgba(20,83,45,.09)\"}));\n    g.appendChild(el(\"path\",{d:d(b.top,true),class:\"fill\",fill:\"rgba(126,226,168,.22)\"}));\n    g.appendChild(el(\"path\",{d:d(b.fy,true),class:\"furn\"}));\n    g.appendChild(el(\"path\",{d:d(b.fx,true),class:\"furn\"}));\n    g.appendChild(el(\"path\",{d:d(b.top,true),class:\"furn\"}));\n  }\n  function drawBoxAzz(g,b){\n    g.appendChild(el(\"path\",{d:d(b.fy,true),class:\"fill\",fill:\"rgba(30,130,190,.14)\"}));\n    g.appendChild(el(\"path\",{d:d(b.fx,true),class:\"fill\",fill:\"rgba(20,90,140,.12)\"}));\n    g.appendChild(el(\"path\",{d:d(b.top,true),class:\"fill\",fill:\"rgba(93,184,232,.32)\"}));\n    g.appendChild(el(\"path\",{d:d(b.fy,true),class:\"furn\",style:\"stroke:rgba(45,150,205,.85)\"}));\n    g.appendChild(el(\"path\",{d:d(b.fx,true),class:\"furn\",style:\"stroke:rgba(45,150,205,.85)\"}));\n    g.appendChild(el(\"path\",{d:d(b.top,true),class:\"furn\",style:\"stroke:rgba(45,150,205,.85)\"}));\n  }\n  const gFill=el(\"g\",{class:\"detail\"});\n  const gWall=el(\"g\",{});\n  const gDet =el(\"g\",{class:\"detail\"});\n  scene.appendChild(gFill); scene.appendChild(gWall); scene.appendChild(gDet);\n  gFill.appendChild(el(\"path\",{d:d([P(0,0,0),P(W,0,0),P(W,D,0),P(0,D,0)],true),class:\"fill\",fill:\"rgba(30,158,91,.06)\"}));\n  gFill.appendChild(el(\"path\",{d:d([P(0,0,0),P(0,D,0),P(0,D,H),P(0,0,H)],true),class:\"fill\",fill:\"rgba(20,83,45,.07)\"}));\n  gFill.appendChild(el(\"path\",{d:d([P(0,0,0),P(W,0,0),P(W,0,H),P(0,0,H)],true),class:\"fill\",fill:\"rgba(20,83,45,.04)\"}));\n  const walls=[\n    d([P(0,0,0),P(W,0,0),P(W,D,0),P(0,D,0)],true),\n    d([P(0,0,0),P(0,D,0),P(0,D,H),P(0,0,H)],true),\n    d([P(0,0,0),P(W,0,0),P(W,0,H),P(0,0,H)],true),\n  ];\n  walls.forEach(dd=>gWall.appendChild(el(\"path\",{d:dd,class:\"wall\"})));\n  [[0,0],[W,0],[0,D]].forEach(([x,y])=>gWall.appendChild(el(\"path\",{d:d([P(x,y,0),P(x,y,H)]),class:\"wall\"})));\n  for(let i=1;i<W;i++) gDet.appendChild(el(\"path\",{d:d([P(i,0,0),P(i,D,0)]),class:\"gridline\"}));\n  for(let j=1;j<D;j++) gDet.appendChild(el(\"path\",{d:d([P(0,j,0),P(W,j,0)]),class:\"gridline\"}));\n  const win=[P(1.0,0,1.6),P(2.6,0,1.6),P(2.6,0,2.9),P(1.0,0,2.9)];\n  gDet.appendChild(el(\"path\",{d:d(win,true),class:\"fill\",fill:\"rgba(61,165,220,.30)\"}));\n  gDet.appendChild(el(\"path\",{d:d(win,true),class:\"furn\"}));\n  gDet.appendChild(el(\"path\",{d:d([P(1.8,0,1.6),P(1.8,0,2.9)]),class:\"furn\"}));\n  gDet.appendChild(el(\"path\",{d:d([P(1.0,0,2.25),P(2.6,0,2.25)]),class:\"furn\"}));\n  const door=[P(0,1.6,0),P(0,3.3,0),P(0,3.3,3.1),P(0,1.6,3.1)];\n  gDet.appendChild(el(\"path\",{d:d(door,true),class:\"fill\",fill:\"rgba(20,83,45,.06)\"}));\n  gDet.appendChild(el(\"path\",{d:d(door,true),class:\"furn\"}));\n  gDet.appendChild(el(\"path\",{d:d([P(0,2.9,0),P(0,2.9,3.1)]),class:\"furn\"}));\n  gDet.appendChild(el(\"circle\",{cx:P(0,2.7,1.5)[0],cy:P(0,2.7,1.5)[1],r:3,class:\"furn\"}));\n  gDet.appendChild(el(\"path\",{d:d([P(2.4,1.7,0),P(4.9,1.7,0),P(4.9,3.5,0),P(2.4,3.5,0)],true),class:\"fill\",fill:\"rgba(61,165,220,.10)\"}));\n  gDet.appendChild(el(\"path\",{d:d([P(2.4,1.7,0),P(4.9,1.7,0),P(4.9,3.5,0),P(2.4,3.5,0)],true),class:\"furn\",style:\"stroke:rgba(45,150,205,.6)\"}));\n  drawBox(gDet, box(2.4,0.5,0, 2.7,1.1,0.45));\n  drawBox(gDet, box(2.4,0.5,0, 2.7,0.28,1.15));\n  drawBox(gDet, box(2.4,0.5,0, 0.30,1.1,0.75));\n  drawBox(gDet, box(4.8,0.5,0, 0.30,1.1,0.75));\n  drawBoxAzz(gDet, box(2.85,0.72,0.45, 0.62,0.55,0.16));\n  drawBoxAzz(gDet, box(4.05,0.72,0.45, 0.62,0.55,0.16));\n  drawBox(gDet, box(3.1,2.1,0, 1.4,0.9,0.35));\n  drawBox(gDet, box(0.4,3.9,0, 0.6,0.6,0.7));\n  const pt=P(0.7,4.2,0.7);\n  [[-16,-40],[0,-52],[16,-40],[-8,-46],[8,-46]].forEach(o=>\n    gDet.appendChild(el(\"path\",{d:`M${pt[0]},${pt[1]} Q${pt[0]+o[0]\/2},${pt[1]+o[1]\/2} ${pt[0]+o[0]},${pt[1]+o[1]}`,class:\"furn\"})));\n  const lb=P(5.3,3.7,0), lt=P(5.3,3.7,2.3);\n  gDet.appendChild(el(\"path\",{d:d([lb,lt]),class:\"furn\"}));\n  gDet.appendChild(el(\"path\",{d:`M${lt[0]-22},${lt[1]+4} L${lt[0]+22},${lt[1]+4} L${lt[0]+14},${lt[1]-24} L${lt[0]-14},${lt[1]-24} Z`,class:\"furn\"}));\n  const reduce=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  const wallPaths=[...gWall.querySelectorAll(\".wall\")];\n  const details=[...scene.querySelectorAll(\".detail\")];\n  wallPaths.forEach(w=>{const l=w.getTotalLength();w.style.strokeDasharray=l;w.style.strokeDashoffset=l;});\n  function play(){\n    wallPaths.forEach(w=>{w.style.transition=\"none\";w.style.strokeDashoffset=w.getTotalLength();});\n    details.forEach(g=>g.classList.remove(\"show\"));\n    void scene.getBoundingClientRect();\n    wallPaths.forEach((w,k)=>{\n      w.style.transition=\"stroke-dashoffset 1s cubic-bezier(.65,0,.35,1) \"+(k*0.18)+\"s\";\n      w.style.strokeDashoffset=0;\n    });\n    const t=1000+(wallPaths.length-1)*180;\n    setTimeout(()=>details.forEach(g=>g.classList.add(\"show\")), t*0.55);\n  }\n  if(reduce){ details.forEach(g=>g.classList.add(\"show\")); }\n  else { play(); setInterval(play, 7000); }\n\n  \/\/ ---- tasto scroll verso la sezione successiva ----\n  const btn=document.getElementById(\"cnScrollBtn\");\n  if(btn){\n    btn.addEventListener(\"click\",function(){\n      const hero=document.querySelector(\".cn-hero3d\");\n      let node=hero, target=null;\n      while(node && node!==document.body && !target){\n        let sib=node.nextElementSibling;\n        while(sib){\n          if(sib.offsetHeight>60){ target=sib; break; }\n          sib=sib.nextElementSibling;\n        }\n        node=node.parentElement;\n      }\n      if(target) target.scrollIntoView({behavior:\"smooth\",block:\"start\"});\n      else window.scrollBy({top:window.innerHeight,behavior:\"smooth\"});\n    });\n  }\n})();\n<\/script>\n\n\n\t<section class=\"section\" id=\"section_1340188450\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- ===== VENDITA vs AFFITTO \u2014 blocco home con illustrazioni animate (pronto per Flatsome) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,700&#038;family=Inter:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"cn-scelta\">\n  <div class=\"cn-head\">\n    <div class=\"cn-eyebrow\">Cosa stai cercando<\/div>\n    <h2>Comprare o affittare?<\/h2>\n  <\/div>\n\n  <div class=\"cn-grid\">\n\n    <!-- VENDITA -->\n    <a href=\"#\" class=\"cn-card cn-vendita\">\n      <span class=\"cn-blob\"><\/span>\n\n      <span class=\"cn-art\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 260 220\" preserveAspectRatio=\"xMidYMid meet\">\n          <!-- terreno -->\n          <path class=\"cn-soft\" d=\"M20 190 H240\"\/>\n          <!-- corpo casa -->\n          <path class=\"cn-draw\" d=\"M60 190 V95 M200 190 V95 M60 190 H200\"\/>\n          <!-- tetto -->\n          <path class=\"cn-draw\" d=\"M45 100 L130 40 L215 100 Z\"\/>\n          <!-- comignolo -->\n          <path class=\"cn-draw\" d=\"M180 70 V48 H196 V82\"\/>\n          <!-- porta -->\n          <path class=\"cn-draw\" d=\"M116 190 V140 H146 V190\"\/>\n          <circle class=\"cn-soft\" cx=\"140\" cy=\"166\" r=\"3\"\/>\n          <!-- finestre -->\n          <path class=\"cn-draw\" d=\"M78 118 H104 V146 H78 Z M91 118 V146 M78 132 H104\"\/>\n          <path class=\"cn-draw\" d=\"M158 118 H184 V146 H158 Z M171 118 V146 M158 132 H184\"\/>\n          <!-- alberello -->\n          <path class=\"cn-soft\" d=\"M232 190 V158\"\/>\n          <circle class=\"cn-soft\" cx=\"232\" cy=\"146\" r=\"16\"\/>\n        <\/svg>\n      <\/span>\n\n      <span class=\"cn-body\">\n        <span class=\"cn-ico\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><path d=\"M9 22V12h6v10\"\/><\/svg>\n        <\/span>\n        <span class=\"cn-title\">Comprare casa<\/span>\n        <span class=\"cn-desc\">Appartamenti, ville e nuove costruzioni selezionate per te.<\/span>\n        <span class=\"cn-count\"><b>840<\/b> immobili in vendita<\/span>\n        <span class=\"cn-tags\">\n          <span class=\"cn-tag\">Bilocali<\/span>\n          <span class=\"cn-tag\">Trilocali<\/span>\n          <span class=\"cn-tag\">Ville<\/span>\n        <\/span>\n        <span class=\"cn-btn\">Sfoglia le vendite <span class=\"cn-arr\">\u2192<\/span><\/span>\n      <\/span>\n    <\/a>\n\n    <!-- AFFITTO -->\n    <a href=\"#\" class=\"cn-card cn-affitto\">\n      <span class=\"cn-blob\"><\/span>\n\n      <span class=\"cn-art\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 260 220\" preserveAspectRatio=\"xMidYMid meet\">\n          <path class=\"cn-soft\" d=\"M20 190 H240\"\/>\n          <!-- palazzina alta -->\n          <path class=\"cn-draw\" d=\"M70 190 V50 H160 V190\"\/>\n          <!-- corpo laterale pi\u00f9 basso -->\n          <path class=\"cn-draw\" d=\"M160 190 V105 H215 V190\"\/>\n          <!-- solai -->\n          <path class=\"cn-soft\" d=\"M70 85 H160 M70 120 H160 M70 155 H160 M160 140 H215\"\/>\n          <!-- finestre torre -->\n          <path class=\"cn-draw\" d=\"M84 62 H104 V78 H84 Z M126 62 H146 V78 H126 Z\"\/>\n          <path class=\"cn-draw\" d=\"M84 97 H104 V113 H84 Z M126 97 H146 V113 H126 Z\"\/>\n          <path class=\"cn-draw\" d=\"M84 132 H104 V148 H84 Z M126 132 H146 V148 H126 Z\"\/>\n          <!-- balconi -->\n          <path class=\"cn-soft\" d=\"M80 78 H150 M80 113 H150\"\/>\n          <!-- finestre laterale -->\n          <path class=\"cn-draw\" d=\"M174 117 H192 V132 H174 Z M174 152 H192 V167 H174 Z\"\/>\n          <!-- ingresso -->\n          <path class=\"cn-draw\" d=\"M104 190 V162 H126 V190\"\/>\n          <!-- antenna -->\n          <path class=\"cn-soft\" d=\"M115 50 V32\"\/>\n          <circle class=\"cn-soft\" cx=\"115\" cy=\"28\" r=\"4\"\/>\n        <\/svg>\n      <\/span>\n\n      <span class=\"cn-body\">\n        <span class=\"cn-ico\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"15\" r=\"4\"\/><path d=\"M10.8 12.2L20 3M17 6l2 2M14 9l2 2\"\/><\/svg>\n        <\/span>\n        <span class=\"cn-title\">Prendere in affitto<\/span>\n        <span class=\"cn-desc\">Soluzioni pronte, arredate e non, per ogni esigenza.<\/span>\n        <span class=\"cn-count\"><b>360<\/b> immobili in affitto<\/span>\n        <span class=\"cn-tags\">\n          <span class=\"cn-tag\">Arredati<\/span>\n          <span class=\"cn-tag\">Brevi periodi<\/span>\n          <span class=\"cn-tag\">Uffici<\/span>\n        <\/span>\n        <span class=\"cn-btn\">Sfoglia gli affitti <span class=\"cn-arr\">\u2192<\/span><\/span>\n      <\/span>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<style>\n  .cn-scelta{\n    --verde:#1E9E5B; --verde-hover:#188049; --verde-chiaro:#EAF6EE; --neon:#10A64F;\n    --azzurro:#3DA5DC; --azzurro-scuro:#2D96CD; --azzurro-chiaro:#EAF4FB; --neon-azz:#2D96CD;\n    --crema:#F6F8F4; --testo:#17241A; --muted:#6B7A6B; --bordo:#E3E9E0;\n    --display:'Bricolage Grotesque',sans-serif; --body:'Inter',sans-serif;\n    max-width:1430px;margin:0 auto;font-family:var(--body);\n  }\n  .cn-scelta *{box-sizing:border-box}\n\n  .cn-scelta .cn-head{text-align:center;margin-bottom:70px}\n  .cn-scelta .cn-eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;color:var(--verde)}\n  .cn-scelta .cn-head h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.4vw,44px);letter-spacing:-.5px;color:var(--testo);margin:6px 0 0}\n\n  .cn-scelta .cn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n\n  .cn-scelta .cn-card{position:relative;display:block;background:#fff;border:1.5px solid var(--bordo);\n    border-radius:20px;padding:34px 32px;overflow:hidden;text-decoration:none;\n    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}\n\n  \/* ---- bordo neon: acceso ma leggero a riposo, pi\u00f9 intenso all'hover ---- *\/\n  .cn-scelta .cn-vendita{border-color:rgba(16,166,79,.5);\n    box-shadow:0 0 0 1px rgba(16,166,79,.14), 0 0 15px rgba(16,166,79,.24)}\n  .cn-scelta .cn-affitto{border-color:rgba(45,150,205,.5);\n    box-shadow:0 0 0 1px rgba(45,150,205,.14), 0 0 15px rgba(45,150,205,.24)}\n  .cn-scelta .cn-vendita:hover{border-color:rgba(16,166,79,.75);\n    box-shadow:0 0 0 1px rgba(16,166,79,.28), 0 0 22px rgba(16,166,79,.4)}\n  .cn-scelta .cn-affitto:hover{border-color:rgba(45,150,205,.75);\n    box-shadow:0 0 0 1px rgba(45,150,205,.28), 0 0 22px rgba(45,150,205,.4)}\n\n  .cn-scelta .cn-blob{position:absolute;top:-40px;right:-40px;width:190px;height:190px;border-radius:50%;\n    transition:transform .35s ease}\n  .cn-scelta .cn-vendita .cn-blob{background:var(--verde-chiaro)}\n  .cn-scelta .cn-affitto .cn-blob{background:var(--azzurro-chiaro)}\n  .cn-scelta .cn-card:hover{transform:translateY(-5px)}\n  .cn-scelta .cn-card:hover .cn-blob{transform:scale(1.15)}\n\n  \/* ---- illustrazione a destra ---- *\/\n  .cn-scelta .cn-art{position:absolute;right:18px;bottom:14px;width:44%;max-width:280px;z-index:1;\n    pointer-events:none;animation:cnFloat 6s ease-in-out infinite}\n  .cn-scelta .cn-art svg{width:100%;height:auto;display:block;overflow:visible}\n  @keyframes cnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\n\n  .cn-scelta .cn-draw,.cn-scelta .cn-soft{fill:none;stroke-linecap:round;stroke-linejoin:round}\n  .cn-scelta .cn-draw{stroke-width:2.4}\n  .cn-scelta .cn-soft{stroke-width:1.6;opacity:.45}\n  .cn-scelta .cn-vendita .cn-draw{stroke:var(--verde)}\n  .cn-scelta .cn-vendita .cn-soft{stroke:var(--verde)}\n  .cn-scelta .cn-affitto .cn-draw{stroke:var(--azzurro)}\n  .cn-scelta .cn-affitto .cn-soft{stroke:var(--azzurro-scuro)}\n\n  \/* tracciatura in loop *\/\n  .cn-scelta .cn-draw{stroke-dasharray:600;stroke-dashoffset:600;animation:cnDraw 9s ease-in-out infinite}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(2){animation-delay:.25s}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(3){animation-delay:.5s}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(4){animation-delay:.75s}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(5){animation-delay:1s}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(6){animation-delay:1.25s}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(7){animation-delay:1.5s}\n  .cn-scelta .cn-art .cn-draw:nth-of-type(8){animation-delay:1.75s}\n  @keyframes cnDraw{\n    0%{stroke-dashoffset:600}\n    22%,86%{stroke-dashoffset:0}\n    100%{stroke-dashoffset:600}\n  }\n\n  .cn-scelta .cn-body{position:relative;z-index:2;display:block;max-width:58%}\n  .cn-scelta .cn-ico{width:64px;height:64px;border-radius:18px;color:#fff;\n    display:flex;align-items:center;justify-content:center;margin-bottom:18px}\n  .cn-scelta .cn-vendita .cn-ico{background:var(--verde);box-shadow:0 8px 18px -6px rgba(30,158,91,.55)}\n  .cn-scelta .cn-affitto .cn-ico{background:var(--azzurro);box-shadow:0 8px 18px -6px rgba(61,165,220,.55)}\n\n  .cn-scelta .cn-title{display:block;font-family:var(--display);font-weight:700;font-size:clamp(28px,2.6vw,38px);line-height:1.05;letter-spacing:-.5px;color:var(--testo)}\n  .cn-scelta .cn-desc{display:block;color:var(--muted);font-size:16px;line-height:1.65;margin:10px 0 20px}\n  .cn-scelta .cn-count{display:flex;align-items:baseline;gap:10px;color:var(--muted);font-size:15px;margin-bottom:20px}\n  .cn-scelta .cn-count b{font-family:var(--display);font-weight:700;font-size:40px;line-height:1}\n  .cn-scelta .cn-vendita .cn-count b{color:var(--verde)}\n  .cn-scelta .cn-affitto .cn-count b{color:var(--azzurro-scuro)}\n\n  .cn-scelta .cn-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}\n  .cn-scelta .cn-tag{background:var(--crema);border:1px solid var(--bordo);color:var(--muted);\n    font-size:13px;padding:8px 15px;border-radius:20px}\n\n  .cn-scelta .cn-btn{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:15px;font-weight:600;\n    padding:14px 28px;border-radius:26px;transition:background .2s}\n  .cn-scelta .cn-vendita .cn-btn{background:var(--verde)}\n  .cn-scelta .cn-vendita:hover .cn-btn{background:var(--verde-hover)}\n  .cn-scelta .cn-affitto .cn-btn{background:var(--azzurro)}\n  .cn-scelta .cn-affitto:hover .cn-btn{background:var(--azzurro-scuro)}\n  .cn-scelta .cn-arr{transition:transform .2s ease}\n  .cn-scelta .cn-card:hover .cn-arr{transform:translateX(4px)}\n\n  @media (max-width:1100px){\n    .cn-scelta .cn-art{width:38%;opacity:.85}\n    .cn-scelta .cn-body{max-width:64%}\n  }\n  @media (max-width:820px){\n    .cn-scelta .cn-grid{grid-template-columns:1fr}\n    .cn-scelta .cn-art{width:34%;bottom:10px}\n    .cn-scelta .cn-body{max-width:66%}\n  }\n  @media (max-width:520px){\n    .cn-scelta .cn-art{display:none}\n    .cn-scelta .cn-body{max-width:100%}\n  }\n  @media (prefers-reduced-motion:reduce){\n    .cn-scelta .cn-art{animation:none}\n    .cn-scelta .cn-draw{stroke-dashoffset:0;animation:none}\n  }\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1340188450 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 850px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_180926862\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1437543956\">\n\n\n\t<div id=\"col-708696111\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover rotondo has-parallax\" id=\"banner-78910988\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-5\" data-parallax-container=\".banner\" data-parallax-background>\n            <img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"680\" src=\"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-content\/uploads\/2026\/07\/home-.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1784763572\" class=\"text-box banner-layer x50 md-x50 lg-x50 y65 md-y65 lg-y65 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1784763572 {\n  width: 60%;\n}\n#text-box-1784763572 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-78910988 {\n  padding-top: 543px;\n}\n#banner-78910988 .overlay {\n  background-color: rgba(0, 0, 0, 0.215);\n}\n#banner-78910988 .banner-bg img {\n  object-position: 0% 33%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_180926862 {\n  padding-top: 50px;\n  padding-bottom: 50px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1143307412\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- ===== TRE COLONNE \u2014 PUNTI DI FORZA (pronto per Flatsome) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,700&#038;family=Inter:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n<section class=\"cn-punti\">\n  <div class=\"cn-punto\">\n    <div class=\"cn-ico\">\n      <svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" viewBox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n    <\/div>\n    <h3>Valutazione gratuita<\/h3>\n    <p>Scopri quanto vale il tuo immobile in 24 ore, senza impegno.<\/p>\n    <span class=\"cn-link\">Richiedi la valutazione <span class=\"cn-arr\">\u2192<\/span><\/span>\n  <\/div>\n  <div class=\"cn-punto\">\n    <div class=\"cn-ico\">\n      <svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><path d=\"M9 22V12h6v10\"><\/path><\/svg>\n    <\/div>\n    <h3>Oltre 1.200 immobili<\/h3>\n    <p>Una selezione curata di case in tutta la Lombardia.<\/p>\n    <span class=\"cn-link\">Sfoglia gli immobili <span class=\"cn-arr\">\u2192<\/span><\/span>\n  <\/div>\n  <div class=\"cn-punto\">\n    <div class=\"cn-ico\">\n      <svg width=\"30\" height=\"30\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n    <\/div>\n    <h3>Pagamenti su misura<\/h3>\n    <p>Soluzioni di finanziamento pensate per il tuo budget.<\/p>\n    <span class=\"cn-link\">Scopri le soluzioni <span class=\"cn-arr\">\u2192<\/span><\/span>\n  <\/div>\n<\/section>\n<style>\n  .cn-punti{\n    --verde:#1E9E5B; --testo:#17241A; --muted:#6B7A6B; --bordo:#E3E9E0; --neon:#10A64F;\n    --display:'Bricolage Grotesque',sans-serif; --body:'Inter',sans-serif;\n    max-width:1430px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;\n    font-family:var(--body);\n  }\n  .cn-punti *{box-sizing:border-box}\n\n  .cn-punti .cn-punto{position:relative;display:flex;flex-direction:column;background:#fff;\n    border:1.5px solid rgba(16,166,79,.5);border-radius:16px;padding:36px;overflow:hidden;\n    box-shadow:0 0 0 1px rgba(16,166,79,.14), 0 0 15px rgba(16,166,79,.24);\n    transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease}\n  .cn-punti .cn-punto:hover{transform:translateY(-5px);\n    border-color:rgba(16,166,79,.75);\n    box-shadow:0 0 0 1px rgba(16,166,79,.28), 0 0 22px rgba(16,166,79,.4)}\n\n  .cn-punti .cn-ico{width:64px;height:64px;border-radius:18px;background:#3DA5DC;color:#fff;\n    display:flex;align-items:center;justify-content:center;margin-bottom:20px;\n    box-shadow:0 8px 18px -6px rgba(61,165,220,.55)}\n  .cn-punti h3{font-family:var(--display);font-weight:700;font-size:36px;letter-spacing:-.3px;color:var(--testo);margin:0 0 10px}\n  .cn-punti p{color:var(--muted);font-size:17px;line-height:1.65;margin:0}\n  .cn-punti .cn-link{margin-top:26px;padding-top:20px;border-top:1px solid var(--bordo);\n    color:#2D96CD;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n  .cn-punti .cn-arr{color:inherit;transition:transform .2s ease}\n  .cn-punti .cn-punto:hover .cn-arr{transform:translateX(5px)}\n  @media (max-width:760px){ .cn-punti{grid-template-columns:1fr} }\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1143307412 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 400px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-1964493007\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1964493007 {\n  padding-top: 70px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<section class=\"section\" id=\"section_82908949\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1017701030\">\n\n\n\t<div id=\"col-2032175532\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-1282356972\" class=\"text\">\n\t\t\n\n<h6><strong><span style=\"color: #339966;\">soluzioni per ogni esigenza<\/span><\/strong><\/h6>\n\t\t\n<style>\n#text-1282356972 {\n  font-size: 1.3rem;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-2108069369\" class=\"text\">\n\t\t\n\n<h2>Scegli la tua casa ideale<\/h2>\n\t\t\n<style>\n#text-2108069369 {\n  font-size: 1.95rem;\n  text-align: left;\n  color: rgb(0,0,0);\n}\n#text-2108069369 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-978571091\">\n\n\n\t<div id=\"col-489682346\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover rotondo\" id=\"banner-140981203\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"578\" src=\"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-content\/uploads\/2026\/07\/home--1024x580.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-814998004\" class=\"text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2405113035\" class=\"text\">\n\t\t\n\n<h3><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t\n<style>\n#text-2405113035 {\n  font-size: 1.1rem;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-814998004 {\n  width: 86%;\n}\n#text-box-814998004 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-140981203 {\n  padding-top: 500px;\n}\n#banner-140981203 .overlay {\n  background-color: rgba(0, 0, 0, 0.337);\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1134495030\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover rotondo\" id=\"banner-491887087\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1097541713\" class=\"text-box banner-layer x50 md-x50 lg-x50 y90 md-y90 lg-y90 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2517390881\" class=\"text\">\n\t\t\n\n<h3><strong>This is a simple banner<\/strong><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<\/p>\n\t\t\n<style>\n#text-2517390881 {\n  font-size: 1.1rem;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1097541713 {\n  width: 86%;\n}\n#text-box-1097541713 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-491887087 {\n  padding-top: 500px;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_82908949 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_17578762\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- ===== CTA FINALE \u2014 versione chiara animata (pronto per Flatsome) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,700&#038;family=Inter:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<section class=\"cn-cta\">\n  <span class=\"cn-blob cn-blob-v\"><\/span>\n  <span class=\"cn-blob cn-blob-a\"><\/span>\n  <!-- skyline che si disegna in fondo -->\n  <span class=\"cn-skyline\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n      <path class=\"cn-line\" d=\"M0 110 H120 V70 H180 V110 H240 V50 L280 24 L320 50 V110 H400 V78 H470 V110 H540 V40 H610 V110 H690 V64 L730 40 L770 64 V110 H850 V56 H920 V110 H1010 V82 H1080 V110 H1200\"\/>\n      <path class=\"cn-line cn-line-2\" d=\"M150 92 H165 M200 92 H215 M262 74 H298 M420 96 H440 M560 62 H590 M560 86 H590 M706 84 H754 M870 78 H900 M1030 98 H1058\"\/>\n    <\/svg>\n  <\/span>\n  <div class=\"cn-inner\">\n    <div class=\"cn-eyebrow\"><span class=\"cn-dot\"><\/span>Senza impegno<\/div>\n    <h2>Facciamo <span class=\"cn-mark\">due chiacchiere<\/span>?<\/h2>\n    <p>Raccontaci cosa cerchi: il primo appuntamento \u00e8 gratuito e la valutazione arriva in 24 ore.<\/p>\n    <div class=\"cn-actions\">\n      <a href=\"#\" class=\"cn-btn cn-btn-primary\">Prenota un appuntamento <span class=\"cn-arr\">\u2192<\/span><\/a>\n      <a href=\"tel:+390200000000\" class=\"cn-btn cn-btn-ghost\">\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.1a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"\/><\/svg>\n        02 000 0000\n      <\/a>\n    <\/div>\n    <div class=\"cn-note\">Risposta media in 24 ore \u00b7 Nessun costo nascosto<\/div>\n  <\/div>\n<\/section>\n<style>\n  .cn-cta{\n    --verde:#1E9E5B; --verde-hover:#188049; --verde-scuro:#14532D; --neon:#10A64F;\n    --azzurro:#3DA5DC; --azzurro-scuro:#2D96CD;\n    --crema:#F6F8F4; --testo:#17241A; --muted:#6B7A6B; --bordo:#E3E9E0;\n    --display:'Bricolage Grotesque',sans-serif; --body:'Inter',sans-serif;\n    position:relative;overflow:hidden;\n    max-width:1430px;margin:0 auto;\n    background:var(--crema);border-radius:24px;\n    padding:76px 32px 96px;font-family:var(--body);text-align:center;\n    border:1.5px solid rgba(16,166,79,.5);\n    box-shadow:0 0 0 1px rgba(16,166,79,.14), 0 0 15px rgba(16,166,79,.24);\n    transition:border-color .25s ease, box-shadow .25s ease;\n  }\n  .cn-cta:hover{\n    border-color:rgba(16,166,79,.75);\n    box-shadow:0 0 0 1px rgba(16,166,79,.28), 0 0 22px rgba(16,166,79,.4);\n  }\n  .cn-cta *{box-sizing:border-box}\n  \/* bolle che si muovono lentamente *\/\n  .cn-cta .cn-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px)}\n  .cn-cta .cn-blob-v{width:360px;height:360px;top:-140px;left:-90px;\n    background:radial-gradient(circle, rgba(30,158,91,.22), transparent 68%);\n    animation:cnDrift1 16s ease-in-out infinite}\n  .cn-cta .cn-blob-a{width:400px;height:400px;bottom:-170px;right:-110px;\n    background:radial-gradient(circle, rgba(61,165,220,.24), transparent 68%);\n    animation:cnDrift2 19s ease-in-out infinite}\n  @keyframes cnDrift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,26px) scale(1.12)}}\n  @keyframes cnDrift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-46px,-22px) scale(1.1)}}\n  \/* skyline animata *\/\n  .cn-cta .cn-skyline{position:absolute;left:0;right:0;bottom:0;height:110px;pointer-events:none;opacity:.55}\n  .cn-cta .cn-skyline svg{width:100%;height:100%;display:block}\n  .cn-cta .cn-line{fill:none;stroke:var(--verde);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;\n    stroke-dasharray:2400;stroke-dashoffset:2400;animation:cnTrace 12s ease-in-out infinite}\n  .cn-cta .cn-line-2{stroke:var(--azzurro-scuro);stroke-width:2;stroke-dasharray:600;stroke-dashoffset:600;\n    animation:cnTrace2 12s ease-in-out infinite 1.2s}\n  @keyframes cnTrace{0%{stroke-dashoffset:2400}35%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:2400}}\n  @keyframes cnTrace2{0%{stroke-dashoffset:600}30%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:600}}\n  .cn-cta .cn-inner{position:relative;z-index:2;max-width:760px;margin:0 auto}\n  .cn-cta .cn-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--verde);\n    font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}\n  .cn-cta .cn-dot{width:8px;height:8px;border-radius:50%;background:var(--verde);animation:cnCtaPulse 1.8s ease-in-out infinite}\n  @keyframes cnCtaPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}\n  .cn-cta h2{font-family:var(--display);font-weight:700;color:var(--testo);margin:0;\n    font-size:clamp(32px,4.6vw,52px);line-height:1.04;letter-spacing:-1px}\n  \/* sottolineatura che si allunga da sola *\/\n  .cn-cta .cn-mark{position:relative;white-space:nowrap}\n  .cn-cta .cn-mark::after{content:\"\";position:absolute;left:0;bottom:.04em;height:.28em;width:100%;\n    background:rgba(61,165,220,.35);border-radius:6px;z-index:-1;\n    transform-origin:left;transform:scaleX(0);animation:cnUnderline 12s ease-in-out infinite}\n  @keyframes cnUnderline{0%,8%{transform:scaleX(0)}22%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}\n  .cn-cta p{color:var(--muted);font-size:18px;line-height:1.65;margin:14px auto 0;max-width:52ch}\n  .cn-cta .cn-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}\n  .cn-cta .cn-btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;\n    font-size:15px;font-weight:600;padding:15px 30px;border-radius:999px;\n    border:1.5px solid transparent;transition:transform .15s, background .2s, border-color .2s, color .2s, box-shadow .2s}\n  .cn-cta .cn-btn:active{transform:scale(.97)}\n  .cn-cta .cn-btn-primary{background:var(--verde);color:#fff;border-color:var(--verde);\n    box-shadow:0 10px 24px -10px rgba(30,158,91,.7)}\n  .cn-cta .cn-btn-primary:hover{background:var(--verde-hover);border-color:var(--verde-hover);transform:translateY(-2px)}\n  .cn-cta .cn-btn-ghost{background:#fff;color:#1B6A93;border-color:rgba(61,165,220,.35)}\n  .cn-cta .cn-btn-ghost:hover{background:#EAF4FB;border-color:var(--azzurro);color:var(--azzurro);transform:translateY(-2px)}\n  .cn-cta .cn-arr{transition:transform .2s ease}\n  .cn-cta .cn-btn-primary:hover .cn-arr{transform:translateX(4px)}\n  .cn-cta .cn-note{color:var(--muted);opacity:.8;font-size:13px;margin-top:20px}\n  @media (max-width:620px){\n    .cn-cta{padding:56px 22px 80px}\n    .cn-cta .cn-btn{width:100%;justify-content:center}\n    .cn-cta .cn-skyline{height:80px;opacity:.4}\n  }\n  @media (prefers-reduced-motion:reduce){\n    .cn-cta .cn-dot,.cn-cta .cn-blob{animation:none}\n    .cn-cta .cn-line,.cn-cta .cn-line-2{stroke-dashoffset:0;animation:none}\n    .cn-cta .cn-mark::after{transform:scaleX(1);animation:none}\n  }\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_17578762 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":23,"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/pages\/7\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/nsai.eu\/soluzioni\/applicativi\/agenzie-immobiliari\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}