{"id":15,"date":"2026-03-26T01:14:34","date_gmt":"2026-03-26T01:14:34","guid":{"rendered":"https:\/\/nicolasdelmolino.com\/?page_id=15"},"modified":"2026-03-26T02:22:57","modified_gmt":"2026-03-26T02:22:57","slug":"elementor-15","status":"publish","type":"page","link":"https:\/\/nicolasdelmolino.com\/","title":{"rendered":"Elementor #15"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Nicolas Delmolino | Business, Matched Betting, Web Premium<\/title>\r\n <meta\r\n name=\"description\"\r\n content=\"Sito ufficiale di Nicolas Delmolino: business online, matched betting, visione strategica, creazione siti web premium e progetti digitali.\"\r\n \/>\r\n\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=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root{\r\n --bg:#091018;\r\n --bg-2:#0d1722;\r\n --bg-3:#101d2a;\r\n --panel:rgba(255,255,255,0.06);\r\n --panel-2:rgba(255,255,255,0.09);\r\n --line:rgba(255,255,255,0.10);\r\n --line-2:rgba(255,255,255,0.16);\r\n --text:#eef4fb;\r\n --muted:#a7b4c5;\r\n --muted-2:#8d9aab;\r\n --accent:#d9b36a;\r\n --accent-2:#f2d39b;\r\n --cyan:#76d5ff;\r\n --glow:0 0 30px rgba(217,179,106,.18);\r\n --shadow:0 16px 60px rgba(0,0,0,.35);\r\n --radius:24px;\r\n --radius-lg:32px;\r\n --max:1240px;\r\n --nav-h:82px;\r\n --transition:all .45s cubic-bezier(.2,.8,.2,1);\r\n }\r\n\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n body{\r\n font-family:'Inter', sans-serif;\r\n background:\r\n radial-gradient(circle at 15% 20%, rgba(118,213,255,.10), transparent 30%),\r\n radial-gradient(circle at 85% 15%, rgba(217,179,106,.12), transparent 26%),\r\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.04), transparent 28%),\r\n linear-gradient(180deg, #071019 0%, #0b1520 50%, #0b1420 100%);\r\n color:var(--text);\r\n overflow-x:hidden;\r\n }\r\n\r\n a{\r\n color:inherit;\r\n text-decoration:none;\r\n }\r\n\r\n img{\r\n max-width:100%;\r\n display:block;\r\n }\r\n\r\n .container{\r\n width:min(var(--max), calc(100% - 40px));\r\n margin:0 auto;\r\n }\r\n\r\n .grid{\r\n display:grid;\r\n gap:24px;\r\n }\r\n\r\n .section{\r\n position:relative;\r\n padding:110px 0;\r\n }\r\n\r\n .section-title{\r\n font-size:clamp(2rem, 5vw, 3.8rem);\r\n line-height:1;\r\n font-weight:900;\r\n letter-spacing:-0.04em;\r\n }\r\n\r\n .section-subtitle{\r\n margin-top:18px;\r\n max-width:760px;\r\n color:var(--muted);\r\n font-size:1.05rem;\r\n line-height:1.8;\r\n }\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:10px 16px;\r\n border:1px solid var(--line);\r\n border-radius:999px;\r\n color:var(--accent-2);\r\n background:rgba(255,255,255,.03);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n backdrop-filter:blur(18px);\r\n }\r\n\r\n .eyebrow::before{\r\n content:\"\";\r\n width:8px;\r\n height:8px;\r\n border-radius:50%;\r\n background:linear-gradient(135deg, var(--accent), #fff0c8);\r\n box-shadow:0 0 20px rgba(217,179,106,.8);\r\n }\r\n\r\n .nav{\r\n position:fixed;\r\n inset:0 0 auto 0;\r\n z-index:999;\r\n height:var(--nav-h);\r\n display:flex;\r\n align-items:center;\r\n transition:var(--transition);\r\n }\r\n\r\n .nav.scrolled{\r\n background:rgba(7,14,22,.62);\r\n backdrop-filter:blur(18px);\r\n border-bottom:1px solid rgba(255,255,255,.08);\r\n }\r\n\r\n .nav-wrap{\r\n width:min(var(--max), calc(100% - 40px));\r\n margin:0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:20px;\r\n }\r\n\r\n .brand{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n font-weight:800;\r\n letter-spacing:-0.03em;\r\n }\r\n\r\n .brand-mark{\r\n width:44px;\r\n height:44px;\r\n border-radius:14px;\r\n background:\r\n linear-gradient(135deg, rgba(217,179,106,.24), rgba(118,213,255,.14)),\r\n rgba(255,255,255,.05);\r\n border:1px solid rgba(255,255,255,.12);\r\n display:grid;\r\n place-items:center;\r\n box-shadow:var(--glow);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .brand-mark::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:-30%;\r\n background:linear-gradient(120deg, transparent, rgba(255,255,255,.16), transparent);\r\n transform:translateX(-120%) rotate(20deg);\r\n animation:shimmer 6s linear infinite;\r\n }\r\n\r\n .brand-mark span{\r\n font-size:1rem;\r\n font-weight:900;\r\n color:#fff6df;\r\n }\r\n\r\n .nav-links{\r\n display:flex;\r\n gap:28px;\r\n align-items:center;\r\n }\r\n\r\n .nav-links a{\r\n color:#d7e2ee;\r\n font-size:.96rem;\r\n font-weight:600;\r\n opacity:.88;\r\n transition:var(--transition);\r\n }\r\n\r\n .nav-links a:hover{\r\n opacity:1;\r\n color:#fff;\r\n transform:translateY(-1px);\r\n }\r\n\r\n .nav-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 18px;\r\n border-radius:999px;\r\n background:linear-gradient(135deg, var(--accent), var(--accent-2));\r\n color:#16120a;\r\n font-weight:800;\r\n box-shadow:0 12px 30px rgba(217,179,106,.22);\r\n transition:var(--transition);\r\n }\r\n\r\n .nav-cta:hover{\r\n transform:translateY(-2px) scale(1.01);\r\n box-shadow:0 16px 34px rgba(217,179,106,.3);\r\n }\r\n\r\n .menu-btn{\r\n display:none;\r\n width:48px;\r\n height:48px;\r\n border-radius:14px;\r\n border:1px solid rgba(255,255,255,.1);\r\n background:rgba(255,255,255,.05);\r\n color:#fff;\r\n font-size:1.2rem;\r\n cursor:pointer;\r\n }\r\n\r\n .hero{\r\n min-height:100vh;\r\n padding-top:calc(var(--nav-h) + 40px);\r\n display:flex;\r\n align-items:center;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before,\r\n .hero::after{\r\n content:\"\";\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(60px);\r\n pointer-events:none;\r\n }\r\n\r\n .hero::before{\r\n width:360px;\r\n height:360px;\r\n background:rgba(217,179,106,.10);\r\n top:80px;\r\n right:-80px;\r\n animation:float 8s ease-in-out infinite;\r\n }\r\n\r\n .hero::after{\r\n width:260px;\r\n height:260px;\r\n background:rgba(118,213,255,.12);\r\n bottom:80px;\r\n left:-40px;\r\n animation:float 10s ease-in-out infinite reverse;\r\n }\r\n\r\n .hero-grid{\r\n display:grid;\r\n grid-template-columns:1.08fr .92fr;\r\n gap:42px;\r\n align-items:center;\r\n }\r\n\r\n .hero-copy{\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .hero-copy h1{\r\n margin-top:22px;\r\n font-size:clamp(2.9rem, 7vw, 6.2rem);\r\n line-height:.95;\r\n font-weight:900;\r\n letter-spacing:-0.055em;\r\n }\r\n\r\n .gradient-text{\r\n background:linear-gradient(135deg, #ffffff 10%, #ffe1a8 48%, #a6e6ff 100%);\r\n -webkit-background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n color:transparent;\r\n }\r\n\r\n .hero-copy p{\r\n margin-top:22px;\r\n max-width:760px;\r\n color:var(--muted);\r\n font-size:1.08rem;\r\n line-height:1.9;\r\n }\r\n\r\n .hero-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:14px;\r\n margin-top:32px;\r\n }\r\n\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n padding:15px 22px;\r\n border-radius:999px;\r\n font-weight:800;\r\n transition:var(--transition);\r\n border:1px solid transparent;\r\n cursor:pointer;\r\n }\r\n\r\n .btn-primary{\r\n background:linear-gradient(135deg, var(--accent), var(--accent-2));\r\n color:#17120b;\r\n box-shadow:0 14px 28px rgba(217,179,106,.22);\r\n }\r\n\r\n .btn-primary:hover{\r\n transform:translateY(-2px);\r\n box-shadow:0 20px 34px rgba(217,179,106,.28);\r\n }\r\n\r\n .btn-secondary{\r\n background:rgba(255,255,255,.05);\r\n border-color:rgba(255,255,255,.12);\r\n color:#fff;\r\n backdrop-filter:blur(16px);\r\n }\r\n\r\n .btn-secondary:hover{\r\n transform:translateY(-2px);\r\n background:rgba(255,255,255,.08);\r\n }\r\n\r\n .hero-stats{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:14px;\r\n margin-top:34px;\r\n max-width:760px;\r\n }\r\n\r\n .stat{\r\n padding:18px 18px;\r\n border-radius:20px;\r\n border:1px solid rgba(255,255,255,.1);\r\n background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\r\n backdrop-filter:blur(14px);\r\n box-shadow:var(--shadow);\r\n }\r\n\r\n .stat .number{\r\n display:block;\r\n font-size:1.6rem;\r\n font-weight:900;\r\n letter-spacing:-0.04em;\r\n color:#fff;\r\n }\r\n\r\n .stat .label{\r\n display:block;\r\n margin-top:8px;\r\n color:var(--muted);\r\n font-size:.92rem;\r\n line-height:1.5;\r\n }\r\n\r\n .hero-visual{\r\n position:relative;\r\n min-height:650px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n perspective:1200px;\r\n }\r\n\r\n .visual-orbit{\r\n position:absolute;\r\n inset:auto;\r\n width:520px;\r\n height:520px;\r\n border-radius:50%;\r\n border:1px dashed rgba(255,255,255,.08);\r\n animation:spin 26s linear infinite;\r\n opacity:.7;\r\n }\r\n\r\n .visual-orbit.orbit-2{\r\n width:620px;\r\n height:620px;\r\n animation-duration:34s;\r\n animation-direction:reverse;\r\n }\r\n\r\n .floating-chip{\r\n position:absolute;\r\n padding:12px 16px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.12);\r\n color:#eef5ff;\r\n font-size:.86rem;\r\n font-weight:700;\r\n backdrop-filter:blur(18px);\r\n box-shadow:var(--shadow);\r\n animation:float 8s ease-in-out infinite;\r\n }\r\n\r\n .chip-1{ top:70px; right:40px; }\r\n .chip-2{ left:10px; top:170px; animation-delay:1s; }\r\n .chip-3{ bottom:120px; right:10px; animation-delay:2s; }\r\n\r\n .portrait-wrap{\r\n position:relative;\r\n width:min(470px, 86vw);\r\n height:580px;\r\n border-radius:32px;\r\n transform-style:preserve-3d;\r\n transition:transform .22s ease;\r\n }\r\n\r\n .portrait-glow{\r\n position:absolute;\r\n inset:20px -20px -20px 20px;\r\n border-radius:36px;\r\n background:\r\n radial-gradient(circle at 50% 25%, rgba(217,179,106,.22), transparent 38%),\r\n radial-gradient(circle at 40% 80%, rgba(118,213,255,.18), transparent 34%);\r\n filter:blur(26px);\r\n z-index:0;\r\n }\r\n\r\n .portrait-card{\r\n position:relative;\r\n width:100%;\r\n height:100%;\r\n border-radius:32px;\r\n padding:18px;\r\n background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));\r\n border:1px solid rgba(255,255,255,.14);\r\n backdrop-filter:blur(16px);\r\n box-shadow:0 28px 90px rgba(0,0,0,.35);\r\n overflow:hidden;\r\n z-index:1;\r\n }\r\n\r\n .portrait-card::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-30% auto auto -30%;\r\n width:240px;\r\n height:240px;\r\n background:radial-gradient(circle, rgba(255,255,255,.14), transparent 70%);\r\n filter:blur(12px);\r\n pointer-events:none;\r\n }\r\n\r\n .portrait-main{\r\n position:absolute;\r\n inset:18px;\r\n border-radius:26px;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,.1);\r\n }\r\n\r\n .portrait-main img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transform:scale(1.02);\r\n filter:saturate(1.03) contrast(1.02);\r\n }\r\n\r\n .portrait-badge{\r\n position:absolute;\r\n left:28px;\r\n bottom:28px;\r\n right:28px;\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:18px;\r\n padding:18px 18px 16px;\r\n border-radius:22px;\r\n background:linear-gradient(180deg, rgba(8,12,18,.28), rgba(8,12,18,.64));\r\n border:1px solid rgba(255,255,255,.12);\r\n backdrop-filter:blur(14px);\r\n }\r\n\r\n .portrait-badge h3{\r\n font-size:1.15rem;\r\n font-weight:800;\r\n letter-spacing:-0.03em;\r\n }\r\n\r\n .portrait-badge p{\r\n margin-top:6px;\r\n color:#d6e2ef;\r\n font-size:.92rem;\r\n line-height:1.5;\r\n max-width:280px;\r\n }\r\n\r\n .mini-portrait{\r\n position:absolute;\r\n width:180px;\r\n height:220px;\r\n border-radius:26px;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,.12);\r\n background:rgba(255,255,255,.06);\r\n backdrop-filter:blur(14px);\r\n box-shadow:0 16px 50px rgba(0,0,0,.28);\r\n right:-55px;\r\n bottom:40px;\r\n transform:rotate(7deg);\r\n z-index:3;\r\n }\r\n\r\n .mini-portrait img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n }\r\n\r\n .scroll-indicator{\r\n position:absolute;\r\n bottom:24px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n color:var(--muted);\r\n font-size:.88rem;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n }\r\n\r\n .scroll-indicator span:last-child{\r\n width:22px;\r\n height:38px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.16);\r\n display:flex;\r\n justify-content:center;\r\n padding-top:6px;\r\n position:relative;\r\n }\r\n\r\n .scroll-indicator span:last-child::before{\r\n content:\"\";\r\n width:4px;\r\n height:8px;\r\n border-radius:999px;\r\n background:#fff;\r\n animation:scrollDot 1.5s infinite;\r\n }\r\n\r\n .glass-panel{\r\n background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\r\n border:1px solid rgba(255,255,255,.1);\r\n border-radius:var(--radius);\r\n backdrop-filter:blur(16px);\r\n box-shadow:var(--shadow);\r\n }\r\n\r\n .about-grid{\r\n grid-template-columns:1fr 1fr;\r\n align-items:start;\r\n gap:28px;\r\n margin-top:42px;\r\n }\r\n\r\n .about-card{\r\n padding:28px;\r\n }\r\n\r\n .about-card p{\r\n color:var(--muted);\r\n line-height:1.95;\r\n font-size:1rem;\r\n }\r\n\r\n .about-card p + p{\r\n margin-top:18px;\r\n }\r\n\r\n .quote-box{\r\n position:relative;\r\n padding:32px;\r\n overflow:hidden;\r\n }\r\n\r\n .quote-box::before{\r\n content:\"\u201c\";\r\n position:absolute;\r\n top:-10px;\r\n left:18px;\r\n font-size:7rem;\r\n color:rgba(255,255,255,.07);\r\n font-weight:900;\r\n line-height:1;\r\n }\r\n\r\n .quote-box h3{\r\n font-size:1.4rem;\r\n line-height:1.4;\r\n font-weight:800;\r\n max-width:520px;\r\n letter-spacing:-0.03em;\r\n }\r\n\r\n .quote-box p{\r\n margin-top:18px;\r\n color:var(--muted);\r\n line-height:1.8;\r\n }\r\n\r\n .service-grid{\r\n margin-top:42px;\r\n grid-template-columns:repeat(3, 1fr);\r\n }\r\n\r\n .service-card{\r\n position:relative;\r\n padding:28px;\r\n overflow:hidden;\r\n transition:var(--transition);\r\n transform-style:preserve-3d;\r\n }\r\n\r\n .service-card:hover{\r\n transform:translateY(-6px);\r\n border-color:rgba(255,255,255,.16);\r\n box-shadow:0 22px 60px rgba(0,0,0,.32);\r\n }\r\n\r\n .service-card::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto -30% -45% auto;\r\n width:180px;\r\n height:180px;\r\n border-radius:50%;\r\n background:radial-gradient(circle, rgba(217,179,106,.12), transparent 70%);\r\n filter:blur(16px);\r\n pointer-events:none;\r\n }\r\n\r\n .service-icon{\r\n width:58px;\r\n height:58px;\r\n border-radius:18px;\r\n display:grid;\r\n place-items:center;\r\n font-size:1.3rem;\r\n background:linear-gradient(135deg, rgba(217,179,106,.18), rgba(118,213,255,.12));\r\n border:1px solid rgba(255,255,255,.12);\r\n margin-bottom:18px;\r\n }\r\n\r\n .service-card h3{\r\n font-size:1.25rem;\r\n font-weight:800;\r\n letter-spacing:-0.03em;\r\n }\r\n\r\n .service-card p{\r\n margin-top:14px;\r\n color:var(--muted);\r\n line-height:1.85;\r\n font-size:.98rem;\r\n }\r\n\r\n .service-points{\r\n margin-top:18px;\r\n display:grid;\r\n gap:10px;\r\n }\r\n\r\n .service-points span{\r\n color:#dde8f3;\r\n font-size:.92rem;\r\n display:flex;\r\n gap:10px;\r\n align-items:flex-start;\r\n }\r\n\r\n .service-points span::before{\r\n content:\"\u2022\";\r\n color:var(--accent-2);\r\n font-weight:900;\r\n }\r\n\r\n .highlight-band{\r\n margin-top:34px;\r\n padding:18px 20px;\r\n border-radius:22px;\r\n border:1px solid rgba(255,255,255,.1);\r\n background:linear-gradient(90deg, rgba(217,179,106,.08), rgba(118,213,255,.06));\r\n color:#eef4fb;\r\n line-height:1.85;\r\n font-size:1rem;\r\n }\r\n\r\n .timeline{\r\n margin-top:42px;\r\n position:relative;\r\n display:grid;\r\n gap:18px;\r\n }\r\n\r\n .timeline::before{\r\n content:\"\";\r\n position:absolute;\r\n left:18px;\r\n top:8px;\r\n bottom:8px;\r\n width:1px;\r\n background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.03));\r\n }\r\n\r\n .timeline-item{\r\n position:relative;\r\n padding:0 0 0 56px;\r\n }\r\n\r\n .timeline-dot{\r\n position:absolute;\r\n left:7px;\r\n top:4px;\r\n width:22px;\r\n height:22px;\r\n border-radius:50%;\r\n background:linear-gradient(135deg, var(--accent), #fff0cc);\r\n box-shadow:0 0 20px rgba(217,179,106,.45);\r\n border:4px solid rgba(9,16,24,1);\r\n }\r\n\r\n .timeline-item h4{\r\n font-size:1.08rem;\r\n font-weight:800;\r\n letter-spacing:-0.02em;\r\n }\r\n\r\n .timeline-item p{\r\n margin-top:8px;\r\n color:var(--muted);\r\n line-height:1.8;\r\n }\r\n\r\n .numbers-grid{\r\n margin-top:42px;\r\n grid-template-columns:repeat(4, 1fr);\r\n }\r\n\r\n .number-card{\r\n padding:28px 24px;\r\n text-align:center;\r\n }\r\n\r\n .number-card strong{\r\n display:block;\r\n font-size:2.2rem;\r\n font-weight:900;\r\n letter-spacing:-0.04em;\r\n color:#fff;\r\n }\r\n\r\n .number-card span{\r\n display:block;\r\n margin-top:10px;\r\n color:var(--muted);\r\n font-size:.95rem;\r\n line-height:1.6;\r\n }\r\n\r\n .split-grid{\r\n margin-top:42px;\r\n grid-template-columns:1.05fr .95fr;\r\n gap:28px;\r\n align-items:stretch;\r\n }\r\n\r\n .panel-pad{\r\n padding:30px;\r\n }\r\n\r\n .list{\r\n display:grid;\r\n gap:14px;\r\n margin-top:24px;\r\n }\r\n\r\n .list-item{\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n padding:16px 16px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.03);\r\n border:1px solid rgba(255,255,255,.07);\r\n }\r\n\r\n .list-item .bullet{\r\n width:34px;\r\n height:34px;\r\n border-radius:12px;\r\n flex:0 0 34px;\r\n display:grid;\r\n place-items:center;\r\n background:linear-gradient(135deg, rgba(217,179,106,.2), rgba(118,213,255,.12));\r\n border:1px solid rgba(255,255,255,.1);\r\n font-size:.92rem;\r\n font-weight:800;\r\n color:#fff6e0;\r\n }\r\n\r\n .list-item h4{\r\n font-size:1rem;\r\n font-weight:800;\r\n }\r\n\r\n .list-item p{\r\n margin-top:6px;\r\n color:var(--muted);\r\n line-height:1.7;\r\n font-size:.95rem;\r\n }\r\n\r\n .showcase-card{\r\n position:relative;\r\n overflow:hidden;\r\n min-height:100%;\r\n }\r\n\r\n .showcase-top{\r\n padding:30px 30px 18px;\r\n }\r\n\r\n .showcase-top p{\r\n color:var(--muted);\r\n line-height:1.85;\r\n margin-top:12px;\r\n }\r\n\r\n .showcase-stack{\r\n position:relative;\r\n padding:18px 30px 30px;\r\n display:grid;\r\n gap:16px;\r\n }\r\n\r\n .mockup{\r\n padding:18px;\r\n border-radius:22px;\r\n background:rgba(255,255,255,.04);\r\n border:1px solid rgba(255,255,255,.08);\r\n box-shadow:0 14px 40px rgba(0,0,0,.22);\r\n }\r\n\r\n .mockup-head{\r\n display:flex;\r\n gap:8px;\r\n margin-bottom:14px;\r\n }\r\n\r\n .mockup-head span{\r\n width:10px;\r\n height:10px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.24);\r\n }\r\n\r\n .mockup-screen{\r\n border-radius:18px;\r\n padding:20px;\r\n min-height:170px;\r\n background:\r\n radial-gradient(circle at 20% 10%, rgba(217,179,106,.16), transparent 34%),\r\n radial-gradient(circle at 80% 20%, rgba(118,213,255,.12), transparent 30%),\r\n linear-gradient(180deg, #0d1723, #101e2e);\r\n border:1px solid rgba(255,255,255,.08);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n }\r\n\r\n .mockup-screen h4{\r\n font-size:1.15rem;\r\n font-weight:800;\r\n max-width:320px;\r\n line-height:1.35;\r\n letter-spacing:-0.03em;\r\n }\r\n\r\n .mockup-screen p{\r\n margin-top:12px;\r\n color:#dce6f0;\r\n line-height:1.7;\r\n font-size:.94rem;\r\n max-width:360px;\r\n }\r\n\r\n .mockup-tags{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n }\r\n\r\n .mockup-tags span{\r\n padding:8px 12px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.08);\r\n background:rgba(255,255,255,.05);\r\n font-size:.82rem;\r\n color:#edf5ff;\r\n font-weight:700;\r\n }\r\n\r\n .cta-box{\r\n text-align:center;\r\n padding:42px 28px;\r\n overflow:hidden;\r\n position:relative;\r\n }\r\n\r\n .cta-box::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:-20% 30% auto auto;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n background:radial-gradient(circle, rgba(217,179,106,.16), transparent 70%);\r\n filter:blur(20px);\r\n pointer-events:none;\r\n }\r\n\r\n .cta-box h2{\r\n font-size:clamp(2rem, 4.5vw, 4rem);\r\n line-height:1;\r\n font-weight:900;\r\n letter-spacing:-0.045em;\r\n max-width:900px;\r\n margin:0 auto;\r\n }\r\n\r\n .cta-box p{\r\n margin:18px auto 0;\r\n max-width:760px;\r\n color:var(--muted);\r\n line-height:1.9;\r\n font-size:1.03rem;\r\n }\r\n\r\n .cta-actions{\r\n margin-top:28px;\r\n display:flex;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n gap:14px;\r\n }\r\n\r\n .contact-grid{\r\n margin-top:42px;\r\n grid-template-columns:1fr 1fr;\r\n gap:28px;\r\n }\r\n\r\n .contact-card{\r\n padding:30px;\r\n }\r\n\r\n .contact-card h3{\r\n font-size:1.4rem;\r\n font-weight:800;\r\n letter-spacing:-0.03em;\r\n }\r\n\r\n .contact-card p{\r\n margin-top:12px;\r\n color:var(--muted);\r\n line-height:1.85;\r\n }\r\n\r\n .contact-list{\r\n margin-top:22px;\r\n display:grid;\r\n gap:14px;\r\n }\r\n\r\n .contact-link{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:18px;\r\n padding:16px 18px;\r\n border-radius:18px;\r\n border:1px solid rgba(255,255,255,.08);\r\n background:rgba(255,255,255,.03);\r\n transition:var(--transition);\r\n }\r\n\r\n .contact-link:hover{\r\n transform:translateY(-2px);\r\n background:rgba(255,255,255,.06);\r\n }\r\n\r\n .contact-link span:first-child{\r\n font-weight:700;\r\n color:#eef4fb;\r\n }\r\n\r\n .contact-link span:last-child{\r\n color:var(--muted);\r\n font-size:.95rem;\r\n }\r\n\r\n .form-box{\r\n padding:30px;\r\n }\r\n\r\n .form-grid{\r\n display:grid;\r\n gap:14px;\r\n margin-top:22px;\r\n }\r\n\r\n .field{\r\n width:100%;\r\n border:none;\r\n outline:none;\r\n border-radius:18px;\r\n padding:16px 18px;\r\n background:rgba(255,255,255,.04);\r\n border:1px solid rgba(255,255,255,.08);\r\n color:#fff;\r\n font-family:inherit;\r\n font-size:.98rem;\r\n transition:var(--transition);\r\n }\r\n\r\n .field:focus{\r\n border-color:rgba(217,179,106,.46);\r\n box-shadow:0 0 0 4px rgba(217,179,106,.08);\r\n }\r\n\r\n textarea.field{\r\n min-height:150px;\r\n resize:vertical;\r\n }\r\n\r\n .footer{\r\n padding:40px 0 54px;\r\n border-top:1px solid rgba(255,255,255,.06);\r\n }\r\n\r\n .footer-wrap{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:20px;\r\n align-items:center;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .footer p{\r\n color:var(--muted-2);\r\n font-size:.92rem;\r\n line-height:1.7;\r\n }\r\n\r\n .footer-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:18px;\r\n }\r\n\r\n .footer-links a{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n transition:var(--transition);\r\n }\r\n\r\n .footer-links a:hover{\r\n color:#fff;\r\n }\r\n\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(36px);\r\n transition:opacity .85s ease, transform .85s ease;\r\n }\r\n\r\n .reveal.visible{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n .particles{\r\n position:fixed;\r\n inset:0;\r\n pointer-events:none;\r\n z-index:0;\r\n overflow:hidden;\r\n }\r\n\r\n .particle{\r\n position:absolute;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n animation:particleFloat linear infinite;\r\n }\r\n\r\n @keyframes shimmer{\r\n 0%{ transform:translateX(-120%) rotate(20deg); }\r\n 100%{ transform:translateX(220%) rotate(20deg); }\r\n }\r\n\r\n @keyframes float{\r\n 0%,100%{ transform:translateY(0px); }\r\n 50%{ transform:translateY(-18px); }\r\n }\r\n\r\n @keyframes spin{\r\n from{ transform:rotate(0deg); }\r\n to{ transform:rotate(360deg); }\r\n }\r\n\r\n @keyframes scrollDot{\r\n 0%{ transform:translateY(0); opacity:1; }\r\n 50%{ transform:translateY(10px); opacity:.4; }\r\n 100%{ transform:translateY(0); opacity:1; }\r\n }\r\n\r\n @keyframes particleFloat{\r\n from{\r\n transform:translateY(100vh) scale(1);\r\n opacity:0;\r\n }\r\n 10%{ opacity:.5; }\r\n 90%{ opacity:.3; }\r\n to{\r\n transform:translateY(-10vh) scale(1.3);\r\n opacity:0;\r\n }\r\n }\r\n\r\n @media (max-width: 1080px){\r\n .hero-grid,\r\n .about-grid,\r\n .split-grid,\r\n .contact-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .service-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .numbers-grid{\r\n grid-template-columns:repeat(2, 1fr);\r\n }\r\n\r\n .hero-visual{\r\n min-height:560px;\r\n }\r\n\r\n .mini-portrait{\r\n right:-10px;\r\n bottom:18px;\r\n }\r\n }\r\n\r\n @media (max-width: 860px){\r\n .nav-links,\r\n .nav .nav-cta{\r\n display:none;\r\n }\r\n\r\n .menu-btn{\r\n display:grid;\r\n place-items:center;\r\n }\r\n\r\n .nav-mobile{\r\n position:fixed;\r\n top:calc(var(--nav-h) - 4px);\r\n left:20px;\r\n right:20px;\r\n background:rgba(8,14,22,.94);\r\n backdrop-filter:blur(18px);\r\n border:1px solid rgba(255,255,255,.08);\r\n border-radius:24px;\r\n padding:14px;\r\n display:none;\r\n flex-direction:column;\r\n gap:10px;\r\n z-index:998;\r\n }\r\n\r\n .nav-mobile.open{\r\n display:flex;\r\n }\r\n\r\n .nav-mobile a{\r\n padding:14px 14px;\r\n border-radius:16px;\r\n color:#eef4fb;\r\n font-weight:700;\r\n background:rgba(255,255,255,.03);\r\n }\r\n\r\n .hero{\r\n min-height:auto;\r\n padding-bottom:80px;\r\n }\r\n\r\n .hero-copy h1{\r\n font-size:clamp(2.5rem, 12vw, 4rem);\r\n }\r\n\r\n .hero-stats{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .portrait-wrap{\r\n height:500px;\r\n }\r\n\r\n .visual-orbit{\r\n width:360px;\r\n height:360px;\r\n }\r\n\r\n .visual-orbit.orbit-2{\r\n width:440px;\r\n height:440px;\r\n }\r\n\r\n .mini-portrait{\r\n width:140px;\r\n height:180px;\r\n }\r\n }\r\n\r\n @media (max-width: 620px){\r\n .section{\r\n padding:88px 0;\r\n }\r\n\r\n .container{\r\n width:min(var(--max), calc(100% - 24px));\r\n }\r\n\r\n .nav-wrap{\r\n width:min(var(--max), calc(100% - 24px));\r\n }\r\n\r\n .numbers-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .cta-box{\r\n padding:34px 18px;\r\n }\r\n\r\n .portrait-wrap{\r\n width:100%;\r\n height:460px;\r\n }\r\n\r\n .portrait-badge{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n }\r\n\r\n .mini-portrait{\r\n display:none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <nav class=\"nav\" id=\"navbar\">\r\n <div class=\"nav-wrap\">\r\n <a href=\"#home\" class=\"brand\">\r\n <div class=\"brand-mark\"><span>ND<\/span><\/div>\r\n <div>\r\n <div style=\"font-size:1rem;\">Nicolas Delmolino<\/div>\r\n <div style=\"font-size:.74rem; color:var(--muted); font-weight:700; margin-top:2px;\">Business \u2022 Matched Betting \u2022 Web Premium<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <div class=\"nav-links\">\r\n <a href=\"#storia\">La mia storia<\/a>\r\n <a href=\"#cosa-faccio\">Cosa faccio<\/a>\r\n <a href=\"#approccio\">Approccio<\/a>\r\n <a href=\"#siti\">Siti web<\/a>\r\n <a href=\"#contatti\">Contatti<\/a>\r\n <\/div>\r\n\r\n <a href=\"#contatti\" class=\"nav-cta\">Parliamone<\/a>\r\n <button class=\"menu-btn\" id=\"menuBtn\">\u2630<\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"nav-mobile\" id=\"mobileMenu\">\r\n <a href=\"#storia\"><\/a>\r\n <a href=\"#cosa-faccio\"><\/a>\r\n <a href=\"#approccio\"><\/a>\r\n <a href=\"#siti\"><\/a>\r\n <a href=\"#contatti\"><\/a>\r\n <\/div>\r\n\r\n <main>\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-copy reveal\">\r\n <span class=\"eyebrow\">Business Identity<\/span>\r\n <h1>\r\n Trasformo <span class=\"gradient-text\">idee, metodo e presenza online<\/span>\r\n in opportunit\u00e0 concrete.\r\n <\/h1>\r\n <p>\r\n Mi chiamo <strong>Nicolas Delmolino<\/strong> e da anni mi muovo tra business digitale,\r\n approcci online ad alta logica operativa, matched betting e sviluppo di siti web premium.\r\n Il mio obiettivo non \u00e8 vendere fumo: \u00e8 creare struttura, percezione, posizionamento\r\n e soluzioni reali per chi vuole iniziare, crescere o riposizionarsi online.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#cosa-faccio\" class=\"btn btn-primary\">Scopri cosa faccio<\/a>\r\n <a href=\"#contatti\" class=\"btn btn-secondary\">Richiedi un contatto<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat\">\r\n <span class=\"number\" data-count=\"25\">0<\/span>\r\n <span class=\"label\">Anni, con una mentalit\u00e0 orientata a costruire e crescere.<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"number\" data-count=\"5\">0<\/span>\r\n <span class=\"label\">Anni nel business: ho iniziato il mio percorso intorno ai 20 anni.<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"number\" data-count=\"3\">0<\/span>\r\n <span class=\"label\">Aree chiave: opportunit\u00e0 online, matched betting e siti premium.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual reveal\">\r\n <div class=\"visual-orbit\"><\/div>\r\n <div class=\"visual-orbit orbit-2\"><\/div>\r\n\r\n <div class=\"floating-chip chip-1\">Visione strategica<\/div>\r\n <div class=\"floating-chip chip-2\">Business online<\/div>\r\n <div class=\"floating-chip chip-3\">Siti web premium<\/div>\r\n\r\n <div class=\"portrait-wrap\" id=\"tiltCard\">\r\n <div class=\"portrait-glow\"><\/div>\r\n <div class=\"portrait-card\">\r\n <div class=\"portrait-main\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/oVEsgpF.jpeg\" alt=\"Nicolas Delmolino ritratto premium\">\r\n <\/div>\r\n\r\n <div class=\"portrait-badge\">\r\n <div>\r\n <h3>Nicolas Delmolino<\/h3>\r\n <p>Imprenditore digitale, builder, mente orientata al posizionamento e alle opportunit\u00e0 online.<\/p>\r\n <\/div>\r\n <span class=\"eyebrow\" style=\"padding:8px 14px; font-size:.72rem;\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mini-portrait\">\r\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Hmj471S.jpeg\" alt=\"Seconda immagine premium di Nicolas Delmolino\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"scroll-indicator\">\r\n <span>Scorri<\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"storia\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <span class=\"eyebrow\">La mia storia<\/span>\r\n <h2 class=\"section-title\">Dalla curiosit\u00e0 per il business a una visione pi\u00f9 ampia.<\/h2>\r\n <p class=\"section-subtitle\">\r\n Ho 25 anni e mi sono avvicinato seriamente al mondo del business intorno ai 20.\r\n Da l\u00ec \u00e8 iniziato un percorso fatto di osservazione, sperimentazione, studio,\r\n presenza online e costruzione di progetti reali.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"about-grid grid\">\r\n <div class=\"about-card glass-panel reveal\">\r\n <p>\r\n Non sono entrato in questo mondo per inseguire mode del momento. Mi sono avvicinato al business\r\n perch\u00e9 ho sempre avuto una forte attrazione per ci\u00f2 che pu\u00f2 essere costruito nel tempo:\r\n capitale, sistemi, immagine, presenza digitale e opportunit\u00e0 che abbiano una logica dietro.\r\n <\/p>\r\n <p>\r\n Negli anni ho sviluppato una mentalit\u00e0 molto orientata al risultato, ma sempre con una base concreta:\r\n capire prima il meccanismo, poi semplificarlo, poi renderlo replicabile.\r\n Questo vale sia quando si parla di approcci online, sia quando si parla di posizionamento personale\r\n o di creazione di siti web che trasmettano autorevolezza.\r\n <\/p>\r\n <p>\r\n Oggi mi presento come una figura che unisce pi\u00f9 lati: business, matched betting,\r\n visione strategica, immagine premium e sviluppo web. Il mio modo di lavorare punta sempre\r\n a una cosa: creare percezione forte e sostanza allo stesso tempo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"quote-box glass-panel reveal\">\r\n <h3>\r\n Non mi interessa apparire soltanto. Mi interessa costruire qualcosa che abbia stile,\r\n logica, impatto visivo e valore percepito reale.\r\n <\/h3>\r\n <p>\r\n Il mio profilo nasce proprio da questo: trasformare esperienza, intuito e metodo\r\n in un\u2019identit\u00e0 professionale capace di comunicare qualit\u00e0, ambizione e possibilit\u00e0 concrete.\r\n Per alcuni questo significa entrare in contatto con un progetto digitale; per altri significa\r\n trovare una direzione pi\u00f9 intelligente per monetizzare online o per presentarsi meglio sul web.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline reveal\">\r\n <div class=\"timeline-item\">\r\n <span class=\"timeline-dot\"><\/span>\r\n <h4>20 anni \u2014 Inizio del percorso<\/h4>\r\n <p>\r\n Primo avvicinamento serio al mondo del business, della monetizzazione online e della costruzione personale.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <span class=\"timeline-dot\"><\/span>\r\n <h4>Sviluppo della mentalit\u00e0<\/h4>\r\n <p>\r\n Studio delle dinamiche digitali, dell\u2019immagine premium, della leva del web e degli approcci online pi\u00f9 intelligenti.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <span class=\"timeline-dot\"><\/span>\r\n <h4>Espansione in pi\u00f9 direzioni<\/h4>\r\n <p>\r\n Matched betting, posizionamento personale, creazione siti, progetti digitali e comunicazione orientata al valore.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <span class=\"timeline-dot\"><\/span>\r\n <h4>Oggi<\/h4>\r\n <p>\r\n Unisco visione, presenza, premium design e approccio pratico per aiutare chi vuole fare un salto di livello online.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"cosa-faccio\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <span class=\"eyebrow\">Cosa faccio<\/span>\r\n <h2 class=\"section-title\">Tre aree, una sola direzione: far emergere valore.<\/h2>\r\n <p class=\"section-subtitle\">\r\n Il mio lavoro oggi ruota attorno a tre pilastri: opportunit\u00e0 online, matched betting\r\n e sviluppo di siti web premium. Ogni area ha un ruolo preciso, ma tutte parlano la stessa lingua:\r\n metodo, percezione alta e concretezza.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-grid grid\">\r\n <article class=\"service-card glass-panel reveal\">\r\n <div class=\"service-icon\">\u2197<\/div>\r\n <h3>Visione business & opportunit\u00e0 online<\/h3>\r\n <p>\r\n Mi muovo da anni nel mondo del digitale con uno sguardo molto orientato alla logica dei numeri,\r\n alla struttura dei progetti e alle opportunit\u00e0 che possono nascere online se affrontate\r\n con strategia, lucidit\u00e0 e senso del posizionamento.\r\n <\/p>\r\n <div class=\"service-points\">\r\n <span>Approccio imprenditoriale e non improvvisato<\/span>\r\n <span>Focus sulla percezione premium e sull\u2019autorevolezza<\/span>\r\n <span>Confronto orientato a idee, asset e direzioni intelligenti<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card glass-panel reveal\">\r\n <div class=\"service-icon\">\u25ce<\/div>\r\n <h3>Matched Betting<\/h3>\r\n <p>\r\n Il matched betting \u00e8 uno degli approcci online che tratto apertamente.\r\n Parliamo di un metodo basato su logiche precise, meccanismi statistici e operativit\u00e0 strutturata.\r\n Non \u00e8 fortuna, non \u00e8 gioco casuale, non \u00e8 improvvisazione: \u00e8 esecuzione corretta di un sistema.\r\n <\/p>\r\n <div class=\"service-points\">\r\n <span>Metodo chiaro, razionale e guidato da passaggi specifici<\/span>\r\n <span>Adatto a chi vuole capire come monetizzare con criterio<\/span>\r\n <span>Comunicazione semplice, senza caos e senza tecnicismi inutili<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card glass-panel reveal\">\r\n <div class=\"service-icon\">\u25a3<\/div>\r\n <h3>Creazione siti web premium<\/h3>\r\n <p>\r\n Insieme al mio team realizzo landing page e siti web professionali pensati per fare una cosa precisa:\r\n colpire subito, trasmettere valore alto e convertire meglio.\r\n Un sito oggi non deve essere solo bello: deve parlare bene di te prima ancora che tu apra bocca.\r\n <\/p>\r\n <div class=\"service-points\">\r\n <span>Design premium, impatto visivo e identit\u00e0 forte<\/span>\r\n <span>One page, landing e siti moderni costruiti su misura<\/span>\r\n <span>Look professionale, pulito, elegante e orientato al risultato<\/span>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"highlight-band reveal\">\r\n Il mio modo di comunicare \u00e8 semplice: se un progetto, un profilo o una presenza online\r\n devono crescere davvero, servono <strong>direzione, immagine, metodo e qualit\u00e0 percepita<\/strong>.\r\n \u00c8 esattamente su questo che lavoro.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"approccio\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <span class=\"eyebrow\">Approccio<\/span>\r\n <h2 class=\"section-title\">Costruire bene, comunicare meglio, posizionarsi in alto.<\/h2>\r\n <p class=\"section-subtitle\">\r\n Ogni progetto parte da una domanda: come facciamo a far percepire pi\u00f9 valore, pi\u00f9 ordine,\r\n pi\u00f9 solidit\u00e0 e pi\u00f9 livello? Da l\u00ec nasce tutto il resto.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"numbers-grid grid\">\r\n <div class=\"number-card glass-panel reveal\">\r\n <strong data-count=\"100\">0<\/strong>\r\n <span>Forte attenzione all\u2019immagine e al dettaglio percepito.<\/span>\r\n <\/div>\r\n <div class=\"number-card glass-panel reveal\">\r\n <strong data-count=\"1\">0<\/strong>\r\n <span>Identit\u00e0 chiara: una presenza forte vale pi\u00f9 di mille spiegazioni.<\/span>\r\n <\/div>\r\n <div class=\"number-card glass-panel reveal\">\r\n <strong data-count=\"3\">0<\/strong>\r\n <span>Pilastri centrali: business, matched betting, siti premium.<\/span>\r\n <\/div>\r\n <div class=\"number-card glass-panel reveal\">\r\n <strong data-count=\"5\">0<\/strong>\r\n <span>Anni di crescita personale dentro il mondo del business.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"split-grid grid\">\r\n <div class=\"panel-pad glass-panel reveal\">\r\n <h3 style=\"font-size:1.55rem; font-weight:800; letter-spacing:-0.03em;\">Come ragiono quando lavoro<\/h3>\r\n <div class=\"list\">\r\n <div class=\"list-item\">\r\n <div class=\"bullet\">01<\/div>\r\n <div>\r\n <h4>Prima la percezione<\/h4>\r\n <p>\r\n Se una persona arriva sul tuo profilo, sul tuo sito o sul tuo progetto,\r\n deve sentire subito ordine, livello, cura e direzione.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"list-item\">\r\n <div class=\"bullet\">02<\/div>\r\n <div>\r\n <h4>Poi la struttura<\/h4>\r\n <p>\r\n Dietro l\u2019estetica deve esserci logica: sezioni chiare, messaggi forti,\r\n percorsi semplici e un\u2019identit\u00e0 che non sembri improvvisata.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"list-item\">\r\n <div class=\"bullet\">03<\/div>\r\n <div>\r\n <h4>Infine il risultato<\/h4>\r\n <p>\r\n Un progetto bello ma vuoto non serve. Un progetto solido ma comunicato male nemmeno.\r\n Il punto \u00e8 unire le due cose.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"showcase-card glass-panel reveal\" id=\"siti\">\r\n <div class=\"showcase-top\">\r\n <h3 style=\"font-size:1.55rem; font-weight:800; letter-spacing:-0.03em;\">Siti web che parlano prima di te<\/h3>\r\n <p>\r\n Oggi una landing page ben costruita pu\u00f2 cambiare completamente il modo in cui vieni percepito.\r\n Per questo realizziamo pagine che non sembrano \u201cfatte tanto per esserci\u201d, ma veri strumenti\r\n di immagine e conversione.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"showcase-stack\">\r\n <div class=\"mockup\">\r\n <div class=\"mockup-head\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"mockup-screen\">\r\n <div>\r\n <h4>Landing premium per imprenditori, creator e progetti digitali.<\/h4>\r\n <p>\r\n Layout moderni, storytelling forte, call to action chiare, visual impattante\r\n e un taglio professionale pensato per trasmettere alto livello.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mockup-tags\">\r\n <span>Design premium<\/span>\r\n <span>One page<\/span>\r\n <span>Impatto visivo<\/span>\r\n <span>Conversione<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mockup\">\r\n <div class=\"mockup-head\"><span><\/span><span><\/span><span><\/span><\/div>\r\n <div class=\"mockup-screen\">\r\n <div>\r\n <h4>Non solo un sito: una presenza digitale fatta come si deve.<\/h4>\r\n <p>\r\n Che tu debba presentare te stesso, un servizio, un progetto o una nuova direzione,\r\n serve una pagina capace di sostenere il tuo nome e il tuo posizionamento.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mockup-tags\">\r\n <span>Personal brand<\/span>\r\n <span>Autorevolezza<\/span>\r\n <span>Premium identity<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"cta-box glass-panel reveal\">\r\n <span class=\"eyebrow\">Se vuoi fare un salto di qualit\u00e0<\/span>\r\n <h2>Porta la tua immagine, il tuo progetto o la tua presenza online a un livello superiore.<\/h2>\r\n <p>\r\n Che tu voglia capire meglio il mondo delle opportunit\u00e0 online, approfondire il matched betting\r\n oppure costruire un sito web che ti rappresenti davvero, il punto \u00e8 uno:\r\n farlo con criterio, con stile e con una direzione chiara.\r\n <\/p>\r\n <div class=\"cta-actions\">\r\n <a href=\"#contatti\" class=\"btn btn-primary\">Entra in contatto<\/a>\r\n <a href=\"#storia\" class=\"btn btn-secondary\">Conosci meglio il mio percorso<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"contatti\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <span class=\"eyebrow\">Contatti<\/span>\r\n <h2 class=\"section-title\">Parliamone in modo semplice e diretto.<\/h2>\r\n <p class=\"section-subtitle\">\r\n Se vuoi presentarmi il tuo progetto, capire se posso esserti utile o semplicemente aprire una conversazione,\r\n qui sotto hai una base pronta. Personalizziamo poi tutto come vuoi tu.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid grid\">\r\n <div class=\"contact-card glass-panel reveal\">\r\n <h3>Dove trovarmi<\/h3>\r\n <p>\r\n Qui sotto trovi i miei contatti diretti. Se preferisci, puoi scrivermi direttamente su Instagram,\r\n via email oppure inviarmi un messaggio su WhatsApp dal form qui accanto.\r\n <\/p>\r\n\r\n <div class=\"contact-list\">\r\n <a href=\"https:\/\/instagram.com\/nicolas.delmolino\" target=\"_blank\" class=\"contact-link\">\r\n <span>Instagram<\/span>\r\n <span>@nicolas.delmolino<\/span>\r\n <\/a>\r\n\r\n <a href=\"mailto:delmolinonicolas@gmail.com\" class=\"contact-link\">\r\n <span>Email<\/span>\r\n <span>delmolinonicolas@gmail.com<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/wa.me\/393249822002\" target=\"_blank\" class=\"contact-link\">\r\n <span>WhatsApp<\/span>\r\n <span>+39 324 982 2002<\/span>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"contact-link\">\r\n <span>Collaborazioni<\/span>\r\n <span>Business \u2022 Web \u2022 Progetti digitali<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-box glass-panel reveal\">\r\n <h3 style=\"font-size:1.4rem; font-weight:800; letter-spacing:-0.03em;\">Richiesta veloce<\/h3>\r\n <p style=\"margin-top:12px; color:var(--muted); line-height:1.8;\">\r\n Compila il form e, al click su invia, verrai reindirizzato direttamente su WhatsApp\r\n con il messaggio gi\u00e0 compilato con i dati inseriti.\r\n <\/p>\r\n\r\n <form class=\"form-grid\" id=\"whatsappForm\">\r\n <input class=\"field\" type=\"text\" id=\"nome\" placeholder=\"Il tuo nome\" required>\r\n <input class=\"field\" type=\"email\" id=\"email\" placeholder=\"La tua email\" required>\r\n <input class=\"field\" type=\"text\" id=\"argomento\" placeholder=\"Di cosa vuoi parlare?\">\r\n <textarea class=\"field\" id=\"messaggio\" placeholder=\"Scrivimi il tuo obiettivo, la tua idea o il tipo di progetto che hai in mente...\" required><\/textarea>\r\n <button class=\"btn btn-primary\" type=\"submit\" style=\"width:100%;\">Invia su WhatsApp<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"footer\">\r\n <div class=\"container footer-wrap\">\r\n <p>\r\n \u00a9 2026 Nicolas Delmolino \u2014 Sito Ufficiale di Nicolas Delmolino.<br>\r\n Business, matched betting, presenza digitale e sviluppo siti web.\r\n <\/p>\r\n\r\n <div class=\"footer-links\">\r\n <a href=\"#home\">Home<\/a>\r\n <a href=\"#storia\">La mia storia<\/a>\r\n <a href=\"#cosa-faccio\">Cosa faccio<\/a>\r\n <a href=\"#siti\">Siti web<\/a>\r\n <a href=\"#contatti\">Contatti<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n if(window.scrollY > 24){\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n const menuBtn = document.getElementById('menuBtn');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n if(menuBtn){\r\n menuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('open');\r\n });\r\n }\r\n\r\n document.querySelectorAll('#mobileMenu a').forEach(link => {\r\n link.addEventListener('click', () => mobileMenu.classList.remove('open'));\r\n });\r\n\r\n const reveals = document.querySelectorAll('.reveal');\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n reveals.forEach(el => revealObserver.observe(el));\r\n\r\n const counters = document.querySelectorAll('[data-count]');\r\n const counterObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if(!entry.isIntersecting) return;\r\n\r\n const el = entry.target;\r\n const target = +el.getAttribute('data-count');\r\n const duration = 1400;\r\n const startTime = performance.now();\r\n\r\n const animate = (now) => {\r\n const progress = Math.min((now - startTime) \/ duration, 1);\r\n const eased = 1 - Math.pow(1 - progress, 3);\r\n const current = Math.floor(target * eased);\r\n el.textContent = current + (target === 100 ? \"%\" : \"+\");\r\n if(progress < 1){\r\n requestAnimationFrame(animate);\r\n } else {\r\n el.textContent = target + (target === 100 ? \"%\" : \"+\");\r\n }\r\n };\r\n\r\n requestAnimationFrame(animate);\r\n observer.unobserve(el);\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n counters.forEach(counter => counterObserver.observe(counter));\r\n\r\n const tiltCard = document.getElementById('tiltCard');\r\n\r\n if(tiltCard){\r\n tiltCard.addEventListener('mousemove', (e) => {\r\n const rect = tiltCard.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n\r\n const centerX = rect.width \/ 2;\r\n const centerY = rect.height \/ 2;\r\n\r\n const rotateX = ((y - centerY) \/ centerY) * -7;\r\n const rotateY = ((x - centerX) \/ centerX) * 7;\r\n\r\n tiltCard.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n });\r\n\r\n tiltCard.addEventListener('mouseleave', () => {\r\n tiltCard.style.transform = 'rotateX(0deg) rotateY(0deg)';\r\n });\r\n }\r\n\r\n const particlesContainer = document.getElementById('particles');\r\n\r\n function createParticle(){\r\n const particle = document.createElement('span');\r\n particle.classList.add('particle');\r\n\r\n const size = Math.random() * 4 + 2;\r\n particle.style.width = `${size}px`;\r\n particle.style.height = `${size}px`;\r\n particle.style.left = `${Math.random() * 100}%`;\r\n particle.style.animationDuration = `${Math.random() * 12 + 10}s`;\r\n particle.style.animationDelay = `${Math.random() * 6}s`;\r\n particle.style.opacity = Math.random() * 0.4;\r\n\r\n particlesContainer.appendChild(particle);\r\n\r\n setTimeout(() => particle.remove(), 22000);\r\n }\r\n\r\n setInterval(createParticle, 420);\r\n\r\n for(let i = 0; i < 26; i++){\r\n setTimeout(createParticle, i * 140);\r\n }\r\n\r\n const whatsappForm = document.getElementById('whatsappForm');\r\n\r\n if(whatsappForm){\r\n whatsappForm.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n\r\n const nome = document.getElementById('nome').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const argomento = document.getElementById('argomento').value.trim();\r\n const messaggio = document.getElementById('messaggio').value.trim();\r\n\r\n const testo = `Ciao Nicolas, ti contatto dal tuo sito.%0A%0A` +\r\n `Nome: ${encodeURIComponent(nome)}%0A` +\r\n `Email: ${encodeURIComponent(email)}%0A` +\r\n `Argomento: ${encodeURIComponent(argomento || 'Non specificato')}%0A%0A` +\r\n `Messaggio:%0A${encodeURIComponent(messaggio)}`;\r\n\r\n window.open(`https:\/\/wa.me\/393249822002?text=${testo}`, '_blank');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nicolas Delmolino | Business, Matched Betting, Web Premium ND Nicolas Delmolino Business \u2022 Matched Betting \u2022 Web Premium La mia storia Cosa faccio Approccio Siti web Contatti Parliamone \u2630 Business Identity Trasformo idee, metodo e presenza online in opportunit\u00e0 concrete. Mi chiamo Nicolas Delmolino e da anni mi muovo tra business digitale, approcci online ad […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/nicolasdelmolino.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}