ATPLAB HUB \u00b7 Da pionieri a protagonisti nella trasformazione digitale<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \/* ===== SEZIONE ATP HUB (tutto scoped su #atp-lab) ===== *\/\r\n #atp-lab{\r\n --accent:#1B5797;\r\n --accent-dark:#0F3A66;\r\n --ink:#0b1a2b;\r\n position:relative;overflow:hidden;\r\n padding:180px 0 90px;\r\n background:#f4f7fb;\r\n font-family:\"Roboto\",system-ui,-apple-system,\"Segoe UI\",Arial,sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n #atp-lab *{box-sizing:border-box;margin:0;padding:0}\r\n #atp-lab .wrap{max-width:1500px;margin:0 auto;padding:0 32px;position:relative;z-index:2}\r\n\r\n \/* cerchi decorativi *\/\r\n #atp-lab::before,#atp-lab::after{\r\n content:\"\";position:absolute;border-radius:50%;\r\n border:1px solid rgba(27,87,151,.22);pointer-events:none;\r\n }\r\n #atp-lab::before{width:720px;height:720px;right:-200px;top:-260px}\r\n #atp-lab::after{width:460px;height:460px;right:-80px;top:-140px}\r\n\r\n \/* Riga: titolo a sinistra, testo a destra *\/\r\n #atp-lab .hero-row{\r\n display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;\r\n margin-bottom:56px;\r\n }\r\n\r\n \/* Sottotitolo sopra il titolo *\/\r\n #atp-lab .lab-subtitle{\r\n display:flex;align-items:center;gap:16px;\r\n font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:700;\r\n letter-spacing:4px;text-transform:uppercase;\r\n color:var(--accent) !important;margin-bottom:18px;\r\n }\r\n #atp-lab .lab-subtitle::before{content:\"\";width:54px;height:3px;background:var(--accent);border-radius:2px}\r\n\r\n \/* Titolo pi\u00f9 piccolo *\/\r\n #atp-lab .lab-title{\r\n font-size:clamp(1.9rem,3.6vw,3.2rem);font-weight:900;\r\n line-height:1.08;letter-spacing:-.8px;\r\n color:var(--ink) !important;\r\n }\r\n #atp-lab .lab-title .accent{color:var(--accent) !important}\r\n\r\n \/* Testo accanto al titolo *\/\r\n #atp-lab .lab-text{\r\n padding-left:36px;border-left:4px solid var(--accent);\r\n font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.7;font-weight:400;\r\n color:var(--ink) !important;\r\n }\r\n #atp-lab .lab-text b{font-weight:700;color:var(--ink) !important}\r\n #atp-lab .lab-text .hl{color:var(--accent) !important;font-weight:700}\r\n\r\n \/* Box Cos'\u00e8 \/ A cosa serve *\/\r\n #atp-lab .boxes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}\r\n #atp-lab .box{\r\n position:relative;overflow:hidden;\r\n padding:46px 48px;border-radius:26px;\r\n box-shadow:0 22px 50px rgba(15,58,102,.22);\r\n }\r\n #atp-lab .box::after{\r\n content:\"\";position:absolute;width:220px;height:220px;border-radius:50%;\r\n right:-70px;bottom:-90px;background:rgba(255,255,255,.08);\r\n }\r\n #atp-lab .box.b1{background:var(--accent) !important}\r\n #atp-lab .box.b2{background:var(--accent-dark) !important}\r\n #atp-lab .box h3{\r\n font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.1;margin-bottom:18px;\r\n color:#fff !important;position:relative;z-index:1;\r\n }\r\n #atp-lab .box h3 span{color:#9fd0ff !important}\r\n #atp-lab .box p{\r\n font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.65;font-weight:400;\r\n color:#fff !important;position:relative;z-index:1;\r\n }\r\n #atp-lab .box p b{font-weight:700;color:#fff !important;border-bottom:2px solid rgba(255,255,255,.5)}\r\n\r\n \/* Terzo box: I vantaggi (titolo a sinistra, tag a destra) *\/\r\n #atp-lab .adv{\r\n display:grid;grid-template-columns:.7fr 1.6fr;gap:40px;align-items:center;\r\n padding:42px 48px;border-radius:26px;\r\n background:#fff !important;\r\n border:2px solid var(--accent);\r\n box-shadow:0 22px 50px rgba(27,87,151,.12);\r\n }\r\n #atp-lab .adv h3{\r\n font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.1;\r\n color:var(--ink) !important;\r\n }\r\n #atp-lab .adv h3 span{color:var(--accent) !important}\r\n #atp-lab .adv-tags{display:flex;flex-wrap:wrap;gap:12px}\r\n #atp-lab .adv-item{\r\n display:inline-block;\r\n padding:12px 22px;border-radius:999px;\r\n background:#eaf1f9 !important;\r\n border:1px solid rgba(27,87,151,.3);\r\n font-size:1.02rem;font-weight:500;line-height:1.2;\r\n color:var(--ink) !important;\r\n transition:background .2s ease, color .2s ease, transform .2s ease;\r\n }\r\n #atp-lab .adv-item:hover{background:var(--accent) !important;color:#fff !important;transform:translateY(-2px)}\r\n\r\n \/* Animazione di comparsa *\/\r\n .js #atp-lab .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease, transform .8s ease}\r\n .js #atp-lab .reveal.in{opacity:1;transform:none}\r\n @media (prefers-reduced-motion:reduce){\r\n .js #atp-lab .reveal{opacity:1;transform:none;transition:none}\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width:980px){\r\n #atp-lab{padding:130px 0 70px}\r\n #atp-lab .hero-row{grid-template-columns:1fr;gap:28px;margin-bottom:40px}\r\n #atp-lab .lab-text{padding-left:22px}\r\n #atp-lab .boxes{grid-template-columns:1fr}\r\n #atp-lab .adv{grid-template-columns:1fr;gap:24px}\r\n #atp-lab .box,#atp-lab .adv{padding:34px 28px}\r\n }\r\n @media (max-width:640px){\r\n #atp-lab .wrap{padding:0 20px}\r\n #atp-lab .lab-subtitle{letter-spacing:2px}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"atp-lab\">\r\n <div class=\"wrap\">\r\n\r\n <div class=\"hero-row reveal\">\r\n <div class=\"hero-left\">\r\n <p class=\"lab-subtitle\">Tutto inizia dal laboratorio<\/p>\r\n <h2 class=\"lab-title\">Da pionieri a protagonisti nella <span class=\"accent\">trasformazione digitale<\/span><\/h2>\r\n <\/div>\r\n <p class=\"lab-text\">\r\n ATP \u00e8 un <b>centro odontotecnico<\/b> che unisce alla <b>produzione dei prodotti<\/b>\r\n servizi e utilit\u00e0 che <span class=\"hl\">semplificano l'interazione con il cliente<\/span>:\r\n strumenti per <b>velocizzare<\/b> il lavoro e garantire <b>affidabilit\u00e0<\/b>.\r\n Scegliere ATP significa scegliere un <span class=\"hl\">sistema 4.0<\/span>, ATP HUB.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"boxes reveal\">\r\n <div class=\"box b1\">\r\n <h3>Cos'\u00e8 <span>HUB?<\/span><\/h3>\r\n <p>\r\n <b>ATPLAB HUB<\/b> \u00e8 l'ecosistema digitale che connette strumenti, competenze e persone\r\n in un unico spazio: il cuore digitale del tuo lavoro.\r\n <\/p>\r\n <\/div>\r\n <div class=\"box b2\">\r\n <h3>A cosa <span>serve?<\/span><\/h3>\r\n <p>\r\n Ti accompagna in <b>ogni fase del lavoro<\/b>, dall'acquisizione del caso al sorriso del paziente,\r\n mettendo al centro il professionista e il risultato clinico.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"adv reveal\">\r\n <h3>I <span>vantaggi<\/span> di ATP HUB<\/h3>\r\n <div class=\"adv-tags\">\r\n <span class=\"adv-item\">Pi\u00f9 velocit\u00e0<\/span>\r\n <span class=\"adv-item\">Pi\u00f9 affidabilit\u00e0<\/span>\r\n <span class=\"adv-item\">Interazione semplice con il cliente<\/span>\r\n <span class=\"adv-item\">Dati sicuri e accessibili<\/span>\r\n <span class=\"adv-item\">Soluzioni su misura<\/span>\r\n <span class=\"adv-item\">Supporto rapido<\/span>\r\n <span class=\"adv-item\">Formazione continua<\/span>\r\n <span class=\"adv-item\">Networking<\/span>\r\n <span class=\"adv-item\">Insight per migliorare<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.documentElement.classList.add('js');\r\n (function(){\r\n var els = document.querySelectorAll('#atp-lab .reveal');\r\n if(!('IntersectionObserver' in window)){\r\n els.forEach(function(e){e.classList.add('in')});\r\n return;\r\n }\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(en){\r\n if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\r\n });\r\n },{threshold:.12});\r\n els.forEach(function(e){io.observe(e)});\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bdd1256 e-con e-atomic-element e-flexbox-base e-default-div e-7b2d3b1 \" data-id=\"bdd1256\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bdd1256\">\n \t\t<div class=\"elementor-element elementor-element-2f0fc42 elementor-widget elementor-widget-html\" data-id=\"2f0fc42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ATPLAB HUB - Un unico ecosistema<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\">\n<style>\n \/* Tutto il CSS e' limitato a #eco, cosi' il tema del sito non lo sovrascrive.\n Nessuna animazione che nasconde il contenuto: la sezione e' sempre visibile. *\/\n #eco{\n --navy:#0b2a5b; --blue:#1B5797; --blue-soft:#3b82f6; --sky:#7db4ff;\n --text:#44556f; --border:#dbe6f5; --gap:16px;\n display:block;position:relative;width:100%;\n padding:90px 0 60px;background:white;\n font-family:\"Roboto\",system-ui,-apple-system,\"Segoe UI\",Arial,sans-serif;\n -webkit-font-smoothing:antialiased;color:var(--navy);\n }\n #eco *{box-sizing:border-box;margin:0;padding:0}\n #eco .wrap{max-width:1680px;margin:0 auto;padding:0 28px}\n\n \/* Intestazione *\/\n #eco .eyebrow{\n display:flex;align-items:center;gap:14px;margin-bottom:16px;\n color:var(--blue);font-weight:700;font-size:.9rem;letter-spacing:4px;text-transform:uppercase;\n }\n #eco .eyebrow::before{content:\"\";width:44px;height:2px;background:var(--blue)}\n #eco .head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px}\n #eco .head h2{\n font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;color:var(--navy);\n line-height:1;letter-spacing:-1px;\n }\n #eco .head h2 .accent{color:var(--blue)}\n #eco .side{max-width:500px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}\n #eco .side p{font-size:1.2rem;line-height:1.6;color:#31435f;font-weight:300}\n #eco .side p b{font-weight:700;color:var(--navy)}\n\n \/* Frecce (solo tablet \/ telefono) *\/\n #eco .arrows{display:none;gap:10px}\n #eco .arrow{\n width:48px;height:48px;border-radius:50%;cursor:pointer;\n background:#fff;border:2px solid var(--border);color:var(--navy);\n display:flex;align-items:center;justify-content:center;\n transition:background .2s,color .2s,border-color .2s,transform .2s,opacity .2s;\n }\n #eco .arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\n #eco .arrow:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}\n #eco .arrow:disabled{opacity:.35;cursor:default}\n\n \/* Linea temporale (sopra le card) *\/\n #eco .tl{\n position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));\n column-gap:var(--gap);padding-top:4px;margin-bottom:20px;\n }\n #eco .tl-line{\n position:absolute;top:27px;\n left:calc((100% - 6*var(--gap))\/14);right:calc((100% - 6*var(--gap))\/14);\n height:6px;border-radius:6px;background:#d6e2f3;overflow:hidden;\n }\n #eco .tl-fill{\n height:100%;width:calc(var(--p,0)*100%);border-radius:6px;\n background:linear-gradient(90deg,var(--blue),var(--sky));\n transition:width .6s cubic-bezier(.4,0,.2,1);\n }\n #eco .node{\n position:relative;z-index:2;background:none;border:0;cursor:pointer;font-family:inherit;\n display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 4px;\n }\n #eco .dot{\n width:52px;height:52px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n background:#fff;border:4px solid #c3d4ec;color:#7d93b5;font-size:1rem;font-weight:900;\n transition:all .35s ease;\n }\n #eco .node:hover .dot{transform:scale(1.12);border-color:var(--blue-soft);color:var(--blue)}\n #eco .node.is-done .dot{background:var(--blue);border-color:var(--blue);color:#fff}\n #eco .node.is-active .dot{\n background:var(--blue);border-color:#fff;color:#fff;transform:scale(1.22);\n box-shadow:0 0 0 5px var(--blue),0 10px 24px rgba(27,87,151,.35);\n animation:eco-pulse 2s ease-in-out infinite;\n }\n @keyframes eco-pulse{\n 0%,100%{box-shadow:0 0 0 5px var(--blue),0 0 0 5px rgba(27,87,151,.35)}\n 50%{box-shadow:0 0 0 5px var(--blue),0 0 0 16px rgba(27,87,151,0)}\n }\n #eco .node-label{font-size:1rem;font-weight:700;color:#7d93b5;text-align:center;line-height:1.2;transition:color .3s}\n #eco .node:hover .node-label{color:var(--blue)}\n #eco .node.is-active .node-label{color:var(--navy);font-weight:900}\n #eco .node.is-done .node-label{color:var(--blue)}\n\n \/* Card: base (tablet \/ telefono = carosello) *\/\n #eco .track{\n display:flex;gap:22px;list-style:none;\n overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;\n padding:16px 4px 26px;scrollbar-width:none;\n }\n #eco .track::-webkit-scrollbar{display:none}\n #eco .step{flex:0 0 clamp(310px,40vw,370px);scroll-snap-align:center;display:flex;list-style:none}\n #eco .card{\n width:100%;background:#fff;border:2px solid var(--border);\n border-radius:22px;box-shadow:0 14px 34px rgba(15,43,91,.12);overflow:hidden;\n display:flex;flex-direction:column;cursor:pointer;\n transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;\n }\n #eco .step:hover .card{transform:translateY(-6px);border-color:var(--blue-soft)}\n #eco .step.is-active .card{border-color:var(--blue);transform:translateY(-8px);box-shadow:0 26px 56px rgba(27,87,151,.30)}\n\n \/* Foto come sfondo: se l'immagine non c'e', resta il gradiente (nessuna icona rotta) *\/\n #eco .photo{\n height:190px;position:relative;\n background-color:#cfdcf0;\n background-image:linear-gradient(135deg,#cfdcf0,#e8f0fb);\n background-size:cover;background-position:center;\n }\n #eco .num{\n position:absolute;left:14px;top:14px;z-index:2;\n background:var(--navy);color:#fff;font-size:.95rem;font-weight:900;\n width:42px;height:42px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 6px 14px rgba(0,0,0,.25);transition:background .3s;\n }\n #eco .step.is-active .num{background:var(--blue)}\n\n #eco .body{padding:22px 20px 20px;text-align:left;flex:1;display:flex;flex-direction:column}\n #eco .icon{color:var(--blue);margin-bottom:10px}\n #eco .icon svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n #eco .title{\n font-size:1.3rem;font-weight:900;color:var(--navy);text-transform:uppercase;\n letter-spacing:.3px;line-height:1.15;overflow-wrap:anywhere;\n }\n #eco .desc{font-size:1.05rem;line-height:1.55;color:var(--text);margin:12px 0 20px;flex:1}\n\n #eco .actions{display:flex;flex-direction:column;gap:10px}\n #eco .btn{\n display:block;text-align:center;text-decoration:none;\n font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.2px;\n padding:13px 10px;border-radius:12px;line-height:1.2;\n transition:background .2s,color .2s,border-color .2s,transform .2s;\n }\n #eco .btn-primary{background:var(--blue);color:#fff !important;border:2px solid var(--blue)}\n #eco .btn-primary:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-1px)}\n #eco .btn-ghost{background:transparent;color:var(--navy) !important;border:2px solid var(--border)}\n #eco .btn-ghost:hover{border-color:var(--blue);color:var(--blue) !important}\n\n \/* DESKTOP: tutte le 7 card visibili, allineate alla timeline *\/\n @media (min-width:1200px){\n #eco .track{\n display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap);\n overflow:visible;scroll-snap-type:none;padding:14px 0 10px;\n }\n #eco .step{flex:none;min-width:0}\n #eco .photo{height:150px}\n #eco .num{width:38px;height:38px;font-size:.85rem;left:12px;top:12px}\n #eco .body{padding:18px 16px 16px}\n #eco .icon svg{width:32px;height:32px}\n #eco .title{font-size:clamp(.95rem,1.05vw,1.2rem)}\n #eco .desc{font-size:clamp(.95rem,.95vw,1.08rem);margin:10px 0 18px}\n #eco .btn{font-size:clamp(.85rem,.85vw,.95rem);padding:12px 8px}\n }\n\n \/* TABLET \/ TELEFONO *\/\n @media (max-width:1199px){\n #eco{--gap:0px}\n #eco .arrows{display:flex}\n }\n @media (max-width:980px){\n #eco .head{flex-direction:column;align-items:flex-start;gap:18px}\n #eco .node-label{display:none}\n #eco .dot{width:44px;height:44px;font-size:.9rem}\n #eco .tl-line{top:23px}\n }\n @media (max-width:640px){\n #eco .wrap{padding:0 20px}\n #eco{padding:60px 0 50px}\n #eco .step{flex-basis:82vw}\n #eco .photo{height:180px}\n #eco .dot{width:34px;height:34px;font-size:.78rem;border-width:3px}\n #eco .tl-line{top:18px;height:5px}\n #eco .node.is-active .dot{transform:scale(1.15)}\n }\n @media (prefers-reduced-motion:reduce){\n #eco .track{scroll-behavior:auto}\n #eco .node.is-active .dot{animation:none}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0\">\n\n<section id=\"eco\">\n <div class=\"wrap\">\n\n <div class=\"head\">\n <div>\n <p class=\"eyebrow\">L'ecosistema<\/p>\n <h2>Un unico ecosistema.<br>Un <span class=\"accent\">risultato<\/span> condiviso.<\/h2>\n <\/div>\n <div class=\"side\">\n <p><b>ATPLAB HUB<\/b> connette strumenti, competenze e persone per accompagnarti in ogni fase del lavoro.<\/p>\n <div class=\"arrows\">\n <button class=\"arrow\" id=\"eco-prev\" type=\"button\" aria-label=\"Precedente\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n <button class=\"arrow\" id=\"eco-next\" type=\"button\" aria-label=\"Successivo\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tl\" id=\"eco-tl\">\n <div class=\"tl-line\"><div class=\"tl-fill\"><\/div><\/div>\n <button class=\"node\" type=\"button\"><span class=\"dot\">01<\/span><span class=\"node-label\">ATP Cloud<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">02<\/span><span class=\"node-label\">ATP Lab<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">03<\/span><span class=\"node-label\">ATP AI Assistant<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">04<\/span><span class=\"node-label\">ATP Academy<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">05<\/span><span class=\"node-label\">ATP Media<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">06<\/span><span class=\"node-label\">ATP Community<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">07<\/span><span class=\"node-label\">ATP Intelligence<\/span><\/button>\n <\/div>\n\n \n <ol class=\"track\" id=\"eco-track\">\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-01.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">01<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 18a4 4 0 0 1 0-8 5 5 0 0 1 9.6-1.5A3.5 3.5 0 0 1 18 18H7Z\"\/><path d=\"M12 12v5m0 0-2-2m2 2 2-2\"\/><\/svg><\/div>\n <div class=\"title\">ATP Cloud<\/div>\n <p class=\"desc\">I dati vengono archiviati e organizzati in modo sicuro e sempre accessibile.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-02.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">02<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 2 8l10 5 10-5-10-5Z\"\/><path d=\"M6 10v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5\"\/><\/svg><\/div>\n <div class=\"title\">ATP Lab<\/div>\n <p class=\"desc\">Il laboratorio trasforma i dati in soluzioni su misura con tecnologia e competenza.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-03.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">03<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 4h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-2l-3 3v-3H9a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3Z\"\/><path d=\"M9.5 9.5h.01M14.5 9.5h.01M9.5 12.5c.6.6 1.5 1 2.5 1s1.9-.4 2.5-1\"\/><\/svg><\/div>\n <div class=\"title\">ATP AI Assistant<\/div>\n <p class=\"desc\">Hai dubbi o necessit\u00e0? L'AI Assistant \u00e8 al tuo fianco per supporto e risposte rapide.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-04.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">04<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 2 8l10 5 10-5-10-5Z\"\/><path d=\"M6 10v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5\"\/><\/svg><\/div>\n <div class=\"title\">ATP Academy<\/div>\n <p class=\"desc\">Formazione continua per crescere, aggiornarsi e offrire sempre il meglio.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-05.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">05<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m10 9 5 3-5 3V9Z\"\/><\/svg><\/div>\n <div class=\"title\">ATP Media<\/div>\n <p class=\"desc\">Contenuti e approfondimenti per ispirarti, informarti e rimanere aggiornato.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-06.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">06<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"2.5\"\/><path d=\"M3 19c0-2.8 2.7-5 6-5s6 2.2 6 5M15 19c0-1.8.9-3 3-3s3 1.2 3 3\"\/><\/svg><\/div>\n <div class=\"title\">ATP Community<\/div>\n <p class=\"desc\">Confronto, condivisione e networking con altri professionisti come te.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-07.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">07<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20V10M10 20V4M16 20v-7M22 20H2\"\/><\/svg><\/div>\n <div class=\"title\">ATP Intelligence<\/div>\n <p class=\"desc\">I dati diventano insight per migliorare processi, performance e risultati.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <\/ol>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var root = document.getElementById('eco');\n if(!root) return;\n var track = document.getElementById('eco-track');\n var tl = document.getElementById('eco-tl');\n var prev = document.getElementById('eco-prev');\n var next = document.getElementById('eco-next');\n var cards = Array.prototype.slice.call(track.querySelectorAll('.step'));\n var nodes = Array.prototype.slice.call(tl.querySelectorAll('.node'));\n var last = cards.length - 1, current = 0, lock = false, lockTimer;\n var desktop = window.matchMedia('(min-width:1200px)');\n\n function render(i){\n current = i;\n cards.forEach(function(c,k){ c.classList.toggle('is-active', k === i); });\n nodes.forEach(function(n,k){\n n.classList.toggle('is-active', k === i);\n n.classList.toggle('is-done', k < i);\n });\n tl.style.setProperty('--p', (i \/ last).toFixed(4));\n prev.disabled = (i === 0);\n next.disabled = (i === last);\n }\n\n function goTo(i){\n i = Math.max(0, Math.min(last, i));\n render(i);\n if(track.scrollWidth <= track.clientWidth + 2) return; \/* desktop: nulla da scorrere *\/\n lock = true; clearTimeout(lockTimer);\n var c = cards[i];\n track.scrollTo({left: c.offsetLeft - (track.clientWidth - c.offsetWidth)\/2, behavior:'smooth'});\n lockTimer = setTimeout(function(){ lock = false; }, 800);\n }\n\n nodes.forEach(function(n,k){\n n.addEventListener('click', function(){ goTo(k); });\n n.addEventListener('mouseenter', function(){ if(desktop.matches) render(k); });\n });\n cards.forEach(function(c,k){\n c.addEventListener('click', function(e){ if(e.target.closest('a')) return; goTo(k); });\n c.addEventListener('mouseenter', function(){ if(desktop.matches) render(k); });\n });\n prev.addEventListener('click', function(){ goTo(current - 1); });\n next.addEventListener('click', function(){ goTo(current + 1); });\n\n var ticking = false;\n track.addEventListener('scroll', function(){\n if(lock || ticking) return;\n ticking = true;\n requestAnimationFrame(function(){\n ticking = false;\n var max = track.scrollWidth - track.clientWidth;\n if(max <= 2) return;\n var idx = 0;\n if(track.scrollLeft <= 2){ idx = 0; }\n else if(track.scrollLeft >= max - 2){ idx = last; }\n else{\n var center = track.scrollLeft + track.clientWidth\/2, best = 1e9;\n cards.forEach(function(c,k){\n var d = Math.abs((c.offsetLeft + c.offsetWidth\/2) - center);\n if(d < best){ best = d; idx = k; }\n });\n }\n if(idx !== current) render(idx);\n });\n }, {passive:true});\n\n render(0);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a771c62 e-con e-atomic-element e-flexbox-base e-default-div e-12a8441 \" data-id=\"a771c62\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a771c62\">\n \t\t<div class=\"elementor-element elementor-element-5ba2bde elementor-widget elementor-widget-html\" data-id=\"5ba2bde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ATPLAB HUB - L'obiettivo comune<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\">\n<style>\n \/* CSS limitato a #atp-goal: il tema del sito non lo sovrascrive *\/\n #atp-goal{\n --bg:#1B5797;\n --bg-dark:#0F3A66;\n --sky:#9fd0ff;\n display:block;position:relative;overflow:hidden;width:100%;\n padding:110px 0 100px;\n background:var(--bg) !important;\n color:#fff;\n font-family:\"Roboto\",system-ui,-apple-system,\"Segoe UI\",Arial,sans-serif;\n -webkit-font-smoothing:antialiased;\n }\n #atp-goal *{box-sizing:border-box;margin:0;padding:0}\n #atp-goal .wrap{max-width:1500px;margin:0 auto;padding:0 32px;position:relative;z-index:2}\n\n \/* cerchi decorativi *\/\n #atp-goal::before,#atp-goal::after{\n content:\"\";position:absolute;border-radius:50%;\n border:1px solid rgba(255,255,255,.18);pointer-events:none;\n }\n #atp-goal::before{width:720px;height:720px;right:-200px;top:-260px}\n #atp-goal::after{width:460px;height:460px;right:-80px;top:-140px}\n\n \/* Sopra il titolo: \"Il risultato finale\" *\/\n #atp-goal .eyebrow{\n display:flex;align-items:center;gap:14px;margin-bottom:18px;\n color:var(--sky) !important;font-weight:700;font-size:.9rem;\n letter-spacing:4px;text-transform:uppercase;\n }\n #atp-goal .eyebrow::before{content:\"\";width:44px;height:2px;background:var(--sky)}\n\n \/* Titolo: \"L'obiettivo comune\" *\/\n #atp-goal .title{\n font-size:clamp(2.8rem,7vw,6.2rem);font-weight:900;\n line-height:.98;letter-spacing:-1.5px;margin-bottom:56px;max-width:1100px;\n color:#fff !important;\n }\n #atp-goal .title .accent{color:var(--sky) !important}\n\n \/* Due box *\/\n #atp-goal .boxes{display:grid;grid-template-columns:1fr 1fr;gap:24px}\n #atp-goal .box{\n padding:48px 52px;border-radius:28px;\n border:1px solid rgba(255,255,255,.28);\n }\n #atp-goal .box.b1{background:rgba(255,255,255,.12) !important}\n #atp-goal .box.b2{background:var(--bg-dark) !important;border-color:rgba(255,255,255,.18)}\n #atp-goal .box h3{\n font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.1;margin-bottom:18px;\n color:#fff !important;\n }\n #atp-goal .box h3 span{color:var(--sky) !important}\n #atp-goal .box p{\n font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.65;font-weight:300;\n color:#e6f0fb !important;\n }\n #atp-goal .box p b{font-weight:700;color:#fff !important}\n\n \/* Tag *\/\n #atp-goal .tags-wrap{margin-top:34px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}\n #atp-goal .tags-label{\n font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;\n color:var(--sky) !important;\n }\n #atp-goal .tags{display:flex;flex-wrap:wrap;gap:10px}\n #atp-goal .tag{\n display:inline-block;padding:9px 18px;border-radius:999px;\n border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12) !important;\n color:#fff !important;font-size:.92rem;font-weight:500;letter-spacing:.2px;\n transition:background .2s ease,color .2s ease,transform .2s ease;\n }\n #atp-goal .tag:hover{background:#fff !important;color:var(--bg) !important;transform:translateY(-2px)}\n\n \/* Responsive *\/\n @media (max-width:980px){\n #atp-goal{padding:80px 0 70px}\n #atp-goal .boxes{grid-template-columns:1fr}\n #atp-goal .box{padding:34px 28px}\n }\n @media (max-width:640px){\n #atp-goal .wrap{padding:0 20px}\n #atp-goal .title{margin-bottom:36px}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0\">\n\n<section id=\"atp-goal\">\n <div class=\"wrap\">\n\n <p class=\"eyebrow\">Il risultato finale<\/p>\n <h2 class=\"title\">L'obiettivo <span class=\"accent\">comune<\/span><\/h2>\n\n <div class=\"boxes\">\n <div class=\"box b1\">\n <h3>Un lavoro di <span>qualit\u00e0<\/span><\/h3>\n <p>Un lavoro di qualit\u00e0 per <b>un sorriso che migliora la vita<\/b>.<\/p>\n <\/div>\n <div class=\"box b2\">\n <h3>Il vero <span>centro<\/span><\/h3>\n <p>\n Il vero centro del nostro ecosistema <b>sei tu e il tuo paziente<\/b>.\n ATPLAB HUB. Insieme, per risultati che durano.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"tags-wrap\">\n <span class=\"tags-label\">Il traguardo<\/span>\n <div class=\"tags\">\n <span class=\"tag\">Qualit\u00e0<\/span>\n <span class=\"tag\">Un sorriso che migliora la vita<\/span>\n <span class=\"tag\">Tu e il tuo paziente<\/span>\n <span class=\"tag\">Risultati che durano<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eb15700 e-con e-atomic-element e-flexbox-base e-default-div e-84bd41a \" data-id=\"eb15700\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb15700\">\n <div class=\"elementor-element elementor-element-5c473a4 e-con e-atomic-element e-flexbox-base e-default-div e-053e5e0 \" data-id=\"5c473a4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c473a4\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-897e623 e-con e-atomic-element e-flexbox-base e-default-div e-856ccd0 \" data-id=\"897e623\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"897e623\">\n <div class=\"elementor-element elementor-element-d84061a e-con e-atomic-element e-flexbox-base e-default-div e-d2d0501 \" data-id=\"d84061a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d84061a\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-ce51514 e-con e-atomic-element e-flexbox-base e-default-div e-8faba36 \" data-id=\"ce51514\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ce51514\">\n \n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ATPLAB HUB \u00b7 Da pionieri a protagonisti nella trasformazione digitale Tutto inizia dal laboratorio Da pionieri a protagonisti nella trasformazione digitale ATP \u00e8 un centro odontotecnico che unisce alla produzione dei prodotti servizi e utilit\u00e0 che semplificano l’interazione con il cliente: strumenti per velocizzare il lavoro e garantire affidabilit\u00e0. Scegliere ATP significa scegliere un sistema […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","_joinchat":[],"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.atphub.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":34,"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nATPLAB HUB \u00b7 Da pionieri a protagonisti nella trasformazione digitale<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \/* ===== SEZIONE ATP HUB (tutto scoped su #atp-lab) ===== *\/\r\n #atp-lab{\r\n --accent:#1B5797;\r\n --accent-dark:#0F3A66;\r\n --ink:#0b1a2b;\r\n position:relative;overflow:hidden;\r\n padding:180px 0 90px;\r\n background:#f4f7fb;\r\n font-family:\"Roboto\",system-ui,-apple-system,\"Segoe UI\",Arial,sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n #atp-lab *{box-sizing:border-box;margin:0;padding:0}\r\n #atp-lab .wrap{max-width:1500px;margin:0 auto;padding:0 32px;position:relative;z-index:2}\r\n\r\n \/* cerchi decorativi *\/\r\n #atp-lab::before,#atp-lab::after{\r\n content:\"\";position:absolute;border-radius:50%;\r\n border:1px solid rgba(27,87,151,.22);pointer-events:none;\r\n }\r\n #atp-lab::before{width:720px;height:720px;right:-200px;top:-260px}\r\n #atp-lab::after{width:460px;height:460px;right:-80px;top:-140px}\r\n\r\n \/* Riga: titolo a sinistra, testo a destra *\/\r\n #atp-lab .hero-row{\r\n display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;\r\n margin-bottom:56px;\r\n }\r\n\r\n \/* Sottotitolo sopra il titolo *\/\r\n #atp-lab .lab-subtitle{\r\n display:flex;align-items:center;gap:16px;\r\n font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:700;\r\n letter-spacing:4px;text-transform:uppercase;\r\n color:var(--accent) !important;margin-bottom:18px;\r\n }\r\n #atp-lab .lab-subtitle::before{content:\"\";width:54px;height:3px;background:var(--accent);border-radius:2px}\r\n\r\n \/* Titolo pi\u00f9 piccolo *\/\r\n #atp-lab .lab-title{\r\n font-size:clamp(1.9rem,3.6vw,3.2rem);font-weight:900;\r\n line-height:1.08;letter-spacing:-.8px;\r\n color:var(--ink) !important;\r\n }\r\n #atp-lab .lab-title .accent{color:var(--accent) !important}\r\n\r\n \/* Testo accanto al titolo *\/\r\n #atp-lab .lab-text{\r\n padding-left:36px;border-left:4px solid var(--accent);\r\n font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.7;font-weight:400;\r\n color:var(--ink) !important;\r\n }\r\n #atp-lab .lab-text b{font-weight:700;color:var(--ink) !important}\r\n #atp-lab .lab-text .hl{color:var(--accent) !important;font-weight:700}\r\n\r\n \/* Box Cos'\u00e8 \/ A cosa serve *\/\r\n #atp-lab .boxes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}\r\n #atp-lab .box{\r\n position:relative;overflow:hidden;\r\n padding:46px 48px;border-radius:26px;\r\n box-shadow:0 22px 50px rgba(15,58,102,.22);\r\n }\r\n #atp-lab .box::after{\r\n content:\"\";position:absolute;width:220px;height:220px;border-radius:50%;\r\n right:-70px;bottom:-90px;background:rgba(255,255,255,.08);\r\n }\r\n #atp-lab .box.b1{background:var(--accent) !important}\r\n #atp-lab .box.b2{background:var(--accent-dark) !important}\r\n #atp-lab .box h3{\r\n font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.1;margin-bottom:18px;\r\n color:#fff !important;position:relative;z-index:1;\r\n }\r\n #atp-lab .box h3 span{color:#9fd0ff !important}\r\n #atp-lab .box p{\r\n font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.65;font-weight:400;\r\n color:#fff !important;position:relative;z-index:1;\r\n }\r\n #atp-lab .box p b{font-weight:700;color:#fff !important;border-bottom:2px solid rgba(255,255,255,.5)}\r\n\r\n \/* Terzo box: I vantaggi (titolo a sinistra, tag a destra) *\/\r\n #atp-lab .adv{\r\n display:grid;grid-template-columns:.7fr 1.6fr;gap:40px;align-items:center;\r\n padding:42px 48px;border-radius:26px;\r\n background:#fff !important;\r\n border:2px solid var(--accent);\r\n box-shadow:0 22px 50px rgba(27,87,151,.12);\r\n }\r\n #atp-lab .adv h3{\r\n font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.1;\r\n color:var(--ink) !important;\r\n }\r\n #atp-lab .adv h3 span{color:var(--accent) !important}\r\n #atp-lab .adv-tags{display:flex;flex-wrap:wrap;gap:12px}\r\n #atp-lab .adv-item{\r\n display:inline-block;\r\n padding:12px 22px;border-radius:999px;\r\n background:#eaf1f9 !important;\r\n border:1px solid rgba(27,87,151,.3);\r\n font-size:1.02rem;font-weight:500;line-height:1.2;\r\n color:var(--ink) !important;\r\n transition:background .2s ease, color .2s ease, transform .2s ease;\r\n }\r\n #atp-lab .adv-item:hover{background:var(--accent) !important;color:#fff !important;transform:translateY(-2px)}\r\n\r\n \/* Animazione di comparsa *\/\r\n .js #atp-lab .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease, transform .8s ease}\r\n .js #atp-lab .reveal.in{opacity:1;transform:none}\r\n @media (prefers-reduced-motion:reduce){\r\n .js #atp-lab .reveal{opacity:1;transform:none;transition:none}\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width:980px){\r\n #atp-lab{padding:130px 0 70px}\r\n #atp-lab .hero-row{grid-template-columns:1fr;gap:28px;margin-bottom:40px}\r\n #atp-lab .lab-text{padding-left:22px}\r\n #atp-lab .boxes{grid-template-columns:1fr}\r\n #atp-lab .adv{grid-template-columns:1fr;gap:24px}\r\n #atp-lab .box,#atp-lab .adv{padding:34px 28px}\r\n }\r\n @media (max-width:640px){\r\n #atp-lab .wrap{padding:0 20px}\r\n #atp-lab .lab-subtitle{letter-spacing:2px}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"atp-lab\">\r\n <div class=\"wrap\">\r\n\r\n <div class=\"hero-row reveal\">\r\n <div class=\"hero-left\">\r\n <p class=\"lab-subtitle\">Tutto inizia dal laboratorio<\/p>\r\n <h2 class=\"lab-title\">Da pionieri a protagonisti nella <span class=\"accent\">trasformazione digitale<\/span><\/h2>\r\n <\/div>\r\n <p class=\"lab-text\">\r\n ATP \u00e8 un <b>centro odontotecnico<\/b> che unisce alla <b>produzione dei prodotti<\/b>\r\n servizi e utilit\u00e0 che <span class=\"hl\">semplificano l'interazione con il cliente<\/span>:\r\n strumenti per <b>velocizzare<\/b> il lavoro e garantire <b>affidabilit\u00e0<\/b>.\r\n Scegliere ATP significa scegliere un <span class=\"hl\">sistema 4.0<\/span>, ATP HUB.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"boxes reveal\">\r\n <div class=\"box b1\">\r\n <h3>Cos'\u00e8 <span>HUB?<\/span><\/h3>\r\n <p>\r\n <b>ATPLAB HUB<\/b> \u00e8 l'ecosistema digitale che connette strumenti, competenze e persone\r\n in un unico spazio: il cuore digitale del tuo lavoro.\r\n <\/p>\r\n <\/div>\r\n <div class=\"box b2\">\r\n <h3>A cosa <span>serve?<\/span><\/h3>\r\n <p>\r\n Ti accompagna in <b>ogni fase del lavoro<\/b>, dall'acquisizione del caso al sorriso del paziente,\r\n mettendo al centro il professionista e il risultato clinico.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"adv reveal\">\r\n <h3>I <span>vantaggi<\/span> di ATP HUB<\/h3>\r\n <div class=\"adv-tags\">\r\n <span class=\"adv-item\">Pi\u00f9 velocit\u00e0<\/span>\r\n <span class=\"adv-item\">Pi\u00f9 affidabilit\u00e0<\/span>\r\n <span class=\"adv-item\">Interazione semplice con il cliente<\/span>\r\n <span class=\"adv-item\">Dati sicuri e accessibili<\/span>\r\n <span class=\"adv-item\">Soluzioni su misura<\/span>\r\n <span class=\"adv-item\">Supporto rapido<\/span>\r\n <span class=\"adv-item\">Formazione continua<\/span>\r\n <span class=\"adv-item\">Networking<\/span>\r\n <span class=\"adv-item\">Insight per migliorare<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.documentElement.classList.add('js');\r\n (function(){\r\n var els = document.querySelectorAll('#atp-lab .reveal');\r\n if(!('IntersectionObserver' in window)){\r\n els.forEach(function(e){e.classList.add('in')});\r\n return;\r\n }\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(en){\r\n if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\r\n });\r\n },{threshold:.12});\r\n els.forEach(function(e){io.observe(e)});\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bdd1256 e-con e-atomic-element e-flexbox-base e-default-div e-7b2d3b1 \" data-id=\"bdd1256\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bdd1256\">\n \t\t<div class=\"elementor-element elementor-element-2f0fc42 elementor-widget elementor-widget-html\" data-id=\"2f0fc42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ATPLAB HUB - Un unico ecosistema<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\">\n<style>\n \/* Tutto il CSS e' limitato a #eco, cosi' il tema del sito non lo sovrascrive.\n Nessuna animazione che nasconde il contenuto: la sezione e' sempre visibile. *\/\n #eco{\n --navy:#0b2a5b; --blue:#1B5797; --blue-soft:#3b82f6; --sky:#7db4ff;\n --text:#44556f; --border:#dbe6f5; --gap:16px;\n display:block;position:relative;width:100%;\n padding:90px 0 60px;background:white;\n font-family:\"Roboto\",system-ui,-apple-system,\"Segoe UI\",Arial,sans-serif;\n -webkit-font-smoothing:antialiased;color:var(--navy);\n }\n #eco *{box-sizing:border-box;margin:0;padding:0}\n #eco .wrap{max-width:1680px;margin:0 auto;padding:0 28px}\n\n \/* Intestazione *\/\n #eco .eyebrow{\n display:flex;align-items:center;gap:14px;margin-bottom:16px;\n color:var(--blue);font-weight:700;font-size:.9rem;letter-spacing:4px;text-transform:uppercase;\n }\n #eco .eyebrow::before{content:\"\";width:44px;height:2px;background:var(--blue)}\n #eco .head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px}\n #eco .head h2{\n font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;color:var(--navy);\n line-height:1;letter-spacing:-1px;\n }\n #eco .head h2 .accent{color:var(--blue)}\n #eco .side{max-width:500px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}\n #eco .side p{font-size:1.2rem;line-height:1.6;color:#31435f;font-weight:300}\n #eco .side p b{font-weight:700;color:var(--navy)}\n\n \/* Frecce (solo tablet \/ telefono) *\/\n #eco .arrows{display:none;gap:10px}\n #eco .arrow{\n width:48px;height:48px;border-radius:50%;cursor:pointer;\n background:#fff;border:2px solid var(--border);color:var(--navy);\n display:flex;align-items:center;justify-content:center;\n transition:background .2s,color .2s,border-color .2s,transform .2s,opacity .2s;\n }\n #eco .arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\n #eco .arrow:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}\n #eco .arrow:disabled{opacity:.35;cursor:default}\n\n \/* Linea temporale (sopra le card) *\/\n #eco .tl{\n position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));\n column-gap:var(--gap);padding-top:4px;margin-bottom:20px;\n }\n #eco .tl-line{\n position:absolute;top:27px;\n left:calc((100% - 6*var(--gap))\/14);right:calc((100% - 6*var(--gap))\/14);\n height:6px;border-radius:6px;background:#d6e2f3;overflow:hidden;\n }\n #eco .tl-fill{\n height:100%;width:calc(var(--p,0)*100%);border-radius:6px;\n background:linear-gradient(90deg,var(--blue),var(--sky));\n transition:width .6s cubic-bezier(.4,0,.2,1);\n }\n #eco .node{\n position:relative;z-index:2;background:none;border:0;cursor:pointer;font-family:inherit;\n display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 4px;\n }\n #eco .dot{\n width:52px;height:52px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n background:#fff;border:4px solid #c3d4ec;color:#7d93b5;font-size:1rem;font-weight:900;\n transition:all .35s ease;\n }\n #eco .node:hover .dot{transform:scale(1.12);border-color:var(--blue-soft);color:var(--blue)}\n #eco .node.is-done .dot{background:var(--blue);border-color:var(--blue);color:#fff}\n #eco .node.is-active .dot{\n background:var(--blue);border-color:#fff;color:#fff;transform:scale(1.22);\n box-shadow:0 0 0 5px var(--blue),0 10px 24px rgba(27,87,151,.35);\n animation:eco-pulse 2s ease-in-out infinite;\n }\n @keyframes eco-pulse{\n 0%,100%{box-shadow:0 0 0 5px var(--blue),0 0 0 5px rgba(27,87,151,.35)}\n 50%{box-shadow:0 0 0 5px var(--blue),0 0 0 16px rgba(27,87,151,0)}\n }\n #eco .node-label{font-size:1rem;font-weight:700;color:#7d93b5;text-align:center;line-height:1.2;transition:color .3s}\n #eco .node:hover .node-label{color:var(--blue)}\n #eco .node.is-active .node-label{color:var(--navy);font-weight:900}\n #eco .node.is-done .node-label{color:var(--blue)}\n\n \/* Card: base (tablet \/ telefono = carosello) *\/\n #eco .track{\n display:flex;gap:22px;list-style:none;\n overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;\n padding:16px 4px 26px;scrollbar-width:none;\n }\n #eco .track::-webkit-scrollbar{display:none}\n #eco .step{flex:0 0 clamp(310px,40vw,370px);scroll-snap-align:center;display:flex;list-style:none}\n #eco .card{\n width:100%;background:#fff;border:2px solid var(--border);\n border-radius:22px;box-shadow:0 14px 34px rgba(15,43,91,.12);overflow:hidden;\n display:flex;flex-direction:column;cursor:pointer;\n transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;\n }\n #eco .step:hover .card{transform:translateY(-6px);border-color:var(--blue-soft)}\n #eco .step.is-active .card{border-color:var(--blue);transform:translateY(-8px);box-shadow:0 26px 56px rgba(27,87,151,.30)}\n\n \/* Foto come sfondo: se l'immagine non c'e', resta il gradiente (nessuna icona rotta) *\/\n #eco .photo{\n height:190px;position:relative;\n background-color:#cfdcf0;\n background-image:linear-gradient(135deg,#cfdcf0,#e8f0fb);\n background-size:cover;background-position:center;\n }\n #eco .num{\n position:absolute;left:14px;top:14px;z-index:2;\n background:var(--navy);color:#fff;font-size:.95rem;font-weight:900;\n width:42px;height:42px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 6px 14px rgba(0,0,0,.25);transition:background .3s;\n }\n #eco .step.is-active .num{background:var(--blue)}\n\n #eco .body{padding:22px 20px 20px;text-align:left;flex:1;display:flex;flex-direction:column}\n #eco .icon{color:var(--blue);margin-bottom:10px}\n #eco .icon svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n #eco .title{\n font-size:1.3rem;font-weight:900;color:var(--navy);text-transform:uppercase;\n letter-spacing:.3px;line-height:1.15;overflow-wrap:anywhere;\n }\n #eco .desc{font-size:1.05rem;line-height:1.55;color:var(--text);margin:12px 0 20px;flex:1}\n\n #eco .actions{display:flex;flex-direction:column;gap:10px}\n #eco .btn{\n display:block;text-align:center;text-decoration:none;\n font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.2px;\n padding:13px 10px;border-radius:12px;line-height:1.2;\n transition:background .2s,color .2s,border-color .2s,transform .2s;\n }\n #eco .btn-primary{background:var(--blue);color:#fff !important;border:2px solid var(--blue)}\n #eco .btn-primary:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-1px)}\n #eco .btn-ghost{background:transparent;color:var(--navy) !important;border:2px solid var(--border)}\n #eco .btn-ghost:hover{border-color:var(--blue);color:var(--blue) !important}\n\n \/* DESKTOP: tutte le 7 card visibili, allineate alla timeline *\/\n @media (min-width:1200px){\n #eco .track{\n display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap);\n overflow:visible;scroll-snap-type:none;padding:14px 0 10px;\n }\n #eco .step{flex:none;min-width:0}\n #eco .photo{height:150px}\n #eco .num{width:38px;height:38px;font-size:.85rem;left:12px;top:12px}\n #eco .body{padding:18px 16px 16px}\n #eco .icon svg{width:32px;height:32px}\n #eco .title{font-size:clamp(.95rem,1.05vw,1.2rem)}\n #eco .desc{font-size:clamp(.95rem,.95vw,1.08rem);margin:10px 0 18px}\n #eco .btn{font-size:clamp(.85rem,.85vw,.95rem);padding:12px 8px}\n }\n\n \/* TABLET \/ TELEFONO *\/\n @media (max-width:1199px){\n #eco{--gap:0px}\n #eco .arrows{display:flex}\n }\n @media (max-width:980px){\n #eco .head{flex-direction:column;align-items:flex-start;gap:18px}\n #eco .node-label{display:none}\n #eco .dot{width:44px;height:44px;font-size:.9rem}\n #eco .tl-line{top:23px}\n }\n @media (max-width:640px){\n #eco .wrap{padding:0 20px}\n #eco{padding:60px 0 50px}\n #eco .step{flex-basis:82vw}\n #eco .photo{height:180px}\n #eco .dot{width:34px;height:34px;font-size:.78rem;border-width:3px}\n #eco .tl-line{top:18px;height:5px}\n #eco .node.is-active .dot{transform:scale(1.15)}\n }\n @media (prefers-reduced-motion:reduce){\n #eco .track{scroll-behavior:auto}\n #eco .node.is-active .dot{animation:none}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0\">\n\n<section id=\"eco\">\n <div class=\"wrap\">\n\n <div class=\"head\">\n <div>\n <p class=\"eyebrow\">L'ecosistema<\/p>\n <h2>Un unico ecosistema.<br>Un <span class=\"accent\">risultato<\/span> condiviso.<\/h2>\n <\/div>\n <div class=\"side\">\n <p><b>ATPLAB HUB<\/b> connette strumenti, competenze e persone per accompagnarti in ogni fase del lavoro.<\/p>\n <div class=\"arrows\">\n <button class=\"arrow\" id=\"eco-prev\" type=\"button\" aria-label=\"Precedente\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\n <button class=\"arrow\" id=\"eco-next\" type=\"button\" aria-label=\"Successivo\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tl\" id=\"eco-tl\">\n <div class=\"tl-line\"><div class=\"tl-fill\"><\/div><\/div>\n <button class=\"node\" type=\"button\"><span class=\"dot\">01<\/span><span class=\"node-label\">ATP Cloud<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">02<\/span><span class=\"node-label\">ATP Lab<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">03<\/span><span class=\"node-label\">ATP AI Assistant<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">04<\/span><span class=\"node-label\">ATP Academy<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">05<\/span><span class=\"node-label\">ATP Media<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">06<\/span><span class=\"node-label\">ATP Community<\/span><\/button>\n <button class=\"node\" type=\"button\"><span class=\"dot\">07<\/span><span class=\"node-label\">ATP Intelligence<\/span><\/button>\n <\/div>\n\n \n <ol class=\"track\" id=\"eco-track\">\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-01.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">01<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 18a4 4 0 0 1 0-8 5 5 0 0 1 9.6-1.5A3.5 3.5 0 0 1 18 18H7Z\"\/><path d=\"M12 12v5m0 0-2-2m2 2 2-2\"\/><\/svg><\/div>\n <div class=\"title\">ATP Cloud<\/div>\n <p class=\"desc\">I dati vengono archiviati e organizzati in modo sicuro e sempre accessibile.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-02.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">02<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 2 8l10 5 10-5-10-5Z\"\/><path d=\"M6 10v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5\"\/><\/svg><\/div>\n <div class=\"title\">ATP Lab<\/div>\n <p class=\"desc\">Il laboratorio trasforma i dati in soluzioni su misura con tecnologia e competenza.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-03.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">03<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 4h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-2l-3 3v-3H9a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3Z\"\/><path d=\"M9.5 9.5h.01M14.5 9.5h.01M9.5 12.5c.6.6 1.5 1 2.5 1s1.9-.4 2.5-1\"\/><\/svg><\/div>\n <div class=\"title\">ATP AI Assistant<\/div>\n <p class=\"desc\">Hai dubbi o necessit\u00e0? L'AI Assistant \u00e8 al tuo fianco per supporto e risposte rapide.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-04.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">04<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 2 8l10 5 10-5-10-5Z\"\/><path d=\"M6 10v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5\"\/><\/svg><\/div>\n <div class=\"title\">ATP Academy<\/div>\n <p class=\"desc\">Formazione continua per crescere, aggiornarsi e offrire sempre il meglio.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-05.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">05<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m10 9 5 3-5 3V9Z\"\/><\/svg><\/div>\n <div class=\"title\">ATP Media<\/div>\n <p class=\"desc\">Contenuti e approfondimenti per ispirarti, informarti e rimanere aggiornato.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-06.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">06<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"2.5\"\/><path d=\"M3 19c0-2.8 2.7-5 6-5s6 2.2 6 5M15 19c0-1.8.9-3 3-3s3 1.2 3 3\"\/><\/svg><\/div>\n <div class=\"title\">ATP Community<\/div>\n <p class=\"desc\">Confronto, condivisione e networking con altri professionisti come te.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <li class=\"step\"><div class=\"card\">\n <div class=\"photo\" style=\"background-image:url('img\/step-07.webp'),linear-gradient(135deg,#cfdcf0,#e8f0fb)\"><span class=\"num\">07<\/span><\/div>\n <div class=\"body\">\n <div class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20V10M10 20V4M16 20v-7M22 20H2\"\/><\/svg><\/div>\n <div class=\"title\">ATP Intelligence<\/div>\n <p class=\"desc\">I dati diventano insight per migliorare processi, performance e risultati.<\/p>\n <div class=\"actions\">\n <a class=\"btn btn-primary\" href=\"https:\/\/www.google.it\">Accedi all'area riservata<\/a>\n <a class=\"btn btn-ghost\" href=\"https:\/\/www.google.it\">Scopri<\/a>\n <\/div>\n <\/div>\n <\/div><\/li>\n\n <\/ol>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var root = document.getElementById('eco');\n if(!root) return;\n var track = document.getElementById('eco-track');\n var tl = document.getElementById('eco-tl');\n var prev = document.getElementById('eco-prev');\n var next = document.getElementById('eco-next');\n var cards = Array.prototype.slice.call(track.querySelectorAll('.step'));\n var nodes = Array.prototype.slice.call(tl.querySelectorAll('.node'));\n var last = cards.length - 1, current = 0, lock = false, lockTimer;\n var desktop = window.matchMedia('(min-width:1200px)');\n\n function render(i){\n current = i;\n cards.forEach(function(c,k){ c.classList.toggle('is-active', k === i); });\n nodes.forEach(function(n,k){\n n.classList.toggle('is-active', k === i);\n n.classList.toggle('is-done', k < i);\n });\n tl.style.setProperty('--p', (i \/ last).toFixed(4));\n prev.disabled = (i === 0);\n next.disabled = (i === last);\n }\n\n function goTo(i){\n i = Math.max(0, Math.min(last, i));\n render(i);\n if(track.scrollWidth <= track.clientWidth + 2) return; \/* desktop: nulla da scorrere *\/\n lock = true; clearTimeout(lockTimer);\n var c = cards[i];\n track.scrollTo({left: c.offsetLeft - (track.clientWidth - c.offsetWidth)\/2, behavior:'smooth'});\n lockTimer = setTimeout(function(){ lock = false; }, 800);\n }\n\n nodes.forEach(function(n,k){\n n.addEventListener('click', function(){ goTo(k); });\n n.addEventListener('mouseenter', function(){ if(desktop.matches) render(k); });\n });\n cards.forEach(function(c,k){\n c.addEventListener('click', function(e){ if(e.target.closest('a')) return; goTo(k); });\n c.addEventListener('mouseenter', function(){ if(desktop.matches) render(k); });\n });\n prev.addEventListener('click', function(){ goTo(current - 1); });\n next.addEventListener('click', function(){ goTo(current + 1); });\n\n var ticking = false;\n track.addEventListener('scroll', function(){\n if(lock || ticking) return;\n ticking = true;\n requestAnimationFrame(function(){\n ticking = false;\n var max = track.scrollWidth - track.clientWidth;\n if(max <= 2) return;\n var idx = 0;\n if(track.scrollLeft <= 2){ idx = 0; }\n else if(track.scrollLeft >= max - 2){ idx = last; }\n else{\n var center = track.scrollLeft + track.clientWidth\/2, best = 1e9;\n cards.forEach(function(c,k){\n var d = Math.abs((c.offsetLeft + c.offsetWidth\/2) - center);\n if(d < best){ best = d; idx = k; }\n });\n }\n if(idx !== current) render(idx);\n });\n }, {passive:true});\n\n render(0);\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a771c62 e-con e-atomic-element e-flexbox-base e-default-div e-12a8441 \" data-id=\"a771c62\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a771c62\">\n \t\t<div class=\"elementor-element elementor-element-5ba2bde elementor-widget elementor-widget-html\" data-id=\"5ba2bde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>ATPLAB HUB - L'obiettivo comune<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\">\n<style>\n \/* CSS limitato a #atp-goal: il tema del sito non lo sovrascrive *\/\n #atp-goal{\n --bg:#1B5797;\n --bg-dark:#0F3A66;\n --sky:#9fd0ff;\n display:block;position:relative;overflow:hidden;width:100%;\n padding:110px 0 100px;\n background:var(--bg) !important;\n color:#fff;\n font-family:\"Roboto\",system-ui,-apple-system,\"Segoe UI\",Arial,sans-serif;\n -webkit-font-smoothing:antialiased;\n }\n #atp-goal *{box-sizing:border-box;margin:0;padding:0}\n #atp-goal .wrap{max-width:1500px;margin:0 auto;padding:0 32px;position:relative;z-index:2}\n\n \/* cerchi decorativi *\/\n #atp-goal::before,#atp-goal::after{\n content:\"\";position:absolute;border-radius:50%;\n border:1px solid rgba(255,255,255,.18);pointer-events:none;\n }\n #atp-goal::before{width:720px;height:720px;right:-200px;top:-260px}\n #atp-goal::after{width:460px;height:460px;right:-80px;top:-140px}\n\n \/* Sopra il titolo: \"Il risultato finale\" *\/\n #atp-goal .eyebrow{\n display:flex;align-items:center;gap:14px;margin-bottom:18px;\n color:var(--sky) !important;font-weight:700;font-size:.9rem;\n letter-spacing:4px;text-transform:uppercase;\n }\n #atp-goal .eyebrow::before{content:\"\";width:44px;height:2px;background:var(--sky)}\n\n \/* Titolo: \"L'obiettivo comune\" *\/\n #atp-goal .title{\n font-size:clamp(2.8rem,7vw,6.2rem);font-weight:900;\n line-height:.98;letter-spacing:-1.5px;margin-bottom:56px;max-width:1100px;\n color:#fff !important;\n }\n #atp-goal .title .accent{color:var(--sky) !important}\n\n \/* Due box *\/\n #atp-goal .boxes{display:grid;grid-template-columns:1fr 1fr;gap:24px}\n #atp-goal .box{\n padding:48px 52px;border-radius:28px;\n border:1px solid rgba(255,255,255,.28);\n }\n #atp-goal .box.b1{background:rgba(255,255,255,.12) !important}\n #atp-goal .box.b2{background:var(--bg-dark) !important;border-color:rgba(255,255,255,.18)}\n #atp-goal .box h3{\n font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.1;margin-bottom:18px;\n color:#fff !important;\n }\n #atp-goal .box h3 span{color:var(--sky) !important}\n #atp-goal .box p{\n font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.65;font-weight:300;\n color:#e6f0fb !important;\n }\n #atp-goal .box p b{font-weight:700;color:#fff !important}\n\n \/* Tag *\/\n #atp-goal .tags-wrap{margin-top:34px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}\n #atp-goal .tags-label{\n font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;\n color:var(--sky) !important;\n }\n #atp-goal .tags{display:flex;flex-wrap:wrap;gap:10px}\n #atp-goal .tag{\n display:inline-block;padding:9px 18px;border-radius:999px;\n border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12) !important;\n color:#fff !important;font-size:.92rem;font-weight:500;letter-spacing:.2px;\n transition:background .2s ease,color .2s ease,transform .2s ease;\n }\n #atp-goal .tag:hover{background:#fff !important;color:var(--bg) !important;transform:translateY(-2px)}\n\n \/* Responsive *\/\n @media (max-width:980px){\n #atp-goal{padding:80px 0 70px}\n #atp-goal .boxes{grid-template-columns:1fr}\n #atp-goal .box{padding:34px 28px}\n }\n @media (max-width:640px){\n #atp-goal .wrap{padding:0 20px}\n #atp-goal .title{margin-bottom:36px}\n }\n<\/style>\n<\/head>\n<body style=\"margin:0\">\n\n<section id=\"atp-goal\">\n <div class=\"wrap\">\n\n <p class=\"eyebrow\">Il risultato finale<\/p>\n <h2 class=\"title\">L'obiettivo <span class=\"accent\">comune<\/span><\/h2>\n\n <div class=\"boxes\">\n <div class=\"box b1\">\n <h3>Un lavoro di <span>qualit\u00e0<\/span><\/h3>\n <p>Un lavoro di qualit\u00e0 per <b>un sorriso che migliora la vita<\/b>.<\/p>\n <\/div>\n <div class=\"box b2\">\n <h3>Il vero <span>centro<\/span><\/h3>\n <p>\n Il vero centro del nostro ecosistema <b>sei tu e il tuo paziente<\/b>.\n ATPLAB HUB. Insieme, per risultati che durano.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"tags-wrap\">\n <span class=\"tags-label\">Il traguardo<\/span>\n <div class=\"tags\">\n <span class=\"tag\">Qualit\u00e0<\/span>\n <span class=\"tag\">Un sorriso che migliora la vita<\/span>\n <span class=\"tag\">Tu e il tuo paziente<\/span>\n <span class=\"tag\">Risultati che durano<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eb15700 e-con e-atomic-element e-flexbox-base e-default-div e-84bd41a \" data-id=\"eb15700\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb15700\">\n <div class=\"elementor-element elementor-element-5c473a4 e-con e-atomic-element e-flexbox-base e-default-div e-053e5e0 \" data-id=\"5c473a4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c473a4\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-897e623 e-con e-atomic-element e-flexbox-base e-default-div e-856ccd0 \" data-id=\"897e623\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"897e623\">\n <div class=\"elementor-element elementor-element-d84061a e-con e-atomic-element e-flexbox-base e-default-div e-d2d0501 \" data-id=\"d84061a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d84061a\">\n \n<\/div>\n<div class=\"elementor-element elementor-element-ce51514 e-con e-atomic-element e-flexbox-base e-default-div e-8faba36 \" data-id=\"ce51514\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ce51514\">\n \n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ATPLAB HUB \u00b7 Da pionieri a protagonisti nella trasformazione digitale Tutto inizia dal laboratorio Da pionieri a protagonisti nella trasformazione digitale ATP \u00e8 un centro odontotecnico che unisce alla produzione dei prodotti servizi e utilit\u00e0 che semplificano l’interazione con il cliente: strumenti per velocizzare il lavoro e garantire affidabilit\u00e0. Scegliere ATP significa scegliere un sistema […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","_joinchat":[],"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.atphub.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":34,"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/www.atphub.it\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/www.atphub.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}