/*
Theme Name: SDS Tool
Theme URI: https://www.niering.it/consulenza-schede-di-sicurezza/
Author: NIER Ingegneria S.p.A. Società benefit
Author URI: https://www.niering.it/
Description: Piattaforma web per la gestione delle Schede di Sicurezza (SDS), conformità REACH/CLP e revisioni documentali.
Tags: 
Version: 2024
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: 
License URI: 
Text Domain: sdstool
*/

/** STILI TEMP **/

:root{
    --sdstool-primary:#36556B;
    --sdstool-primary-hover:#43657F;
    --sdstool-primary-deep:#243B4C;
    --sdstool-primary-ink:#43657F;
    --sdstool-text:#1E2C3A;
    --sdstool-text-soft:#5C6C7B;
    --sdstool-bg:#F7F9FB;
    --sdstool-surface-soft:#FBFCFD;
    --sdstool-surface:#ffffff;
    --sdstool-border:rgba(74,112,139,.16);
    --sdstool-border-strong:rgba(74,112,139,.24);
    --sdstool-contrast:#102033;
    --sdstool-secondary:#243B4C;
    --sdstool-tertiary:#C9D6E0;
    --sdstool-neutral:#64748B;
    --sdstool-navy:#111A27;
    --sdstool-navy-deep:#0D131D;
    --sdstool-accent:#DC3545;
    --sdstool-accent-hover:#b02a37;
}

@font-face{
    font-family:"NeutraText-BookAlt";
    font-style:normal;
    font-weight:400;
    src:local("NeutraText-BookAlt"), url("build/assets/fonts/neutra-text-alt-587261020eccb.woff") format("woff");
}

@font-face{
    font-family:"NeutraText-Light";
    font-style:normal;
    font-weight:300;
    src:local("NeutraText-Light"), url("build/assets/fonts/neutra-text-light-5872613aeda5b.woff") format("woff");
}

@font-face{
    font-family:"NeutraTextTF-Book";
    font-style:normal;
    font-weight:400;
    src:local("NeutraTextTF-Book"), url("build/assets/fonts/neutra-text-tf-5871e0b0704ed.woff") format("woff");
}

@font-face{
    font-family:"NeutraText-Bold";
    font-style:normal;
    font-weight:700;
    src:local("NeutraText-Bold"), url("build/assets/fonts/neutra-text-bold-5871e1605afa2.woff") format("woff");
}

@font-face{
    font-family:"NeutraText-BoldItalic";
    font-style:italic;
    font-weight:700;
    src:local("NeutraText-BoldItalic"), url("build/assets/fonts/neutra-text-bold-italic-5872615974382.woff") format("woff");
}

html,
body{
    font-family:"NeutraTextTF-Book", sans-serif;
}



.header nav a,
.homepage-hero-title,
.homepage-section-title,
.cover__endcard-title,
.service__title,
.service-standard__code,
.service-feature__body h3,
.feature-card__badge,
.feature-card__body h3,
.icons__lead-badge,
.icons__lead-title,
.icons__point-body h3,
.cta{
    font-family:"NeutraText-Bold", sans-serif;
}

.homepage-copy,
.homepage-copy--lead,
.homepage-copy a,
.service__subtitle,
.service-standard__label,
.service-feature__body p,
.feature-card__body p,
.icons__lead-copy,
.icons__point-body p{
    font-family:"NeutraTextTF-Book", sans-serif;
}

.homepage-list li,
.icons__lead-list li{
    font-family:"NeutraText-BookAlt", sans-serif;
}

.grecaptcha-badge { 
    visibility: hidden;
}
.wpcf7-form.submitting .wpcf7-submit {
    pointer-events: none;
}

.contacts .cta,
.contacts .wpcf7-submit,
.contacts .btn-submit{
    border-radius: 50px;
    appearance: none;
    border: 0;
    background:var(--sdstool-primary);
    color:var(--sdstool-surface);
}




.footer{
    background:rgba(244,248,252,.62);
    color:var(--sdstool-text);
    border-top:1px solid var(--sdstool-border);
    box-shadow:0 14px 30px rgba(15,30,48,.12);
    padding:20px 20px 18px;
}

.footer__inner{
    max-width:920px;
    margin:0 auto;
    padding:0 8px;
    text-align:center;
}

.footer__brand{
    margin:0;
    padding-bottom:10px;
    border-bottom:1px solid rgba(118,136,154,.18);
}

.footer__title{
    margin:0;
    font-size:14px;
    line-height:1.35;
}

.footer__title strong{
    color:#DC3545;
}

.footer__social{
    margin:6px 0 0;
    font-size:11px;
    line-height:1.35;
}

.footer__social-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--sdstool-primary-deep);
    text-decoration:underline;
    text-underline-offset:2px;
}

.footer__social-link:hover{
    color:var(--sdstool-primary-hover);
}

.footer__social-icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
}

.footer__social-icon--site{
    transform:translateY(.5px);
}

.footer__content{
    display:grid;
    gap:4px;
    padding:12px 0 10px;
}

.footer__content p{
    margin:0;
    font-size:11px;
    line-height:1.45;
}

.footer__rights{
    margin:4px 0 0;
    font-size:9px;
    line-height:1.3;
    color:rgba(36,59,76,.82);
}

.footer__links{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:2px;
}

.footer__ai-note{
    margin:0 auto;
    max-width:760px;
    padding:0;
    border:0;
    background:none;
    font-size:10px;
    line-height:1.35;
}

.footer__links a{
    color:var(--sdstool-primary-deep);
    text-decoration:underline;
    text-underline-offset:2px;
}

.footer__links a:hover{
    color:var(--sdstool-primary-hover);
}

.footer__company-name{
    color:inherit;
    font-weight:400;
}

@media (max-width: 768px){
    .footer{
        padding:18px 14px 16px;
    }

    .footer__inner{
        padding:0 2px;
    }

    .footer__title{
        font-size:14px;
    }

    .footer__rights{
        font-size:8px;
        line-height:1.25;
    }

    .footer__ai-note{
        font-size:9px;
        line-height:1.3;
    }
}

.wpcf7-form.submitting .wpcf7-submit {
    pointer-events: none;
}

.previewImg{
    position: relative;
}
.previewImg img{
    opacity: .5;
    transition: all .45s;
}
.previewImg:before{
    content: url('build/assets/img/lens.svg');
    opacity: .7;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all .45s;
}

.previewImg:hover:before{
    transform: translate(-50%, -50%) scale(1.2);
}

.previewImg:hover img{
    opacity: 1;
}

.slick-dots li button:before{
    background-color:var(--sdstool-primary) !important;
}

.slick-dots li.slick-active button:before{
    background-color:var(--sdstool-primary) !important;
}

.homepage-accent{
    color:var(--sdstool-accent);
}

html{
    scroll-padding-top:56px;
}

#intro,
#normativa,
#funzionamento,
#vantaggi,
#contacts{
    scroll-margin-top:88px;
}

#contacts{
    scroll-margin-top:104px;
}

.header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background:rgba(244,248,252,.62);
    border-bottom:1px solid var(--sdstool-border);
    box-shadow:0 14px 30px rgba(15,30,48,.12);
    height:auto !important;
    min-height:60px;
    backdrop-filter:saturate(130%) blur(16px);
    transition:background .28s ease, box-shadow .28s ease, border-color .28s ease, min-height .28s ease;
}

.header--scrolled{
    background:rgba(244,248,252,.94);
    border-bottom:1px solid var(--sdstool-border-strong);
    box-shadow:0 16px 34px rgba(15,30,48,.18);
    min-height:48px;
}

.header__container{
    display:flex;
    margin:auto;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:0 !important;
    margin-bottom:0 !important;
    min-height:56px;
    padding-top:5px !important;
    padding-bottom:5px !important;
    padding-left:1.5rem;
    padding-right:1.5rem;
    max-width:1440px;
    box-sizing:border-box;
}

.header__brand{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    margin-left:-16px;
    line-height:0;
}

.header__menu{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    justify-content:flex-end;
}

.header img.homepage-header-logo{
    display:block;
    transition:transform .28s ease, width .28s ease, opacity .5s ease, visibility .5s ease, filter .28s ease;
    width:124px;
    height:auto;
    opacity:0;
    visibility:hidden;
    transform:translateY(-1px);
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.22));
}

.header--cover .homepage-header-logo{
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px) scale(.96);
    pointer-events:none;
}

.header--logo-visible img.homepage-header-logo{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.header--scrolled img.homepage-header-logo{
    width:94px;
    transform:translateY(0);
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));
}

.header nav{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:100%;
}

.header nav a{
    color:var(--sdstool-text);
    text-decoration:none;
    letter-spacing:1px;
    margin:0 8px;
    transition:color .2s ease, opacity .2s ease;
}

.header nav a.evidence{
    color:#ffffff !important;
    padding:10px;
    background:var(--sdstool-accent);
    border:1px solid var(--sdstool-accent);
    border-radius:5px;
    text-decoration:none;
    transition:all 0.3s ease;
}

.header nav a.evidence,
.header nav a.evidence:hover,
.header nav a.evidence:focus,
.header nav a.evidence:active{
    color:#ffffff !important;
    text-decoration:none !important;
}

.header nav a:hover{
    color:var(--sdstool-accent);
    text-decoration:underline;
    text-decoration-color:currentColor;
    text-underline-offset:0.2em;
}

.header nav a.evidence:hover{
    color:#ffffff !important;
    background:#b71f33;
    border-color:#b71f33;
}

@media (max-width: 768px){
    .header{
        height:auto;
        min-height:56px;
    }

    .header__container{
        padding:1rem 1rem;
    }

    .header__menu{
        justify-content:flex-end;
    }

    .header__brand{
        margin-left:-8px;
    }

    .header img.homepage-header-logo{
        width:98px;
        height:auto;
        transform:translateY(-1px);
        filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));
    }

    .header nav{
        justify-content:flex-end;
    }

    .header nav a{
        margin:0 6px;
    }

    .header nav a.evidence{
        padding:8px 10px;
    }
}

@media (max-width: 992px){
    .header nav a{
        display:none;
    }

    .header nav a.evidence{
        display:block;
    }

    #intro,
    #normativa,
    #funzionamento,
    #vantaggi,
    #contacts{
        scroll-margin-top:52px;
    }

    #contacts{
        scroll-margin-top:64px;
    }
}

.cover__video{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:100% !important;
    margin:auto !important;
    background:inherit;
    object-fit:contain !important;
    object-position:50% 50% !important;
    transform:scale(1) !important;
    transform-origin:center center !important;
    will-change:opacity, transform, filter;
    filter:saturate(1.03) contrast(1.02);
    transition:opacity 1.05s cubic-bezier(.22,1,.36,1), transform 1.05s cubic-bezier(.22,1,.36,1), filter 1.05s cubic-bezier(.22,1,.36,1) !important;
}

.cover__video--ended{
    opacity:0 !important;
    filter:blur(1.5px) saturate(.92) !important;
    transform:scale(1.02) !important;
}

.cover--ended .cover__video{
    opacity:0 !important;
    visibility:hidden;
    filter:blur(1.5px) saturate(.92) !important;
    transform:scale(1.02) !important;
}

.cover__scroll{
    position:absolute;
    left:50%;
    bottom:20px;
    z-index:100;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:40px;
    width:40px;
    margin:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-50%);
    transition:opacity .65s ease, visibility .65s ease, transform .65s ease;
    animation:MoveUpDown 2.4s linear infinite;
}

.cover__scroll img{
    display:block;
    width:100%;
    height:auto;
    filter:brightness(0) saturate(100%) invert(12%) sepia(93%) saturate(6412%) hue-rotate(346deg) brightness(93%) contrast(114%) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18));
}

.cover{
    margin-top:60px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
    isolation:isolate;
    height:calc(100dvh - 60px);
    min-height:calc(100dvh - 60px);
    padding:0;
    background:
      radial-gradient(circle at 50% 42%, rgba(176,196,222,.08) 0%, rgba(176,196,222,0) 38%),
      linear-gradient(180deg, rgba(4,10,18,.36) 0%, rgba(6,12,22,.7) 100%);
}

.cover--ended{
    background:
      radial-gradient(circle at center, rgba(176,196,222,.18) 0%, rgba(70,130,180,.72) 58%, rgba(31,58,95,.96) 100%),
      linear-gradient(180deg, rgba(31,58,95,.72) 0%, rgba(13,19,29,.96) 100%);
}

.cover::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at center, rgba(176,196,222,.08) 0%, rgba(70,130,180,.42) 54%, rgba(7,13,22,.9) 100%),
      linear-gradient(180deg, rgba(4,10,18,.18) 0%, rgba(7,13,22,.82) 100%);
    opacity:0;
    transition:opacity 1.1s ease;
    pointer-events:none;
    z-index:1;
}

.cover--static{
    background:
      radial-gradient(circle at center, rgba(176,196,222,.16) 0%, rgba(70,130,180,.76) 68%, rgba(16,32,51,.96) 100%),
      linear-gradient(180deg, var(--sdstool-primary) 0%, var(--sdstool-primary-deep) 100%);
}

.cover--static::after{
    opacity:1;
}

.cover__endcard{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity 1.05s ease, visibility 1.05s ease;
    z-index:2;
}

.cover--static .cover__endcard{
    position:relative;
    inset:auto;
    width:100%;
    height:100%;
    opacity:1;
    visibility:visible;
}

.cover__endcard-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    max-width:none;
    min-height:100%;
    padding:0 28px 0;
    position:relative;
    transform:translateY(24px) scale(.985);
    opacity:0;
    transition:transform 1.05s cubic-bezier(.22,1,.36,1), opacity 1.05s ease;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

.cover--static .cover__endcard-inner{
    transform:none;
    opacity:1;
}

.cover--static .cover__signature{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.cover__endcard-inner::before,
.cover__endcard-inner::after{
    content:"";
    position:absolute;
    inset:auto;
    pointer-events:none;
}

.cover__endcard-inner::before{
    width:min(74vw, 540px);
    height:min(74vw, 260px);
    top:50%;
    left:50%;
    transform:translate(-50%, -58%);
    background:radial-gradient(circle, rgba(176,196,222,.12) 0%, rgba(176,196,222,0) 68%);
    filter:blur(14px);
    z-index:-1;
}

.cover__endcard-inner::after{
    content:none;
}

.cover__endcard-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:6px 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(11,23,35,.34);
    color:rgba(235,243,247,.88);
    font-family:"NeutraText-Bold", sans-serif;
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
}

.cover__endcard-sdstool{
    display:block;
    margin:-6px auto 0;
    width:min(72vw, 258px);
    height:auto;
    transform:translateY(0);
    filter:brightness(1.04) drop-shadow(0 10px 20px rgba(0,0,0,.12));
}

.cover__endcard-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 2px;
    padding:0 12px;
    font-family:"Montserrat", sans-serif;
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.18em;
    line-height:1.2;
    text-transform:uppercase;
    color:var(--sdstool-accent);
    text-align:center;
}

.cover__endcard-title{
    max-width:min(74vw, 680px);
    margin:0 auto;
    text-align:center;
    font-family:"Montserrat", sans-serif;
    font-size:clamp(1.14rem, 2vw, 1.62rem);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.02em;
    color:#ffffff;
    text-wrap:balance;
    text-shadow:0 4px 18px rgba(0,0,0,.28);
}

.cover__endcard-subtitle{
    max-width:min(68vw, 620px);
    margin:0 auto;
    text-align:center;
    font-size:clamp(.98rem, 1.2vw, 1.1rem);
    line-height:1.54;
    font-weight:500;
    color:rgba(235,243,247,.9);
    text-wrap:balance;
    text-shadow:0 4px 18px rgba(0,0,0,.22);
}

.cover__endcard{
    padding:0 28px 54px 0;
}

.cover__endcard-pills{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    max-width:min(72vw, 560px);
    margin:2px auto 0;
}

.cover__endcard-pills span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 14px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(9,28,41,.34);
    color:rgba(245,250,252,.92);
    font-family:"Montserrat", sans-serif;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
}

@media (max-width: 768px){
    .cover__endcard-inner{
        width:min(92vw, 560px);
        padding:14px 14px 12px;
        gap:9px;
        transform:translateY(12px) scale(.99);
    }

    .cover__endcard-title{
        max-width:min(92vw, 350px);
        font-size:clamp(1.08rem, 5vw, 1.42rem);
    }

    .cover__endcard-subtitle{
        max-width:min(92vw, 340px);
        font-size:.92rem;
        line-height:1.5;
    }

    .cover__endcard-pills{
        gap:8px;
        max-width:min(92vw, 320px);
    }

    .cover__endcard-pills span{
        min-height:30px;
        padding:6px 12px;
        font-size:.7rem;
    }
}

.cover__signature{
    position:absolute;
    right:48px;
    bottom:32px;
    z-index:4;
    display:grid;
    justify-items:end;
    gap:6px;
    width:auto;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .65s ease, visibility .65s ease, transform .65s ease;
}

.cover__endcard-credit{
    margin:0;
    font-family:"NeutraText-Bold", sans-serif;
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:rgba(255,255,255,.72);
    text-shadow:0 1px 4px rgba(0,0,0,.16);
    text-align:right;
}

.cover__endcard-link{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    pointer-events:auto;
    cursor:pointer;
    width:auto;
    max-width:none;
    min-height:auto;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
    transition:transform .35s ease, opacity .35s ease;
}

.cover__endcard-link:hover,
.cover__endcard-link:focus-visible{
    transform:translateY(-2px);
    opacity:1;
}

.cover__endcard-nier{
    display:block;
    width:min(16vw, 124px);
    height:auto;
    opacity:1;
    margin:0 auto;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.10));
}

.cover--ended::after,
.cover--ended .cover__endcard{
    opacity:1;
    visibility:visible;
}

.cover--ended .cover__video{
    opacity:0 !important;
    visibility:hidden;
    filter:blur(1.5px) saturate(.92) !important;
    transform:scale(1.015) !important;
}

.cover--ended .cover__scroll{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%);
}

.cover--ended .cover__signature{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.cover--ended .cover__endcard-inner{
    transform:translateY(24px) scale(.985);
    opacity:1;
}

@keyframes MoveUpDown{
    0%,100%{transform:translate(-50%, 0)}
    50%{transform:translate(-50%, -24px)}
}

.homepage-hero-title,
.homepage-section-title{
}

.homepage-section-title{
    color:var(--sdstool-primary-deep);
}

.homepage-hero-title,
.homepage-section-title{
    max-width:none !important;
    color:var(--sdstool-primary-deep);
}

.homepage-hero-title{
    font-size:clamp(2rem,3.5vw,3rem) !important;
    line-height:1.08;
    margin-bottom:12px !important;
    letter-spacing:-0.03em;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.homepage-section-title{
    font-size:clamp(2rem,3.4vw,3rem);
    line-height:1.12;
    margin-bottom:24px !important;
    letter-spacing:-0.02em;
}

#funzionalita .homepage-section-title{
    color:var(--sdstool-primary-deep) !important;
    text-align:center;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

#funzionalita .features__intro .homepage-copy,
#funzionalita .features__intro p{
    color:var(--sdstool-text) !important;
}

#funzionalita .feature-card__body p{
    color:var(--sdstool-text-soft) !important;
}

.homepage-copy{
    font-size:clamp(.98rem,1.3vw,1.15rem) !important;
    line-height:1.58;
    color:var(--sdstool-text);
    margin-bottom:8px;
}

.homepage-copy--lead{
    max-width:760px;
    margin-left:0;
    margin-right:0;
    line-height:1.5;
}

.intro-article-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:800;
    letter-spacing:.01em;
    color:var(--sdstool-primary-deep);
    text-decoration:none;
    margin-top:2px;
}

.intro-article-link span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.65em;
    height:1.65em;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(70,130,180,.12) 0%, rgba(70,130,180,.04) 100%);
    border:1px solid rgba(70,130,180,.16);
    color:var(--sdstool-primary);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
    transform:translateY(-1px);
}

.intro-article-link:hover,
.intro-article-link:focus-visible{
    color:var(--sdstool-primary-hover);
    text-decoration:none;
}

.homepage-copy--hero-support{
    max-width:680px;
    font-size:clamp(.94rem,1.15vw,1.08rem) !important;
    line-height:1.58;
    color:var(--sdstool-text-soft);
    margin-bottom:0;
}

.homepage-copy--intro{
    max-width:900px;
    margin-bottom:14px;
}

#perchi .homepage-section-title,
#perchi .homepage-copy--intro{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.faq{
    padding:72px 0 84px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
}

.faq .container{
    display:grid;
    gap:28px;
    max-width:1120px;
}

.faq .homepage-section-title,
.faq .homepage-copy{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.faq .homepage-copy{
    max-width:720px;
}

.faq__item{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(17,48,76,.12);
    border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, #f7fafc 100%);
    box-shadow:0 16px 36px rgba(31,58,95,.07);
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.faq__item::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, var(--sdstool-primary) 0%, var(--sdstool-primary-deep) 55%, var(--sdstool-accent) 100%);
    opacity:.88;
}

.faq__item summary{
    list-style:none;
    cursor:pointer;
    position:relative;
    padding:20px 64px 20px 22px;
    font-weight:800;
    color:var(--sdstool-contrast);
    font-size:1.08rem;
    line-height:1.36;
    transition:color .2s ease, background-color .2s ease;
}

.faq__item summary::-webkit-details-marker{
    display:none;
}

.faq__item summary::after{
    content:"+";
    position:absolute;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    width:32px;
    height:32px;
    border-radius:999px;
    background:rgba(220,53,69,.08);
    color:var(--sdstool-accent);
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s ease, background-color .2s ease, color .2s ease;
}

.faq__item p{
    margin:0;
    padding:0 22px 20px;
    color:var(--sdstool-text-soft);
    font-size:1.02rem;
    line-height:1.7;
}

.faq__item[open]{
    border-color:rgba(17,48,76,.18);
    box-shadow:0 18px 36px rgba(31,58,95,.08);
}

.faq__item[open] summary::after{
    content:"-";
    background:rgba(220,53,69,.12);
}

.faq__item summary:hover,
.faq__item summary:focus-visible{
    color:var(--sdstool-primary-deep);
    background:rgba(70,130,180,.04);
}

.faq__item summary:hover::after,
.faq__item summary:focus-visible::after{
    transform:translateY(-50%) scale(1.04);
    background:rgba(220,53,69,.14);
}

@media (max-width: 720px){
    .faq{
        padding:56px 0 64px;
    }

    .faq .container{
        gap:18px;
    }

    .faq .homepage-section-title{
        max-width:17ch;
    }

    .faq .homepage-copy{
        max-width:100%;
        font-size:1rem;
        line-height:1.65;
    }

    .faq__item summary,
    .faq__item p{
        padding-left:18px;
        padding-right:18px;
    }

    .faq__item summary{
        padding-right:56px;
        font-size:1.02rem;
    }

    .faq__item summary::after{
        right:18px;
    }

    .faq__item p{
        font-size:.98rem;
        line-height:1.62;
    }
}

.intro#intro .intro__container{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:flex-start;
    justify-content:flex-start;
    gap:40px;
    width:100%;
    min-height:100%;
    padding-top:12px;
    padding-bottom:64px;
    position:relative;
    z-index:0;
}

.intro#intro{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    min-height:calc(100vh - 56px);
    min-height:calc(100dvh - 56px);
    background:
      linear-gradient(180deg, rgba(31,58,95,.12) 0%, rgba(214,233,242,.42) 18%, rgba(248,251,254,.96) 44%, var(--sdstool-surface) 100%);
}

.intro#intro::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:180px;
    background:linear-gradient(180deg, rgba(31,58,95,.22) 0%, rgba(31,58,95,.08) 38%, rgba(248,251,254,0) 100%);
    pointer-events:none;
}

.intro#intro::after{
    content:"";
    position:absolute;
    top:80px;
    right:6%;
    width:min(34vw, 360px);
    height:min(34vw, 360px);
    background:radial-gradient(circle, rgba(58,120,150,.14) 0%, rgba(58,120,150,.06) 28%, rgba(58,120,150,0) 72%);
    filter:blur(12px);
    pointer-events:none;
    z-index:0;
}

.homepage-hero-heading{
    width:100%;
    position:relative;
    z-index:1;
    margin-bottom:0;
    margin-top:0;
}

.intro#intro .homepage-hero-heading{
    text-align:center;
}

.intro#intro .homepage-hero-title{
    margin-left:auto;
    margin-right:auto;
}

.homepage-hero-body{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:42px;
    position:relative;
    z-index:1;
}

.intro#intro .homepage-hero-body .intro__left{
    width:55%;
}

.intro#intro .homepage-hero-body .intro__right{
    width:45%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-left:12px;
}

.homepage-image{
    display:block;
    max-width:100%;
    height:auto;
}

.homepage-image--hero{
    margin-left:auto !important;
    margin-right:0 !important;
    margin-top:0 !important;
    max-width:100%;
    max-height:none;
    position:relative;
    z-index:1;
    transform:none;
    filter:drop-shadow(0 32px 52px rgba(23,56,74,.16));
}

.intro#intro .homepage-hero-body .intro__right::before{
    content:"";
    position:absolute;
    inset:6% 4%;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.42) 100%);
    border:1px solid var(--sdstool-border);
    box-shadow:0 24px 60px rgba(23,56,74,.08);
    backdrop-filter:blur(8px);
    z-index:0;
}

.intro#intro p,
.intro#intro .homepage-copy{
    line-height:1.68;
    max-width:760px;
}

.homepage-copy--lead{
    max-width:760px;
    margin-left:0;
    margin-right:0;
    line-height:1.55;
}


.homepage-image--offset{
    margin-left:0 !important;
}

.intro-montage{
    width:min(100%, 610px);
    display:grid;
    grid-template-columns:minmax(0,1.28fr) minmax(180px,.72fr);
    gap:14px;
    position:relative;
    z-index:1;
}

.intro-montage__main,
.intro-montage__card{
    margin:0;
}

.intro-montage__main img,
.intro-montage__card img{
    width:100%;
    display:block;
    border-radius:22px;
    object-fit:cover;
    box-shadow:0 28px 52px rgba(23,56,74,.16);
}

.intro-montage__main img{
    aspect-ratio:1862 / 984;
    object-position:center 18%;
}

.intro-montage__stack{
    display:grid;
    gap:14px;
    align-content:center;
}

.intro-montage__card img{
    aspect-ratio:1879 / 885;
    object-position:center 15%;
}

.homepage-cta-panel{
    max-width:1060px;
    margin:32px auto 18px;
}

.homepage-cta-title{
    margin:0 auto 6px;
    max-width:820px;
    font-size:clamp(1.55rem,2.35vw,2.05rem);
    line-height:1.2;
    color:var(--sdstool-contrast);
}

.homepage-cta-text{
    margin:0;
    font-size:clamp(1.08rem,1.7vw,1.42rem);
    color:var(--sdstool-text-soft);
}

.homepage-list{
    margin:0 0 18px 20px;
    padding:0;
    list-style:disc;
}

.homepage-list li{
    margin-bottom:8px;
    font-size:clamp(1.05rem,1.5vw,1.32rem);
    line-height:1.6;
    color:var(--sdstool-text);
}

.homepage-text-offset{
    margin-left:20px;
}

.icons{
    background:
      radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0) 0 0/18px 18px,
      linear-gradient(180deg, var(--sdstool-navy) 0%, var(--sdstool-navy-deep) 100%);
    color:rgba(255,255,255,.86);
    min-height:calc(100svh - 56px);
    display:flex;
    align-items:center;
    padding-block:clamp(48px,5.5vh,76px);
    border-top:0;
    border-bottom:0;
}

.icons__container{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:100%;
}

.icons__container > h2{
    color:#f8fafc;
    text-align:center;
    margin:0 auto 28px;
    max-width:none;
    white-space:nowrap;
    font-size:clamp(2.05rem, 3.8vw, 3.45rem);
    line-height:.95;
    letter-spacing:-.04em;
    text-transform:none;
    text-shadow:0 8px 26px rgba(0,0,0,.24);
}

.icons__layout{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(300px,.9fr);
    gap:clamp(24px,3.2vw,36px);
    align-items:start;
    width:100%;
}

.icons__points{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    position:relative;
    padding:0;
    align-self:start;
}

.icons__points::before{
    content:none;
}

.icons__point{
    display:grid;
    gap:16px;
    grid-template-columns:1fr;
    align-items:start;
    padding:22px 20px 20px;
    border-radius:3px;
    background:rgba(36,43,55,.9);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 10px 26px rgba(0,0,0,.16);
    min-height:190px;
}

.icons__point:nth-child(odd),
.icons__point:nth-child(even){
    grid-column:auto;
    padding-left:20px;
    padding-right:20px;
}

.icons__point-icon{
    width:26px;
    height:26px;
    border-radius:0;
    display:grid;
    place-items:center;
    background:none;
    border:0;
    color:var(--sdstool-accent);
    box-shadow:none;
}

.icons__point-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:1.1rem;
    font-weight:700;
    letter-spacing:0;
}

.icons__point-body{
    display:grid;
    gap:10px;
    padding-top:4px;
}

.icons__point-body h3{
    margin:0;
    font-size:1.02rem;
    color:#f8fafc;
    font-weight:800;
}

.icons__point-body p{
    margin:0;
    max-width:none;
    line-height:1.5;
    color:rgba(255,255,255,.72);
}

.icons__lead{
    display:grid;
    gap:16px;
    position:sticky;
    top:clamp(24px,4vh,48px);
    align-self:start;
    justify-items:start;
    text-align:left;
}

.icons__lead-frame{
    display:grid;
    gap:18px;
    justify-items:start;
    width:100%;
    max-width:540px;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
}

.icons__lead-badge{
    margin:0;
    color:#f8fafc;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:none;
    padding:0;
    background:none;
    border:0;
}

.icons__lead-title{
    margin:0;
    color:#ffffff;
    font-size:clamp(2rem, 4vw, 3.45rem);
    line-height:.98;
    letter-spacing:-.05em;
    font-weight:900;
    text-transform:none;
}

.icons__lead-copy{
    margin:0;
    max-width:52ch;
    color:rgba(255,255,255,.76);
    font-size:1rem;
    line-height:1.7;
}

.icons__lead-list{
    list-style:none !important;
    margin:6px 0 0;
    padding:0;
    display:grid;
    gap:14px;
}

.icons__lead-list li::marker{
    content:"";
}

.icons__lead-list li{
    position:relative;
    padding-left:32px;
    color:rgba(255,255,255,.9);
    line-height:1.55;
}

.icons__lead-list li::before{
    content:"?";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--sdstool-accent);
    border:1px solid var(--sdstool-accent);
    font-size:.82rem;
    line-height:1;
}

@media (max-width: 1100px){
    .icons{
        min-height:auto;
    }

    .icons__layout{
        grid-template-columns:1fr;
    }

    .icons__points{
        grid-template-columns:1fr 1fr;
    }

    .icons__lead{
        position:relative;
        top:auto;
    }
}

@media (max-width: 720px){
    .icons{
        padding-block:44px 36px;
    }

    .icons__container > h2{
        white-space:normal;
        margin-bottom:20px;
        max-width:15ch;
    }

    .icons__points{
        grid-template-columns:1fr;
    }

    .icons__point{
        min-height:auto;
    }

    .icons__lead-title{
        font-size:clamp(1.55rem, 9vw, 2.2rem);
        line-height:1.02;
    }

.icons__lead-copy{
        font-size:.96rem;
    }
}


/* Final cohesion layer */
.service-standard,
.module-card{
    border-radius:18px;
    box-shadow:0 16px 34px rgba(31,58,95,.08);
}

.service-standard{
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, #F7FAFD 100%);
    border-color:rgba(31,58,95,.09);
}

.module-card{
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,254,.94) 100%);
    border-color:rgba(70,130,180,.12);
}

.service-feature__icon,
.module-card__icon{
    border-radius:10px;
}

.service__standards,
.service__features,
.features__modules{
    gap:18px;
}

.service__intro,
.features__intro{
    gap:10px;
}

.service__features{
    padding-top:14px;
}

.icons__point{
    border-radius:18px;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.icons__point-body{
    gap:6px;
}

.icons__point-body h3{
    font-size:1rem;
}

.icons#vantaggi .icons__point{
    background:rgba(14,20,29,.96);
    border-color:rgba(255,255,255,.06);
}

.icons#vantaggi .icons__lead-title{
    font-size:clamp(1.62rem, 2.8vw, 2.45rem);
}

@media (max-width: 720px){
    .icons__container > h2{
        max-width:15ch;
        margin-bottom:20px;
    }

    .icons__lead-title{
        font-size:clamp(1.55rem, 9vw, 2.2rem);
        line-height:1.02;
    }
}
/* Final visual unifier: keep the page feeling like one system. */
.features__modules,
.icons__points{
    gap:18px;
}

.module-card{
    border-radius:18px;
    box-shadow:0 16px 34px rgba(31,58,95,.08);
}

.module-card{
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,254,.94) 100%);
    border-color:rgba(70,130,180,.12);
}

.module-card__icon{
    border-radius:10px;
}

.features__intro .homepage-section-title,
.icons__container > h2{
    letter-spacing:-.04em;
}

.service__intro,
.features__intro{
    gap:10px;
}

.service__features{
    padding-top:14px;
}

.icons{
    background:
      radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0) 0 0/18px 18px,
      linear-gradient(180deg, var(--sdstool-navy) 0%, var(--sdstool-navy-deep) 100%);
    color:rgba(255,255,255,.86);
    border-top:0;
    border-bottom:0;
}

.icons__container > h2{
    color:#f8fafc;
    text-align:center;
    margin:0 auto 24px;
    max-width:none;
    white-space:nowrap;
    font-size:clamp(2.2rem, 4.2vw, 4rem);
    line-height:.95;
    letter-spacing:-.04em;
    text-transform:none;
    text-shadow:0 8px 26px rgba(0,0,0,.24);
}

.icons__layout{
    grid-template-columns:minmax(0,.95fr) minmax(300px,.9fr);
    gap:clamp(24px,3.5vw,40px);
}

.icons__points{
    gap:18px;
    padding:0;
}

.icons__points::before{
    content:none;
}

.icons__point{
    gap:16px;
    grid-template-columns:1fr;
    padding:22px 20px 20px;
    border-radius:3px;
    background:rgba(20,28,38,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 30px rgba(0,0,0,.24);
    min-height:190px;
}

.icons__point:nth-child(odd),
.icons__point:nth-child(even){
    grid-column:auto;
    padding-left:20px;
    padding-right:20px;
}

.icons__point-icon{
    width:26px;
    height:26px;
    border-radius:0;
    background:none;
    border:0;
    color:var(--sdstool-accent);
    box-shadow:none;
}

.icons__point-badge{
    font-size:1.1rem;
    letter-spacing:0;
}

.icons__point-body{
    gap:10px;
    padding-top:4px;
}

.icons__point-body h3{
    color:#ffffff;
    font-size:1.08rem;
    font-weight:800;
}

.icons__point-body p{
    color:rgba(255,255,255,.86);
    line-height:1.58;
}

.icons__lead{
    justify-items:start;
    text-align:left;
    position:sticky;
    top:clamp(24px,4vh,48px);
}

.icons__lead-frame{
    justify-items:start;
    max-width:540px;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
}

.icons__lead-badge{
    color:rgba(255,255,255,.94);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:none;
    padding:0;
    background:none;
    border:0;
}

.icons__lead-title{
    margin:0;
    color:#ffffff;
    font-size:clamp(2rem, 4vw, 3.45rem);
    line-height:.98;
    letter-spacing:-.05em;
    font-weight:900;
}

.icons__lead-copy{
    margin:0;
    max-width:52ch;
    color:rgba(255,255,255,.88);
    font-size:1rem;
    line-height:1.7;
}

.icons__lead-list{
    list-style:none !important;
    margin:6px 0 0;
    padding:0;
    display:grid;
    gap:14px;
}

.icons__lead-list li::marker{
    content:"";
}

.icons__lead-list li{
    position:relative;
    padding-left:32px;
    color:rgba(255,255,255,.94);
    line-height:1.55;
}

.icons__lead-list li::before{
    content:"?";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--sdstool-accent);
    border:1px solid var(--sdstool-accent);
    font-size:.82rem;
    line-height:1;
}

@media (max-width: 1100px){
    .icons{
        min-height:auto;
    }

    .icons__layout{
        grid-template-columns:1fr;
    }

    .icons__points{
        grid-template-columns:1fr 1fr;
    }

    .icons__lead{
        position:relative;
        top:auto;
    }
}

@media (max-width: 720px){
    .icons{
        padding-block:44px 36px;
    }

    .icons__container > h2{
        white-space:normal;
        margin-bottom:20px;
        max-width:15ch;
    }

    .icons__points{
        grid-template-columns:1fr;
    }

    .icons__point{
        min-height:auto;
    }

    .icons__lead-title{
        font-size:clamp(1.55rem, 9vw, 2.2rem);
        line-height:1.02;
    }

    .icons__lead-copy{
        font-size:.96rem;
    }
}



/* Final override to keep all core sections visually aligned. */
.module-card{
    background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,254,.94) 100%);
    border-color:rgba(70,130,180,.12);
}

.module-card__icon{
    border-radius:10px;
}

.features__modules{
    gap:18px;
}

.service__intro,
.features__intro{
    gap:10px;
}

.service__features{
    padding-top:14px;
}

.icons__point{
    border-radius:18px;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.icons__point-body{
    gap:6px;
}

.icons__point-body h3{
    font-size:1rem;
}

@media (max-width: 720px){
    .icons__container > h2{
        max-width:15ch;
        margin-bottom:20px;
    }

    .icons__lead-title{
        font-size:clamp(1.55rem, 9vw, 2.2rem);
        line-height:1.02;
    }
}
.contacts{
    background:
      radial-gradient(circle at top left, rgba(70,130,180,.10) 0%, rgba(70,130,180,0) 36%),
      radial-gradient(circle at bottom right, rgba(17,26,39,.18) 0%, rgba(17,26,39,0) 38%),
      linear-gradient(180deg, #18293D 0%, #0D131D 100%);
    color:var(--registronorme-surface);
    padding-top:56px;
    padding-bottom:20px;
    display:flex;
    align-items:center;
}

.contacts__container{
    padding-bottom:0;
    max-width:900px;
}

.contacts h1{
    margin-bottom:36px;
}

.contacts h2{
    margin-bottom:36px;
    text-align:center;
    color:var(--registronorme-surface);
    font-family:"Montserrat", sans-serif;
    font-size:clamp(1.45rem, 2.6vw, 2rem);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.02em;
}

.contacts form,
.contacts form p,
.contacts form label{
    color:var(--sdstool-surface);
}

.contacts input[type="text"],
.contacts input[type="email"],
.contacts textarea{
    color:var(--sdstool-text);
}

.contacts form{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    border-radius:24px;
    padding:28px 28px 10px;
}

.contacts input[type="text"],
.contacts input[type="email"],
.contacts textarea{
    border-radius:14px;
    padding:14px 16px;
}

.contacts .cta{
    min-width:220px;
    min-height:52px;
    font-weight:700;
    letter-spacing:.01em;
    box-shadow:0 16px 30px rgba(0,0,0,.18);
}

.contacts .cta:hover,
.contacts .wpcf7-submit:hover,
.contacts .btn-submit:hover{
    background:var(--registronorme-primary-hover);
}

.contacts form input[type="submit"],
.contacts form .wpcf7-submit,
.contacts form .btn-submit{
    background:var(--sdstool-accent) !important;
    color:var(--sdstool-surface) !important;
    border-color:var(--sdstool-accent) !important;
}

.contacts form input[type="submit"]:hover,
.contacts form .wpcf7-submit:hover,
.contacts form .btn-submit:hover{
    color:var(--sdstool-text) !important;
    background:#b71f33 !important;
    border-color:#b71f33 !important;
}

section.contacts h2,
section#contacts.contacts h2,
section.contacts .wpcf7-form p,
section.contacts .wpcf7-form label{
    color:#ffffff !important;
}

section.contacts .wpcf7-form label,
section#contacts.contacts .wpcf7-form label{
    display:block !important;
    margin:0 0 10px !important;
    color:#ffffff !important;
    font-size:1rem !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    line-height:1.3 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}

section.contacts .wpcf7-form > p > label,
section#contacts.contacts .wpcf7-form > p > label,
section.contacts .wpcf7-form .wpcf7-list-item-label,
section#contacts.contacts .wpcf7-form .wpcf7-list-item-label{
    color:#ffffff !important;
    font-size:1rem !important;
    font-weight:700 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.22) !important;
}

section.contacts .wpcf7-form p,
section#contacts.contacts .wpcf7-form p{
    margin:0 0 16px !important;
}

section.contacts .wpcf7-form textarea,
section#contacts.contacts .wpcf7-form textarea{
    width:100% !important;
    min-height:180px !important;
    resize:vertical !important;
    box-sizing:border-box !important;
}

section.contacts .wpcf7-form p:last-of-type,
section#contacts.contacts .wpcf7-form p:last-of-type{
    text-align:center !important;
}

section.contacts .wpcf7-form input.wpcf7-submit,
section#contacts.contacts .wpcf7-form input.wpcf7-submit,
section.contacts .wpcf7-form button.wpcf7-submit,
section#contacts.contacts .wpcf7-form button.wpcf7-submit,
section.contacts .wpcf7-form input[type="submit"],
section#contacts.contacts .wpcf7-form input[type="submit"]{
    background:var(--sdstool-accent) !important;
    border-color:var(--sdstool-accent) !important;
    color:var(--sdstool-surface) !important;
    box-shadow:0 8px 20px rgba(70,130,180,.2) !important;
    display:block !important;
    margin:0 auto !important;
}

section.contacts .wpcf7-form input.wpcf7-submit:hover,
section#contacts.contacts .wpcf7-form input.wpcf7-submit:hover,
section.contacts .wpcf7-form button.wpcf7-submit:hover,
section#contacts.contacts .wpcf7-form button.wpcf7-submit:hover,
section.contacts .wpcf7-form input[type="submit"]:hover,
section#contacts.contacts .wpcf7-form input[type="submit"]:hover{
    color:var(--sdstool-text) !important;
    background:#b71f33 !important;
    border-color:#b71f33 !important;
}

@media (max-width: 720px){
    .contacts{
        align-items:flex-start;
        padding-top:40px;
        padding-bottom:28px;
    }

    .contacts__container{
        width:100%;
    }

    .contacts h2{
        margin-bottom:20px;
        font-size:clamp(1.2rem, 6vw, 1.55rem);
        line-height:1.18;
    }

    .contacts form{
        padding:20px 16px 14px;
        border-radius:20px;
    }

    section.contacts .wpcf7-form p,
    section#contacts.contacts .wpcf7-form p{
        margin:0 0 12px !important;
    }

    section.contacts .wpcf7-form label,
    section#contacts.contacts .wpcf7-form label,
    section.contacts .wpcf7-form > p > label,
    section#contacts.contacts .wpcf7-form > p > label,
    section.contacts .wpcf7-form .wpcf7-list-item-label,
    section#contacts.contacts .wpcf7-form .wpcf7-list-item-label{
        font-size:.95rem !important;
    }

    section.contacts .wpcf7-form textarea,
    section#contacts.contacts .wpcf7-form textarea{
        min-height:140px !important;
    }

    section.contacts .wpcf7-form input.wpcf7-submit,
    section#contacts.contacts .wpcf7-form input.wpcf7-submit,
    section.contacts .wpcf7-form button.wpcf7-submit,
    section#contacts.contacts .wpcf7-form button.wpcf7-submit,
    section.contacts .wpcf7-form input[type="submit"],
    section#contacts.contacts .wpcf7-form input[type="submit"]{
        width:100% !important;
        max-width:280px;
        min-height:48px;
    }
}


.icons__layout{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    gap:clamp(24px,3.5vw,40px);
    align-items:start;
    width:100%;
}

.icons__lead{
    display:grid;
    gap:16px;
    position:sticky;
    top:clamp(24px,4vh,48px);
    justify-items:center;
    text-align:center;
    align-self:start;
}

.icons__lead-frame{
    display:grid;
    gap:14px;
    justify-items:center;
    width:min(100%, 520px);
    padding:0;
    border-radius:0;
    background:none;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
}

.icons__lead-badge{
    margin:0;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(70,130,180,.10);
    border:1px solid var(--sdstool-border);
    color:var(--sdstool-primary-deep);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    white-space:nowrap;
}

.icons__lead-visual{
    display:grid;
    gap:10px;
    width:100%;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
}

.icons__lead-visual img{
    width:100%;
    height:auto;
    display:block;
    border-radius:0;
    box-shadow:none;
}

.icons__lead-caption{
    max-width:420px;
    margin:0;
    color:var(--sdstool-text-soft);
    line-height:1.55;
}

.icons__list{
    display:grid;
    gap:14px;
}

.icons__list .icons__item{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:16px;
    align-items:start;
    padding:18px 20px;
    background:rgba(255,255,255,.74);
    border:1px solid var(--sdstool-border);
    border-radius:22px;
}

.icons__list .icons__item img{
    width:52px;
    height:52px;
    margin-top:2px;
}

.icons__list .icons__item div{
    display:grid;
    gap:6px;
}

.icons__list .icons__item h3{
    font-size:1.05rem;
}

.icons__list .icons__item p{
    font-size:.95rem;
    opacity:.88;
    max-width:none;
}

.icons__list .icons__item:hover,
.icons__list .icons__item:focus-within{
    transform:translateY(-3px);
}

.icons__points{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 34px;
    position:relative;
    padding:8px 18px 0;
    align-self:center;
}

.icons__points::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:1px;
    background:linear-gradient(180deg, rgba(70,130,180,.05) 0%, rgba(70,130,180,.26) 20%, rgba(70,130,180,.26) 80%, rgba(70,130,180,.05) 100%);
    transform:translateX(-50%);
}

.icons__point{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:18px;
    align-items:start;
    padding:18px 0 18px 0;
    background:none;
    border-radius:0;
    box-shadow:none;
    position:relative;
}

.icons__point:nth-child(odd){
    grid-column:1;
    padding-right:28px;
}

.icons__point:nth-child(even){
    grid-column:2;
    padding-left:28px;
}

.icons__point-icon{
    width:48px;
    height:48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg, rgba(70,130,180,.12) 0%, rgba(70,130,180,.05) 100%);
    border:1px solid rgba(70,130,180,.12);
    color:var(--sdstool-primary-deep);
}

.icons__point-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.12em;
}

.icons__point-body{
    display:grid;
    gap:4px;
    padding-top:0;
}

.icons__point-body h3{
    margin:0;
    font-size:1.08rem;
    color:var(--sdstool-primary-deep);
}

.icons__point-body p{
    margin:0;
    max-width:none;
    line-height:1.55;
    color:var(--sdstool-text-soft);
}

@media (max-width: 1100px){
    .icons__layout{
        grid-template-columns:1fr;
    }

    .icons__lead{
        position:relative;
        top:auto;
    }

    .icons__lead-frame{
        width:min(100%, 560px);
    }

    .icons{
        min-height:calc(100svh - 52px);
        align-items:flex-start;
    }

    .icons__container{
        min-height:auto;
    }

    .icons__points{
        grid-template-columns:1fr;
    }

    .icons__points::before{
        left:26px;
        transform:none;
    }

    .icons__point{
        padding:20px 0;
        grid-column:auto !important;
        padding-left:44px;
        padding-right:0;
    }
}

@media (max-width: 992px){
    .icons__lead{
        top:48px;
    }
}

@media (max-width: 720px){
    .icons{
        min-height:auto;
        padding-block:40px 32px;
    }

    .icons__container > h2{
        white-space:normal;
        max-width:20ch;
    }

    .icons__layout{
        gap:20px;
        justify-items:center;
    }

    .icons__lead,
    .icons__points,
    .icons__point{
        justify-items:center;
        text-align:center;
    }

    .icons__lead-frame{
        padding:14px;
        border-radius:26px;
        width:min(100%, 560px);
    }

    .icons__point{
        grid-template-columns:1fr;
        gap:10px;
        padding:12px 0;
    }

    .icons__point-icon{
        margin-top:0;
    }

    .icons__point-body{
        justify-items:center;
    }

    .icons__lead-badge{
        font-size:.66rem;
        letter-spacing:.1em;
    }

    .icons__lead-caption{
        font-size:.96rem;
    }
}

#vantaggi{
    position:relative;
    padding-top:0px;
    padding-bottom:104px;
    background:
        radial-gradient(circle at 12% 12%, rgba(70,130,180,.08), transparent 26%),
        radial-gradient(circle at 86% 18%, rgba(17,48,76,.05), transparent 22%),
        linear-gradient(180deg, #f7f9fc 0%, #eef4fa 100%);
}

#vantaggi .icons__container{
    max-width:1240px;
}

#vantaggi .icons__lead{
    margin:0 auto 44px;
    text-align:center;
}

#vantaggi .icons__lead-title{
    margin:0 auto;
    max-width:none;
    font-size:clamp(1.7rem, 2vw, 2.18rem);
    line-height:1.08;
    letter-spacing:.01em;
    color:#132334;
}

#vantaggi .vantaggi-matrix{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:0;
    align-items:stretch;
    grid-auto-rows:minmax(180px,auto);
}

#vantaggi .vantaggi-matrix__card{
    min-height:180px;
    padding:22px 20px 20px;
    display:grid;
    grid-template-columns:60px minmax(0,1fr);
    gap:14px;
    align-items:start;
    text-align:left;
    background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    color:#132334;
    border-radius:18px;
    border:1px solid rgba(70,130,180,.12);
    box-shadow:0 16px 32px rgba(31,58,95,.08);
    position:relative;
    overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease;
}

#vantaggi .vantaggi-matrix__icon{
    width:60px;
    height:60px;
    margin:0 0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(70,130,180,.10) 0%, rgba(70,130,180,.04) 100%);
    border:1px solid rgba(70,130,180,.12);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

#vantaggi .vantaggi-matrix__icon img{
    width:34px;
    height:34px;
    object-fit:contain;
    display:block;
}

#vantaggi .vantaggi-matrix__text{
    display:grid;
    gap:8px;
    align-content:start;
}

#vantaggi .vantaggi-matrix__card:nth-child(6){
    border-color:rgba(207,47,51,.18);
}

#vantaggi .vantaggi-matrix__card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg, rgba(70,130,180,.92), rgba(70,130,180,.18));
    opacity:1;
}

#vantaggi .vantaggi-matrix__card:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 42px rgba(31,58,95,.12);
}

#vantaggi .vantaggi-matrix__card h3{
    margin:0;
    color:#132334;
    font-size:1.03rem;
    line-height:1.16;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.02em;
}

#vantaggi .vantaggi-matrix__card p{
    margin:0;
    color:var(--sdstool-text-soft);
    font-size:.94rem;
    line-height:1.5;
    max-width:30ch;
}

#vantaggi .vantaggi-matrix__card:nth-child(6)::before{
    background:linear-gradient(90deg, rgba(207,47,51,.92), rgba(207,47,51,.18));
}

#vantaggi .vantaggi-matrix__card:nth-child(6) h3{
    color:#b82a2f;
}

@media (max-width: 1100px){
    #vantaggi .vantaggi-matrix{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:minmax(156px,auto);
    }
}

@media (max-width: 720px){
    #vantaggi{
        padding-top:80px;
        padding-bottom:86px;
    }

    #vantaggi .icons__lead{
        margin-bottom:24px;
    }

    #vantaggi .vantaggi-matrix{
        grid-template-columns:1fr;
        gap:16px;
    }

    #vantaggi .vantaggi-matrix__card{
        min-height:auto;
        padding:20px 18px 18px;
        grid-template-columns:52px minmax(0,1fr);
        gap:12px;
    }

    #vantaggi .vantaggi-matrix__icon{
        width:52px;
        height:52px;
        margin-bottom:12px;
    }

    #vantaggi .vantaggi-matrix__icon img{
        width:30px;
        height:30px;
    }

    #vantaggi .vantaggi-matrix__text{
        gap:6px;
    }

    #vantaggi .vantaggi-matrix__card p{
        max-width:28ch;
    }
}
@media (max-width: 980px){
    .features__hero-media{
        margin:22px auto 24px;
    }
}

@media (min-width: 981px){
    .features__hero-media{
        max-width:760px;
        margin:24px auto 28px;
    }

    .features__hero-media img{
        width:100%;
        max-width:760px;
        height:auto;
    }
}

@media (max-width: 720px){
    .features__hero-media img{
        border-radius:20px;
    }
}

.feature-card--product-split{
    grid-template-columns:1fr;
    min-height:auto;
    gap:10px;
    padding:18px 18px 16px;
    border-radius:20px;
    border:1px solid rgba(70,130,180,.12);
    border-left:6px solid var(--sdstool-primary);
    background:
      linear-gradient(180deg, rgba(70,130,180,.04) 0%, rgba(255,255,255,.98) 18%),
      #ffffff;
    box-shadow:0 20px 40px rgba(31,58,95,.08);
}

.feature-card--product-split::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:12px;
    border-radius:20px 20px 0 0;
    background:linear-gradient(90deg, rgba(70,130,180,.16), rgba(70,130,180,.04));
    pointer-events:none;
}

.feature-card--product-split .feature-card__badge{
    grid-column:auto;
    margin-bottom:0;
    width:max-content;
    padding:7px 12px;
    border-radius:999px;
    background:linear-gradient(180deg, #eef4fb 0%, #dde8f4 100%);
    color:var(--sdstool-navy);
    letter-spacing:.16em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.feature-card--product-split .feature-card__body{
    gap:6px;
    padding:0;
}

.feature-card--product-split .feature-card__body p{
    color:var(--sdstool-text);
    line-height:1.52;
    font-size:.96rem;
}

.feature-card--product-split .feature-card__body p::first-line{
    font-weight:700;
    color:var(--sdstool-navy);
}

.feature-card--product-split .feature-card__body::after{
    content:"";
    display:block;
    width:60px;
    height:3px;
    border-radius:999px;
    margin-top:6px;
    background:linear-gradient(90deg, var(--sdstool-primary), rgba(70,130,180,.08));
}

.features__layout--operations{
    display:grid;
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
    gap:36px;
    align-items:start;
}

.features__layout--operations .features__hero-media{
    margin:0;
    align-self:start;
    position:relative;
    padding:14px 14px 12px;
    border-radius:20px;
    border:1px solid rgba(70,130,180,.12);
    border-left:6px solid var(--sdstool-primary);
    background:
      linear-gradient(180deg, rgba(70,130,180,.05) 0%, rgba(255,255,255,.98) 22%),
      #ffffff;
    box-shadow:0 20px 40px rgba(31,58,95,.08);
    overflow:hidden;
}

.features__layout--operations .features__hero-media::before{
    content:"DASHBOARD OPERATIVA";
    position:absolute;
    top:14px;
    left:14px;
    z-index:1;
    padding:8px 12px 7px;
    border-radius:12px;
    background:linear-gradient(180deg, #eef4fb 0%, #dde8f4 100%);
    color:var(--sdstool-navy);
    font-size:.70rem;
    font-weight:900;
    letter-spacing:.22em;
    text-transform:uppercase;
    box-shadow:0 10px 22px rgba(31,58,95,.18);
    left:50%;
    transform:translateX(-50%);
}

.features__layout--operations .features__hero-media img{
    position:relative;
    z-index:0;
    display:block;
    width:100%;
    max-width:100%;
    border-radius:16px;
    box-shadow:none;
    margin-top:42px;
}

.features__layout--operations .features__stack--operations{
    display:block;
}

.features__layout--operations .features__cards--operations{
    grid-template-columns:1fr;
}

.features__layout--operations .features__cards--split{
    margin-top:-4px;
}

.features__cards--split{
    display:grid;
    gap:10px;
}

.features__cards--split > .feature-card{
    width:100%;
    margin-left:0;
    margin-top:0;
}

@media (max-width: 980px){
    .features__layout--operations{
        grid-template-columns:1fr;
        gap:20px;
    }
}

.normativa__visual{
    background:transparent;
    border:0;
    box-shadow:none;
    padding:0;
}

.normativa__visual img{
    border-radius:0;
    box-shadow:none;
    background:none;
    max-width:100%;
}