{"id":20,"date":"2026-08-27T09:34:25","date_gmt":"2026-08-27T09:34:25","guid":{"rendered":"http:\/\/merylab.it\/?page_id=20"},"modified":"2026-08-27T11:36:03","modified_gmt":"2026-08-27T11:36:03","slug":"homepage","status":"publish","type":"page","link":"https:\/\/merylab.it\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dfa39e e-con-full e-flex e-con e-parent\" data-id=\"0dfa39e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18da43c elementor-widget elementor-widget-html\" data-id=\"18da43c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   MERY LAB \u2014 HERO\r\n   ========================================= *\/\r\n\r\n.mery-hero {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 720px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 90px 7%;\r\n    box-sizing: border-box;\r\n\r\n    \/* IMMAGINE DI SFONDO DESKTOP *\/\r\n    background-image: url(\"http:\/\/merylab.it\/wp-content\/uploads\/2026\/08\/home1.png\");\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n\r\n    font-family: inherit;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENITORE\r\n   ========================================= *\/\r\n\r\n.mery-hero-inner {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 70px;\r\n    align-items: center;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TESTO\r\n   ========================================= *\/\r\n\r\n.mery-hero-content {\r\n    max-width: 650px;\r\n}\r\n\r\n.mery-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n\r\n    color: #b25384;\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.mery-eyebrow span {\r\n    width: 28px;\r\n    height: 2px;\r\n\r\n    background: #b25384;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITOLO\r\n   ========================================= *\/\r\n\r\n.mery-hero h1 {\r\n    margin: 0;\r\n\r\n    font-size: clamp(48px, 5.3vw, 78px);\r\n    line-height: 1.02;\r\n    letter-spacing: -3px;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #29242a;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n.mery-hero h1 em {\r\n    font-style: normal;\r\n    color: #b25384;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TESTO DESCRITTIVO\r\n   ========================================= *\/\r\n\r\n.mery-hero-text {\r\n    margin: 28px 0 35px;\r\n\r\n    max-width: 540px;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n\r\n    color: #6f656d;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTONE\r\n   ========================================= *\/\r\n\r\n.mery-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.mery-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 52px;\r\n    padding: 0 25px;\r\n\r\n    border-radius: 100px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    transition: all .3s ease;\r\n}\r\n\r\n.mery-btn-primary {\r\n    background: #b25384;\r\n\r\n    color: #fff !important;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(178, 83, 132, .28);\r\n}\r\n\r\n.mery-btn-primary:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #963f6d;\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(178, 83, 132, .35);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMMAGINE MOBILE\r\n   ========================================= *\/\r\n\r\n.mery-hero-mobile-image {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .mery-hero {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            65px 22px 0;\r\n\r\n        display: block;\r\n\r\n        \/* Sfondo bianco dietro alle scritte *\/\r\n        background-image: none;\r\n\r\n        background-color: #ffffff;\r\n    }\r\n\r\n\r\n    \/* Contenitore verticale *\/\r\n\r\n    .mery-hero-inner {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 0;\r\n\r\n        max-width: 600px;\r\n\r\n        margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       PARTE TESTUALE\r\n       ===================================== *\/\r\n\r\n    .mery-hero-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 600px;\r\n\r\n        margin: 0 auto;\r\n\r\n        padding:\r\n            5px 8px 0;\r\n\r\n        box-sizing: border-box;\r\n\r\n        text-align: center;\r\n\r\n        background: #ffffff;\r\n\r\n        position: relative;\r\n\r\n        z-index: 3;\r\n    }\r\n\r\n\r\n    \/* Eyebrow *\/\r\n\r\n    .mery-eyebrow {\r\n\r\n        justify-content: center;\r\n\r\n        margin-bottom: 20px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .mery-eyebrow span {\r\n\r\n        width: 24px;\r\n\r\n        height: 1px;\r\n    }\r\n\r\n\r\n    \/* Titolo *\/\r\n\r\n    .mery-hero h1 {\r\n\r\n        font-size:\r\n            clamp(43px, 11vw, 58px);\r\n\r\n        line-height: 1.04;\r\n\r\n        letter-spacing: -2px;\r\n\r\n        text-wrap: balance;\r\n    }\r\n\r\n\r\n    \/* Testo *\/\r\n\r\n    .mery-hero-text {\r\n\r\n        max-width: 440px;\r\n\r\n        margin:\r\n            23px auto 30px;\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    \/* Bottone *\/\r\n\r\n    .mery-hero-buttons {\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n    .mery-btn-primary {\r\n\r\n        min-height: 52px;\r\n\r\n        padding:\r\n            0 27px;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       PICCOLA DECORAZIONE\r\n       ===================================== *\/\r\n\r\n    .mery-hero-content::after {\r\n\r\n        content: \"\u2726\";\r\n\r\n        display: block;\r\n\r\n        margin:\r\n            25px auto 14px;\r\n\r\n        color: #b25384;\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1;\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       IMMAGINE\r\n       ===================================== *\/\r\n\r\n    .mery-hero-mobile-image {\r\n\r\n        display: block;\r\n\r\n        width: calc(100% + 44px);\r\n\r\n        margin-left: -22px;\r\n\r\n        height: 330px;\r\n\r\n        overflow: hidden;\r\n\r\n        border-radius:\r\n            30px 30px 0 0;\r\n\r\n        background-image:\r\n            url(\"http:\/\/merylab.it\/wp-content\/uploads\/2026\/08\/home1.png\");\r\n\r\n        background-size: cover;\r\n\r\n        background-position:\r\n            center 55%;\r\n\r\n        background-repeat: no-repeat;\r\n\r\n        position: relative;\r\n\r\n        z-index: 2;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE PICCOLO\r\n   ========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .mery-hero {\r\n\r\n        padding:\r\n            52px 18px 0;\r\n    }\r\n\r\n\r\n    .mery-hero-content {\r\n\r\n        padding:\r\n            4px 4px 0;\r\n    }\r\n\r\n\r\n    .mery-eyebrow {\r\n\r\n        font-size: 9.5px;\r\n\r\n        letter-spacing: 1.8px;\r\n    }\r\n\r\n    .mery-eyebrow span {\r\n\r\n        width: 21px;\r\n    }\r\n\r\n\r\n    \/* Titolo *\/\r\n\r\n    .mery-hero h1 {\r\n\r\n        font-size: 42px;\r\n\r\n        line-height: 1.04;\r\n\r\n        letter-spacing: -1.6px;\r\n    }\r\n\r\n\r\n    \/* Testo *\/\r\n\r\n    .mery-hero-text {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.6;\r\n\r\n        margin:\r\n            21px auto 27px;\r\n    }\r\n\r\n\r\n    \/* Bottone *\/\r\n\r\n    .mery-hero-buttons {\r\n\r\n        width: 100%;\r\n    }\r\n\r\n    .mery-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 50px;\r\n    }\r\n\r\n\r\n    \/* Stellina *\/\r\n\r\n    .mery-hero-content::after {\r\n\r\n        margin:\r\n            23px auto 12px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    \/* Immagine *\/\r\n\r\n    .mery-hero-mobile-image {\r\n\r\n        width: calc(100% + 36px);\r\n\r\n        margin-left: -18px;\r\n\r\n        height: 290px;\r\n\r\n        border-radius:\r\n            27px 27px 0 0;\r\n\r\n        background-position:\r\n            center 55%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NASCONDE ELEMENTO MOBILE SU DESKTOP\r\n   ========================================= *\/\r\n\r\n@media (min-width: 901px) {\r\n\r\n    .mery-hero-mobile-image {\r\n        display: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mery-hero\">\r\n\r\n    <div class=\"mery-hero-inner\">\r\n\r\n\r\n        <!-- =================================\r\n             TESTO\r\n             ================================= -->\r\n\r\n        <div class=\"mery-hero-content\">\r\n\r\n            <div class=\"mery-eyebrow\">\r\n\r\n                <span><\/span>\r\n\r\n                WEB DESIGN &amp; BRANDING\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n\r\n                Creo esperienze digitali\r\n\r\n                <em>\r\n                    che parlano di te.\r\n                <\/em>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"mery-hero-text\">\r\n\r\n                Siti web, e-commerce e identit\u00e0 digitali\r\n                progettati con cura, creativit\u00e0 e un pizzico\r\n                di Mery.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"mery-hero-buttons\">\r\n\r\n                <a\r\n                    href=\"#contatti\"\r\n                    class=\"mery-btn mery-btn-primary\">\r\n\r\n                    Parliamo del tuo progetto \u2192\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             IMMAGINE MOBILE\r\n             ================================= -->\r\n\r\n        <div class=\"mery-hero-mobile-image\"><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   NASCONDE IL TITOLO \"HOMEPAGE\"\r\n   SOLO NELLA HOME\r\n   ========================================= *\/\r\n\r\n.home .entry-title,\r\n.home .page-title,\r\n.home .ct-page-title {\r\n    display: none !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfa5509 e-con-full e-flex e-con e-parent\" data-id=\"cfa5509\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6b0830 elementor-widget elementor-widget-html\" data-id=\"d6b0830\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   MERY LAB \u2014 BLOCCO 2\r\n   PUNTI DI FORZA\r\n   ======================================== *\/\r\n\r\n.mery-features {\r\n    position: relative;\r\n\r\n    width: calc(100% - 40px);\r\n\r\n    \/* SALE LEGGERMENTE SOPRA IL BLOCCO 1 *\/\r\n    margin: -35px auto 25px;\r\n\r\n    padding: 42px 6%;\r\n\r\n    background: #b25384;\r\n\r\n    border-radius: 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    z-index: 10;\r\n}\r\n\r\n\/* ========================================\r\n   DECORAZIONI\r\n   ======================================== *\/\r\n\r\n.mery-features::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 230px;\r\n    height: 230px;\r\n\r\n    border: 1px solid rgba(255,255,255,.16);\r\n\r\n    border-radius: 50%;\r\n\r\n    left: -90px;\r\n    top: -130px;\r\n}\r\n\r\n.mery-features::after {\r\n    content: \"\u2726\";\r\n\r\n    position: absolute;\r\n\r\n    right: 5%;\r\n    top: 20px;\r\n\r\n    color: rgba(255,255,255,.25);\r\n\r\n    font-size: 28px;\r\n}\r\n\r\n\/* ========================================\r\n   CONTENITORE\r\n   ======================================== *\/\r\n\r\n.mery-features-inner {\r\n    width: 100%;\r\n\r\n    max-width: 1350px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, 1fr);\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\/* ========================================\r\n   SINGOLO ELEMENTO\r\n   ======================================== *\/\r\n\r\n.mery-feature {\r\n    position: relative;\r\n\r\n    text-align: center;\r\n\r\n    padding: 8px 35px;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\/* ========================================\r\n   SEPARATORI\r\n   ======================================== *\/\r\n\r\n.mery-feature:not(:last-child)::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 1px;\r\n    height: 70px;\r\n\r\n    right: 0;\r\n    top: 50%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    background: rgba(255,255,255,.25);\r\n}\r\n\r\n\/* ========================================\r\n   ICONA\r\n   ======================================== *\/\r\n\r\n.mery-feature-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    margin: 0 auto 15px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255,255,255,.55);\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 21px;\r\n\r\n    transition: all .35s ease;\r\n}\r\n\r\n.mery-feature:hover .mery-feature-icon {\r\n    background: rgba(255,255,255,.15);\r\n\r\n    transform:\r\n        translateY(-5px)\r\n        rotate(5deg);\r\n}\r\n\r\n\/* ========================================\r\n   TITOLO\r\n   ======================================== *\/\r\n\r\n.mery-feature h3 {\r\n    margin: 0 0 7px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .2px;\r\n}\r\n\r\n\/* ========================================\r\n   TESTO\r\n   ======================================== *\/\r\n\r\n.mery-feature p {\r\n    margin: 0 auto;\r\n\r\n    max-width: 220px;\r\n\r\n    color: rgba(255,255,255,.82);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TABLET\r\n   ======================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .mery-features {\r\n\r\n        width: calc(100% - 30px);\r\n\r\n        margin:\r\n            -30px auto\r\n            20px;\r\n\r\n        padding: 38px 25px;\r\n\r\n        border-radius: 25px;\r\n    }\r\n\r\n    .mery-features-inner {\r\n\r\n        grid-template-columns: repeat(2, 1fr);\r\n\r\n        row-gap: 35px;\r\n    }\r\n\r\n    .mery-feature:nth-child(2)::after {\r\n\r\n        display: none;\r\n    }\r\n\r\n    .mery-feature:nth-child(3)::after {\r\n\r\n        display: block;\r\n    }\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n   ======================================== *\/\r\n\r\n@media (max-width: 550px) {\r\n\r\n    .mery-features {\r\n\r\n        width: calc(100% - 20px);\r\n\r\n        margin:\r\n            -20px auto\r\n            15px;\r\n\r\n        padding: 25px 18px;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .mery-features-inner {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        row-gap: 0;\r\n    }\r\n\r\n    .mery-feature {\r\n\r\n        padding: 25px 15px;\r\n    }\r\n\r\n    .mery-feature:not(:last-child)::after {\r\n\r\n        width: 80px;\r\n        height: 1px;\r\n\r\n        right: 50%;\r\n        top: auto;\r\n        bottom: 0;\r\n\r\n        transform: translateX(50%);\r\n    }\r\n\r\n    .mery-feature-icon {\r\n\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .mery-feature h3 {\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .mery-feature p {\r\n\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mery-features\">\r\n\r\n    <div class=\"mery-features-inner\">\r\n\r\n        <!-- =================================\r\n             01 \u2014 DESIGN\r\n             ================================= -->\r\n\r\n        <div class=\"mery-feature\">\r\n\r\n            <div class=\"mery-feature-icon\">\r\n                \u2726\r\n            <\/div>\r\n\r\n            <h3>\r\n                Design su misura\r\n            <\/h3>\r\n\r\n            <p>\r\n                Ogni progetto \u00e8 unico,\r\n                proprio come te.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             02 \u2014 RESPONSIVE\r\n             ================================= -->\r\n\r\n        <div class=\"mery-feature\">\r\n\r\n            <div class=\"mery-feature-icon\">\r\n                \u2661\r\n            <\/div>\r\n\r\n            <h3>\r\n                Responsive\r\n            <\/h3>\r\n\r\n            <p>\r\n                Un'esperienza perfetta\r\n                su ogni dispositivo.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             03 \u2014 SEO\r\n             ================================= -->\r\n\r\n        <div class=\"mery-feature\">\r\n\r\n            <div class=\"mery-feature-icon\">\r\n                \u2315\r\n            <\/div>\r\n\r\n            <h3>\r\n                SEO Friendly\r\n            <\/h3>\r\n\r\n            <p>\r\n                Strutture pensate per\r\n                essere trovate online.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             04 \u2014 SUPPORTO\r\n             ================================= -->\r\n\r\n        <div class=\"mery-feature\">\r\n\r\n            <div class=\"mery-feature-icon\">\r\n                \u2667\r\n            <\/div>\r\n\r\n            <h3>\r\n                Supporto &amp; Cura\r\n            <\/h3>\r\n\r\n            <p>\r\n                Ti accompagno anche\r\n                dopo la pubblicazione.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e775ee1 e-con-full e-flex e-con e-parent\" data-id=\"e775ee1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc722fd elementor-widget elementor-widget-html\" data-id=\"cc722fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   MERY LAB \u2014 BLOCCO 3\r\n   SERVIZI\r\n   ======================================== *\/\r\n\r\n.mery-services {\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    padding: 15px 6% 115px;\r\n\r\n    background: #ffffff;\r\n\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CONTENITORE\r\n   ======================================== *\/\r\n\r\n.mery-services-inner {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   INTRO\r\n   ======================================== *\/\r\n\r\n.mery-services-heading {\r\n    text-align: center;\r\n\r\n    max-width: 720px;\r\n\r\n    margin: 0 auto 60px;\r\n}\r\n\r\n.mery-services-eyebrow {\r\n    display: block;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    color: #b25384;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.mery-services-heading h2 {\r\n    margin: 0;\r\n\r\n    color: #29242a;\r\n\r\n    font-size: clamp(38px, 4vw, 55px);\r\n\r\n    line-height: 1.1;\r\n\r\n    letter-spacing: -1.8px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n.mery-services-heading h2 em {\r\n    color: #b25384;\r\n\r\n    font-style: normal;\r\n}\r\n\r\n.mery-services-heading p {\r\n    margin: 20px auto 0;\r\n\r\n    max-width: 570px;\r\n\r\n    color: #756b72;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   LINEA DECORATIVA\r\n   ======================================== *\/\r\n\r\n.mery-services-line {\r\n    width: 45px;\r\n    height: 2px;\r\n\r\n    margin: 22px auto 0;\r\n\r\n    background: #b25384;\r\n\r\n    border-radius: 100px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   GRIGLIA\r\n   ======================================== *\/\r\n\r\n.mery-services-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 22px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CARD\r\n   ======================================== *\/\r\n\r\n.mery-service-card {\r\n    position: relative;\r\n\r\n    min-height: 335px;\r\n\r\n    padding: 38px 30px 32px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #eadbe3;\r\n\r\n    border-radius: 32px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    text-align: center;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.mery-service-card:hover {\r\n\r\n    transform: translateY(-7px);\r\n\r\n    border-color: #d7a9bf;\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(178,83,132,.12);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   NUMERO\r\n   ======================================== *\/\r\n\r\n.mery-service-number {\r\n    position: absolute;\r\n\r\n    right: 22px;\r\n    top: 20px;\r\n\r\n    color: #e6c7d6;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   ICONA\r\n   ======================================== *\/\r\n\r\n.mery-service-icon {\r\n    width: 68px;\r\n    height: 68px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 22px;\r\n\r\n    background: #f9edf3;\r\n\r\n    color: #b25384;\r\n\r\n    font-size: 29px;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.mery-service-card:hover .mery-service-icon {\r\n\r\n    background: #b25384;\r\n\r\n    color: #ffffff;\r\n\r\n    transform:\r\n        translateY(-3px)\r\n        rotate(-4deg);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TITOLO\r\n   ======================================== *\/\r\n\r\n.mery-service-card h3 {\r\n    margin: 0 0 12px;\r\n\r\n    color: #30292f;\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   DESCRIZIONE\r\n   ======================================== *\/\r\n\r\n.mery-service-card p {\r\n\r\n    max-width: 280px;\r\n\r\n    margin: 0;\r\n\r\n    color: #756b72;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   LINK\r\n   ======================================== *\/\r\n\r\n.mery-service-link {\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 25px;\r\n\r\n    color: #b25384 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    transition:\r\n        gap .25s ease;\r\n}\r\n\r\n.mery-service-link:hover {\r\n    gap: 12px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CARD \"LA TUA IDEA\"\r\n   ======================================== *\/\r\n\r\n.mery-service-card.idea {\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #fff8fb,\r\n            #ffffff\r\n        );\r\n\r\n    border-color: #e4c5d5;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TABLET\r\n   ======================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .mery-services {\r\n\r\n        padding:\r\n            85px 5%\r\n            95px;\r\n    }\r\n\r\n    .mery-services-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .mery-service-card {\r\n\r\n        min-height: 310px;\r\n    }\r\n\r\n    \/* La terza card centrata *\/\r\n\r\n    .mery-service-card:nth-child(3) {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        max-width: 480px;\r\n\r\n        width: 100%;\r\n\r\n        justify-self: center;\r\n    }\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n   ======================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .mery-services {\r\n\r\n        padding:\r\n            75px 18px\r\n            80px;\r\n    }\r\n\r\n    .mery-services-heading {\r\n\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .mery-services-heading h2 {\r\n\r\n        font-size: 38px;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .mery-services-heading p {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .mery-services-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 15px;\r\n    }\r\n\r\n    .mery-service-card {\r\n\r\n        min-height: 280px;\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: none !important;\r\n\r\n        grid-column: auto !important;\r\n\r\n        padding:\r\n            32px 24px;\r\n    }\r\n\r\n    .mery-service-icon {\r\n\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        margin-bottom: 21px;\r\n\r\n        border-radius: 20px;\r\n\r\n        font-size: 26px;\r\n    }\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE PICCOLO\r\n   ======================================== *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .mery-services-heading h2 {\r\n\r\n        font-size: 34px;\r\n    }\r\n\r\n    .mery-service-card {\r\n\r\n        border-radius: 27px;\r\n\r\n        padding:\r\n            29px 21px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mery-services\" id=\"servizi\">\r\n\r\n    <div class=\"mery-services-inner\">\r\n\r\n\r\n        <!-- =================================\r\n             INTRO\r\n             ================================= -->\r\n\r\n        <div class=\"mery-services-heading\">\r\n\r\n            <span class=\"mery-services-eyebrow\">\r\n                Cosa posso fare per te?\r\n            <\/span>\r\n\r\n            <h2>\r\n                Diamo forma alle tue\r\n                <em>idee.<\/em>\r\n            <\/h2>\r\n\r\n            <div class=\"mery-services-line\"><\/div>\r\n\r\n            <p>\r\n                Dal primo schizzo alla pubblicazione online,\r\n                trasformiamo insieme le tue idee in qualcosa\r\n                che ti rappresenti davvero.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             SERVIZI\r\n             ================================= -->\r\n\r\n        <div class=\"mery-services-grid\">\r\n\r\n\r\n            <!-- =================================\r\n                 01 \u2014 SITI WEB\r\n                 ================================= -->\r\n\r\n            <article class=\"mery-service-card\">\r\n\r\n                <span class=\"mery-service-number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <div class=\"mery-service-icon\">\r\n                    \u25eb\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Siti Web\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Siti moderni, personalizzati e pensati\r\n                    per raccontare chi sei, cosa fai\r\n                    e perch\u00e9 scegliere te.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"#contatti\"\r\n                    class=\"mery-service-link\">\r\n\r\n                    Scopri di pi\u00f9 \u2192\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================\r\n                 02 \u2014 LA TUA IDEA\r\n                 ================================= -->\r\n\r\n            <article class=\"mery-service-card idea\">\r\n\r\n                <span class=\"mery-service-number\">\r\n                    02\r\n                <\/span>\r\n\r\n                <div class=\"mery-service-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <h3>\r\n                    La tua idea\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Partiamo da quello che hai in mente\r\n                    e studiamo insieme il modo migliore\r\n                    per trasformarlo in realt\u00e0.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"#contatti\"\r\n                    class=\"mery-service-link\">\r\n\r\n                    Raccontami la tua idea \u2192\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================\r\n                 03 \u2014 BRANDING\r\n                 ================================= -->\r\n\r\n            <article class=\"mery-service-card\">\r\n\r\n                <span class=\"mery-service-number\">\r\n                    03\r\n                <\/span>\r\n\r\n                <div class=\"mery-service-icon\">\r\n                    \u270e\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Branding\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Logo, colori e identit\u00e0 visiva\r\n                    per costruire un'immagine riconoscibile,\r\n                    autentica e coerente.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"#contatti\"\r\n                    class=\"mery-service-link\">\r\n\r\n                    Scopri di pi\u00f9 \u2192\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ed8aba e-con-full e-flex e-con e-parent\" data-id=\"7ed8aba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-515ac93 elementor-widget elementor-widget-html\" data-id=\"515ac93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================\r\n   MERY LAB \u2014 CTA\r\n   RACCONTAMI LA TUA IDEA\r\n   ========================================== *\/\r\n\r\n.mery-idea {\r\n    position: relative;\r\n    width: 100%;\r\n\r\n    \/* BLOCCO PI\u00d9 BASSO PER RISPETTARE LA FOTO *\/\r\n    min-height: 500px;\r\n\r\n    padding: 55px 7%;\r\n\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n\r\n    background-image: url(\"http:\/\/merylab.it\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_qdzkq6qdzkq6qdzk-1.jpg\");\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center center;\r\n\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTENITORE\r\n   ========================================== *\/\r\n\r\n.mery-idea-inner {\r\n    width: 100%;\r\n    max-width: 1350px;\r\n\r\n    min-height: 390px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: flex-end;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TESTO\r\n   ========================================== *\/\r\n\r\n.mery-idea-content {\r\n\r\n    width: 45%;\r\n\r\n    max-width: 560px;\r\n\r\n    text-align: left;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   EYEBROW\r\n   ========================================== *\/\r\n\r\n.mery-idea-eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #b25384;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    font-style: italic;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TITOLO\r\n   ========================================== *\/\r\n\r\n.mery-idea-content h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #29242a;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    \/*\r\n       TESTO PI\u00d9 COMPATTO\r\n       PER NON AUMENTARE L'ALTEZZA\r\n       DEL BLOCCO\r\n    *\/\r\n\r\n    font-size:\r\n        clamp(38px, 3.8vw, 56px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n\r\n.mery-idea-content h2 span {\r\n\r\n    color: #b25384;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TESTO DESCRITTIVO\r\n   ========================================== *\/\r\n\r\n.mery-idea-text {\r\n\r\n    margin:\r\n        18px 0 24px;\r\n\r\n    max-width: 460px;\r\n\r\n    color: #756b72;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BOTTONE\r\n   ========================================== *\/\r\n\r\n.mery-idea-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding:\r\n        13px 26px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: #b25384;\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(178,83,132,.22);\r\n\r\n    transition:\r\n        all .3s ease;\r\n}\r\n\r\n\r\n.mery-idea-button:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    background: #963f6d;\r\n\r\n    box-shadow:\r\n        0 13px 28px rgba(178,83,132,.28);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET\r\n   ========================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .mery-idea {\r\n\r\n        min-height: 500px;\r\n\r\n        padding:\r\n            55px 5%;\r\n\r\n        background-position:\r\n            center center;\r\n    }\r\n\r\n    .mery-idea-inner {\r\n\r\n        min-height: 390px;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n    .mery-idea-content {\r\n\r\n        width: 60%;\r\n\r\n        max-width: 520px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .mery-idea-text {\r\n\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n   ========================================== *\/\r\n\r\n@media (max-width: 550px) {\r\n\r\n    .mery-idea {\r\n\r\n        \/*\r\n           BLOCCO PI\u00d9 COMPATTO\r\n        *\/\r\n\r\n        min-height: 560px;\r\n\r\n        padding:\r\n            45px 20px;\r\n\r\n        background-size: cover;\r\n\r\n        background-position:\r\n            center center;\r\n    }\r\n\r\n    .mery-idea-inner {\r\n\r\n        min-height: 470px;\r\n\r\n        justify-content: center;\r\n\r\n        align-items: center;\r\n    }\r\n\r\n    .mery-idea-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 400px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .mery-idea-eyebrow {\r\n\r\n        font-size: 12px;\r\n\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .mery-idea-content h2 {\r\n\r\n        font-size: 37px;\r\n\r\n        line-height: 1.06;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .mery-idea-text {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.6;\r\n\r\n        margin:\r\n            17px auto 22px;\r\n    }\r\n\r\n    .mery-idea-button {\r\n\r\n        padding:\r\n            13px 25px;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE PICCOLO\r\n   ========================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .mery-idea {\r\n\r\n        min-height: 530px;\r\n    }\r\n\r\n    .mery-idea-content h2 {\r\n\r\n        font-size: 33px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mery-idea\" id=\"contatti\">\r\n\r\n    <div class=\"mery-idea-inner\">\r\n\r\n        <div class=\"mery-idea-content\">\r\n\r\n            <span class=\"mery-idea-eyebrow\">\r\n                Un progetto insieme?\r\n            <\/span>\r\n\r\n            <h2>\r\n                Raccontami la tua idea\r\n                e costruiamo qualcosa\r\n                di <span>straordinario.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"mery-idea-text\">\r\n                Hai un progetto in mente, un'attivit\u00e0 da raccontare\r\n                o semplicemente un'idea che non sai ancora come\r\n                trasformare in realt\u00e0?\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"#contatti\"\r\n                class=\"mery-idea-button\">\r\n\r\n                Parliamone \u2192\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1604b7a e-con-full e-flex e-con e-parent\" data-id=\"1604b7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34334bc elementor-widget elementor-widget-html\" data-id=\"34334bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   MERY LAB \u2014 BLOCCO 4\r\n   CHI SONO\r\n   ======================================== *\/\r\n\r\n.mery-about {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 110px 7% 120px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   DECORAZIONI\r\n   ======================================== *\/\r\n\r\n.mery-about::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 320px;\r\n    height: 320px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #f8e8f0;\r\n\r\n    left: -190px;\r\n    top: 80px;\r\n\r\n    opacity: .7;\r\n}\r\n\r\n.mery-about::after {\r\n    content: \"\u2726\";\r\n\r\n    position: absolute;\r\n\r\n    right: 7%;\r\n    top: 90px;\r\n\r\n    color: #d9a6bf;\r\n\r\n    font-size: 28px;\r\n\r\n    opacity: .7;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CONTENITORE\r\n   ======================================== *\/\r\n\r\n.mery-about-inner {\r\n\r\n    width: 100%;\r\n    max-width: 1250px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 43% 57%;\r\n\r\n    gap: 75px;\r\n\r\n    align-items: center;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   PARTE FOTO\r\n   ======================================== *\/\r\n\r\n.mery-about-visual {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-height: 520px;\r\n}\r\n\r\n\r\n\/* forma dietro la foto *\/\r\n\r\n.mery-about-blob {\r\n\r\n    position: absolute;\r\n\r\n    width: 390px;\r\n    height: 470px;\r\n\r\n    border-radius:\r\n        48% 52% 45% 55% \/\r\n        42% 45% 55% 58%;\r\n\r\n    background: #f4dce8;\r\n\r\n    transform:\r\n        rotate(-6deg);\r\n\r\n    transition:\r\n        transform .5s ease;\r\n}\r\n\r\n\r\n\/* foto *\/\r\n\r\n.mery-about-photo {\r\n\r\n    position: relative;\r\n\r\n    width: 350px;\r\n    height: 440px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        170px 170px 35px 35px;\r\n\r\n    box-shadow:\r\n        0 25px 55px rgba(91,55,75,.13);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n.mery-about-photo img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform .6s ease;\r\n}\r\n\r\n\r\n.mery-about-photo:hover img {\r\n\r\n    transform:\r\n        scale(1.04);\r\n}\r\n\r\n\r\n\/* piccolo dettaglio *\/\r\n\r\n.mery-about-note {\r\n\r\n    position: absolute;\r\n\r\n    right: 3%;\r\n    bottom: 6%;\r\n\r\n    padding: 14px 19px;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 18px;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(80,45,65,.12);\r\n\r\n    color: #756b72;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 600;\r\n\r\n    z-index: 4;\r\n}\r\n\r\n\r\n.mery-about-note strong {\r\n\r\n    display: block;\r\n\r\n    color: #b25384;\r\n\r\n    font-size: 17px;\r\n\r\n    margin-bottom: 3px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TESTO\r\n   ======================================== *\/\r\n\r\n.mery-about-content {\r\n\r\n    max-width: 650px;\r\n}\r\n\r\n\r\n\/* eyebrow *\/\r\n\r\n.mery-about-eyebrow {\r\n\r\n    display: inline-block;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    color: #b25384;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* titolo *\/\r\n\r\n.mery-about-content h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #29242a;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(45px, 4.5vw, 65px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n.mery-about-content h2 span {\r\n\r\n    color: #b25384;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* linea *\/\r\n\r\n.mery-about-line {\r\n\r\n    width: 48px;\r\n\r\n    height: 2px;\r\n\r\n    margin:\r\n        22px 0 24px;\r\n\r\n    background: #b25384;\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n\r\n\/* testo *\/\r\n\r\n.mery-about-content p {\r\n\r\n    margin: 0 0 18px;\r\n\r\n    max-width: 590px;\r\n\r\n    color: #756b72;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* frase evidenziata *\/\r\n\r\n.mery-about-quote {\r\n\r\n    margin-top: 28px !important;\r\n\r\n    padding-left: 20px;\r\n\r\n    border-left:\r\n        2px solid #b25384;\r\n\r\n    color: #51474e !important;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 18px !important;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   FIRMA\r\n   ======================================== *\/\r\n\r\n.mery-about-signature {\r\n\r\n    margin-top: 28px;\r\n\r\n    color: #b25384;\r\n\r\n    font-family:\r\n        \"Brush Script MT\",\r\n        \"Segoe Script\",\r\n        cursive;\r\n\r\n    font-size: 30px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TABLET\r\n   ======================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .mery-about {\r\n\r\n        padding:\r\n            85px 5% 95px;\r\n    }\r\n\r\n    .mery-about-inner {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        gap: 40px;\r\n    }\r\n\r\n    .mery-about-visual {\r\n\r\n        min-height: 450px;\r\n    }\r\n\r\n    .mery-about-blob {\r\n\r\n        width: 310px;\r\n        height: 390px;\r\n    }\r\n\r\n    .mery-about-photo {\r\n\r\n        width: 285px;\r\n        height: 370px;\r\n    }\r\n\r\n    .mery-about-note {\r\n\r\n        right: -2%;\r\n    }\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n   ======================================== *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .mery-about {\r\n\r\n        padding:\r\n            75px 20px 85px;\r\n    }\r\n\r\n    .mery-about-inner {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 55px;\r\n    }\r\n\r\n    .mery-about-visual {\r\n\r\n        min-height: 420px;\r\n\r\n        order: 1;\r\n    }\r\n\r\n    .mery-about-content {\r\n\r\n        order: 2;\r\n\r\n        text-align: center;\r\n\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .mery-about-content h2 {\r\n\r\n        font-size: 43px;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .mery-about-line {\r\n\r\n        margin:\r\n            20px auto 24px;\r\n    }\r\n\r\n    .mery-about-content p {\r\n\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .mery-about-quote {\r\n\r\n        text-align: left;\r\n\r\n        font-size: 17px !important;\r\n    }\r\n\r\n    .mery-about-signature {\r\n\r\n        font-size: 28px;\r\n    }\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE PICCOLO\r\n   ======================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .mery-about {\r\n\r\n        padding:\r\n            65px 18px 75px;\r\n    }\r\n\r\n    .mery-about-visual {\r\n\r\n        min-height: 350px;\r\n    }\r\n\r\n    .mery-about-blob {\r\n\r\n        width: 260px;\r\n        height: 330px;\r\n    }\r\n\r\n    .mery-about-photo {\r\n\r\n        width: 240px;\r\n        height: 315px;\r\n    }\r\n\r\n    .mery-about-note {\r\n\r\n        right: 0;\r\n\r\n        padding:\r\n            11px 14px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n    .mery-about-note strong {\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .mery-about-content h2 {\r\n\r\n        font-size: 38px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mery-about\" id=\"chi-sono\">\r\n\r\n    <div class=\"mery-about-inner\">\r\n\r\n\r\n        <!-- =================================\r\n             FOTO\r\n             ================================= -->\r\n\r\n        <div class=\"mery-about-visual\">\r\n\r\n            <div class=\"mery-about-blob\"><\/div>\r\n\r\n            <div class=\"mery-about-photo\">\r\n\r\n                <!-- SOSTITUISCI CON LA TUA FOTO -->\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"http:\/\/merylab.it\/wp-content\/uploads\/2026\/08\/unnamed.jpg\"\r\n                    alt=\"Mery \u2014 Mery Lab\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mery-about-note\">\r\n\r\n                <strong>\u2661 Mery<\/strong>\r\n\r\n                Idee, creativit\u00e0\r\n                e un pizzico di magia.\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             TESTO\r\n             ================================= -->\r\n\r\n        <div class=\"mery-about-content\">\r\n\r\n            <span class=\"mery-about-eyebrow\">\r\n                Chi sono?\r\n            <\/span>\r\n\r\n            <h2>\r\n\r\n                Piacere,\r\n                sono <span>Mery.<\/span>\r\n\r\n            <\/h2>\r\n\r\n            <div class=\"mery-about-line\"><\/div>\r\n\r\n            <p>\r\n\r\n                Dietro Mery Lab ci sono io:\r\n                una creativa innamorata del digitale,\r\n                del design e di tutto ci\u00f2 che permette\r\n                a un'idea di prendere forma.\r\n\r\n            <\/p>\r\n\r\n            <p>\r\n\r\n                Mi piace partire da una semplice intuizione\r\n                e trasformarla in qualcosa di bello,\r\n                funzionale e soprattutto capace\r\n                di raccontare davvero chi sei.\r\n\r\n            <\/p>\r\n\r\n            <p class=\"mery-about-quote\">\r\n\r\n                \u201cPer me un buon sito non \u00e8 solo bello da vedere.\r\n                Deve farti dire: questo parla proprio di me.\u201d\r\n\r\n            <\/p>\r\n\r\n            <div class=\"mery-about-signature\">\r\n                Mery \u2661\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b3f106 e-con-full e-flex e-con e-parent\" data-id=\"1b3f106\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-510eff8 elementor-widget elementor-widget-html\" data-id=\"510eff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ==========================================\r\n   MERY LAB \u2014 CONTATTI\r\n   ========================================== *\/\r\n\r\n.mery-contact {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 105px 6% 115px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* DECORAZIONI *\/\r\n\r\n.mery-contact::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 380px;\r\n    height: 380px;\r\n    border-radius: 50%;\r\n    background: #f9e8f0;\r\n    left: -230px;\r\n    top: 40px;\r\n    opacity: .55;\r\n}\r\n\r\n.mery-contact::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    background: #f5dce9;\r\n    right: -190px;\r\n    bottom: -160px;\r\n    opacity: .45;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   CONTENITORE\r\n   ========================================== *\/\r\n\r\n.mery-contact-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1150px;\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: .85fr 1.15fr;\r\n    gap: 80px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TESTO\r\n   ========================================== *\/\r\n\r\n.mery-contact-intro {\r\n    max-width: 430px;\r\n}\r\n\r\n.mery-contact-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 18px;\r\n\r\n    color: #b25384;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.mery-contact-eyebrow span {\r\n    width: 27px;\r\n    height: 2px;\r\n    background: #b25384;\r\n    border-radius: 10px;\r\n}\r\n\r\n.mery-contact-intro h2 {\r\n    margin: 0;\r\n\r\n    color: #29242a;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(43px, 4.5vw, 64px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.mery-contact-intro h2 em {\r\n    color: #b25384;\r\n    font-style: italic;\r\n}\r\n\r\n.mery-contact-description {\r\n    margin: 25px 0 28px;\r\n\r\n    max-width: 410px;\r\n\r\n    color: #756b72;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.mery-contact-note {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    color: #9b7188;\r\n\r\n    font-size: 13px;\r\n    font-style: italic;\r\n}\r\n\r\n.mery-contact-note span {\r\n    color: #b25384;\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FORM\r\n   ========================================== *\/\r\n\r\n.mery-contact-form {\r\n\r\n    width: 100%;\r\n\r\n    padding: 42px;\r\n\r\n    background: #fffafd;\r\n\r\n    border: 1px solid #f0dce7;\r\n\r\n    border-radius: 32px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(178,83,132,.08);\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   RIGHE\r\n   ========================================== *\/\r\n\r\n.mery-form-row {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 18px;\r\n\r\n    margin: 0 0 18px 0;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   GRUPPO\r\n   ========================================== *\/\r\n\r\n.mery-form-group {\r\n\r\n    width: 100% !important;\r\n\r\n    display: flex !important;\r\n\r\n    flex-direction: column !important;\r\n\r\n    gap: 8px !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\r\n.mery-form-group label {\r\n\r\n    display: block !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #554850 !important;\r\n\r\n    font-family: inherit !important;\r\n\r\n    font-size: 13px !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    line-height: 1.4 !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TUTTI I CAMPI\r\n   ========================================== *\/\r\n\r\n.mery-form-group input,\r\n.mery-form-group textarea,\r\n.mery-form-group select {\r\n\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    border: 1px solid #ead4e1 !important;\r\n\r\n    border-radius: 15px !important;\r\n\r\n    background-color: #ffffff !important;\r\n\r\n    color: #40363d !important;\r\n\r\n    font-family: inherit !important;\r\n\r\n    font-size: 14px !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    line-height: 1.4 !important;\r\n\r\n    outline: none !important;\r\n\r\n    box-shadow: none;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        box-shadow .25s ease !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   INPUT + SELECT\r\n   ========================================== *\/\r\n\r\n.mery-form-group input,\r\n.mery-form-group select {\r\n\r\n    height: 52px !important;\r\n\r\n    min-height: 52px !important;\r\n\r\n    padding: 0 16px !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TEXTAREA\r\n   ========================================== *\/\r\n\r\n.mery-form-group textarea {\r\n\r\n    height: 145px !important;\r\n\r\n    min-height: 145px !important;\r\n\r\n    padding: 15px 16px !important;\r\n\r\n    resize: vertical !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   FOCUS\r\n   ========================================== *\/\r\n\r\n.mery-form-group input:focus,\r\n.mery-form-group textarea:focus,\r\n.mery-form-group select:focus {\r\n\r\n    border-color: #b25384 !important;\r\n\r\n    box-shadow:\r\n        0 0 0 4px rgba(178,83,132,.08) !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PLACEHOLDER\r\n   ========================================== *\/\r\n\r\n.mery-form-group input::placeholder,\r\n.mery-form-group textarea::placeholder {\r\n\r\n    color: #b6aab1 !important;\r\n\r\n    opacity: 1 !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   SELECT\r\n   ========================================== *\/\r\n\r\n.mery-form-group select {\r\n\r\n    appearance: none !important;\r\n\r\n    -webkit-appearance: none !important;\r\n\r\n    cursor: pointer !important;\r\n\r\n    padding-right: 45px !important;\r\n\r\n    background-color: #ffffff !important;\r\n\r\n    background-image:\r\n        linear-gradient(45deg, transparent 50%, #b25384 50%),\r\n        linear-gradient(135deg, #b25384 50%, transparent 50%) !important;\r\n\r\n    background-position:\r\n        calc(100% - 19px) 21px,\r\n        calc(100% - 14px) 21px !important;\r\n\r\n    background-size:\r\n        5px 5px,\r\n        5px 5px !important;\r\n\r\n    background-repeat: no-repeat !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MESSAGGIO\r\n   ========================================== *\/\r\n\r\n.mery-form-message {\r\n\r\n    margin: 0 0 22px 0 !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PRIVACY\r\n   ========================================== *\/\r\n\r\n.mery-form-privacy {\r\n\r\n    display: flex !important;\r\n\r\n    align-items: flex-start !important;\r\n\r\n    gap: 9px !important;\r\n\r\n    width: 100% !important;\r\n\r\n    margin: 0 0 22px 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #8b7d85 !important;\r\n\r\n    font-size: 11px !important;\r\n\r\n    line-height: 1.5 !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.mery-form-privacy input {\r\n\r\n    width: 15px !important;\r\n\r\n    min-width: 15px !important;\r\n\r\n    height: 15px !important;\r\n\r\n    min-height: 15px !important;\r\n\r\n    margin: 1px 0 0 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    accent-color: #b25384 !important;\r\n}\r\n\r\n.mery-form-privacy a {\r\n    color: #b25384 !important;\r\n    text-decoration: underline;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   BOTTONE\r\n   ========================================== *\/\r\n\r\n.mery-form-button {\r\n\r\n    display: flex !important;\r\n\r\n    align-items: center !important;\r\n\r\n    justify-content: center !important;\r\n\r\n    width: 100% !important;\r\n\r\n    min-width: 100% !important;\r\n\r\n    min-height: 55px !important;\r\n\r\n    height: 55px !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 25px !important;\r\n\r\n    border: none !important;\r\n\r\n    border-radius: 100px !important;\r\n\r\n    background: #b25384 !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-family: inherit !important;\r\n\r\n    font-size: 14px !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    cursor: pointer !important;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(178,83,132,.22) !important;\r\n\r\n    transition: all .3s ease !important;\r\n}\r\n\r\n.mery-form-button:hover {\r\n\r\n    transform: translateY(-3px) !important;\r\n\r\n    background: #963f6d !important;\r\n\r\n    box-shadow:\r\n        0 16px 35px rgba(178,83,132,.30) !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   DECORAZIONI\r\n   ========================================== *\/\r\n\r\n.mery-contact-spark {\r\n\r\n    position: absolute;\r\n\r\n    color: #d59bb8;\r\n\r\n    font-size: 22px;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n.mery-contact-spark.one {\r\n    top: 75px;\r\n    right: 12%;\r\n}\r\n\r\n.mery-contact-spark.two {\r\n    bottom: 75px;\r\n    left: 7%;\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   TABLET\r\n   ========================================== *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n    .mery-contact {\r\n\r\n        padding: 85px 5% 95px;\r\n    }\r\n\r\n    .mery-contact-inner {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 50px;\r\n\r\n        max-width: 700px;\r\n    }\r\n\r\n    .mery-contact-intro {\r\n\r\n        max-width: 600px;\r\n\r\n        margin: 0 auto;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .mery-contact-eyebrow {\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n    .mery-contact-description {\r\n\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .mery-contact-note {\r\n\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   MOBILE\r\n   ========================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .mery-contact {\r\n\r\n        padding: 70px 18px 75px;\r\n    }\r\n\r\n    .mery-contact-inner {\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n    .mery-contact-intro h2 {\r\n\r\n        font-size: 42px;\r\n\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .mery-contact-description {\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n    .mery-contact-form {\r\n\r\n        padding: 28px 20px;\r\n\r\n        border-radius: 25px;\r\n    }\r\n\r\n    .mery-form-row {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .mery-form-group input,\r\n    .mery-form-group textarea,\r\n    .mery-form-group select {\r\n\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .mery-form-group textarea {\r\n\r\n        height: 135px !important;\r\n\r\n        min-height: 135px !important;\r\n    }\r\n\r\n    .mery-contact-spark {\r\n\r\n        display: none;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"mery-contact\" id=\"contatti\">\r\n\r\n    <span class=\"mery-contact-spark one\">\u2726<\/span>\r\n    <span class=\"mery-contact-spark two\">\u2727<\/span>\r\n\r\n\r\n    <div class=\"mery-contact-inner\">\r\n\r\n\r\n        <!-- TESTO -->\r\n\r\n        <div class=\"mery-contact-intro\">\r\n\r\n            <div class=\"mery-contact-eyebrow\">\r\n\r\n                <span><\/span>\r\n\r\n                Parliamo\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Hai un'idea?\r\n\r\n                <em>\r\n                    Raccontamela.\r\n                <\/em>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"mery-contact-description\">\r\n\r\n                Che sia un progetto gi\u00e0 definito o\r\n                semplicemente qualcosa che hai in testa,\r\n                partiamo da qui e vediamo insieme\r\n                come trasformarlo in qualcosa di bello.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"mery-contact-note\">\r\n\r\n                <span>\u2661<\/span>\r\n\r\n                Ti risponder\u00f2 personalmente.\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM -->\r\n\r\n        <form\r\n            class=\"mery-contact-form\"\r\n            action=\"https:\/\/formspree.io\/f\/mbgjrzlg\"\r\n            method=\"POST\">\r\n\r\n\r\n            <!-- NOME + EMAIL -->\r\n\r\n            <div class=\"mery-form-row\">\r\n\r\n                <div class=\"mery-form-group\">\r\n\r\n                    <label for=\"mery-name\">\r\n                        Nome\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        id=\"mery-name\"\r\n                        name=\"nome\"\r\n                        placeholder=\"Il tuo nome\"\r\n                        required>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mery-form-group\">\r\n\r\n                    <label for=\"mery-email\">\r\n                        Email\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"email\"\r\n                        id=\"mery-email\"\r\n                        name=\"email\"\r\n                        placeholder=\"La tua email\"\r\n                        required>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TIPO PROGETTO -->\r\n\r\n            <div\r\n                class=\"mery-form-group\"\r\n                style=\"margin-bottom:18px !important;\">\r\n\r\n                <label for=\"mery-project\">\r\n\r\n                    Di cosa hai bisogno?\r\n\r\n                <\/label>\r\n\r\n                <select\r\n                    id=\"mery-project\"\r\n                    name=\"progetto\"\r\n                    required>\r\n\r\n                    <option value=\"\" disabled selected>\r\n                        Scegli un'opzione\r\n                    <\/option>\r\n\r\n                    <option value=\"sito-web\">\r\n                        Un sito web\r\n                    <\/option>\r\n\r\n                    <option value=\"branding\">\r\n                        Branding \/ identit\u00e0 visiva\r\n                    <\/option>\r\n\r\n                    <option value=\"restyling\">\r\n                        Restyling di un sito\r\n                    <\/option>\r\n\r\n                    <option value=\"idea\">\r\n                        Ho un'idea e voglio studiarla insieme\r\n                    <\/option>\r\n\r\n                    <option value=\"altro\">\r\n                        Qualcos'altro\r\n                    <\/option>\r\n\r\n                <\/select>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MESSAGGIO -->\r\n\r\n            <div class=\"mery-form-group mery-form-message\">\r\n\r\n                <label for=\"mery-message\">\r\n\r\n                    Raccontami il tuo progetto\r\n\r\n                <\/label>\r\n\r\n                <textarea\r\n                    id=\"mery-message\"\r\n                    name=\"messaggio\"\r\n                    placeholder=\"Raccontami un po' della tua idea...\"\r\n                    required><\/textarea>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PRIVACY -->\r\n\r\n            <label class=\"mery-form-privacy\">\r\n\r\n                <input\r\n                    type=\"checkbox\"\r\n                    name=\"privacy\"\r\n                    value=\"Accettata\"\r\n                    required>\r\n\r\n                <span>\r\n\r\n                    Ho letto e accetto la\r\n                    <a\r\n                        href=\"\/privacy-policy\/\"\r\n                        target=\"_blank\">\r\n\r\n                        Privacy Policy\r\n\r\n                    <\/a>\r\n\r\n                    e acconsento al trattamento dei miei dati\r\n                    per essere ricontattata.\r\n\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n\r\n            <!-- BOTTONE -->\r\n\r\n            <button\r\n                type=\"submit\"\r\n                class=\"mery-form-button\">\r\n\r\n                Invia la tua idea \u2192\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n\r\n<\/section>\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>WEB DESIGN &amp; BRANDING Creo esperienze digitali che parlano di te. Siti web, e-commerce e identit\u00e0 digitali progettati con cura, creativit\u00e0 e un pizzico di Mery. Parliamo del tuo progetto \u2192 \u2726 Design su misura Ogni progetto \u00e8 unico, proprio come te. \u2661 Responsive Un&#8217;esperienza perfetta su ogni dispositivo. \u2315 SEO Friendly Strutture pensate per [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":34,"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/pages\/20\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/merylab.it\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}