/* ==========================================================
   HOSTING MAGAZINE
   PAGE: HOME
   Enterprise composition layer
   ========================================================== */


/* ==========================================================
   01. GLOBAL HOME RHYTHM
   ========================================================== */

.hm2026 .section{
    padding:82px 0!important;
}

.hm2026 .section-head{
    max-width:780px!important;
    margin-bottom:38px!important;
}

.hm2026 .section-head > p{
    max-width:680px!important;
    line-height:1.72!important;
}

.hm2026 .eyebrow{
    margin-bottom:13px!important;
}

.hm2026 h2{
    line-height:1.06!important;
}


/* ==========================================================
   02. HERO
   ========================================================== */

.hm2026 .hero{
    padding:86px 0 96px!important;
}

.hm2026 .hero-grid{
    max-width:930px!important;
}

.hm2026 .hero h1{
    max-width:850px!important;
}

.hm2026 .hero-copy{
    max-width:720px!important;
}

.hm2026 .hero-actions{
    margin-top:2px!important;
    margin-bottom:31px!important;
}

.hm2026 .trust-row{
    gap:9px!important;
}

.hm2026 .trust-pill{
    min-height:34px!important;
    padding:8px 12px!important;

    border-color:rgba(255,255,255,.16)!important;

    background:rgba(255,255,255,.055)!important;

    font-size:10.5px!important;
}


/* ==========================================================
   03. DECISION STRIP
   ========================================================== */

.hm2026 .decision{
    margin-top:-37px!important;
}

.hm2026 .decision-box{
    border-radius:18px!important;

    box-shadow:
        0 18px 50px rgba(15,23,42,.10),
        0 2px 7px rgba(15,23,42,.03)!important;
}

.hm2026 .decision-item{
    min-height:118px!important;

    gap:15px!important;

    padding:23px 25px!important;

    align-items:flex-start!important;
}

.hm2026 .decision-item .hm-icon{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;

    border-radius:10px!important;
}

.hm2026 .decision-item strong{
    margin-top:2px!important;
    margin-bottom:5px!important;

    font-size:13px!important;
}

.hm2026 .decision-item p{
    max-width:280px!important;

    font-size:11px!important;
    line-height:1.62!important;
}


/* ==========================================================
   04. PROVIDER GRID
   ========================================================== */

.hm2026 .balanced-grid{
    gap:20px!important;
}

.hm2026 .provider-card{
    padding:24px!important;

    border-radius:18px!important;

    box-shadow:0 5px 20px rgba(15,23,42,.035)!important;
}

.hm2026 .provider-card:hover{
    transform:translateY(-4px)!important;

    box-shadow:0 17px 40px rgba(15,23,42,.075)!important;
}

.hm2026 .provider-card-xlogic:before{
    width:3px!important;
    border-radius:18px 0 0 18px!important;
}

.hm2026 .provider-card-head{
    margin-bottom:18px!important;
}

.hm2026 .provider-identity{
    gap:12px!important;
}

.hm2026 .provider-identity h3{
    font-size:19px!important;
}

.hm2026 .provider-kicker{
    margin-top:4px!important;
}

.hm2026 .editorial-pick{
    margin-top:7px!important;
    padding:4px 8px!important;
}

.hm2026 .best-for{
    min-height:86px!important;

    margin-bottom:17px!important;

    font-size:11.5px!important;
    line-height:1.65!important;
}

.hm2026 .spec-grid{
    gap:8px!important;
}

.hm2026 .spec{
    min-height:42px!important;

    padding:9px 10px!important;

    border-radius:9px!important;

    background:#fbfcfe!important;
}

.hm2026 .card-verdict{
    min-height:64px!important;

    margin:16px 0 18px!important;
    padding:12px 13px!important;

    border-radius:10px!important;

    line-height:1.58!important;
}

.hm2026 .provider-bottom{
    padding-top:18px!important;
}

.hm2026 .provider-price{
    font-size:17px!important;
}

.hm2026 .provider-note{
    min-height:31px!important;
}


/* ==========================================================
   05. COMPARISON NOTE
   ========================================================== */

.hm2026 .comparison-note{
    margin-top:26px!important;

    padding:22px 24px!important;

    border-radius:15px!important;

    background:
        linear-gradient(145deg,#fff,#f8fafc)!important;

    box-shadow:0 4px 16px rgba(15,23,42,.025)!important;

    font-size:12px!important;
    line-height:1.72!important;
}

.hm2026 .comparison-note strong{
    margin-bottom:7px!important;

    font-size:13.5px!important;
}


/* ==========================================================
   06. COMPARISON TABLE
   ========================================================== */

.hm2026 .table-wrap{
    border-radius:18px!important;

    box-shadow:0 9px 28px rgba(15,23,42,.045)!important;
}

.hm2026 .table-wrap th{
    padding:15px 14px!important;
}

.hm2026 .table-wrap td{
    padding:16px 14px!important;

    line-height:1.62!important;
}

.hm2026 .row-xlogic td{
    background:#f0fcf7!important;
}


/* ==========================================================
   07. SHARED HOME CARD LANGUAGE
   ========================================================== */

.hm2026 .best-card,
.hm2026 .renew-card,
.hm2026 .use-card,
.hm2026 .knowledge-card{
    border-radius:17px!important;

    box-shadow:0 5px 18px rgba(15,23,42,.03)!important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease!important;
}

.hm2026 .best-card:hover,
.hm2026 .renew-card:hover,
.hm2026 .use-card:hover,
.hm2026 .knowledge-card:hover{
    transform:translateY(-3px)!important;

    border-color:#bfd2ee!important;

    box-shadow:0 14px 34px rgba(15,23,42,.065)!important;
}


/* ==========================================================
   08. POINTS OF STRENGTH
   ========================================================== */

.hm2026 .best-grid{
    gap:15px!important;
}

.hm2026 .best-card{
    min-height:178px!important;

    padding:22px!important;
}

.hm2026 .best-label{
    margin-bottom:10px!important;
}

.hm2026 .best-card h3{
    margin-bottom:8px!important;

    font-size:17px!important;
}

.hm2026 .best-card p{
    line-height:1.68!important;
}


/* ==========================================================
   09. RENEWALS
   ========================================================== */

.hm2026 .renew-grid{
    gap:15px!important;
}

.hm2026 .renew-card{
    min-height:160px!important;

    padding:21px!important;
}

.hm2026 .renew-card h3{
    margin-bottom:9px!important;

    font-size:17px!important;
}

.hm2026 .renew-card p{
    line-height:1.67!important;
}

.hm2026 .alert{
    margin-top:20px!important;

    padding:19px 20px!important;

    border-radius:14px!important;

    line-height:1.65!important;
}


/* ==========================================================
   10. CHOOSE BY PROJECT
   ========================================================== */

.hm2026 .use-grid{
    gap:20px!important;
}

.hm2026 .use-card{
    min-height:265px!important;

    padding:25px!important;

    border-radius:18px!important;
}

.hm2026 .use-card .hm-icon{
    width:44px!important;
    height:44px!important;
}

.hm2026 .use-card h3{
    margin:17px 0 9px!important;

    font-size:18px!important;
}

.hm2026 .use-card p{
    line-height:1.68!important;
}

.hm2026 .use-action{
    padding-top:17px!important;
}


/* ==========================================================
   11. DIRECT COMPARISONS
   ========================================================== */

.hm2026 .compare-grid{
    gap:15px!important;
}

.hm2026 .compare-card{
    min-height:92px!important;

    padding:20px 22px!important;

    border-radius:15px!important;

    box-shadow:0 4px 14px rgba(15,23,42,.025)!important;
}

.hm2026 .compare-card:hover{
    transform:translateY(-3px)!important;

    box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}

.hm2026 .compare-title{
    margin-bottom:3px!important;
}


/* ==========================================================
   12. METHODOLOGY STRIP
   ========================================================== */

.hm2026 .method-grid{
    gap:16px!important;
}

.hm2026 .method{
    min-height:190px!important;

    padding:23px!important;

    border-radius:15px!important;

    background:#111e32!important;
}

.hm2026 .method-icon{
    margin-bottom:15px!important;
}

.hm2026 .method h3{
    margin-bottom:8px!important;
}


/* ==========================================================
   13. KNOWLEDGE / GUIDE + REVIEWS
   ========================================================== */

.hm2026 .knowledge{
    gap:20px!important;
}

.hm2026 .knowledge-card{
    min-height:245px!important;

    padding:27px!important;
}

.hm2026 .knowledge-card > .hm-icon{
    margin-bottom:16px!important;
}

.hm2026 .knowledge-card h3{
    margin-bottom:9px!important;

    font-size:21px!important;
}

.hm2026 .knowledge-card > p{
    max-width:430px!important;

    margin-bottom:22px!important;

    line-height:1.67!important;
}

.hm2026 .link-list{
    gap:9px!important;
}

.hm2026 .link-row{
    min-height:54px!important;
}


/* ==========================================================
   14. FAQ
   ========================================================== */

.hm2026 .faq{
    max-width:1000px!important;
}

.hm2026 .faq details{
    border-color:#dbe3ec!important;
}

.hm2026 .faq summary{
    min-height:68px!important;

    font-size:14.5px!important;
}

.hm2026 .faq details > p{
    max-width:875px!important;

    line-height:1.82!important;
}


/* ==========================================================
   15. SOURCES
   ========================================================== */

.hm2026 .sources{
    max-width:1000px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding-top:29px!important;
}

.hm2026 .source-chips{
    margin-top:13px!important;
}


/* ==========================================================
   16. FINAL CTA
   ========================================================== */

.hm2026 .final-cta{
    padding:38px 40px!important;

    border-radius:20px!important;

    box-shadow:0 18px 44px rgba(15,23,42,.12)!important;
}


/* ==========================================================
   17. TABLET
   ========================================================== */

@media(max-width:950px){

    .hm2026 .best-card,
    .hm2026 .renew-card{
        min-height:0!important;
    }

}


/* ==========================================================
   18. MOBILE
   ========================================================== */

@media(max-width:650px){

    .hm2026 .section{
        padding:60px 0!important;
    }

    .hm2026 .hero{
        padding:62px 0 68px!important;
    }

    .hm2026 .decision-item{
        min-height:0!important;
        padding:20px!important;
    }

    .hm2026 .provider-card,
    .hm2026 .use-card,
    .hm2026 .knowledge-card{
        padding:21px!important;
    }

    .hm2026 .use-card,
    .hm2026 .knowledge-card{
        min-height:0!important;
    }

    .hm2026 .final-cta{
        padding:27px!important;
    }

}


/* ==========================================================
   HOME 2C.1 — INSIGHT + TABLE
   ========================================================== */

.hm2026 .hm-comparison-section .section-head{
    margin-bottom:34px!important;
}

.hm2026 .hm-comparison-section .hm-data-table{
    margin-top:4px;
}



/* ==========================================================
   HOME 2C.2 — VALUE CARDS
   ========================================================== */

.hm2026 .hm-value-grid{
    margin-top:2px;
}



/* ==========================================================
   HOME 2C.3 — PROJECT + COMPARE
   ========================================================== */

.hm2026 .hm-project-grid{
    margin-top:2px;
}

.hm2026 .hm-direct-section .section-head{
    margin-bottom:32px!important;
}



/* ==========================================================
   HOME 2C.4 — RESOURCES + SOURCES + CTA
   ========================================================== */

.hm2026 .hm-resources-section .section-head{
    margin-bottom:34px!important;
}

.hm2026 .hm-final-section{
    padding-top:58px!important;
    padding-bottom:64px!important;
}



/* ==========================================================
   HOME 2D FIXED — EDITORIAL SCALE
   ========================================================== */


/* SECTION INTRO */

.hm2026 .section-head > p{
    max-width:730px!important;

    font-size:15px!important;
    line-height:1.72!important;
}


/* DECISION STRIP */

.hm2026 .decision-item strong{
    font-size:14.5px!important;
}

.hm2026 .decision-item p{
    font-size:13px!important;
    line-height:1.65!important;
}


/* PROVIDERS */

.hm2026 .provider-identity h3{
    font-size:21px!important;
}

.hm2026 .provider-kicker{
    font-size:11.5px!important;
}

.hm2026 .editorial-pick{
    font-size:10px!important;
}

.hm2026 .best-for{
    font-size:13.5px!important;
    line-height:1.68!important;
}

.hm2026 .spec{
    font-size:12.5px!important;
}

.hm2026 .spec-icon{
    font-size:9px!important;
}

.hm2026 .card-verdict{
    font-size:12px!important;
    line-height:1.62!important;
}

.hm2026 .provider-price{
    font-size:20px!important;
}

.hm2026 .provider-note{
    font-size:11.5px!important;
}


/* HOME METHODOLOGY */

.hm2026 .method h3{
    font-size:18px!important;
}

.hm2026 .method p{
    font-size:12.5px!important;
    line-height:1.67!important;
}


/* FAQ */

.hm2026 .faq summary{
    font-size:16px!important;
    line-height:1.45!important;
}

.hm2026 .faq details > p{
    max-width:910px!important;

    font-size:14.5px!important;
    line-height:1.82!important;
}


/* CTA SECTION */

.hm2026 .hm-final-section{
    padding-top:66px!important;
    padding-bottom:72px!important;
}


/* MOBILE */

@media(max-width:650px){

    .hm2026 .section-head > p{
        font-size:14px!important;
    }

    .hm2026 .best-for{
        font-size:13px!important;
    }

    .hm2026 .spec{
        font-size:12px!important;
    }

    .hm2026 .faq summary{
        font-size:15px!important;
    }

    .hm2026 .faq details > p{
        font-size:13.5px!important;
    }

}


/* ==========================================================
   HOME FINAL CTA V1
   Enterprise closing panel
   ========================================================== */

.hm2026.hm-final-section{
    padding-top:72px!important;
    padding-bottom:78px!important;

    background:#ffffff!important;
}

.hm2026.hm-final-section .shell{
    max-width:1180px!important;
}

.hm2026.hm-final-section .hm-cta-panel{
    position:relative;

    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;

    gap:48px!important;
    align-items:center!important;

    padding:44px 46px!important;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:20px!important;

    background:
        radial-gradient(
            circle at 88% 22%,
            rgba(37,99,235,.30),
            transparent 31%
        ),
        radial-gradient(
            circle at 72% 130%,
            rgba(16,185,129,.12),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071426 0%,
            #0b1c33 52%,
            #10264a 100%
        )!important;

    box-shadow:
        0 22px 55px rgba(15,23,42,.15)!important;
}

.hm2026.hm-final-section .hm-cta-panel::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.035),
            transparent 34%
        );
}

.hm2026.hm-final-section .hm-cta-panel__content,
.hm2026.hm-final-section .hm-cta-panel__actions{
    position:relative;
    z-index:1;
}

.hm2026.hm-final-section .hm-cta-panel__content{
    max-width:760px;
}

.hm2026.hm-final-section .hm-cta-panel__eyebrow{
    margin:0 0 10px!important;

    color:#60a5fa!important;

    font-size:11px!important;
    line-height:1.2!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
    text-transform:uppercase!important;
}

.hm2026.hm-final-section .hm-cta-panel h2{
    margin:0 0 14px!important;

    color:#ffffff!important;

    font-size:36px!important;
    line-height:1.08!important;
    font-weight:850!important;

    letter-spacing:-.025em!important;
}

.hm2026.hm-final-section .hm-cta-panel p{
    max-width:720px!important;

    margin:0!important;

    color:#cbd5e1!important;

    font-size:15px!important;
    line-height:1.72!important;
}

.hm2026.hm-final-section .hm-cta-panel__actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
}

.hm2026.hm-final-section .hm-cta-panel__button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:12px!important;

    min-height:50px!important;

    padding:13px 20px!important;

    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:11px!important;

    background:#2563eb!important;
    color:#ffffff!important;

    box-shadow:
        0 12px 28px rgba(37,99,235,.28)!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;

    text-decoration:none!important;

    white-space:nowrap!important;

    transition:
        transform .16s ease,
        background .16s ease,
        box-shadow .16s ease!important;
}

.hm2026.hm-final-section .hm-cta-panel__button:hover{
    transform:translateY(-2px)!important;

    background:#1d4ed8!important;

    box-shadow:
        0 16px 34px rgba(37,99,235,.34)!important;
}

.hm2026.hm-final-section .hm-cta-panel__button span{
    display:inline-flex!important;

    font-size:16px!important;
    line-height:1!important;
}


/* TABLET */

@media(max-width:900px){

    .hm2026.hm-final-section .hm-cta-panel{
        grid-template-columns:1fr!important;

        gap:27px!important;

        padding:38px!important;
    }

    .hm2026.hm-final-section .hm-cta-panel__actions{
        justify-content:flex-start!important;
    }

}


/* MOBILE */

@media(max-width:650px){

    .hm2026.hm-final-section{
        padding-top:52px!important;
        padding-bottom:58px!important;
    }

    .hm2026.hm-final-section .hm-cta-panel{
        padding:29px 24px!important;

        border-radius:16px!important;
    }

    .hm2026.hm-final-section .hm-cta-panel h2{
        font-size:28px!important;
    }

    .hm2026.hm-final-section .hm-cta-panel p{
        font-size:14px!important;
    }

    .hm2026.hm-final-section .hm-cta-panel__button{
        width:100%!important;
    }

}
/* HM HOME V2 START */

.hmhome-v2 {
    overflow: hidden;
}

.hmhome-v2 .shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.hmhome-v2-hero {
    padding: 88px 0 82px;
    background:
        radial-gradient(
            circle at 78% 10%,
            rgba(37, 99, 235, .11),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ffffff 100%
        );
}

.hmhome-v2-hero__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.42fr)
        minmax(320px, .78fr);
    gap: 58px;
    align-items: center;
}

.hmhome-v2-eyebrow {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #2563eb;
}

.hmhome-v2 h1 {
    max-width: 820px;
    margin: 0;
    font-size: clamp(44px, 6vw, 76px);
    line-height: .98;
    letter-spacing: -.055em;
    color: #0f172a;
}

.hmhome-v2-hero__lead {
    max-width: 760px;
    margin: 28px 0 0;
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.48;
    color: #334155;
}

.hmhome-v2-hero__text {
    max-width: 720px;
    margin: 18px 0 0;
    font-size: 16px;
    line-height: 1.72;
    color: #64748b;
}

.hmhome-v2-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.hmhome-v2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 19px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 750;
    text-decoration: none;
}

.hmhome-v2-btn--primary {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.hmhome-v2-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.hmhome-v2-meta span {
    padding: 7px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.hmhome-v2-hero__panel {
    padding: 30px;
    border: 1px solid #dbe4ef;
    border-radius: 24px;
    background: #ffffff;
    box-shadow:
        0 24px 60px rgba(15, 23, 42, .08);
}

.hmhome-v2-panel-label {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.hmhome-v2-panel-grid {
    display: grid;
    gap: 12px;
}

.hmhome-v2-panel-grid > div {
    padding: 15px 16px;
    border-radius: 14px;
    background: #f8fafc;
}

.hmhome-v2-panel-grid strong,
.hmhome-v2-panel-grid span {
    display: block;
}

.hmhome-v2-panel-grid strong {
    margin-bottom: 3px;
    font-size: 14px;
    color: #0f172a;
}

.hmhome-v2-panel-grid span {
    font-size: 13px;
    line-height: 1.5;
    color: #64748b;
}

.hmhome-v2-panel-note {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e2e8f0;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.hmhome-v2-section {
    padding: 86px 0;
}

.hmhome-v2-section--soft {
    background: #f8fafc;
}

.hmhome-v2-section--dark {
    background: #0f172a;
}

.hmhome-v2-section--dark,
.hmhome-v2-section--dark h2,
.hmhome-v2-section--dark h3 {
    color: #ffffff;
}

.hmhome-v2-section--dark .hmhome-v2-eyebrow {
    color: #93c5fd;
}

.hmhome-v2-section-head {
    max-width: 820px;
    margin-bottom: 38px;
}

.hmhome-v2-section-head h2 {
    margin: 0;
    font-size: clamp(31px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -.04em;
    color: #0f172a;
}

.hmhome-v2-section-head p {
    margin: 18px 0 0;
    font-size: 17px;
    line-height: 1.7;
    color: #64748b;
}

.hmhome-v2-section--dark
.hmhome-v2-section-head p {
    color: #cbd5e1;
}

.hmhome-v2-provider-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.hmhome-provider-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px;
    border: 1px solid #dbe4ef;
    border-radius: 22px;
    background: #ffffff;
    box-shadow:
        0 12px 34px rgba(15, 23, 42, .055);
}

.hmhome-provider-card__top {
    display: flex;
    align-items: center;
    gap: 13px;
}

.hmhome-provider-mark {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    background: #eff6ff;
    font-size: 13px;
    font-weight: 850;
    color: #1d4ed8;
}

.hmhome-provider-name {
    font-size: 19px;
    font-weight: 850;
    color: #0f172a;
}

.hmhome-provider-plan {
    margin-top: 2px;
    font-size: 13px;
    color: #64748b;
}

.hmhome-provider-price {
    margin-top: 22px;
}

.hmhome-provider-price strong {
    font-size: 28px;
    letter-spacing: -.035em;
    color: #0f172a;
}

.hmhome-provider-price span {
    margin-left: 5px;
    font-size: 12px;
    color: #64748b;
}

.hmhome-provider-renewal {
    min-height: 42px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    color: #64748b;
}

.hmhome-resource-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 20px;
}

.hmhome-resource-grid > div {
    padding: 11px 12px;
    border-radius: 12px;
    background: #f8fafc;
}

.hmhome-resource-grid span,
.hmhome-resource-grid strong {
    display: block;
}

.hmhome-resource-grid span {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #94a3b8;
}

.hmhome-resource-grid strong {
    margin-top: 3px;
    font-size: 14px;
    color: #0f172a;
}

.hmhome-provider-features {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.hmhome-provider-features li {
    position: relative;
    margin: 0;
    padding: 8px 0 8px 18px;
    border-bottom: 1px solid #eef2f7;
    font-size: 13px;
    line-height: 1.4;
    color: #475569;
}

.hmhome-provider-features li::before {
    position: absolute;
    top: 12px;
    left: 1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
    content: "";
}

.hmhome-provider-note {
    margin-top: 17px;
    font-size: 12px;
    line-height: 1.6;
    color: #64748b;
}

.hmhome-provider-link {
    margin-top: auto;
    padding-top: 20px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    color: #1d4ed8;
}

.hmhome-v2-disclaimer {
    margin-top: 24px;
    padding: 15px 18px;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #f8fafc;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.hmhome-v2-table-wrap {
    overflow-x: auto;
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    background: #ffffff;
}

.hmhome-v2-table {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
}

.hmhome-v2-table th,
.hmhome-v2-table td {
    padding: 15px 14px;
    border-bottom: 1px solid #e8eef5;
    text-align: left;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.45;
}

.hmhome-v2-table th {
    background: #f8fafc;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
}

.hmhome-v2-table td {
    color: #334155;
}

.hmhome-v2-table tr:last-child td {
    border-bottom: 0;
}

.hmhome-v2-table-note {
    margin: 17px 0 0;
    font-size: 12px;
    line-height: 1.6;
    color: #64748b;
}

.hmhome-v2-insight-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.hmhome-v2-insight {
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    background: rgba(255, 255, 255, .055);
}

.hmhome-v2-insight span {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #93c5fd;
}

.hmhome-v2-insight h3 {
    margin: 9px 0 0;
    font-size: 21px;
}

.hmhome-v2-insight p {
    margin: 11px 0 0;
    font-size: 14px;
    line-height: 1.65;
    color: #cbd5e1;
}

.hmhome-v2-proof {
    margin-top: 22px;
    padding: 20px 22px;
    border: 1px solid rgba(147, 197, 253, .28);
    border-radius: 16px;
    background: rgba(37, 99, 235, .12);
    font-size: 15px;
    line-height: 1.65;
    color: #dbeafe;
}

.hmhome-v2-method-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.hmhome-v2-method-grid article {
    padding: 22px;
    border: 1px solid #dbe4ef;
    border-radius: 17px;
    background: #ffffff;
}

.hmhome-v2-method-grid article > strong {
    color: #2563eb;
}

.hmhome-v2-method-grid h3 {
    margin: 12px 0 0;
    font-size: 18px;
    color: #0f172a;
}

.hmhome-v2-method-grid p {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
}

.hmhome-v2-inline-action {
    margin-top: 26px;
}

.hmhome-v2-guide-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.hmhome-v2-guide {
    display: block;
    padding: 25px;
    border: 1px solid #dbe4ef;
    border-radius: 19px;
    background: #ffffff;
    text-decoration: none;
}

.hmhome-v2-guide > span {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2563eb;
}

.hmhome-v2-guide h3 {
    margin: 12px 0 0;
    font-size: 21px;
    line-height: 1.24;
    color: #0f172a;
}

.hmhome-v2-guide p {
    margin: 12px 0 18px;
    font-size: 14px;
    line-height: 1.62;
    color: #64748b;
}

.hmhome-v2-guide strong {
    font-size: 13px;
    color: #1d4ed8;
}

.hmhome-v2-faq {
    border-top: 1px solid #dbe4ef;
}

.hmhome-v2-faq details {
    border-bottom: 1px solid #dbe4ef;
}

.hmhome-v2-faq summary {
    padding: 20px 0;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
}

.hmhome-v2-faq details p {
    max-width: 820px;
    margin: 0;
    padding: 0 0 22px;
    font-size: 15px;
    line-height: 1.7;
    color: #64748b;
}

.hmhome-v2-section--sources {
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.hmhome-v2-source-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.hmhome-v2-source-grid a {
    padding: 13px 14px;
    border: 1px solid #dbe4ef;
    border-radius: 12px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    color: #334155;
}

.hmhome-v2-final {
    padding: 70px 0 94px;
}

.hmhome-v2-final__panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 38px;
    border-radius: 24px;
    background: #0f172a;
}

.hmhome-v2-final h2 {
    max-width: 700px;
    margin: 0;
    font-size: clamp(28px, 4vw, 43px);
    line-height: 1.08;
    color: #ffffff;
}

.hmhome-v2-final p {
    max-width: 700px;
    margin: 13px 0 0;
    font-size: 15px;
    line-height: 1.65;
    color: #cbd5e1;
}

@media (max-width: 1020px) {

    .hmhome-v2-hero__grid {
        grid-template-columns: 1fr;
    }

    .hmhome-v2-provider-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .hmhome-v2-method-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .hmhome-v2-source-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {

    .hmhome-v2 .shell {
        width: min(100% - 28px, 1180px);
    }

    .hmhome-v2-hero {
        padding: 58px 0 62px;
    }

    .hmhome-v2-section {
        padding: 62px 0;
    }

    .hmhome-v2-provider-grid,
    .hmhome-v2-insight-grid,
    .hmhome-v2-method-grid,
    .hmhome-v2-guide-grid,
    .hmhome-v2-source-grid {
        grid-template-columns: 1fr;
    }

    .hmhome-v2-actions {
        flex-direction: column;
    }

    .hmhome-v2-btn {
        width: 100%;
    }

    .hmhome-v2-final__panel {
        align-items: stretch;
        flex-direction: column;
        padding: 28px 24px;
    }
}

/* HM HOME V2 END */

/* ==========================================================
 * HM HOME V2 ENTERPRISE PATCH V1 START
 * HOME-V2-FIX01-R1
 * ========================================================== */

.hmhome-v2-hero {
    position:relative;
    overflow:hidden;
    padding:104px 0 98px;
    border-bottom:1px solid rgba(148,163,184,.16);
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(59,130,246,.25) 0,
            rgba(59,130,246,.08) 25%,
            transparent 48%
        ),
        radial-gradient(
            circle at 13% 90%,
            rgba(37,99,235,.10) 0,
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #071426 0%,
            #0b1930 46%,
            #102447 100%
        ) !important;
}

.hmhome-v2-hero::before {
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );
    background-size:72px 72px;
    content:"";
}

.hmhome-v2-hero .shell {
    position:relative;
    z-index:1;
}

.hmhome-v2-hero__grid {
    grid-template-columns:
        minmax(0,1.25fr)
        minmax(340px,.75fr);
    gap:72px;
}

.hmhome-v2-hero .hmhome-v2-eyebrow {
    color:#93b9ff !important;
}

.hmhome-v2-hero h1 {
    max-width:780px;
    color:#fff !important;
    font-size:clamp(46px,5.35vw,72px);
    line-height:1.01;
    letter-spacing:-.052em;
}

.hmhome-v2-hero__lead {
    max-width:700px;
    color:#e2e8f0 !important;
    font-size:clamp(19px,1.7vw,23px);
    line-height:1.55;
}

.hmhome-v2-hero__text {
    max-width:680px;
    color:#aebed2 !important;
    line-height:1.75;
}

.hmhome-v2-actions {
    gap:11px;
    margin-top:34px;
}

.hmhome-v2-hero .hmhome-v2-btn {
    min-height:50px;
    padding:12px 20px;
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.055);
    color:#f8fafc !important;
    box-shadow:none;
}

.hmhome-v2-hero .hmhome-v2-btn--primary {
    border-color:#3b82f6;
    background:#2563eb;
    color:#fff !important;
    box-shadow:0 12px 30px rgba(37,99,235,.30);
}

.hmhome-v2-hero .hmhome-v2-meta {
    gap:9px;
    margin-top:32px;
}

.hmhome-v2-hero .hmhome-v2-meta span {
    padding:8px 12px;
    border-color:rgba(148,163,184,.22);
    background:rgba(255,255,255,.055);
    color:#cbd5e1 !important;
}

.hmhome-v2-hero__panel {
    padding:30px;
    border:1px solid rgba(148,163,184,.24);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.105),
            rgba(255,255,255,.055)
        );
    box-shadow:0 30px 70px rgba(0,0,0,.23);
}

.hmhome-v2-hero .hmhome-v2-panel-label,
.hmhome-v2-hero .hmhome-v2-panel-grid strong,
.hmhome-v2-hero .hmhome-v2-panel-note strong {
    color:#fff !important;
}

.hmhome-v2-hero .hmhome-v2-panel-grid {
    gap:10px;
}

.hmhome-v2-hero .hmhome-v2-panel-grid > div {
    border:1px solid rgba(148,163,184,.13);
    background:rgba(7,20,38,.32);
}

.hmhome-v2-hero .hmhome-v2-panel-grid span {
    color:#aebed2 !important;
}

.hmhome-v2-hero .hmhome-v2-panel-note {
    border-top-color:rgba(148,163,184,.18);
    color:#b9c7d8 !important;
}

.hmhome-v2-section {
    padding:96px 0;
}

.hmhome-v2-section--soft {
    background:#f6f8fb !important;
}

.hmhome-v2-section-head {
    max-width:790px;
    margin-bottom:44px;
}

.hmhome-v2-section-head h2 {
    color:#0b1424 !important;
}

.hmhome-v2-section-head p {
    max-width:760px;
    color:#5d6e86 !important;
}

.hmhome-v2-provider-grid {
    gap:24px;
}

.hmhome-provider-card {
    position:relative;
    overflow:hidden;
    padding:27px;
    border:1px solid #dce5ef;
    border-radius:20px;
    background:#fff;
    box-shadow:
        0 3px 10px rgba(15,23,42,.025),
        0 18px 46px rgba(15,23,42,.055);
}

.hmhome-provider-card::before {
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:
        linear-gradient(
            90deg,
            #2563eb,
            #60a5fa
        );
    opacity:.70;
    content:"";
}

.hmhome-provider-mark {
    width:48px;
    height:48px;
    border:1px solid #dce8fb;
    border-radius:14px;
    background:#f1f6ff;
    color:#1d4ed8;
}

.hmhome-provider-name,
.hmhome-provider-price strong {
    color:#0b1424 !important;
}

.hmhome-provider-price strong {
    font-size:30px;
}

.hmhome-provider-plan,
.hmhome-provider-renewal,
.hmhome-provider-note {
    color:#667892 !important;
}

.hmhome-resource-grid {
    gap:9px;
}

.hmhome-resource-grid > div {
    min-height:66px;
    padding:12px 13px;
    border:1px solid #edf1f6;
    background:#f8fafc;
}

.hmhome-resource-grid span {
    color:#8596ad !important;
}

.hmhome-resource-grid strong {
    color:#152238 !important;
}

.hmhome-provider-features li {
    border-bottom-color:#edf1f6;
    color:#42536a !important;
}

.hmhome-provider-features li::before {
    width:5px;
    height:5px;
    background:#2563eb;
}

.hmhome-provider-link {
    margin-top:auto;
    padding-top:21px;
    border-top:1px solid #eef2f6;
    color:#1558d6 !important;
}

.hmhome-v2-table-wrap {
    overflow-x:auto;
    border:1px solid #d9e3ee;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 44px rgba(15,23,42,.055);
}

.hmhome-v2-table {
    min-width:960px;
}

.hmhome-v2-table th,
.hmhome-v2-table td {
    padding:16px 15px;
}

.hmhome-v2-table thead th {
    border-bottom-color:#233856;
    background:#10213a !important;
    color:#e8f0fb !important;
    font-weight:800;
}

.hmhome-v2-table tbody tr:nth-child(even) td {
    background:#fbfcfe;
}

.hmhome-v2-table td {
    color:#354760 !important;
}

.hmhome-v2-table td:first-child {
    color:#17243a !important;
    font-weight:750;
}

.hmhome-v2-table-note,
.hmhome-v2-disclaimer {
    border-color:#dbe5ef;
    background:#f7f9fc;
    color:#5f7088 !important;
}

.hmhome-v2-section--dark {
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(37,99,235,.16),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #081426,
            #0e1d36
        ) !important;
}

.hmhome-v2-section--dark .hmhome-v2-eyebrow {
    color:#93b9ff !important;
}

.hmhome-v2-section--dark .hmhome-v2-section-head h2,
.hmhome-v2-section--dark h2,
.hmhome-v2-section--dark h3 {
    color:#fff !important;
}

.hmhome-v2-section--dark .hmhome-v2-section-head p,
.hmhome-v2-section--dark p {
    color:#c1cede !important;
}

.hmhome-v2-section--dark .hmhome-v2-insight {
    border:1px solid rgba(148,163,184,.22);
    background:rgba(255,255,255,.055);
    box-shadow:none;
}

.hmhome-v2-section--dark .hmhome-v2-insight > span {
    color:#93b9ff !important;
}

.hmhome-v2-section--dark .hmhome-v2-insight p {
    color:#cbd5e1 !important;
}

.hmhome-v2-section--dark .hmhome-v2-proof {
    border:1px solid rgba(96,165,250,.34);
    background:rgba(37,99,235,.11);
    color:#dce8f8 !important;
}

.hmhome-v2-section--dark .hmhome-v2-proof strong {
    color:#fff !important;
}

.hmhome-v2-faq {
    max-width:920px;
}

.hmhome-v2-faq details {
    margin:0 0 11px;
    padding:0 21px;
    border:1px solid #dce5ef;
    border-radius:15px;
    background:#fff;
}

.hmhome-v2-faq summary {
    position:relative;
    padding:20px 36px 20px 0;
    color:#111d31 !important;
    font-weight:750;
    cursor:pointer;
}

.hmhome-v2-faq summary::after {
    position:absolute;
    top:50%;
    right:2px;
    color:#2563eb;
    font-size:22px;
    line-height:1;
    transform:translateY(-50%);
    content:"+";
}

.hmhome-v2-faq details[open] summary::after {
    content:"−";
}

.hmhome-v2-faq details p {
    margin:0;
    padding:0 0 21px;
    color:#5e7088 !important;
}

.hmhome-v2-section--sources {
    border-top:1px solid #e7edf4;
    border-bottom:1px solid #e7edf4;
    background:#f7f9fc !important;
}

.hmhome-v2-source-grid {
    gap:11px;
}

.hmhome-v2-source-item {
    position:relative;
    display:flex;
    min-height:58px;
    align-items:center;
    padding:13px 15px 13px 42px;
    border:1px solid #dce5ef;
    border-radius:13px;
    background:#fff;
    color:#293a52 !important;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
}

.hmhome-v2-source-item::before {
    position:absolute;
    left:15px;
    display:grid;
    width:18px;
    height:18px;
    place-items:center;
    border-radius:50%;
    background:#eaf2ff;
    color:#2563eb;
    font-size:11px;
    font-weight:900;
    content:"✓";
}

.hmhome-v2-final {
    padding:78px 0 96px;
    background:#fff;
}

.hmhome-v2-final__panel {
    border:1px solid #1e3658;
    border-radius:22px;
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(59,130,246,.24),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #081426,
            #102447
        ) !important;
    box-shadow:0 24px 60px rgba(15,23,42,.13);
}

.hmhome-v2-final__panel .hmhome-v2-eyebrow {
    color:#93b9ff !important;
}

.hmhome-v2-final__panel h2 {
    color:#fff !important;
}

.hmhome-v2-final__panel p {
    color:#c3d0df !important;
}

@media(max-width:1020px) {

    .hmhome-v2-hero {
        padding:82px 0 78px;
    }

    .hmhome-v2-hero__grid {
        grid-template-columns:1fr;
        gap:44px;
    }

    .hmhome-v2-provider-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .hmhome-v2-section {
        padding:80px 0;
    }
}

@media(max-width:720px) {

    .hmhome-v2 .shell {
        width:min(100% - 28px,1180px);
    }

    .hmhome-v2-hero {
        padding:64px 0 62px;
    }

    .hmhome-v2-hero h1 {
        font-size:clamp(39px,12vw,52px);
        line-height:1.03;
    }

    .hmhome-v2-actions {
        display:grid;
        grid-template-columns:1fr;
    }

    .hmhome-v2-actions .hmhome-v2-btn {
        width:100%;
    }

    .hmhome-v2-hero__panel {
        padding:24px;
    }

    .hmhome-v2-section {
        padding:66px 0;
    }

    .hmhome-v2-provider-grid {
        grid-template-columns:1fr !important;
        gap:18px;
    }

    .hmhome-provider-card {
        padding:23px;
    }

    .hmhome-v2-table {
        min-width:860px;
    }
}

@media(max-width:480px) {

    .hmhome-v2-hero .hmhome-v2-meta {
        display:grid;
        grid-template-columns:1fr;
    }

    .hmhome-resource-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .hmhome-v2-source-grid {
        grid-template-columns:1fr !important;
    }
}

/* HM HOME V2 ENTERPRISE PATCH V1 END */

/* ==========================================================
 * HM HOME V2 FIX02 DESKTOP POLISH START
 * ========================================================== */


/* ----------------------------------------------------------
 * HOME HEADER — SINGLE ROW / ENTERPRISE PROPORTIONS
 * Scoped only to Home ID 80.
 * ---------------------------------------------------------- */

body.page-id-80 .site-header-row-container-inner > .site-container,
body.page-id-80 .site-main-header-wrap .site-container {
    width: min(1280px, calc(100% - 40px)) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-80 .site-main-header-inner-wrap {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
}

body.page-id-80 .site-header-main-section-left {
    flex: 0 0 auto !important;
    min-width: 155px !important;
}

body.page-id-80 .site-header-main-section-right {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

body.page-id-80 .site-branding,
body.page-id-80 .site-logo-img {
    flex: 0 0 auto !important;
}

body.page-id-80 .site-branding img,
body.page-id-80 .site-logo-img img,
body.page-id-80 img.custom-logo {
    width: auto !important;
    max-width: 150px !important;
    max-height: 48px !important;
}

body.page-id-80 .main-navigation,
body.page-id-80 .primary-menu-container {
    width: auto !important;
    max-width: none !important;
}

body.page-id-80
.main-navigation
.primary-menu-container > ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

body.page-id-80
.main-navigation
.primary-menu-container > ul > li {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
}

body.page-id-80
.main-navigation
.primary-menu-container > ul > li > a {
    display: flex !important;
    min-height: 72px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
}


/* ----------------------------------------------------------
 * FAQ — stronger desktop proportion
 * ---------------------------------------------------------- */

.hmhome-v2-faq {
    width: 100% !important;
    max-width: 1000px !important;
}

.hmhome-v2-faq details {
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.hmhome-v2-faq details:hover {
    border-color: #c7d6e8;
    box-shadow:
        0 5px 18px rgba(15, 23, 42, .035);
}


/* ----------------------------------------------------------
 * PROVIDER CARDS — subtle interaction only
 * ---------------------------------------------------------- */

.hmhome-provider-card {
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.hmhome-provider-card:hover {
    border-color: #cbd9e9;
    box-shadow:
        0 5px 14px rgba(15,23,42,.035),
        0 22px 50px rgba(15,23,42,.07);
    transform: translateY(-2px);
}


/* ----------------------------------------------------------
 * FINAL CTA — reduce excessive empty gap
 * ---------------------------------------------------------- */

.hmhome-v2-final {
    padding-top: 54px !important;
    padding-bottom: 82px !important;
}


/* ----------------------------------------------------------
 * DO NOT FORCE DESKTOP HEADER RULES INTO TABLET/MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 1020px) {

    body.page-id-80
    .main-navigation
    .primary-menu-container > ul > li > a {
        min-height: inherit !important;
    }

    .hmhome-v2-faq {
        max-width: 100% !important;
    }

}

@media (max-width: 720px) {

    .hmhome-provider-card:hover {
        transform: none;
    }

    .hmhome-v2-final {
        padding-top: 44px !important;
        padding-bottom: 68px !important;
    }

}

/* HM HOME V2 FIX02 DESKTOP POLISH END */


/* === HM XLOGIC FEATURE CSS v1 ===
 * HOME: risalto grafico alla selezione editoriale/promozionale Xlogic.
 * Scopo volutamente limitato alle nuove classi/attributi della V1.
 */
.hmhome-provider-card--featured {
  position: relative;
  border: 2px solid #168447;
  background: linear-gradient(180deg, #f0fcf4 0%, #ffffff 72%);
  box-shadow: 0 12px 32px rgba(16, 110, 56, .13);
}
.hmhome-provider-card--featured .hmhome-provider-mark {
  background: #dff6e7;
  color: #0b6c36;
}
.hmhome-provider-card--featured .hmhome-provider-name {
  color: #075d2c;
}
.hmhome-provider-card--featured .hmhome-provider-plan {
  color: #166c3d;
  font-weight: 700;
}
.hmhome-provider-card--featured .hmhome-provider-link--offer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  margin: 12px 0 10px;
  padding: 12px 16px;
  border: 1px solid #0f7b3c;
  border-radius: 10px;
  background: #118042;
  color: #ffffff !important;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.hmhome-provider-card--featured .hmhome-provider-link--offer:hover,
.hmhome-provider-card--featured .hmhome-provider-link--offer:focus-visible {
  background: #09652f;
  color: #ffffff !important;
  text-decoration: none;
}
.hmhome-v2-hero .hmhome-v2-actions .hmhome-v2-btn--primary {
  border-color: #119749;
  background: #148949;
  color: #ffffff !important;
}
.hmhome-v2-hero .hmhome-v2-actions .hmhome-v2-btn--primary:hover,
.hmhome-v2-hero .hmhome-v2-actions .hmhome-v2-btn--primary:focus-visible {
  border-color: #0b6834;
  background: #0b6834;
  color: #ffffff !important;
}
.hmhome-v2-hero__text[data-hm-xlogic="hero-v1"] {
  margin-top: 18px;
}
.hmhome-v2-hero__text[data-hm-xlogic="hero-v1"] strong {
  color: #ffffff;
}
/* === /HM XLOGIC FEATURE CSS v1 === */

/* === HM XLOGIC BADGE SCELTA CONSIGLIATA v2 === */
.hmhome-provider-card--featured .hmhome-xlogic-choice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 5px 10px;
  border: 1px solid #0b7139;
  border-radius: 999px;
  background: #0b7139;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  white-space: normal;
}
/* === /HM XLOGIC BADGE SCELTA CONSIGLIATA v2 === */

/* === HM XLOGIC BADGE AFFIANCATO v3 === */
.hmhome-provider-card--featured .hmhome-provider-name {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 9px;
}
.hmhome-provider-card--featured .hmhome-provider-name .hmhome-xlogic-choice {
  margin: 0;
  flex: 0 0 auto;
  font-size: 11px;
  padding: 4px 9px;
  line-height: 1.3;
  white-space: nowrap;
  vertical-align: middle;
}
/* === /HM XLOGIC BADGE AFFIANCATO v3 === */

/* HM HOME - DIMENSIONE TITOLO HERO */
.hmhome-v2-hero h1 {
    font-size: clamp(30px, 3.6vw, 48px) !important;
    line-height: 1.15 !important;
}