body.ld-v6{
    --navy:#F5F6FA;
    --navy2:#4F7CFF;
    --ink:#F5F6FA;
    --muted:#9AA5BA;
    --line:rgba(255,255,255,.09);
    --surface:#111319;
    --gold:#D9AE66;
    --gold2:#D9AE66;

    background:
        radial-gradient(
            circle at 12% 7%,
            rgba(79,124,255,.16),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 6%,
            rgba(34,211,238,.12),
            transparent 25%
        ),
        #0A0B10;

    color:#F5F6FA;
}

body.ld-v6 .ld-public{
    background:transparent !important;
    color:#F5F6FA !important;
}

.ld-v6-brand{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.ld-v6-brand img{
    display:block;
    width:178px;
    max-width:100%;
    height:auto;
}

.ld-v6-nav-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.ld-v6-solutions{
    position:relative;
}

.ld-v6-solutions summary{
    list-style:none;
    cursor:pointer;
    color:var(--ld-text-soft);
    font-size:14px;
    font-weight:600;
}

.ld-v6-solutions summary::-webkit-details-marker{
    display:none;
}

.ld-v6-solutions summary::after{
    content:"⌄";
    margin-left:5px;
    font-size:10px;
}

.ld-v6-solutions[open] summary{
    color:#FFFFFF;
}

.ld-v6-solutions-menu{
    position:absolute;
    top:calc(100% + 18px);
    left:50%;
    z-index:200;

    width:290px;
    padding:9px;

    transform:translateX(-50%);

    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;

    background:rgba(17,19,25,.98);

    box-shadow:
        0 28px 70px
        rgba(0,0,0,.45);
}

.ld-v6-solutions-menu a{
    display:block;

    padding:11px 12px;

    border-radius:10px;

    color:#C5CDDC !important;
    text-decoration:none;

    font-size:13px !important;
}

.ld-v6-solutions-menu a:hover{
    background:rgba(255,255,255,.06);
    color:#FFFFFF !important;
}

.ld-v6-mobile-menu{
    display:none;
    position:relative;
}

.ld-v6-mobile-menu summary{
    list-style:none;
    cursor:pointer;

    padding:10px 14px;

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

    font-size:13px;
    font-weight:750;
}

.ld-v6-mobile-panel{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    z-index:200;

    width:min(300px,82vw);
    padding:10px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;

    background:rgba(17,19,25,.98);

    box-shadow:
        0 28px 70px
        rgba(0,0,0,.48);
}

.ld-v6-mobile-panel a{
    display:block;

    padding:12px;

    border-radius:10px;

    color:#DCE3EF;
    text-decoration:none;

    font-size:13px;
    font-weight:650;
}

.ld-v6-mobile-panel a:hover{
    background:rgba(255,255,255,.06);
}

/* Hide historical light header only in V6 candidate. */
body.ld-v6 .ld-public > .topbar{
    display:none !important;
}

body.ld-v6 .container{
    width:min(
        calc(100% - 48px),
        1180px
    ) !important;

    max-width:1180px !important;

    margin-inline:auto !important;
}

body.ld-v6 main{
    background:transparent !important;
}

body.ld-v6 main section{
    position:relative;
}

body.ld-v6 main h1,
body.ld-v6 main h2,
body.ld-v6 main h3,
body.ld-v6 main h4{
    color:#F5F6FA !important;

    font-family:
        'Bricolage Grotesque',
        Inter,
        sans-serif !important;
}

body.ld-v6 main h2{
    letter-spacing:-.035em;
}

body.ld-v6 main p,
body.ld-v6 main li{
    color:#9AA5BA;
}

/* HERO */

body.ld-v6 #producto.hero{
    width:100% !important;
    max-width:none !important;

    padding:
        122px 24px
        92px !important;

    display:block !important;

    overflow:hidden;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;

    text-align:center;
}

body.ld-v6 #producto::before,
body.ld-v6 #producto::after{
    content:"";

    position:absolute;
    z-index:-1;

    width:560px;
    height:560px;

    border-radius:50%;

    filter:blur(90px);

    pointer-events:none;
}

body.ld-v6 #producto::before{
    top:-280px;
    left:-160px;

    background:rgba(79,124,255,.28);

    animation:
        ldV6HeroFloatA
        18s ease-in-out
        infinite;
}

body.ld-v6 #producto::after{
    top:-220px;
    right:-180px;

    background:rgba(34,211,238,.20);

    animation:
        ldV6HeroFloatB
        22s ease-in-out
        infinite;
}

@keyframes ldV6HeroFloatA{
    0%,100%{
        transform:translate(0,0);
    }

    50%{
        transform:translate(55px,38px);
    }
}

@keyframes ldV6HeroFloatB{
    0%,100%{
        transform:translate(0,0);
    }

    50%{
        transform:translate(-48px,34px);
    }
}

body.ld-v6 #producto .hero-text{
    width:min(100%,980px) !important;
    max-width:980px !important;

    margin:
        0 auto
        54px !important;

    text-align:center !important;
}

body.ld-v6 #producto .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;

    width:auto !important;

    margin:
        0 auto
        22px !important;

    color:#22D3EE !important;

    background:transparent !important;
    border:0 !important;

    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
}

body.ld-v6 #producto .eyebrow::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:
        linear-gradient(
            90deg,
            #4F7CFF,
            #22D3EE
        );
}

body.ld-v6 #producto h1{
    max-width:950px !important;

    margin:
        0 auto
        24px !important;

    font-size:
        clamp(
            48px,
            6.2vw,
            84px
        ) !important;

    line-height:1.01 !important;
    letter-spacing:-.055em !important;

    color:#F7F8FC !important;
}

body.ld-v6 #producto h1 .ld-v6-hero-rotate{
    display:inline-block;

    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;

    transition:
        opacity .18s ease,
        transform .18s ease;
}

body.ld-v6 #producto .slogan{
    margin:
        0 auto
        16px !important;

    color:#D9AE66 !important;

    font-family:
        'Bricolage Grotesque',
        Inter,
        sans-serif !important;

    font-size:16px !important;
    font-weight:650 !important;
}

body.ld-v6 #producto .lead{
    max-width:720px !important;

    margin:
        0 auto
        28px !important;

    color:#9AA5BA !important;

    font-size:
        clamp(
            16px,
            1.7vw,
            19px
        ) !important;

    line-height:1.7 !important;
}

body.ld-v6 #producto .hero-actions{
    justify-content:center !important;
}

body.ld-v6 #producto .btn{
    min-height:50px !important;

    padding:0 21px !important;

    border-radius:12px !important;

    font-size:14px !important;
}

body.ld-v6 #producto .btn-navy{
    color:#07121F !important;

    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        ) !important;

    border:0 !important;
}

body.ld-v6 #producto .btn-outline{
    color:#F5F6FA !important;

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

    border:
        1px solid
        rgba(255,255,255,.15) !important;
}

/* PRODUCT SHOWCASE */

body.ld-v6 #producto .hero-demo,
body.ld-v6 #producto .device-stage,
body.ld-v6 #producto .ld-real-device-stage-v5{
    width:min(100%,1040px) !important;
    max-width:1040px !important;

    margin:
        70px auto
        0 !important;

    padding:8px !important;

    border-radius:22px !important;

    background:
        linear-gradient(
            135deg,
            rgba(79,124,255,.55),
            rgba(34,211,238,.24),
            rgba(217,174,102,.45)
        ) !important;

    box-shadow:
        0 45px 110px
        -35px
        rgba(0,0,0,.78) !important;
}

body.ld-v6 #producto .ld-real-laptop-slot-v5{
    position:relative !important;
    inset:auto !important;

    width:100% !important;
    max-width:none !important;

    transform:none !important;
}

body.ld-v6 #producto .ld-real-laptop-slot-v5 img{
    display:block;

    width:100% !important;
    height:auto !important;

    border-radius:16px !important;

    background:#FFFFFF;
}

body.ld-v6 #producto .ld-real-phone-slot-v5{
    display:none !important;
}

/* MARQUEE */

.ld-v6-module-marquee{
    overflow:hidden;

    border-top:
        1px solid
        rgba(255,255,255,.07);

    border-bottom:
        1px solid
        rgba(255,255,255,.07);

    background:#0F1117;
}

.ld-v6-module-marquee__track{
    display:flex;
    align-items:center;

    width:max-content;

    gap:46px;

    padding:20px 0;

    animation:
        ldV6Marquee
        28s linear
        infinite;
}

.ld-v6-module-marquee__item{
    display:flex;
    align-items:center;
    gap:13px;

    color:#778197;

    font-family:
        'Bricolage Grotesque',
        Inter,
        sans-serif;

    font-size:14px;
    font-weight:650;

    white-space:nowrap;
}

.ld-v6-module-marquee__item::after{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:#D9AE66;
}

@keyframes ldV6Marquee{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

/* CURRENT SECTIONS -> V6 */

body.ld-v6 #beneficios,
body.ld-v6 #modulos,
body.ld-v6 #como-funciona,
body.ld-v6 #planes,
body.ld-v6 #cumplimiento,
body.ld-v6 #apps,
body.ld-v6 #prueba-gratis,
body.ld-v6 #contacto{
    padding-top:96px !important;
    padding-bottom:96px !important;

    background:transparent !important;
}

body.ld-v6 .label,
body.ld-v6 .ld-compliance-label,
body.ld-v6 .ld-apps-v5__eyebrow,
body.ld-v6 .trial-public-label,
body.ld-v6 .ld-contact-v8-1__eyebrow{
    color:#22D3EE !important;

    background:transparent !important;

    border:0 !important;
}

body.ld-v6 .value-grid,
body.ld-v6 .module-grid,
body.ld-v6 .steps,
body.ld-v6 .plan-row,
body.ld-v6 .ld-compliance-grid,
body.ld-v6 .ld-apps-v5__platforms{
    gap:18px !important;
}

body.ld-v6 .value-card,
body.ld-v6 .module-card,
body.ld-v6 .step,
body.ld-v6 .plan-card,
body.ld-v6 .ld-compliance-card,
body.ld-v6 .ld-compliance-callout,
body.ld-v6 .ld-apps-v5__platform,
body.ld-v6 .trial-public-card,
body.ld-v6 .ld-contact-v8-1__shell{
    border:
        1px solid
        rgba(255,255,255,.085) !important;

    border-radius:18px !important;

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

    box-shadow:none !important;

    backdrop-filter:blur(12px);

    transition:
        transform .24s
        cubic-bezier(.19,1,.22,1),
        border-color .24s ease,
        background .24s ease !important;
}

body.ld-v6 .value-card:hover,
body.ld-v6 .module-card:hover,
body.ld-v6 .step:hover,
body.ld-v6 .plan-card:hover,
body.ld-v6 .ld-compliance-card:hover,
body.ld-v6 .ld-apps-v5__platform:hover{
    transform:
        translateY(-4px) !important;

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

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

body.ld-v6 .value-icon,
body.ld-v6 .plan-icon,
body.ld-v6 .ld-apps-v5__icon{
    border:0 !important;

    background:
        linear-gradient(
            135deg,
            rgba(79,124,255,.20),
            rgba(34,211,238,.16)
        ) !important;

    color:#22D3EE !important;
}

body.ld-v6 .billing-toggle{
    background:
        rgba(255,255,255,.05) !important;

    border:
        1px solid
        rgba(255,255,255,.09) !important;
}

body.ld-v6 .billing-btn{
    color:#8792A8 !important;
}

body.ld-v6 .billing-btn.active{
    color:#06111E !important;

    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        ) !important;
}

body.ld-v6 .plan-card.popular,
body.ld-v6 .plan-card.is-popular{
    border-color:
        rgba(217,174,102,.48) !important;
}

body.ld-v6 .price-value,
body.ld-v6 .plan-price{
    color:#FFFFFF !important;
}

body.ld-v6 .popular-ribbon{
    color:#121212 !important;
    background:#D9AE66 !important;
}

body.ld-v6 .ld-compliance-section{
    overflow:hidden;
}

body.ld-v6 .ld-compliance-section::before{
    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-230px;
    top:10%;

    border-radius:50%;

    filter:blur(100px);

    background:
        rgba(217,174,102,.10);

    pointer-events:none;
}

body.ld-v6 #contacto input,
body.ld-v6 #contacto textarea,
body.ld-v6 #contacto select{
    color:#F5F6FA !important;

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

    border:
        1px solid
        rgba(255,255,255,.10) !important;
}

body.ld-v6 #contacto input::placeholder,
body.ld-v6 #contacto textarea::placeholder{
    color:#6F788B;
}

body.ld-v6 .footer{
    border-top:
        1px solid
        rgba(255,255,255,.08) !important;

    color:#778197 !important;

    background:#08090D !important;
}

body.ld-v6 .footer a,
body.ld-v6 .legal-public-links a{
    color:#9DA7BA !important;
}

body.ld-v6 .footer a:hover,
body.ld-v6 .legal-public-links a:hover{
    color:#FFFFFF !important;
}

/* REVEAL */

.ld-v6-auto-reveal{
    opacity:0;
    transform:translateY(24px);

    transition:
        opacity .75s
        cubic-bezier(.19,1,.22,1),
        transform .75s
        cubic-bezier(.19,1,.22,1);
}

.ld-v6-auto-reveal.is-visible{
    opacity:1;
    transform:none;
}

@media(max-width:1050px){

    .ld-v6-nav-links,
    .ld-v6-login{
        display:none !important;
    }

    .ld-v6-mobile-menu{
        display:block;
    }

    .ld-v6-nav-actions{
        margin-left:auto;
    }

    body.ld-v6 #producto{
        padding-top:
            96px !important;
    }
}

@media(max-width:720px){

    body.ld-v6 .container{
        width:
            calc(100% - 28px)
            !important;
    }

    .ld-v6-brand img{
        width:145px;
    }

    .ld-v6-nav-actions
    .ld-v6-btn-primary{
        display:none;
    }

    body.ld-v6 #producto.hero{
        padding:
            80px 14px
            64px !important;
    }

    body.ld-v6 #producto h1{
        font-size:
            clamp(
                42px,
                12vw,
                62px
            ) !important;
    }

    body.ld-v6 #beneficios,
    body.ld-v6 #modulos,
    body.ld-v6 #como-funciona,
    body.ld-v6 #planes,
    body.ld-v6 #cumplimiento,
    body.ld-v6 #apps,
    body.ld-v6 #prueba-gratis,
    body.ld-v6 #contacto{
        padding-top:
            72px !important;

        padding-bottom:
            72px !important;
    }
}

@media(
    prefers-reduced-motion:
    reduce
){

    body.ld-v6 *,
    body.ld-v6 *::before,
    body.ld-v6 *::after{
        animation-duration:
            .001ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .001ms !important;
    }
}

/* ============================================================
   LEGALDESK-WEB-V6-G2
   BRAND + HERO + PLANS REBUILD
   PREVIEW ONLY
   ============================================================ */

/* ------------------------------------------------------------
   BRAND / HEADER
   ------------------------------------------------------------ */

body.ld-v6 .ld-v6-header img[
    src*="legaldesk-logo-dark-bg.png"
]{
    display:block !important;
    width:auto !important;
    height:48px !important;
    max-width:220px !important;
    object-fit:contain !important;
    object-position:left center !important;
}

@media (max-width: 760px){
    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        height:38px !important;
        max-width:172px !important;
    }
}

/* ------------------------------------------------------------
   HERO V2
   ------------------------------------------------------------ */

body.ld-v6 #producto.ld-v6-hero-v2{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:112px 28px 96px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(79,124,255,.20),
            transparent 34%
        ),
        radial-gradient(
            circle at 88% 22%,
            rgba(34,211,238,.14),
            transparent 32%
        ),
        radial-gradient(
            circle at 54% 82%,
            rgba(155,135,245,.12),
            transparent 38%
        ),
        #0A0B10 !important;
    box-shadow:none !important;
}

body.ld-v6 #producto.ld-v6-hero-v2::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.44;
    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );
    background-size:52px 52px;
    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.75) 55%,
            transparent 100%
        );
}

body.ld-v6 .ld-v6-hero-v2__blob{
    position:absolute;
    z-index:0;
    border-radius:999px;
    filter:blur(90px);
    pointer-events:none;
}

body.ld-v6 .ld-v6-hero-v2__blob--one{
    width:520px;
    height:520px;
    left:-180px;
    top:-190px;
    background:rgba(79,124,255,.26);
    animation:ldV6G2DriftOne 18s ease-in-out infinite;
}

body.ld-v6 .ld-v6-hero-v2__blob--two{
    width:460px;
    height:460px;
    right:-170px;
    top:-100px;
    background:rgba(34,211,238,.18);
    animation:ldV6G2DriftTwo 22s ease-in-out infinite;
}

body.ld-v6 .ld-v6-hero-v2__blob--three{
    width:360px;
    height:360px;
    left:42%;
    bottom:80px;
    background:rgba(217,174,102,.10);
    animation:ldV6G2DriftOne 25s ease-in-out infinite reverse;
}

@keyframes ldV6G2DriftOne{
    0%,100%{
        transform:translate3d(0,0,0);
    }
    50%{
        transform:translate3d(44px,30px,0);
    }
}

@keyframes ldV6G2DriftTwo{
    0%,100%{
        transform:translate3d(0,0,0);
    }
    50%{
        transform:translate3d(-38px,28px,0);
    }
}

body.ld-v6 #producto .ld-v6-hero-v2__copy{
    position:relative;
    z-index:2;
    display:block !important;
    width:min(920px,100%) !important;
    max-width:920px !important;
    margin:0 auto 62px !important;
    text-align:center !important;
}

body.ld-v6 #producto .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 auto 20px !important;
    padding:8px 13px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:999px !important;
    color:#22D3EE !important;
    background:rgba(255,255,255,.035) !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
}

body.ld-v6 #producto .eyebrow::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        #4F7CFF,
        #22D3EE
    );
    box-shadow:0 0 18px rgba(34,211,238,.65);
}

body.ld-v6 #producto h1{
    max-width:900px !important;
    margin:0 auto 22px !important;
    color:#F7F8FB !important;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;
    font-size:clamp(46px,6.1vw,82px) !important;
    font-weight:750 !important;
    line-height:1.01 !important;
    letter-spacing:-.045em !important;
}

body.ld-v6 #producto .ld-v6-hero-rotate{
    display:inline-block;
    min-height:1.04em;
    background:
        linear-gradient(
            95deg,
            #4F7CFF 4%,
            #22D3EE 68%,
            #D9AE66 115%
        );
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent !important;
    transition:
        opacity .19s ease,
        transform .19s ease;
}

body.ld-v6 #producto .slogan{
    margin:0 auto 18px !important;
    color:#D9AE66 !important;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;
    font-size:clamp(18px,2vw,24px) !important;
    font-weight:700 !important;
}

body.ld-v6 #producto .lead{
    max-width:720px !important;
    margin:0 auto 32px !important;
    color:#9DA8BD !important;
    font-size:17px !important;
    line-height:1.7 !important;
}

body.ld-v6 #producto .hero-actions{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:13px !important;
    margin:0 auto 28px !important;
}

body.ld-v6 #producto .ld-v6-hero-v2__primary{
    min-height:52px !important;
    padding:0 24px !important;
    border:0 !important;
    border-radius:12px !important;
    color:#04101F !important;
    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        ) !important;
    box-shadow:
        0 18px 44px rgba(79,124,255,.18) !important;
}

body.ld-v6 #producto .ld-v6-hero-v2__secondary{
    min-height:52px !important;
    padding:0 24px !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:12px !important;
    color:#F5F6FA !important;
    background:rgba(255,255,255,.035) !important;
}

body.ld-v6 #producto .ld-v6-hero-v2__trust{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 !important;
}

body.ld-v6 #producto .trust-pill{
    padding:8px 14px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:999px !important;
    color:#A7B2C5 !important;
    background:rgba(255,255,255,.035) !important;
    font-size:12.5px !important;
}

/* ------------------------------------------------------------
   PRODUCT SHOWCASE
   ------------------------------------------------------------ */

body.ld-v6 .ld-v6-product-showcase{
    position:relative;
    z-index:2;
    width:min(980px,100%);
    margin:0 auto;
    perspective:1400px;
}

body.ld-v6 .ld-v6-product-tabs{
    position:relative;
    z-index:3;
    display:flex;
    width:max-content;
    max-width:100%;
    gap:7px;
    margin:0 auto 14px;
    padding:5px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    background:rgba(17,19,25,.82);
    backdrop-filter:blur(16px);
}

body.ld-v6 .ld-v6-product-tab{
    min-height:40px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    color:#98A2B8;
    background:transparent;
    font:700 13px Inter,sans-serif;
    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}

body.ld-v6 .ld-v6-product-tab:hover{
    color:#F5F6FA;
}

body.ld-v6 .ld-v6-product-tab.is-active{
    color:#04101F;
    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        );
}

body.ld-v6 .ld-v6-product-frame{
    position:relative;
    overflow:visible;
    padding:8px;
    border-radius:24px;
    background:
        linear-gradient(
            135deg,
            rgba(79,124,255,.70),
            rgba(34,211,238,.25) 55%,
            rgba(217,174,102,.55)
        );
    box-shadow:
        0 42px 100px -36px rgba(0,0,0,.90);
    transform-style:preserve-3d;
    transition:transform .18s ease-out;
}

body.ld-v6 .ld-v6-product-frame::before{
    content:"";
    position:absolute;
    inset:8px;
    z-index:0;
    border-radius:17px;
    background:#111319;
}

body.ld-v6 .ld-v6-product-frame__glow{
    position:absolute;
    z-index:-1;
    inset:12% 14% -10%;
    border-radius:999px;
    background:
        radial-gradient(
            circle,
            rgba(79,124,255,.30),
            transparent 68%
        );
    filter:blur(42px);
}

body.ld-v6 .ld-v6-product-frame__main{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
}

body.ld-v6 .ld-v6-product-frame__panel{
    position:absolute;
    z-index:4;
    left:28px;
    bottom:28px;
    width:min(390px,calc(100% - 56px));
    padding:19px 20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    color:#F5F6FA;
    background:rgba(10,11,16,.84);
    backdrop-filter:blur(18px);
    box-shadow:
        0 18px 46px rgba(0,0,0,.32);
}

body.ld-v6 .ld-v6-product-frame__eyebrow{
    display:block;
    margin-bottom:7px;
    color:#22D3EE;
    font-size:10px;
    font-weight:800;
    letter-spacing:.10em;
}

body.ld-v6 .ld-v6-product-frame__panel strong{
    display:block;
    margin-bottom:7px;
    color:#F7F8FB;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif;
    font-size:18px;
    line-height:1.25;
}

body.ld-v6 .ld-v6-product-frame__panel p{
    margin:0;
    color:#9DA8BD;
    font-size:12.5px;
    line-height:1.55;
}

body.ld-v6 .ld-v6-product-frame__secondary{
    position:absolute;
    z-index:3;
    right:-44px;
    bottom:-42px;
    width:34%;
    padding:5px;
    border-radius:15px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.24),
            rgba(255,255,255,.07)
        );
    box-shadow:
        0 28px 60px rgba(0,0,0,.46);
    transform:
        translateZ(28px)
        rotate(1.5deg);
}

body.ld-v6 .ld-v6-product-frame__secondary img{
    display:block;
    width:100%;
    height:auto;
    border-radius:11px;
}

body.ld-v6 .ld-v6-product-caption{
    margin-top:56px;
    color:#5F6A7E;
    font-size:11px;
    text-align:center;
}

/* ------------------------------------------------------------
   PLANS V2
   ------------------------------------------------------------ */

body.ld-v6 #planes{
    position:relative !important;
    padding-top:106px !important;
    padding-bottom:106px !important;
}

body.ld-v6 #planes .section-head{
    max-width:720px !important;
    margin-bottom:32px !important;
}

body.ld-v6 #planes .section-head h2{
    color:#F5F6FA !important;
    font-size:clamp(34px,4.2vw,52px) !important;
    line-height:1.07 !important;
    letter-spacing:-.035em !important;
}

body.ld-v6 #planes .section-head p{
    max-width:600px !important;
    color:#98A2B8 !important;
    font-size:15.5px !important;
}

body.ld-v6 #planes .billing-toggle{
    position:relative !important;
    display:inline-grid !important;
    grid-template-columns:1fr 1fr !important;
    width:226px !important;
    padding:4px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:999px !important;
    background:#14161D !important;
}

body.ld-v6 #planes .billing-toggle::before{
    content:"";
    position:absolute;
    z-index:0;
    top:4px;
    left:4px;
    width:calc(50% - 4px);
    height:calc(100% - 8px);
    border-radius:999px;
    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        );
    transition:
        transform .28s cubic-bezier(.19,1,.22,1);
}

body.ld-v6 #planes .billing-toggle:has(
    .billing-btn[data-cycle="anual"].active
)::before{
    transform:translateX(100%);
}

body.ld-v6 #planes .billing-btn{
    position:relative !important;
    z-index:1 !important;
    min-height:40px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:999px !important;
    color:#98A2B8 !important;
    background:transparent !important;
    font-weight:750 !important;
}

body.ld-v6 #planes .billing-btn.active{
    color:#04101F !important;
    background:transparent !important;
}

body.ld-v6 #planes .billing-note{
    margin:14px 0 32px !important;
    color:#69758A !important;
    font-size:12.5px !important;
}

body.ld-v6 #planes .plan-row.three{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

body.ld-v6 #planes .plan-card{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    min-height:100% !important;
    padding:30px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:20px !important;
    color:#F5F6FA !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.026)
        ) !important;
    box-shadow:none !important;
    transition:
        transform .25s cubic-bezier(.19,1,.22,1),
        border-color .25s ease,
        background .25s ease !important;
}

body.ld-v6 #planes .plan-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(255,255,255,.18) !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.036)
        ) !important;
}

body.ld-v6 #planes .plan-card.popular{
    border-color:rgba(217,174,102,.48) !important;
    background:
        linear-gradient(
            180deg,
            rgba(217,174,102,.065),
            rgba(255,255,255,.032)
        ) !important;
    box-shadow:
        0 22px 70px -40px rgba(217,174,102,.50) !important;
}

body.ld-v6 #planes .plan-card.popular::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        radial-gradient(
            circle at 80% 0%,
            rgba(217,174,102,.10),
            transparent 34%
        );
}

body.ld-v6 #planes .plan-card > *{
    position:relative;
    z-index:1;
}

body.ld-v6 #planes .popular-ribbon{
    display:inline-flex !important;
    position:relative !important;
    inset:auto !important;
    width:max-content !important;
    margin:0 0 20px !important;
    padding:5px 11px !important;
    border-radius:999px !important;
    color:#16120B !important;
    background:#D9AE66 !important;
    font-size:10px !important;
    font-weight:850 !important;
    letter-spacing:.04em !important;
}

body.ld-v6 #planes .plan-top{
    display:flex !important;
    gap:14px !important;
    align-items:flex-start !important;
    margin-bottom:24px !important;
}

body.ld-v6 #planes .plan-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:13px !important;
    color:#22D3EE !important;
    background:
        linear-gradient(
            135deg,
            rgba(79,124,255,.17),
            rgba(34,211,238,.12)
        ) !important;
    font-size:20px !important;
}

body.ld-v6 #planes .plan-card h3{
    margin:2px 0 7px !important;
    color:#F7F8FB !important;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;
    font-size:21px !important;
    line-height:1.15 !important;
}

body.ld-v6 #planes .plan-card p{
    color:#9DA8BD !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

body.ld-v6 #planes .plan-price{
    display:flex !important;
    align-items:flex-end !important;
    gap:6px !important;
    margin:6px 0 20px !important;
    padding:0 0 20px !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
}

body.ld-v6 #planes .price-value{
    color:#F7F8FB !important;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;
    font-size:36px !important;
    font-weight:750 !important;
    line-height:1 !important;
}

body.ld-v6 #planes .price-cycle{
    padding-bottom:3px !important;
    color:#738096 !important;
    font-size:12.5px !important;
}

body.ld-v6 #planes .plan-annual{
    display:grid;
    gap:3px;
    margin:-8px 0 17px !important;
    padding:11px 12px !important;
    border:1px solid rgba(217,174,102,.18) !important;
    border-radius:11px !important;
    background:rgba(217,174,102,.055) !important;
}

body.ld-v6 #planes .plan-annual[hidden]{
    display:none !important;
}

body.ld-v6 #planes .annual-primary{
    color:#E2C48E !important;
    font-size:11.5px !important;
    font-weight:800 !important;
}

body.ld-v6 #planes .annual-secondary{
    color:#8F9AB0 !important;
    font-size:11.5px !important;
}

body.ld-v6 #planes .plan-features{
    display:grid !important;
    gap:0 !important;
    margin:0 0 26px !important;
    padding:0 !important;
}

body.ld-v6 #planes .plan-feature{
    position:relative;
    padding:9px 0 9px 18px !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
    color:#A6B0C3 !important;
    font-size:12.5px !important;
    line-height:1.45 !important;
}

body.ld-v6 #planes .plan-feature::before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    width:6px;
    height:6px;
    border-radius:999px;
    background:#22D3EE;
}

body.ld-v6 #planes .plan-action{
    margin-top:auto !important;
}

body.ld-v6 #planes .plan-action .btn{
    display:flex !important;
    width:100% !important;
    min-height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:11px !important;
    color:#F7F8FB !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.055) !important;
}

body.ld-v6 #planes .plan-card.popular .plan-action .btn{
    color:#16120B !important;
    border-color:#D9AE66 !important;
    background:#D9AE66 !important;
}

/* ------------------------------------------------------------
   PLAN RECOMMENDER
   ------------------------------------------------------------ */

body.ld-v6 .ld-v6-plan-recommender{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:44px;
    align-items:center;
    margin-top:44px;
    padding:38px 40px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:
        linear-gradient(
            135deg,
            rgba(79,124,255,.045),
            rgba(255,255,255,.025) 52%,
            rgba(217,174,102,.035)
        );
}

body.ld-v6 .ld-v6-plan-recommender__copy h3{
    margin:0 0 10px;
    color:#F7F8FB;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif;
    font-size:26px;
    line-height:1.13;
}

body.ld-v6 .ld-v6-plan-recommender__copy p{
    margin:0;
    color:#98A2B8;
    font-size:13.5px;
    line-height:1.65;
}

body.ld-v6 .ld-v6-plan-recommender__label{
    margin-bottom:5px;
    color:#98A2B8;
    font-size:12.5px;
}

body.ld-v6 .ld-v6-plan-recommender__value{
    margin-bottom:12px;
    color:#F7F8FB;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif;
    font-size:42px;
    font-weight:750;
    line-height:1;
}

body.ld-v6 #ld-v6-plan-slider{
    display:block;
    width:100%;
    margin:0 0 19px;
    accent-color:#22D3EE;
}

body.ld-v6 .ld-v6-plan-recommender__result{
    display:grid;
    gap:3px;
    margin-bottom:17px;
    padding:14px 15px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:12px;
    background:rgba(255,255,255,.035);
}

body.ld-v6 .ld-v6-plan-recommender__result span{
    color:#69758A;
    font-size:10.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
}

body.ld-v6 #ld-v6-plan-result-name{
    color:#22D3EE;
    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif;
    font-size:19px;
}

body.ld-v6 #ld-v6-plan-result-price{
    color:#F7F8FB;
    font-size:13px;
    font-weight:700;
}

body.ld-v6 #ld-v6-plan-result-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border-radius:10px;
    color:#04101F;
    background:
        linear-gradient(
            95deg,
            #4F7CFF,
            #22D3EE
        );
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1020px){

    body.ld-v6 .ld-v6-product-frame__secondary{
        right:18px;
        bottom:-34px;
        width:31%;
    }

    body.ld-v6 #planes .plan-row.three{
        grid-template-columns:1fr !important;
    }

    body.ld-v6 #planes .plan-card{
        min-height:auto !important;
    }
}

@media (max-width: 760px){

    body.ld-v6 #producto.ld-v6-hero-v2{
        padding:
            76px 18px
            68px !important;
    }

    body.ld-v6 #producto h1{
        font-size:
            clamp(
                39px,
                12vw,
                58px
            ) !important;
    }

    body.ld-v6 #producto .lead{
        font-size:15px !important;
    }

    body.ld-v6 #producto .hero-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100% !important;
    }

    body.ld-v6 #producto .hero-actions .btn{
        width:100% !important;
        justify-content:center !important;
    }

    body.ld-v6 .ld-v6-product-tabs{
        width:100%;
    }

    body.ld-v6 .ld-v6-product-tab{
        flex:1;
        padding:0 10px;
    }

    body.ld-v6 .ld-v6-product-frame{
        padding:4px;
        border-radius:18px;
    }

    body.ld-v6 .ld-v6-product-frame__main{
        border-radius:14px;
    }

    body.ld-v6 .ld-v6-product-frame__panel{
        position:relative;
        left:auto;
        bottom:auto;
        width:auto;
        margin:8px 4px 4px;
        border-radius:13px;
    }

    body.ld-v6 .ld-v6-product-frame__secondary{
        display:none;
    }

    body.ld-v6 .ld-v6-product-caption{
        margin-top:16px;
    }

    body.ld-v6 #planes{
        padding-top:78px !important;
        padding-bottom:78px !important;
    }

    body.ld-v6 #planes .billing-toggle{
        width:100% !important;
        max-width:300px !important;
    }

    body.ld-v6 #planes .plan-card{
        padding:24px !important;
    }

    body.ld-v6 .ld-v6-plan-recommender{
        grid-template-columns:1fr;
        gap:28px;
        padding:26px 22px;
    }
}

@media (prefers-reduced-motion: reduce){

    body.ld-v6 .ld-v6-hero-v2__blob{
        animation:none !important;
    }

    body.ld-v6 .ld-v6-product-frame{
        transform:none !important;
        transition:none !important;
    }
}

/* ============================================================
   LEGALDESK-WEB-V6-G3
   DESKTOP GEOMETRY / WIDTH / COMPLIANCE REFINEMENT
   ============================================================ */

/* ------------------------------------------------------------
   USE MORE OF THE AVAILABLE DESKTOP WIDTH
   ------------------------------------------------------------ */

@media (min-width: 1180px){

    body.ld-v6 .ld-public > .container,
    body.ld-v6 #planes,
    body.ld-v6 #cumplimiento .ld-compliance-inner{
        width:calc(100% - 64px) !important;
        max-width:1480px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

}

/* ------------------------------------------------------------
   HEADER / LOGO
   ------------------------------------------------------------ */

@media (min-width: 980px){

    body.ld-v6 .ld-v6-header{
        width:100% !important;
    }

    body.ld-v6 .ld-v6-header > *{
        width:calc(100% - 56px) !important;
        max-width:1500px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.ld-v6 .ld-v6-header a[aria-label="LegalDesk"]{
        justify-self:start !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        width:245px !important;
        min-width:245px !important;
        overflow:visible !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        width:220px !important;
        max-width:none !important;
        height:auto !important;
        max-height:62px !important;
        object-fit:contain !important;
        object-position:left center !important;
    }

}

/* ------------------------------------------------------------
   HERO DESKTOP:
   LEFT COPY + RIGHT PRODUCT
   ------------------------------------------------------------ */

@media (min-width: 1080px){

    body.ld-v6 #producto.ld-v6-hero-v2{
        box-sizing:border-box !important;

        display:grid !important;

        grid-template-columns:
            minmax(430px,.88fr)
            minmax(620px,1.12fr) !important;

        grid-template-areas:
            "copy product" !important;

        align-items:center !important;

        column-gap:58px !important;

        width:100% !important;
        max-width:1560px !important;

        min-height:760px !important;

        margin:0 auto !important;

        padding:
            82px
            44px
            86px !important;
    }

    body.ld-v6 #producto .ld-v6-hero-v2__copy{
        grid-area:copy !important;

        width:100% !important;
        max-width:600px !important;

        margin:0 !important;

        text-align:left !important;
    }

    body.ld-v6 #producto .eyebrow{
        margin:
            0
            0
            20px !important;
    }

    body.ld-v6 #producto h1{
        max-width:610px !important;

        margin:
            0
            0
            22px !important;

        font-size:
            clamp(
                54px,
                4.45vw,
                74px
            ) !important;

        text-align:left !important;
    }

    body.ld-v6 #producto .slogan{
        margin:
            0
            0
            16px !important;

        text-align:left !important;
    }

    body.ld-v6 #producto .lead{
        max-width:570px !important;

        margin:
            0
            0
            28px !important;

        font-size:15.5px !important;

        text-align:left !important;
    }

    body.ld-v6 #producto .hero-actions{
        justify-content:flex-start !important;

        margin:
            0
            0
            24px !important;
    }

    body.ld-v6 #producto .ld-v6-hero-v2__trust{
        justify-content:flex-start !important;

        max-width:590px !important;
    }

    body.ld-v6 .ld-v6-product-showcase{
        grid-area:product !important;

        align-self:center !important;

        width:100% !important;
        max-width:820px !important;

        margin:0 !important;
    }

    body.ld-v6 .ld-v6-product-tabs{
        margin:
            0
            0
            14px !important;
    }

    body.ld-v6 .ld-v6-product-frame{
        width:100% !important;

        margin:0 !important;
    }

    /*
     * Keep secondary screenshot INSIDE the visual.
     * No hanging below the hero.
     */
    body.ld-v6 .ld-v6-product-frame__secondary{
        right:16px !important;
        bottom:16px !important;

        width:29% !important;

        transform:
            translateZ(18px)
            rotate(1deg) !important;

        box-shadow:
            0 18px 45px
            rgba(0,0,0,.42) !important;
    }

    body.ld-v6 .ld-v6-product-frame__panel{
        left:20px !important;
        bottom:20px !important;

        width:min(
            340px,
            48%
        ) !important;

        padding:
            15px
            17px !important;
    }

    body.ld-v6 .ld-v6-product-caption{
        margin-top:14px !important;

        text-align:left !important;
    }

}

/* ------------------------------------------------------------
   MEDIUM HERO:
   KEEP STACKING CLEAN, NO OVERLAP
   ------------------------------------------------------------ */

@media (
    min-width: 761px
) and (
    max-width: 1079px
){

    body.ld-v6 #producto.ld-v6-hero-v2{
        padding:
            84px
            32px
            72px !important;
    }

    body.ld-v6 .ld-v6-product-frame__secondary{
        right:14px !important;
        bottom:14px !important;

        width:28% !important;
    }

    body.ld-v6 .ld-v6-product-caption{
        margin-top:16px !important;
    }

}

/* ------------------------------------------------------------
   PLANS:
   WIDER + SHORTER + BETTER USE OF SPACE
   ------------------------------------------------------------ */

@media (min-width: 1080px){

    body.ld-v6 #planes{
        width:calc(100% - 64px) !important;
        max-width:1480px !important;

        padding-top:92px !important;
        padding-bottom:92px !important;
    }

    body.ld-v6 #planes .section-head{
        max-width:820px !important;
    }

    body.ld-v6 #planes .plan-row.three{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;

        gap:24px !important;

        width:100% !important;
    }

    body.ld-v6 #planes .plan-card{
        min-width:0 !important;

        padding:
            27px
            30px
            28px !important;

        border-radius:18px !important;

        overflow:visible !important;
    }

    body.ld-v6 #planes .plan-top{
        margin-bottom:18px !important;
    }

    body.ld-v6 #planes .plan-card h3{
        font-size:23px !important;
    }

    body.ld-v6 #planes .plan-card p{
        font-size:13px !important;
        line-height:1.46 !important;
    }

    body.ld-v6 #planes .plan-price{
        margin:
            3px
            0
            15px !important;

        padding-bottom:15px !important;
    }

    body.ld-v6 #planes .price-value{
        font-size:38px !important;
    }

    body.ld-v6 #planes .plan-features{
        margin-bottom:20px !important;
    }

    body.ld-v6 #planes .plan-feature{
        padding:
            7px
            0
            7px
            17px !important;

        font-size:12.3px !important;

        line-height:1.34 !important;
    }

    body.ld-v6 #planes .plan-feature::before{
        top:13px !important;
    }

}

/* ------------------------------------------------------------
   POPULAR BADGE:
   REMOVE OLD CLIPPING / OFFSCREEN GEOMETRY
   ------------------------------------------------------------ */

body.ld-v6 #planes .plan-card.popular{
    overflow:visible !important;
}

body.ld-v6 #planes .popular-ribbon{
    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    inset:auto !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:max-content !important;
    max-width:100% !important;

    min-height:29px !important;

    margin:
        0
        0
        18px
        0 !important;

    padding:
        0
        12px !important;

    transform:none !important;

    border:0 !important;
    border-radius:999px !important;

    color:#18130A !important;

    background:
        linear-gradient(
            95deg,
            #D9AE66,
            #E6C27E
        ) !important;

    box-shadow:
        0 8px 24px
        rgba(217,174,102,.12) !important;

    font-size:10px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:.06em !important;

    white-space:nowrap !important;

    overflow:visible !important;
}

/* ------------------------------------------------------------
   COMPLIANCE:
   REMOVE WHITE BAR FROM DARK DESIGN
   ------------------------------------------------------------ */

body.ld-v6 #cumplimiento .ld-compliance-callout{
    position:relative !important;

    overflow:hidden !important;

    display:grid !important;

    grid-template-columns:
        minmax(280px,.82fr)
        minmax(0,1.18fr) !important;

    gap:34px !important;

    align-items:center !important;

    padding:
        27px
        30px !important;

    border:
        1px solid
        rgba(217,174,102,.20) !important;

    border-radius:18px !important;

    color:#AAB4C7 !important;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(79,124,255,.12),
            transparent 38%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(217,174,102,.08),
            transparent 38%
        ),
        #14161C !important;

    box-shadow:none !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #4F7CFF,
            #22D3EE 52%,
            #D9AE66
        );
}

body.ld-v6 #cumplimiento .ld-compliance-callout,
body.ld-v6 #cumplimiento .ld-compliance-callout p,
body.ld-v6 #cumplimiento .ld-compliance-callout span{
    color:#9FAAC0 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout h2,
body.ld-v6 #cumplimiento .ld-compliance-callout h3,
body.ld-v6 #cumplimiento .ld-compliance-callout strong{
    color:#F5F6FA !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout .label,
body.ld-v6 #cumplimiento .ld-compliance-callout .ld-compliance-label{
    color:#D9AE66 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout-icon{
    background:
        rgba(
            217,
            174,
            102,
            .09
        ) !important;
}

/* ------------------------------------------------------------
   MOBILE:
   DO NOT FORCE DESKTOP GEOMETRY
   ------------------------------------------------------------ */

@media (max-width: 760px){

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        width:168px !important;
        max-width:60vw !important;
        height:auto !important;
    }

    body.ld-v6 #cumplimiento .ld-compliance-callout{
        grid-template-columns:1fr !important;

        gap:15px !important;

        padding:
            22px
            20px !important;
    }

}


/* ============================================================
   LEGALDESK-WEB-V6-G4
   HEADER + WIDTH + HOW-IT-WORKS + LD/FT
   PREVIEW ONLY
   ============================================================ */

/* ------------------------------------------------------------
   1. GLOBAL DESKTOP WIDTH
   ------------------------------------------------------------ */

@media (min-width: 1180px){

    body.ld-v6 .ld-public .container{
        box-sizing:border-box !important;

        width:calc(100% - 48px) !important;
        max-width:1520px !important;

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

    body.ld-v6 .ld-public .section-head{
        max-width:780px !important;
    }

    body.ld-v6 .ld-public .value-grid,
    body.ld-v6 .ld-public .module-grid,
    body.ld-v6 .ld-public .steps,
    body.ld-v6 .ld-public .plan-row,
    body.ld-v6 #cumplimiento .ld-compliance-grid{
        width:100% !important;
    }

}

/* ------------------------------------------------------------
   2. HEADER / LOGO
   The source logo has a large canvas.
   We crop that canvas visually; no image file is modified.
   ------------------------------------------------------------ */

@media (min-width: 980px){

    body.ld-v6 .ld-v6-header > *{
        width:calc(100% - 48px) !important;
        max-width:1520px !important;

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

    body.ld-v6 .ld-v6-header a[
        aria-label="LegalDesk"
    ]{
        position:relative !important;

        display:block !important;

        width:250px !important;
        min-width:250px !important;
        height:62px !important;

        overflow:hidden !important;

        justify-self:start !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        position:absolute !important;

        inset:0 !important;

        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:cover !important;
        object-position:center 52% !important;

        transform:none !important;
    }

}

/* ------------------------------------------------------------
   3. BETTER DESKTOP RHYTHM
   ------------------------------------------------------------ */

@media (min-width: 1180px){

    body.ld-v6 #como-funciona,
    body.ld-v6 #planes{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    body.ld-v6 .modules-layout{
        gap:64px !important;

        grid-template-columns:
            minmax(390px,.82fr)
            minmax(680px,1.18fr) !important;
    }

    body.ld-v6 .module-grid{
        gap:18px !important;
    }

    body.ld-v6 .value-grid{
        gap:20px !important;
    }

}

/* ------------------------------------------------------------
   4. HOW IT WORKS
   Restore visible step numbering.
   ------------------------------------------------------------ */

body.ld-v6 #como-funciona{
    position:relative !important;

    counter-reset:ld-v6-step !important;
}

body.ld-v6 #como-funciona .section-head{
    margin-bottom:38px !important;
}

body.ld-v6 #como-funciona .steps{
    position:relative !important;

    counter-reset:ld-v6-step !important;

    display:grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        ) !important;

    gap:18px !important;

    align-items:stretch !important;
}

body.ld-v6 #como-funciona .step{
    position:relative !important;

    counter-increment:ld-v6-step !important;

    min-height:238px !important;

    padding:
        76px
        26px
        27px !important;

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

    border-radius:18px !important;

    background:
        linear-gradient(
            145deg,
            rgba(79,124,255,.055),
            rgba(255,255,255,.028)
        ) !important;

    box-shadow:none !important;

    overflow:hidden !important;
}

body.ld-v6 #como-funciona .step::before{
    content:
        counter(
            ld-v6-step,
            decimal-leading-zero
        ) !important;

    position:absolute !important;

    top:24px !important;
    left:26px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;

    margin:0 !important;

    border:
        1px solid
        rgba(34,211,238,.30) !important;

    border-radius:12px !important;

    color:#22D3EE !important;

    background:
        linear-gradient(
            135deg,
            rgba(79,124,255,.18),
            rgba(34,211,238,.12)
        ) !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.02) !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:15px !important;
    font-weight:800 !important;

    line-height:1 !important;

    opacity:1 !important;

    transform:none !important;
}

body.ld-v6 #como-funciona .step::after{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:100% !important;
    height:2px !important;

    background:
        linear-gradient(
            90deg,
            #4F7CFF,
            #22D3EE,
            transparent 85%
        ) !important;

    opacity:.65 !important;
}

body.ld-v6 #como-funciona .step h3{
    margin:
        0
        0
        9px !important;

    color:#F5F6FA !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:18px !important;
    font-weight:700 !important;

    line-height:1.2 !important;
}

body.ld-v6 #como-funciona .step p{
    margin:0 !important;

    color:#9DA8BD !important;

    font-size:13.5px !important;

    line-height:1.58 !important;
}

@media (min-width: 1180px){

    body.ld-v6 #como-funciona{
        padding-top:90px !important;
        padding-bottom:90px !important;
    }

}

@media (
    min-width: 761px
) and (
    max-width: 1050px
){

    body.ld-v6 #como-funciona .steps{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}

@media (max-width: 760px){

    body.ld-v6 #como-funciona .steps{
        grid-template-columns:1fr !important;
    }

    body.ld-v6 #como-funciona .step{
        min-height:auto !important;

        padding:
            72px
            22px
            23px !important;
    }

    body.ld-v6 #como-funciona .step::before{
        left:22px !important;
    }

}

/* ------------------------------------------------------------
   5. FASE 2 / LD-FT
   One coherent dark visual system.
   ------------------------------------------------------------ */

body.ld-v6 #cumplimiento{
    position:relative !important;

    overflow:hidden !important;

    padding-top:102px !important;
    padding-bottom:102px !important;

    color:#F5F6FA !important;

    background:
        radial-gradient(
            circle at 0% 15%,
            rgba(79,124,255,.09),
            transparent 31%
        ),
        radial-gradient(
            circle at 100% 78%,
            rgba(217,174,102,.07),
            transparent 32%
        ),
        #0A0B10 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-inner{
    position:relative !important;

    z-index:1 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-heading{
    max-width:900px !important;

    margin-bottom:38px !important;
}

body.ld-v6 #cumplimiento .ld-compliance-label{
    margin-bottom:14px !important;

    color:#22D3EE !important;

    font-size:12px !important;
    font-weight:800 !important;

    letter-spacing:.10em !important;

    text-transform:uppercase !important;
}

body.ld-v6 #cumplimiento .ld-compliance-heading h2{
    max-width:850px !important;

    margin:
        0
        0
        16px !important;

    color:#F5F6FA !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:
        clamp(
            34px,
            4vw,
            52px
        ) !important;

    line-height:1.08 !important;

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

body.ld-v6 #cumplimiento .ld-compliance-heading p{
    max-width:760px !important;

    margin:0 !important;

    color:#9DA8BD !important;

    font-size:15.5px !important;

    line-height:1.68 !important;
}

/* ------------------------------------------------------------
   LD/FT introductory callout
   ------------------------------------------------------------ */

body.ld-v6 #cumplimiento .ld-compliance-callout{
    display:grid !important;

    grid-template-columns:
        86px
        minmax(0,1fr) !important;

    gap:24px !important;

    align-items:center !important;

    margin-bottom:24px !important;

    padding:
        24px
        28px !important;

    border:
        1px solid
        rgba(217,174,102,.18) !important;

    border-radius:18px !important;

    background:
        linear-gradient(
            110deg,
            rgba(79,124,255,.08),
            rgba(255,255,255,.028) 55%,
            rgba(217,174,102,.045)
        ) !important;

    box-shadow:none !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout-icon{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:76px !important;
    height:76px !important;

    padding:9px !important;

    border:
        1px solid
        rgba(217,174,102,.36) !important;

    border-radius:18px !important;

    /*
     * A small neutral tile lets the original navy/gold
     * isotipo preserve its true colors.
     */
    background:#F1EEE7 !important;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.16) !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout-icon img,
body.ld-v6 #cumplimiento .ld-compliance-isotype-v8-1{
    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    object-fit:contain !important;

    opacity:1 !important;

    filter:none !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout strong{
    display:block !important;

    margin-bottom:6px !important;

    color:#F7F8FB !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:19px !important;

    line-height:1.25 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-callout p{
    margin:0 !important;

    color:#A3ADC0 !important;

    font-size:13.5px !important;

    line-height:1.58 !important;
}

/* ------------------------------------------------------------
   LD/FT four cards
   ------------------------------------------------------------ */

body.ld-v6 #cumplimiento .ld-compliance-grid{
    display:grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        ) !important;

    gap:18px !important;

    margin-bottom:24px !important;
}

body.ld-v6 #cumplimiento .ld-compliance-card{
    min-height:220px !important;

    padding:
        24px
        23px !important;

    border:
        1px solid
        rgba(255,255,255,.095) !important;

    border-radius:18px !important;

    color:#F5F6FA !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.022)
        ) !important;

    box-shadow:none !important;
}

body.ld-v6 #cumplimiento .ld-compliance-card h3{
    margin:
        10px
        0
        9px !important;

    color:#F5F6FA !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:18px !important;

    line-height:1.25 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-card p{
    margin:0 !important;

    color:#9DA8BD !important;

    font-size:13px !important;

    line-height:1.58 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-status{
    display:inline-flex !important;

    align-items:center !important;

    width:max-content !important;

    min-height:28px !important;

    padding:
        0
        11px !important;

    border-radius:999px !important;

    font-size:9.5px !important;
    font-weight:850 !important;

    letter-spacing:.07em !important;

    text-transform:uppercase !important;
}

body.ld-v6 #cumplimiento .ld-compliance-status.is-now{
    color:#7DE5C2 !important;

    border:
        1px solid
        rgba(65,211,158,.16) !important;

    background:
        rgba(65,211,158,.09) !important;
}

body.ld-v6 #cumplimiento .ld-compliance-status.is-future{
    color:#E6C27E !important;

    border:
        1px solid
        rgba(217,174,102,.18) !important;

    background:
        rgba(217,174,102,.10) !important;
}

/* ------------------------------------------------------------
   THE WHITE ROADMAP BAR:
   remove light surface entirely.
   ------------------------------------------------------------ */

body.ld-v6 #cumplimiento .ld-compliance-roadmap{
    position:relative !important;

    overflow:hidden !important;

    display:grid !important;

    grid-template-columns:
        minmax(330px,.85fr)
        minmax(0,1.15fr) !important;

    gap:42px !important;

    align-items:center !important;

    margin:
        0
        0
        25px !important;

    padding:
        29px
        30px !important;

    border:
        1px solid
        rgba(217,174,102,.20) !important;

    border-radius:18px !important;

    color:#F5F6FA !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(79,124,255,.12),
            transparent 42%
        ),
        linear-gradient(
            110deg,
            #151820,
            #111319
        ) !important;

    box-shadow:none !important;
}

body.ld-v6 #cumplimiento .ld-compliance-roadmap::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:100% !important;
    height:2px !important;

    background:
        linear-gradient(
            90deg,
            #4F7CFF,
            #22D3EE 55%,
            #D9AE66
        ) !important;
}

body.ld-v6 #cumplimiento .ld-compliance-roadmap span{
    display:block !important;

    margin-bottom:7px !important;

    color:#D9AE66 !important;

    font-size:10.5px !important;
    font-weight:850 !important;

    letter-spacing:.08em !important;

    text-transform:uppercase !important;
}

body.ld-v6 #cumplimiento .ld-compliance-roadmap strong{
    display:block !important;

    color:#F5F6FA !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:22px !important;

    line-height:1.22 !important;
}

body.ld-v6 #cumplimiento .ld-compliance-roadmap p{
    margin:0 !important;

    color:#A3ADC0 !important;

    font-size:13.5px !important;

    line-height:1.65 !important;
}

/* ------------------------------------------------------------
   LD/FT CTA + disclaimer
   ------------------------------------------------------------ */

body.ld-v6 #cumplimiento .ld-compliance-actions{
    display:flex !important;

    justify-content:center !important;

    margin:
        24px
        0
        13px !important;
}

body.ld-v6 #cumplimiento .ld-compliance-actions .btn{
    min-height:48px !important;

    border-radius:11px !important;
}

body.ld-v6 #cumplimiento .ld-compliance-disclaimer{
    max-width:960px !important;

    margin:
        0
        auto !important;

    color:#788398 !important;

    font-size:10.5px !important;

    line-height:1.55 !important;

    text-align:center !important;
}

/* ------------------------------------------------------------
   LD/FT RESPONSIVE
   ------------------------------------------------------------ */

@media (
    min-width: 761px
) and (
    max-width: 1100px
){

    body.ld-v6 #cumplimiento .ld-compliance-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}

@media (max-width: 760px){

    body.ld-v6 #cumplimiento{
        padding-top:74px !important;
        padding-bottom:74px !important;
    }

    body.ld-v6 #cumplimiento .ld-compliance-callout{
        grid-template-columns:1fr !important;

        gap:16px !important;

        padding:
            22px
            20px !important;
    }

    body.ld-v6 #cumplimiento .ld-compliance-callout-icon{
        width:68px !important;
        height:68px !important;
    }

    body.ld-v6 #cumplimiento .ld-compliance-grid{
        grid-template-columns:1fr !important;
    }

    body.ld-v6 #cumplimiento .ld-compliance-card{
        min-height:auto !important;
    }

    body.ld-v6 #cumplimiento .ld-compliance-roadmap{
        grid-template-columns:1fr !important;

        gap:16px !important;

        padding:
            23px
            20px !important;
    }

}

/* ------------------------------------------------------------
   HEADER MOBILE
   ------------------------------------------------------------ */

@media (max-width: 760px){

    body.ld-v6 .ld-v6-header a[
        aria-label="LegalDesk"
    ]{
        position:relative !important;

        display:block !important;

        width:180px !important;
        height:48px !important;

        overflow:hidden !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        position:absolute !important;

        inset:0 !important;

        width:100% !important;
        height:100% !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:cover !important;
        object-position:center 52% !important;
    }

}

/* ============================================================
   LEGALDESK-WEB-V6-G5
   LOGO PROPORTION + WIDER PLANS + FULL CTA
   PREVIEW ONLY
   ============================================================ */

/* ------------------------------------------------------------
   1. HEADER LOGO
   Preserve intrinsic image aspect ratio.
   Crop only the empty vertical canvas via the wrapper.
   NEVER stretch width and height independently.
   ------------------------------------------------------------ */

@media (min-width: 980px){

    body.ld-v6 .ld-v6-header > *{
        width:calc(100% - 44px) !important;
        max-width:1680px !important;

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

    body.ld-v6 .ld-v6-header a[
        aria-label="LegalDesk"
    ]{
        position:relative !important;

        display:block !important;

        width:330px !important;
        min-width:330px !important;

        height:76px !important;

        overflow:hidden !important;

        justify-self:start !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        position:absolute !important;

        left:0 !important;
        top:50% !important;

        inset:auto !important;

        /*
         * Width determines scale.
         * Height stays automatic:
         * original proportions are preserved.
         */
        width:330px !important;
        height:auto !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:contain !important;
        object-position:left center !important;

        transform:
            translateY(-50%) !important;

        transform-origin:left center !important;
    }

}

/* ------------------------------------------------------------
   2. PLANS SECTION:
   USE THE AVAILABLE PAGE WIDTH
   ------------------------------------------------------------ */

@media (min-width: 1180px){

    body.ld-v6 #planes{
        box-sizing:border-box !important;

        width:calc(100% - 44px) !important;
        max-width:1680px !important;

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

        padding-left:0 !important;
        padding-right:0 !important;
    }

    body.ld-v6 #planes .section-head{
        width:100% !important;
        max-width:900px !important;

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

        text-align:center !important;
    }

    body.ld-v6 #planes .section-head p{
        margin-left:auto !important;
        margin-right:auto !important;
    }

}

/* ------------------------------------------------------------
   3. MONTHLY / ANNUAL:
   CENTER RELATIVE TO THE PLAN CARDS
   ------------------------------------------------------------ */

body.ld-v6 #planes .billing-toggle{
    margin-left:auto !important;
    margin-right:auto !important;
}

body.ld-v6 #planes .billing-note{
    width:100% !important;

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

    text-align:center !important;
}

@media (min-width: 1180px){

    body.ld-v6 #planes .billing-toggle{
        width:246px !important;

        margin-top:18px !important;
        margin-bottom:16px !important;
    }

    body.ld-v6 #planes .billing-note{
        margin-top:0 !important;
        margin-bottom:34px !important;
    }

}

/* ------------------------------------------------------------
   4. PLAN CARDS:
   WIDER / LESS TALL / FEWER TEXT WRAPS
   ------------------------------------------------------------ */

@media (min-width: 1180px){

    body.ld-v6 #planes .plan-row.three{
        display:grid !important;

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;

        gap:20px !important;

        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    body.ld-v6 #planes .plan-card{
        box-sizing:border-box !important;

        width:100% !important;

        min-width:0 !important;
        max-width:none !important;

        padding:
            30px
            34px
            30px !important;

        border-radius:19px !important;
    }

    body.ld-v6 #planes .plan-top{
        display:grid !important;

        grid-template-columns:
            52px
            minmax(0,1fr) !important;

        gap:16px !important;

        align-items:start !important;

        margin-bottom:18px !important;
    }

    body.ld-v6 #planes .plan-icon{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
    }

    body.ld-v6 #planes .plan-card h3{
        font-size:24px !important;
    }

    body.ld-v6 #planes .plan-card .plan-top p{
        max-width:100% !important;

        font-size:13.5px !important;
        line-height:1.5 !important;
    }

    body.ld-v6 #planes .plan-price{
        margin-top:8px !important;
    }

    body.ld-v6 #planes .price-value{
        font-size:40px !important;
    }

    body.ld-v6 #planes .plan-feature{
        font-size:12.5px !important;
        line-height:1.35 !important;

        padding-top:7px !important;
        padding-bottom:7px !important;
    }

    body.ld-v6 #planes .plan-features{
        margin-bottom:22px !important;
    }

}

/* ------------------------------------------------------------
   5. POPULAR PLAN:
   KEEP THE BADGE CLEAN AND CENTERED
   ------------------------------------------------------------ */

body.ld-v6 #planes .plan-card.popular .popular-ribbon{
    align-self:flex-start !important;

    min-width:170px !important;

    margin-bottom:18px !important;

    text-align:center !important;
}

/* ------------------------------------------------------------
   6. FINAL CTA:
   SAME VISUAL WIDTH AS THE PAGE / PLAN SYSTEM
   ------------------------------------------------------------ */

body.ld-v6 #planes .final-cta{
    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;

    margin:
        48px
        0
        0 !important;

    padding:
        40px
        46px !important;

    display:grid !important;

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

    gap:42px !important;

    align-items:center !important;

    border-radius:22px !important;

    border:
        1px solid
        rgba(255,255,255,.08) !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(79,124,255,.16),
            transparent 36%
        ),
        radial-gradient(
            circle at 100% 50%,
            rgba(217,174,102,.10),
            transparent 32%
        ),
        linear-gradient(
            110deg,
            #10233C,
            #151A22
        ) !important;

    box-shadow:
        0 28px 70px
        -48px
        rgba(0,0,0,.85) !important;
}

body.ld-v6 #planes .final-cta > div{
    min-width:0 !important;
}

body.ld-v6 #planes .final-cta h2{
    max-width:920px !important;

    margin:
        0
        0
        8px !important;

    color:#F5F6FA !important;

    font-family:
        "Bricolage Grotesque",
        Inter,
        sans-serif !important;

    font-size:
        clamp(
            28px,
            2.65vw,
            42px
        ) !important;

    line-height:1.08 !important;

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

body.ld-v6 #planes .final-cta p{
    max-width:980px !important;

    margin:0 !important;

    color:#A4AEC1 !important;

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

body.ld-v6 #planes .final-cta .btn{
    min-width:230px !important;
    min-height:52px !important;

    padding:
        0
        24px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    white-space:nowrap !important;

    border-radius:12px !important;
}

/* ------------------------------------------------------------
   7. LARGE DESKTOP:
   LET THE THREE PLANS REALLY BREATHE
   ------------------------------------------------------------ */

@media (min-width: 1500px){

    body.ld-v6 #planes{
        width:calc(100% - 72px) !important;
        max-width:1700px !important;
    }

    body.ld-v6 #planes .plan-row.three{
        gap:24px !important;
    }

    body.ld-v6 #planes .plan-card{
        padding-left:38px !important;
        padding-right:38px !important;
    }

}

/* ------------------------------------------------------------
   8. MID DESKTOP
   ------------------------------------------------------------ */

@media (
    min-width: 1050px
) and (
    max-width: 1179px
){

    body.ld-v6 #planes{
        width:calc(100% - 40px) !important;
        max-width:none !important;
    }

    body.ld-v6 #planes .billing-toggle{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.ld-v6 #planes .billing-note{
        text-align:center !important;
    }

    body.ld-v6 #planes .plan-row.three{
        gap:15px !important;
    }

    body.ld-v6 #planes .plan-card{
        padding:
            26px
            24px !important;
    }

}

/* ------------------------------------------------------------
   9. TABLET / MOBILE CTA
   ------------------------------------------------------------ */

@media (max-width: 900px){

    body.ld-v6 #planes .final-cta{
        grid-template-columns:1fr !important;

        gap:22px !important;

        padding:
            30px
            26px !important;
    }

    body.ld-v6 #planes .final-cta .btn{
        width:100% !important;
    }

}

@media (max-width: 760px){

    body.ld-v6 .ld-v6-header a[
        aria-label="LegalDesk"
    ]{
        position:relative !important;

        width:220px !important;
        height:54px !important;

        overflow:hidden !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        position:absolute !important;

        left:0 !important;
        top:50% !important;

        inset:auto !important;

        width:220px !important;
        height:auto !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:contain !important;

        transform:
            translateY(-50%) !important;
    }

    body.ld-v6 #planes .billing-toggle{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.ld-v6 #planes .billing-note{
        text-align:center !important;
    }

}

/* ============================================================
   LEGALDESK-WEB-V6-G6
   LOGO VERTICAL ALIGNMENT ONLY
   PREVIEW V6
   ============================================================ */

/*
 * G5 already established the correct visual size and
 * preserved the intrinsic aspect ratio.
 *
 * G6 changes ONLY the vertical crop/position.
 * No width scaling changes.
 */

@media (min-width: 980px){

    body.ld-v6 .ld-v6-header a[
        aria-label="LegalDesk"
    ]{
        height:76px !important;
        overflow:hidden !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        left:0 !important;
        top:50% !important;

        width:330px !important;
        height:auto !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:contain !important;
        object-position:left center !important;

        /*
         * The source PNG contains extra canvas.
         * -50% positioned the visible brand too high.
         * -38% lowers the artwork while preserving
         * the exact image proportions.
         */
        transform:
            translateY(-38%) !important;

        transform-origin:left center !important;
    }

}

@media (max-width: 760px){

    body.ld-v6 .ld-v6-header a[
        aria-label="LegalDesk"
    ]{
        height:54px !important;
        overflow:hidden !important;
    }

    body.ld-v6 .ld-v6-header img[
        src*="legaldesk-logo-dark-bg.png"
    ]{
        left:0 !important;
        top:50% !important;

        width:220px !important;
        height:auto !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:contain !important;
        object-position:left center !important;

        transform:
            translateY(-38%) !important;

        transform-origin:left center !important;
    }

}

/* ============================================================
   LEGALDESK-WEB-V6-G9-R3
   PROVEN PREVIOUS HEADER LOGO
   ============================================================ */

body.ld-v6 .ld-v6-header
a.ld-v6-brand[aria-label="LegalDesk"]{
    position:static !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    flex:0 0 auto !important;

    width:auto !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
}


body.ld-v6 .ld-v6-header
img[src*="legaldesk-logo-original-header.png"]{
    position:static !important;

    display:block !important;

    width:290px !important;
    max-width:none !important;

    height:auto !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;

    transform:none !important;
}


/* desktop */
@media (min-width:1251px){

    body.ld-v6 .ld-v6-header .ld-v6-nav{
        min-height:90px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
    }

    body.ld-v6 #producto.ld-v6-hero-v2{
        padding-top:50px !important;
    }

}


/* medium */
@media (min-width:1121px) and (max-width:1250px){

    body.ld-v6 .ld-v6-header
    img[src*="legaldesk-logo-original-header.png"]{
        width:250px !important;
    }

}


/* tablet */
@media (min-width:721px) and (max-width:1120px){

    body.ld-v6 .ld-v6-header
    img[src*="legaldesk-logo-original-header.png"]{
        width:230px !important;
    }

}


/* mobile */
@media (max-width:720px){

    body.ld-v6 .ld-v6-header
    a.ld-v6-brand[aria-label="LegalDesk"]{
        width:auto !important;
        height:auto !important;
        overflow:visible !important;
    }

    body.ld-v6 .ld-v6-header
    img[src*="legaldesk-logo-original-header.png"]{
        position:static !important;

        width:220px !important;
        max-width:72vw !important;

        height:auto !important;

        transform:none !important;
    }

}


/* ============================================================
   LEGALDESK-WEB-V6-G10-R1
   EXACT USER LOGO
   LOGO SIZE ONLY
   ============================================================ */

body.ld-v6 .ld-v6-header
img[src*="legaldesk-logo-header-correct.png"]{
    position:static !important;

    display:block !important;

    width:310px !important;
    height:auto !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;

    transform:none !important;
}


@media (min-width:1121px) and (max-width:1250px){

    body.ld-v6 .ld-v6-header
    img[src*="legaldesk-logo-header-correct.png"]{
        width:270px !important;
    }

}


@media (min-width:721px) and (max-width:1120px){

    body.ld-v6 .ld-v6-header
    img[src*="legaldesk-logo-header-correct.png"]{
        width:240px !important;
    }

}


@media (max-width:720px){

    body.ld-v6 .ld-v6-header
    img[src*="legaldesk-logo-header-correct.png"]{
        width:220px !important;
        max-width:72vw !important;
        height:auto !important;
    }

}


/* ============================================================
   LEGALDESK V6
   HOME PRODUCT SHOWCASE · B4-D VISUAL POLISH

   Scope:
   - Home #producto only
   - Keep 5 dynamic tabs
   - Keep one clean real screenshot
   - Remove floating copy panel
   - Remove secondary screenshot
   - Slightly enlarge desktop product visual
   ============================================================ */

body.ld-v6 #producto .ld-v6-product-frame__panel{
    display:none !important;
}

body.ld-v6 #producto .ld-v6-product-frame__secondary{
    display:none !important;
}

body.ld-v6 #producto .ld-v6-product-caption{
    margin-top:14px !important;
}

@media (min-width:1021px){

    body.ld-v6 #producto .ld-v6-product-showcase{
        width:100% !important;
        max-width:900px !important;
    }

    body.ld-v6 #producto .ld-v6-product-frame{
        width:100% !important;
        margin:0 !important;
    }

}

@media (max-width:1020px){

    body.ld-v6 #producto .ld-v6-product-showcase{
        width:100% !important;
    }

}


/* ============================================================
   LEGALDESK V6
   HOME PRODUCT SHOWCASE · B4-H TOP SPACE UTILIZATION

   Important:
   - NO width change
   - NO grid change
   - NO screenshot scaling
   - NO crop
   - NO left-copy change
   - Move right product visual upward only
   ============================================================ */

@media (min-width:1280px){

    body.ld-v6 #producto .ld-v6-product-showcase{
        transform:translateY(-48px) !important;
    }

}


/* ============================================================
   LEGALDESK V6
   HOME PRODUCT SHOWCASE · B4-I TALLER FRAME

   Same horizontal geometry.
   Taller visible product area.
   Mild lateral crop only.
   ============================================================ */

@media (min-width:1280px){

    body.ld-v6 #producto .ld-v6-product-showcase{
        transform:none !important;
    }

    body.ld-v6 #producto .ld-v6-product-frame{
        aspect-ratio:1.9 / 1 !important;
        overflow:hidden !important;
    }

    body.ld-v6 #producto .ld-v6-product-frame__main{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center top !important;
    }

}