/* ==========================================================
   HANDL — FOR HANDLERS PAGE
   Shortcode: [handl_for_handlers]
   Scoped to .handl-fh
   ========================================================== */

.handl-fh{
    --fh-violet:#6d43ff;
    --fh-violet-2:#8b6fff;
    --fh-orange:#ff5a1f;
    --fh-ink:#070a16;
    --fh-ink-2:#0b0f20;
    --fh-text:#151821;
    --fh-muted:#6f7482;
    --fh-line:#e7e8ee;
    --fh-soft:#f7f7fb;
    --fh-white:#fff;
    width:100%;
    overflow:hidden;
    color:var(--fh-text);
    background:#fff;
}

.handl-fh,
.handl-fh *{
    box-sizing:border-box;
}

.handl-fh img,
.handl-fh svg{
    display:block;
}

.handl-fh a{
    text-decoration:none;
}

.handl-fh svg{
    width:1em;
    height:1em;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.handl-fh-container{
    width:min(1420px, calc(100% - 96px));
    margin:0 auto;
}

.handl-fh-section{
    padding:108px 0;
}

.handl-fh-eyebrow{
    display:inline-block;
    color:var(--fh-violet);
    font-size:13px;
    line-height:1.1;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.handl-fh-eyebrow--orange{
    color:var(--fh-orange);
}

.handl-fh-section-head{
    margin-bottom:56px;
}

.handl-fh-section-head--center{
    text-align:center;
}

.handl-fh-section-head h2{
    margin:12px 0 0;
    color:#11131a;
    font-size:clamp(34px, 3.4vw, 56px);
    line-height:1.02;
    font-weight:850;
    letter-spacing:-.04em;
}

.handl-fh-sr-only{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.handl-fh-actions{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:20px;
}

.handl-fh-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    min-height:58px;
    padding:0 30px;
    border-radius:999px;
    font-size:16px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
    transition:transform .2s ease, opacity .2s ease, background-color .2s ease, border-color .2s ease;
}

.handl-fh-btn:hover{
    transform:translateY(-2px);
}

.handl-fh-btn__icon{
    display:inline-flex;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    flex:0 0 20px;
}

.handl-fh-btn__icon svg{
    width:20px;
    height:20px;
}

.handl-fh-btn--primary{
    color:#fff;
    background:var(--fh-violet);
    border:1px solid var(--fh-violet);
}

.handl-fh-btn--outline{
    color:#fff;
    background:transparent;
    border:1px solid rgba(255,255,255,.72);
}

.handl-fh-btn--violet-outline{
    color:var(--fh-violet);
    background:#fff;
    border:1px solid var(--fh-violet);
}

.handl-fh-btn--orange-outline{
    color:#fff;
    background:transparent;
    border:1px solid var(--fh-orange);
}

.handl-fh-btn--orange-outline-light{
    color:var(--fh-orange);
    background:#fff;
    border:1px solid var(--fh-orange);
}

.handl-fh-btn--compact{
    min-height:50px;
    padding:0 24px;
    font-size:14px;
}

.handl-fh-center-action{
    display:flex;
    justify-content:center;
    margin-top:44px;
}

/* ==========================================================
   HERO
   ========================================================== */

.handl-fh-hero{
    position:relative;
    min-height:690px;
    background:#050813;
    isolation:isolate;
}

.handl-fh-hero__media,
.handl-fh-hero__veil{
    position:absolute;
    inset:0;
}

.handl-fh-hero__media{
    z-index:-3;
    background-image:var(--handl-fh-hero-image);
    background-repeat:no-repeat;
    background-position:78% center;
    background-size:auto 100%;
}

.handl-fh-hero__veil{
    z-index:-2;
    background:
        linear-gradient(
            90deg,
            rgba(5,8,19,1) 0%,
            rgba(5,8,19,.99) 31%,
            rgba(5,8,19,.91) 44%,
            rgba(5,8,19,.35) 66%,
            rgba(5,8,19,.06) 100%
        );
}

.handl-fh-hero__inner{
    min-height:690px;
    display:flex;
    align-items:center;
    padding:118px 0 82px;
}

.handl-fh-hero__content{
    width:min(620px, 45vw);
    color:#fff;
}

.handl-fh-hero h1{
    margin:16px 0 30px;
    color:#fff;
    font-size:clamp(58px, 5.4vw, 88px);
    line-height:.94;
    letter-spacing:-.055em;
    font-weight:860;
}

.handl-fh-hero h1 span{
    display:inline-block;
    position:relative;
    color:var(--fh-violet);
    padding-bottom:14px;
}

.handl-fh-hero h1 span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:72%;
    height:4px;
    border-radius:999px;
    background:var(--fh-violet);
}

.handl-fh-hero p{
    max-width:575px;
    margin:0 0 34px;
    color:rgba(255,255,255,.9);
    font-size:18px;
    line-height:1.72;
}

/* ==========================================================
   BENEFITS
   ========================================================== */

.handl-fh-benefits{
    background:#fff;
}

.handl-fh-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid var(--fh-line);
    border-bottom:1px solid var(--fh-line);
}

.handl-fh-benefit-card{
    min-width:0;
    padding:38px 44px 42px;
    border-right:1px solid var(--fh-line);
}

.handl-fh-benefit-card:first-child{
    padding-left:12px;
}

.handl-fh-benefit-card:last-child{
    padding-right:12px;
    border-right:0;
}

.handl-fh-benefit-card__icon{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    color:var(--fh-violet);
    font-size:48px;
}

.handl-fh-benefit-card__number{
    display:block;
    margin-bottom:14px;
    color:var(--fh-violet);
    font-size:24px;
    line-height:1;
    font-weight:850;
}

.handl-fh-benefit-card h3{
    margin:0 0 12px;
    font-size:19px;
    line-height:1.2;
    font-weight:800;
}

.handl-fh-benefit-card p{
    margin:0;
    color:var(--fh-muted);
    font-size:14px;
    line-height:1.68;
}

/* ==========================================================
   SERVICES
   ========================================================== */

.handl-fh-services{
    padding-top:104px;
    padding-bottom:112px;
    background:#fff;
    border-top:1px solid #f2f2f6;
}

.handl-fh-service-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
}

.handl-fh-service-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e4e1ef;
    border-radius:14px;
    background:#f7f6fb;
    transition:transform .25s ease, box-shadow .25s ease;
}

.handl-fh-service-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 44px rgba(25,23,48,.09);
}

.handl-fh-service-card__image{
    position:relative;
    display:block;
    aspect-ratio:1.42/1;
    overflow:hidden;
    background:#e9e7f1;
}

.handl-fh-service-card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.handl-fh-service-card:hover .handl-fh-service-card__image img{
    transform:scale(1.04);
}

.handl-fh-service-card__icon{
    position:absolute;
    left:16px;
    top:14px;
    z-index:2;
    display:flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:var(--fh-violet);
    font-size:22px;
    box-shadow:0 8px 20px rgba(109,67,255,.25);
}

.handl-fh-service-card__content{
    min-height:190px;
    padding:22px 20px 24px;
}

.handl-fh-service-card h3{
    margin:0 0 12px;
    font-size:17px;
    line-height:1.18;
    font-weight:800;
}

.handl-fh-service-card h3 a{
    color:#171922;
}

.handl-fh-service-card p{
    margin:0;
    color:#6c7180;
    font-size:13px;
    line-height:1.62;
}

/* ==========================================================
   APPLICATION
   ========================================================== */

.handl-fh-application{
    background:#fff;
    border-top:1px solid #f1f1f5;
}

.handl-fh-application-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.handl-fh-application-step{
    position:relative;
    min-width:0;
    padding:8px 44px 12px;
}

.handl-fh-application-step:first-child{
    padding-left:0;
}

.handl-fh-application-step:last-child{
    padding-right:0;
}

.handl-fh-application-step__top{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
}

.handl-fh-application-step__number{
    display:flex;
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    flex:0 0 52px;
    border:2px solid var(--fh-violet);
    border-radius:50%;
    color:var(--fh-violet);
    background:#fff;
    font-size:18px;
    font-weight:850;
}

.handl-fh-application-step__icon{
    display:flex;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    color:var(--fh-violet);
    font-size:40px;
}

.handl-fh-application-step__line{
    position:absolute;
    top:34px;
    left:126px;
    right:-18px;
    border-top:1px dashed rgba(109,67,255,.52);
}

.handl-fh-application-step h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.2;
    font-weight:800;
}

.handl-fh-application-step p{
    margin:0;
    color:var(--fh-muted);
    font-size:14px;
    line-height:1.64;
}

/* ==========================================================
   VERIFICATION
   ========================================================== */

.handl-fh-verify{
    padding:62px 0;
    background:#fff;
}

.handl-fh-verify__inner{
    display:grid;
    grid-template-columns:minmax(300px,.9fr) minmax(0,1.55fr);
    gap:70px;
    align-items:center;
    padding:46px 52px;
    border:1px solid rgba(120,82,255,.25);
    border-radius:18px;
    background:
        radial-gradient(circle at 72% 50%, rgba(109,67,255,.18), transparent 34%),
        #080b18;
    color:#fff;
    box-shadow:0 24px 60px rgba(18,14,50,.12);
}

.handl-fh-verify__copy h2{
    margin:10px 0 14px;
    color:#fff;
    font-size:clamp(30px,2.5vw,44px);
    line-height:1.03;
    letter-spacing:-.035em;
}

.handl-fh-verify__copy p{
    max-width:500px;
    margin:0 0 24px;
    color:rgba(255,255,255,.72);
    font-size:14px;
    line-height:1.65;
}

.handl-fh-verify-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:18px;
    align-items:start;
    margin:0;
    padding:0;
    list-style:none;
}

.handl-fh-verify-steps li{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    min-width:0;
    color:#fff;
    text-align:center;
    font-size:12px;
    line-height:1.25;
    font-weight:700;
}

.handl-fh-verify-steps__icon{
    display:flex;
    width:66px;
    height:66px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(145,112,255,.6);
    border-radius:50%;
    color:#fff;
    background:rgba(109,67,255,.25);
    font-size:32px;
    box-shadow:0 0 24px rgba(109,67,255,.2);
}

.handl-fh-verify-steps__arrow{
    position:absolute;
    top:24px;
    right:-18px;
    color:var(--fh-violet-2);
    font-size:22px;
}

/* ==========================================================
   DASHBOARD
   ========================================================== */

.handl-fh-dashboard{
    padding-top:106px;
    padding-bottom:106px;
}

.handl-fh-dashboard__grid{
    display:grid;
    grid-template-columns:minmax(360px,.76fr) minmax(0,1.5fr);
    gap:70px;
    align-items:center;
}

.handl-fh-dashboard__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:350px;
}

.handl-fh-dashboard__visual img{
    width:min(100%,560px);
    height:auto;
    filter:drop-shadow(0 22px 34px rgba(15,17,32,.13));
}

.handl-fh-dashboard__content .handl-fh-section-head{
    margin-bottom:34px;
}

.handl-fh-dashboard-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.handl-fh-dashboard-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
    min-width:0;
    min-height:132px;
    padding:22px 20px;
    border:1px solid #ebeaf0;
    border-radius:12px;
    background:#fff;
}

.handl-fh-dashboard-card__icon{
    display:flex;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    color:var(--fh-violet);
    font-size:31px;
}

.handl-fh-dashboard-card h3{
    margin:2px 0 7px;
    font-size:15px;
    font-weight:800;
}

.handl-fh-dashboard-card p{
    margin:0;
    color:var(--fh-muted);
    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   WORKFLOW
   ========================================================== */

.handl-fh-workflow{
    padding-top:82px;
    padding-bottom:94px;
    border-top:1px solid #f0f0f4;
}

.handl-fh-workflow__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,420px);
    gap:60px;
    align-items:end;
    margin-bottom:50px;
}

.handl-fh-workflow__head h2{
    margin:10px 0 0;
    font-size:clamp(32px,3vw,50px);
    line-height:1.04;
    letter-spacing:-.035em;
}

.handl-fh-workflow__head p{
    margin:0;
    color:var(--fh-muted);
    font-size:14px;
    line-height:1.65;
}

.handl-fh-workflow-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.handl-fh-workflow-grid li{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    min-width:0;
    text-align:center;
}

.handl-fh-workflow-item__icon{
    display:flex;
    width:64px;
    height:64px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:var(--fh-violet);
    font-size:30px;
    box-shadow:0 10px 24px rgba(109,67,255,.18);
}

.handl-fh-workflow-grid strong{
    font-size:11px;
    line-height:1.2;
    letter-spacing:.025em;
}

.handl-fh-workflow-item__arrow{
    position:absolute;
    top:22px;
    right:-9px;
    color:var(--fh-violet);
    font-size:22px;
}

/* ==========================================================
   PROTECTION
   ========================================================== */

.handl-fh-protection{
    padding-top:42px;
    padding-bottom:96px;
}

.handl-fh-protection__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.handl-fh-protection-card{
    display:grid;
    min-height:340px;
    overflow:hidden;
    border-radius:16px;
    border:1px solid #ebe8f1;
}

.handl-fh-protection-card--clear{
    grid-template-columns:31% minmax(0,1fr);
    background:linear-gradient(110deg,#f7f5ff 0%,#f1edff 100%);
}

.handl-fh-protection-card--support{
    grid-template-columns:minmax(0,1fr) 31%;
    background:linear-gradient(110deg,#fff7f1 0%,#fff0e6 100%);
}

.handl-fh-protection-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.handl-fh-protection-card__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px 36px;
}

.handl-fh-protection-card h2{
    margin:10px 0 22px;
    color:#11131a;
    font-size:clamp(27px,2.2vw,39px);
    line-height:1.02;
    letter-spacing:-.035em;
}

.handl-fh-check-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 18px;
    margin:0;
    padding:0;
    list-style:none;
}

.handl-fh-check-grid li{
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    color:#4f5563;
    font-size:12px;
    line-height:1.42;
}

.handl-fh-check-grid li > span{
    display:flex;
    width:17px;
    height:17px;
    flex:0 0 17px;
    color:var(--fh-violet);
    font-size:16px;
}

.handl-fh-check-grid--orange li > span{
    color:var(--fh-orange);
}

.handl-fh-protection-card--support .handl-fh-btn{
    align-self:flex-start;
    margin-top:26px;
}

/* ==========================================================
   ORGANIZED
   ========================================================== */

.handl-fh-organized{
    padding:34px 0;
    background:#fff;
}

.handl-fh-organized-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:30px 0;
    border-radius:16px;
    background:#070a17;
}

.handl-fh-organized-card{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:16px;
    min-width:0;
    padding:6px 32px;
    border-right:1px solid rgba(255,255,255,.14);
}

.handl-fh-organized-card:last-child{
    border-right:0;
}

.handl-fh-organized-card__icon{
    display:flex;
    width:48px;
    height:48px;
    align-items:center;
    justify-content:center;
    color:var(--fh-violet);
    font-size:38px;
}

.handl-fh-organized-card h3{
    margin:3px 0 7px;
    color:#fff;
    font-size:15px;
    font-weight:800;
}

.handl-fh-organized-card p{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   STANDARDS
   ========================================================== */

.handl-fh-standards{
    padding-top:94px;
    padding-bottom:96px;
}

.handl-fh-standards-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.handl-fh-standard-card{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:16px;
    min-width:0;
    padding:8px 34px;
    border-right:1px solid var(--fh-line);
}

.handl-fh-standard-card:first-child{
    padding-left:0;
}

.handl-fh-standard-card:last-child{
    padding-right:0;
    border-right:0;
}

.handl-fh-standard-card__icon{
    display:flex;
    width:48px;
    height:48px;
    align-items:center;
    justify-content:center;
    color:var(--fh-violet);
    font-size:38px;
}

.handl-fh-standard-card h3{
    margin:2px 0 8px;
    font-size:15px;
    font-weight:800;
}

.handl-fh-standard-card p{
    margin:0;
    color:var(--fh-muted);
    font-size:12px;
    line-height:1.58;
}

/* ==========================================================
   FINAL CTA
   ========================================================== */

.handl-fh-final{
    position:relative;
    min-height:350px;
    background:#070a17;
    isolation:isolate;
}

.handl-fh-final__media,
.handl-fh-final__veil{
    position:absolute;
    inset:0;
}

.handl-fh-final__media{
    z-index:-3;
    background-image:var(--handl-fh-final-image);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:auto 100%;
}

.handl-fh-final__veil{
    z-index:-2;
    background:linear-gradient(90deg,#070a17 0%,#070a17 53%,rgba(7,10,23,.88) 65%,rgba(7,10,23,.12) 100%);
}

.handl-fh-final__inner{
    min-height:350px;
    display:flex;
    align-items:center;
}

.handl-fh-final__content{
    width:min(760px,58%);
    padding:56px 0;
    color:#fff;
}

.handl-fh-final h2{
    margin:10px 0 12px;
    color:#fff;
    font-size:clamp(40px,4.1vw,64px);
    line-height:.97;
    letter-spacing:-.045em;
    font-weight:850;
}

.handl-fh-final p{
    max-width:650px;
    margin:0 0 26px;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.6;
}

/* ==========================================================
   TRUST STRIP
   ========================================================== */

.handl-fh-trust-strip{
    background:#fff;
    border-bottom:1px solid var(--fh-line);
}

.handl-fh-trust-strip__grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:center;
    min-height:74px;
}

.handl-fh-trust-strip span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#555a67;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
}

.handl-fh-trust-strip svg{
    width:19px;
    height:19px;
    color:var(--fh-violet);
}

/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1600px){
    .handl-fh-container{
        width:min(1500px,calc(100% - 120px));
    }

    .handl-fh-hero,
    .handl-fh-hero__inner{
        min-height:730px;
    }

    .handl-fh-section{
        padding-top:122px;
        padding-bottom:122px;
    }
}

/* ==========================================================
   LAPTOP
   ========================================================== */

@media (max-width:1279px){
    .handl-fh-container{
        width:min(1160px,calc(100% - 52px));
    }

    .handl-fh-section{
        padding:88px 0;
    }

    .handl-fh-hero,
    .handl-fh-hero__inner{
        min-height:640px;
    }

    .handl-fh-hero__inner{
        padding-top:108px;
        padding-bottom:74px;
    }

    .handl-fh-hero__content{
        width:min(540px,46vw);
    }

    .handl-fh-hero h1{
        font-size:clamp(52px,5.3vw,74px);
    }

    .handl-fh-benefit-card{
        padding:34px 26px;
    }

    .handl-fh-service-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:20px;
    }

    .handl-fh-service-card__content{
        min-height:154px;
    }

    .handl-fh-application-step{
        padding-left:26px;
        padding-right:26px;
    }

    .handl-fh-application-step__line{
        left:108px;
    }

    .handl-fh-verify__inner{
        gap:38px;
        padding:40px 34px;
    }

    .handl-fh-dashboard__grid{
        grid-template-columns:minmax(300px,.7fr) minmax(0,1.45fr);
        gap:44px;
    }

    .handl-fh-dashboard-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .handl-fh-protection-card__content{
        padding:34px 26px;
    }

    .handl-fh-organized-card{
        padding-left:22px;
        padding-right:22px;
    }

    .handl-fh-standard-card{
        padding-left:22px;
        padding-right:22px;
    }
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:900px){
    .handl-fh-container{
        width:min(100% - 34px,820px);
    }

    .handl-fh-section{
        padding:72px 0;
    }

    .handl-fh-hero{
        min-height:760px;
    }

    .handl-fh-hero__media{
        background-position:68% top;
        background-size:auto 55%;
    }

    .handl-fh-hero__veil{
        background:
            linear-gradient(
                180deg,
                rgba(5,8,19,.18) 0%,
                rgba(5,8,19,.32) 36%,
                rgba(5,8,19,.91) 54%,
                rgba(5,8,19,1) 72%,
                rgba(5,8,19,1) 100%
            );
    }

    .handl-fh-hero__inner{
        min-height:760px;
        align-items:flex-end;
        padding:330px 0 58px;
    }

    .handl-fh-hero__content{
        width:100%;
        max-width:660px;
    }

    .handl-fh-hero h1{
        font-size:58px;
    }

    .handl-fh-benefit-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .handl-fh-benefit-card,
    .handl-fh-benefit-card:first-child,
    .handl-fh-benefit-card:last-child{
        padding:30px 28px;
        border-right:1px solid var(--fh-line);
        border-bottom:1px solid var(--fh-line);
    }

    .handl-fh-benefit-card:nth-child(2n){
        border-right:0;
    }

    .handl-fh-benefit-card:nth-last-child(-n+2){
        border-bottom:0;
    }

    .handl-fh-service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .handl-fh-application-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:44px 0;
    }

    .handl-fh-application-step,
    .handl-fh-application-step:first-child,
    .handl-fh-application-step:last-child{
        padding:0 28px;
    }

    .handl-fh-application-step:nth-child(odd){
        padding-left:0;
    }

    .handl-fh-application-step:nth-child(even){
        padding-right:0;
    }

    .handl-fh-application-step__line{
        display:none;
    }

    .handl-fh-verify{
        padding:40px 0;
    }

    .handl-fh-verify__inner{
        grid-template-columns:1fr;
        gap:38px;
    }

    .handl-fh-dashboard__grid{
        grid-template-columns:1fr;
    }

    .handl-fh-dashboard__visual{
        min-height:auto;
    }

    .handl-fh-dashboard__visual img{
        width:min(100%,620px);
    }

    .handl-fh-workflow__head{
        grid-template-columns:1fr;
        gap:18px;
    }

    .handl-fh-workflow-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:42px 0;
    }

    .handl-fh-workflow-item__arrow{
        display:none;
    }

    .handl-fh-protection__grid{
        grid-template-columns:1fr;
    }

    .handl-fh-organized-grid,
    .handl-fh-standards-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .handl-fh-organized-card{
        padding:28px;
        border-right:1px solid rgba(255,255,255,.14);
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .handl-fh-organized-card:nth-child(2n){
        border-right:0;
    }

    .handl-fh-organized-card:nth-last-child(-n+2){
        border-bottom:0;
    }

    .handl-fh-standard-card,
    .handl-fh-standard-card:first-child,
    .handl-fh-standard-card:last-child{
        padding:26px;
        border-right:1px solid var(--fh-line);
        border-bottom:1px solid var(--fh-line);
    }

    .handl-fh-standard-card:nth-child(2n){
        border-right:0;
    }

    .handl-fh-standard-card:nth-last-child(-n+2){
        border-bottom:0;
    }

    .handl-fh-final__media{
        background-position:76% center;
    }

    .handl-fh-final__content{
        width:70%;
    }

    .handl-fh-trust-strip__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        padding:8px 0;
    }

    .handl-fh-trust-strip span{
        min-height:48px;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:600px){
    .handl-fh-container{
        width:calc(100% - 28px);
    }

    .handl-fh-section{
        padding:58px 0;
    }

    .handl-fh-section-head{
        margin-bottom:38px;
    }

    .handl-fh-section-head h2{
        font-size:35px;
    }

    .handl-fh-hero{
        min-height:800px;
    }

    .handl-fh-hero__media{
        background-position:67% top;
        background-size:auto 46%;
    }

    .handl-fh-hero__inner{
        min-height:800px;
        padding:330px 0 48px;
    }

    .handl-fh-hero h1{
        font-size:48px;
    }

    .handl-fh-hero p{
        font-size:16px;
        line-height:1.65;
    }

    .handl-fh-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }

    .handl-fh-btn{
        width:100%;
        min-height:56px;
        padding-left:22px;
        padding-right:22px;
    }

    .handl-fh-benefit-grid,
    .handl-fh-service-grid,
    .handl-fh-application-grid,
    .handl-fh-dashboard-card-grid,
    .handl-fh-organized-grid,
    .handl-fh-standards-grid{
        grid-template-columns:1fr;
    }

    .handl-fh-benefit-card,
    .handl-fh-benefit-card:first-child,
    .handl-fh-benefit-card:last-child,
    .handl-fh-benefit-card:nth-child(2n),
    .handl-fh-benefit-card:nth-last-child(-n+2){
        padding:30px 0;
        border-right:0;
        border-bottom:1px solid var(--fh-line);
    }

    .handl-fh-benefit-card:last-child{
        border-bottom:0;
    }

    .handl-fh-service-card__image{
        aspect-ratio:1.75/1;
    }

    .handl-fh-service-card__content{
        min-height:auto;
        padding:22px;
    }

    .handl-fh-service-card h3{
        font-size:20px;
    }

    .handl-fh-service-card p{
        font-size:14px;
    }

    .handl-fh-application-step,
    .handl-fh-application-step:first-child,
    .handl-fh-application-step:last-child,
    .handl-fh-application-step:nth-child(odd),
    .handl-fh-application-step:nth-child(even){
        padding:0 0 30px;
        border-bottom:1px solid var(--fh-line);
    }

    .handl-fh-application-step:last-child{
        padding-bottom:0;
        border-bottom:0;
    }

    .handl-fh-verify__inner{
        padding:34px 22px;
    }

    .handl-fh-verify-steps{
        grid-template-columns:1fr;
        gap:20px;
    }

    .handl-fh-verify-steps li{
        display:grid;
        grid-template-columns:58px minmax(0,1fr);
        align-items:center;
        text-align:left;
    }

    .handl-fh-verify-steps__icon{
        width:56px;
        height:56px;
    }

    .handl-fh-verify-steps__arrow{
        display:none;
    }

    .handl-fh-dashboard__grid{
        gap:34px;
    }

    .handl-fh-dashboard-card{
        min-height:auto;
    }

    .handl-fh-workflow-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:36px 12px;
    }

    .handl-fh-protection-card,
    .handl-fh-protection-card--clear,
    .handl-fh-protection-card--support{
        grid-template-columns:1fr;
    }

    .handl-fh-protection-card img{
        height:250px;
    }

    .handl-fh-protection-card--support img{
        order:-1;
    }

    .handl-fh-protection-card__content{
        padding:30px 24px 34px;
    }

    .handl-fh-check-grid{
        grid-template-columns:1fr;
    }

    .handl-fh-organized-grid{
        padding:8px 22px;
    }

    .handl-fh-organized-card,
    .handl-fh-organized-card:nth-child(2n),
    .handl-fh-organized-card:nth-last-child(-n+2){
        padding:26px 0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .handl-fh-organized-card:last-child{
        border-bottom:0;
    }

    .handl-fh-standard-card,
    .handl-fh-standard-card:first-child,
    .handl-fh-standard-card:last-child,
    .handl-fh-standard-card:nth-child(2n),
    .handl-fh-standard-card:nth-last-child(-n+2){
        padding:26px 0;
        border-right:0;
        border-bottom:1px solid var(--fh-line);
    }

    .handl-fh-standard-card:last-child{
        border-bottom:0;
    }

    .handl-fh-final{
        min-height:590px;
    }

    .handl-fh-final__media{
        background-position:center top;
        background-size:auto 42%;
    }

    .handl-fh-final__veil{
        background:linear-gradient(180deg,rgba(7,10,23,.12) 0%,rgba(7,10,23,.28) 27%,#070a17 45%,#070a17 100%);
    }

    .handl-fh-final__inner{
        min-height:590px;
        align-items:flex-end;
    }

    .handl-fh-final__content{
        width:100%;
        padding:240px 0 42px;
    }

    .handl-fh-final h2{
        font-size:42px;
    }

    .handl-fh-trust-strip__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        padding:10px 0;
    }

    .handl-fh-trust-strip span{
        justify-content:flex-start;
        min-height:44px;
        font-size:9px;
    }
}

/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:390px){
    .handl-fh-container{
        width:calc(100% - 22px);
    }

    .handl-fh-hero h1{
        font-size:42px;
    }

    .handl-fh-section-head h2,
    .handl-fh-workflow__head h2,
    .handl-fh-protection-card h2{
        font-size:31px;
    }

    .handl-fh-trust-strip__grid{
        grid-template-columns:1fr;
    }
}

/* ==========================================================
   HANDL — FOR HANDLERS
   VERTICAL RHYTHM REFINEMENT
   Réduit uniquement les grands espaces ENTRE les sections
   ========================================================== */


/* ==========================================================
   DESKTOP — 1280px et plus
   ========================================================== */

@media (min-width:1280px){

    /* Hero → Work with More Control */
    .handl-fh-benefits{
        padding-top:64px !important;
        padding-bottom:54px !important;
    }


    /* Benefits → Different Skills */
    .handl-fh-services{
        padding-top:56px !important;
        padding-bottom:62px !important;
    }


    /* Services → Application */
    .handl-fh-application{
        padding-top:58px !important;
        padding-bottom:48px !important;
    }


    /* Application → Real Secure ID → Dashboard */
    .handl-fh-verify{
        padding-top:32px !important;
        padding-bottom:32px !important;
    }

    .handl-fh-dashboard{
        padding-top:54px !important;
        padding-bottom:48px !important;
    }


    /* Dashboard → Workflow */
    .handl-fh-workflow{
        padding-top:52px !important;
        padding-bottom:46px !important;
    }


    /* Workflow → Protection */
    .handl-fh-protection{
        padding-top:46px !important;
        padding-bottom:52px !important;
    }


    /* Professional Standards */
    .handl-fh-standards{
        padding-top:58px !important;
        padding-bottom:56px !important;
    }
}


/* ==========================================================
   LAPTOP — 901px à 1279px
   ========================================================== */

@media (min-width:901px) and (max-width:1279px){

    .handl-fh-benefits{
        padding-top:58px !important;
        padding-bottom:50px !important;
    }

    .handl-fh-services{
        padding-top:52px !important;
        padding-bottom:56px !important;
    }

    .handl-fh-application{
        padding-top:54px !important;
        padding-bottom:44px !important;
    }

    .handl-fh-verify{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    .handl-fh-dashboard{
        padding-top:50px !important;
        padding-bottom:44px !important;
    }

    .handl-fh-workflow{
        padding-top:48px !important;
        padding-bottom:42px !important;
    }

    .handl-fh-protection{
        padding-top:42px !important;
        padding-bottom:48px !important;
    }

    .handl-fh-standards{
        padding-top:52px !important;
        padding-bottom:50px !important;
    }
}


/* ==========================================================
   TABLET — 601px à 900px
   On conserve davantage d'air.
   ========================================================== */

@media (min-width:601px) and (max-width:900px){

    .handl-fh-benefits,
    .handl-fh-services,
    .handl-fh-application{
        padding-top:54px !important;
        padding-bottom:54px !important;
    }

    .handl-fh-verify{
        padding-top:34px !important;
        padding-bottom:34px !important;
    }

    .handl-fh-dashboard,
    .handl-fh-workflow,
    .handl-fh-protection,
    .handl-fh-standards{
        padding-top:52px !important;
        padding-bottom:52px !important;
    }
}


/* ==========================================================
   MOBILE — 600px et moins
   Réduction légère seulement.
   ========================================================== */

@media (max-width:600px){

    .handl-fh-benefits,
    .handl-fh-services,
    .handl-fh-application,
    .handl-fh-dashboard,
    .handl-fh-workflow,
    .handl-fh-protection,
    .handl-fh-standards{
        padding-top:50px !important;
        padding-bottom:50px !important;
    }

    .handl-fh-verify{
        padding-top:32px !important;
        padding-bottom:32px !important;
    }
}