:root{
    --lead-bg:#060606;
    --lead-text:#f7f5f2;
    --lead-muted:rgba(255,255,255,.72);
    --lead-line:rgba(255,255,255,.14);
    --lead-accent:#d9956e;
    --lead-accent-2:#efb585;
    --lead-card:rgba(13,13,13,.72);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    width:100%;
    min-height:100%;
    background:var(--lead-bg);
    color-scheme:dark;
}

body.lead-page{
    width:100%;
    min-height:100vh;
    min-height:100svh;
    overflow-x:hidden;
    background:var(--lead-bg);
    color:var(--lead-text);
    font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
}

button,
input{
    font:inherit;
}

button,
a{
    -webkit-tap-highlight-color:transparent;
}

.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;
}

.lead-shell,
.lead-hero{
    width:100%;
    min-height:100vh;
    min-height:100svh;
}

.lead-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:max(28px, env(safe-area-inset-top)) clamp(28px, 4.8vw, 78px) max(34px, env(safe-area-inset-bottom));
}

.lead-video{
    position:absolute;
    inset:0;
    z-index:-4;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:54% center;
    pointer-events:none;
}

.lead-backdrop{
    position:absolute;
    inset:0;
    z-index:-3;
    background:
        radial-gradient(circle at 70% 45%, rgba(217,149,110,.09), transparent 30%),
        linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.88) 36%, rgba(0,0,0,.63) 62%, rgba(0,0,0,.82) 100%),
        linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.58));
}

.lead-grain{
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.18;
    pointer-events:none;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.05) 0 1px, transparent 1.5px),
        radial-gradient(circle at 80% 70%, rgba(255,255,255,.035) 0 1px, transparent 1.5px);
    background-size:22px 22px, 31px 31px;
    mix-blend-mode:soft-light;
}

.lead-header{
    width:min(100%, 1450px);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.lead-brand{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

.lead-brand img{
    display:block;
    width:clamp(142px, 13vw, 190px);
    height:auto;
}

.lead-portfolio-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:9px 15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:rgba(255,255,255,.88);
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transition:background .25s ease, border-color .25s ease, transform .25s ease;
}

.lead-portfolio-link:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.09);
    border-color:rgba(255,255,255,.27);
}

.lead-content{
    width:min(100%, 1450px);
    margin:auto;
    display:grid;
    grid-template-columns:minmax(0, 1.15fr) minmax(410px, 520px);
    align-items:center;
    gap:clamp(68px, 8vw, 150px);
    padding:clamp(46px, 6vh, 88px) 0 clamp(20px, 3vh, 42px);
}

.lead-copy{
    max-width:770px;
}

.lead-kicker{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:26px;
    color:var(--lead-accent-2);
    font-size:clamp(11px, .72vw, 13px);
    font-weight:800;
    letter-spacing:.12em;
}

.lead-kicker::before{
    content:"";
    width:32px;
    height:1px;
    background:currentColor;
    opacity:.9;
}

.lead-copy h1{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:clamp(50px, 5vw, 82px);
    line-height:.98;
    letter-spacing:-.045em;
    text-wrap:balance;
    text-shadow:0 18px 48px rgba(0,0,0,.55);
}

.lead-copy h1 em{
    color:var(--lead-accent);
    font-style:normal;
    font-weight:inherit;
}

.lead-intro{
    max-width:620px;
    margin-top:28px;
    color:var(--lead-muted);
    font-size:clamp(16px, 1.15vw, 20px);
    line-height:1.6;
    text-wrap:pretty;
}

.lead-benefits{
    width:min(100%, 790px);
    margin-top:48px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    align-items:stretch;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:24px;
}

.lead-benefit{
    min-width:0;
    min-height:86px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    align-items:center;
    column-gap:18px;
    padding:0 28px;
    color:rgba(255,255,255,.88);
    font-size:12px;
    font-weight:800;
    line-height:1.45;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.lead-benefit:first-child{
    padding-left:0;
}

.lead-benefit:last-child{
    padding-right:0;
}

.lead-benefit + .lead-benefit{
    border-left:1px solid rgba(255,255,255,.13);
}

.lead-benefit-icon{
    width:54px;
    height:54px;
    border:1px solid rgba(217,149,110,.42);
    border-radius:17px;
    display:grid;
    place-items:center;
    color:var(--lead-accent-2);
    background:rgba(217,149,110,.06);
    font-size:22px;
}

.lead-special-cta{
    width:max-content;
    max-width:100%;
    min-height:48px;
    margin-top:22px;
    padding:12px 17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid rgba(217,149,110,.42);
    border-radius:999px;
    background:rgba(217,149,110,.08);
    color:rgba(255,255,255,.91);
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:.025em;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transition:transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}

.lead-special-cta > i:first-child{
    flex:0 0 auto;
    color:var(--lead-accent-2);
    font-size:17px;
}

.lead-special-arrow{
    flex:0 0 auto;
    color:var(--lead-accent-2);
    font-size:12px;
}

.lead-special-cta:hover{
    transform:translateY(-2px);
    background:rgba(217,149,110,.14);
    border-color:rgba(239,181,133,.68);
    color:#fff;
}

.lead-special-cta:focus-visible{
    outline:2px solid var(--lead-accent-2);
    outline-offset:3px;
}

.lead-card{
    width:100%;
    justify-self:end;
    padding:clamp(28px, 2.3vw, 38px);
    border:1px solid rgba(255,255,255,.17);
    border-radius:28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        var(--lead-card);
    box-shadow:0 38px 100px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(30px) saturate(125%);
    -webkit-backdrop-filter:blur(30px) saturate(125%);
}

.lead-price{
    display:flex;
    align-items:center;
    gap:17px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.lead-price-icon{
    flex:0 0 auto;
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border:1px solid rgba(217,149,110,.45);
    border-radius:15px;
    background:rgba(217,149,110,.08);
    color:var(--lead-accent-2);
    font-size:22px;
}

.lead-price div{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.lead-price span{
    color:rgba(255,255,255,.82);
    font-size:15px;
    line-height:1.3;
}

.lead-price strong{
    color:var(--lead-accent-2);
    font-size:clamp(30px, 2vw, 36px);
    line-height:1.05;
    letter-spacing:-.02em;
}

.lead-card-text{
    margin:22px 0 23px;
    color:rgba(255,255,255,.76);
    font-size:15px;
    line-height:1.56;
}

.lead-card-text strong{
    color:#fff;
}

.lead-form{
    display:grid;
    gap:12px;
}

.lead-field{
    position:relative;
    min-width:0;
    display:block;
}

.lead-field > i{
    position:absolute;
    left:17px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    color:rgba(255,255,255,.70);
    font-size:18px;
    pointer-events:none;
}

.lead-field input{
    width:100%;
    min-width:0;
    height:58px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:13px;
    outline:none;
    background:rgba(255,255,255,.045);
    color:#fff;
    padding:0 18px 0 50px;
    font-size:15px;
    transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.lead-field input::placeholder{
    color:rgba(255,255,255,.52);
}

.lead-field input:focus{
    border-color:rgba(217,149,110,.62);
    background:rgba(255,255,255,.07);
    box-shadow:0 0 0 3px rgba(217,149,110,.09);
}

.lead-form button{
    width:100%;
    min-height:60px;
    margin-top:3px;
    border:0;
    border-radius:13px;
    padding:14px 21px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    cursor:pointer;
    background:linear-gradient(135deg, #bd7656 0%, #e1a576 55%, #c9805e 100%);
    color:#120d0a;
    box-shadow:0 14px 30px rgba(185,105,71,.20), inset 0 1px 0 rgba(255,255,255,.24);
    font-size:13px;
    font-weight:900;
    letter-spacing:.035em;
    transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.lead-form button:hover{
    transform:translateY(-2px);
    filter:brightness(1.05);
    box-shadow:0 18px 36px rgba(185,105,71,.28), inset 0 1px 0 rgba(255,255,255,.26);
}

.lead-form button:focus-visible,
.lead-portfolio-link:focus-visible{
    outline:2px solid var(--lead-accent-2);
    outline-offset:3px;
}

.lead-form button:disabled{
    cursor:wait;
    opacity:.68;
    transform:none;
    filter:none;
}

.lead-status{
    min-height:0;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.45;
}

.lead-status:empty{
    display:none;
}

.lead-status.is-success{
    color:#b7e3c2;
}

.lead-status.is-error{
    color:#ffb1a8;
}

.lead-privacy{
    margin-top:17px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.09);
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:10px;
    color:rgba(255,255,255,.53);
    font-size:11px;
    line-height:1.45;
    text-align:left;
}

.lead-privacy i{
    flex:0 0 auto;
    margin-top:1px;
    color:var(--lead-accent-2);
    font-size:16px;
}

.lead-honeypot{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.lead-mobile-trust{
    display:none;
}


/* Elementos exclusivos da versão mobile. */
.lead-card-text-mobile,
.lead-special-cta-mobile{
    display:none;
}

@media (max-width:1120px){
    .lead-hero{
        padding-left:clamp(24px, 4vw, 46px);
        padding-right:clamp(24px, 4vw, 46px);
    }

    .lead-content{
        grid-template-columns:minmax(0, 1fr) minmax(380px, 465px);
        gap:clamp(42px, 5vw, 68px);
    }

    .lead-copy h1{
        font-size:clamp(48px, 5.6vw, 68px);
    }

    .lead-benefits{
        width:min(100%, 720px);
    }

    .lead-benefit{
        min-height:76px;
        grid-template-columns:46px minmax(0,1fr);
        column-gap:12px;
        padding:0 18px;
        font-size:10px;
    }

    .lead-benefit-icon{
        width:46px;
        height:46px;
        border-radius:15px;
        font-size:19px;
    }
}

@media (max-width:900px){
    body.lead-page{
        overflow-x:clip;
    }

    .lead-hero{
        min-height:100svh;
        overflow:visible;
        padding:
            max(22px, env(safe-area-inset-top))
            max(20px, env(safe-area-inset-right))
            max(32px, env(safe-area-inset-bottom))
            max(20px, env(safe-area-inset-left));
    }

    .lead-video{
        position:fixed;
        object-position:58% center;
    }

    .lead-backdrop{
        position:fixed;
        background:
            radial-gradient(circle at 66% 22%, rgba(217,149,110,.09), transparent 30%),
            linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.89) 44%, rgba(0,0,0,.97) 100%);
    }

    .lead-grain{
        position:fixed;
    }

    .lead-header{
        width:100%;
    }

    .lead-brand img{
        width:138px;
    }

    .lead-portfolio-link{
        min-height:38px;
        padding:8px 12px;
        font-size:11px;
    }

    .lead-content{
        width:100%;
        grid-template-columns:1fr;
        gap:34px;
        padding:58px 0 12px;
    }

    .lead-copy{
        max-width:690px;
        margin:0 auto;
        text-align:left;
    }

    .lead-kicker{
        margin-bottom:20px;
        font-size:10px;
    }

    .lead-copy h1{
        max-width:680px;
        font-size:clamp(44px, 9vw, 70px);
        line-height:.99;
    }

    .lead-intro{
        max-width:620px;
        margin-top:22px;
        font-size:16px;
    }

    .lead-benefits{
        width:100%;
        max-width:620px;
        margin-top:34px;
        grid-template-columns:repeat(3, minmax(0,1fr));
        padding-top:20px;
    }

    .lead-benefit{
        min-height:72px;
        grid-template-columns:42px minmax(0,1fr);
        column-gap:10px;
        padding:0 13px;
        font-size:9.5px;
    }

    .lead-benefit-icon{
        width:42px;
        height:42px;
        border-radius:14px;
        font-size:18px;
    }

    .lead-special-cta{
        margin-top:22px;
    }

    .lead-card{
        max-width:620px;
        justify-self:center;
        margin-inline:auto;
        padding:30px;
    }

    .lead-mobile-trust{
        display:none;
    }

    .lead-mobile-trust span{
        display:flex;
        align-items:center;
        gap:7px;
    }

    .lead-mobile-trust i{
        color:var(--lead-accent-2);
    }
}

@media (max-width:560px){
    .lead-hero{
        padding-left:max(16px, env(safe-area-inset-left));
        padding-right:max(16px, env(safe-area-inset-right));
    }

    .lead-brand img{
        width:124px;
    }

    .lead-portfolio-link span{
        display:none;
    }

    .lead-portfolio-link{
        width:40px;
        height:40px;
        min-height:40px;
        padding:0;
        justify-content:center;
    }

    .lead-content{
        padding-top:46px;
        gap:28px;
    }

    .lead-copy h1{
        font-size:clamp(40px, 12.3vw, 58px);
        letter-spacing:-.04em;
        text-wrap:pretty;
    }

    .lead-intro{
        margin-top:18px;
        font-size:14px;
        line-height:1.55;
    }

    .lead-benefits{
        grid-template-columns:1fr;
        margin-top:28px;
        padding-top:12px;
    }

    .lead-benefit{
        min-height:64px;
        grid-template-columns:44px minmax(0,1fr);
        column-gap:13px;
        padding:10px 0;
        font-size:10.5px;
    }

    .lead-benefit + .lead-benefit{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.11);
    }

    .lead-benefit-icon{
        width:44px;
        height:44px;
        border-radius:14px;
        font-size:18px;
    }

    .lead-special-cta{
        width:100%;
        min-height:52px;
        margin-top:20px;
        padding:12px 15px;
        border-radius:15px;
        justify-content:flex-start;
        font-size:11.5px;
        text-align:left;
    }

    .lead-special-arrow{
        margin-left:auto;
    }

    .lead-card{
        padding:24px 18px;
        border-radius:22px;
    }

    .lead-price{
        gap:13px;
        padding-bottom:18px;
    }

    .lead-price-icon{
        width:44px;
        height:44px;
        border-radius:13px;
        font-size:19px;
    }

    .lead-price span{
        font-size:13px;
    }

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

    .lead-card-text{
        margin:18px 0 19px;
        font-size:13.5px;
        line-height:1.52;
    }

    .lead-form{
        gap:10px;
    }

    .lead-field input{
        height:54px;
        font-size:16px; /* evita zoom automático no iOS */
    }

    .lead-form button{
        min-height:57px;
        padding-inline:14px;
        font-size:11.5px;
    }

    .lead-privacy{
        justify-content:flex-start;
        font-size:10.5px;
    }
}

@media (max-width:360px){
    .lead-copy h1{
        font-size:37px;
    }

    .lead-kicker{
        letter-spacing:.08em;
    }

    .lead-card{
        padding-left:15px;
        padding-right:15px;
    }

    .lead-price strong{
        font-size:28px;
    }

    .lead-form button{
        font-size:10.8px;
        letter-spacing:.02em;
    }
}

@media (max-height:760px) and (min-width:901px){
    .lead-hero{
        padding-top:20px;
        padding-bottom:20px;
    }

    .lead-content{
        padding-top:26px;
        padding-bottom:10px;
    }

    .lead-copy h1{
        font-size:clamp(46px, 4.4vw, 66px);
    }

    .lead-intro{
        margin-top:20px;
        font-size:15px;
    }

    .lead-benefits{
        margin-top:28px;
        padding-top:20px;
    }

    .lead-card{
        padding-top:24px;
        padding-bottom:24px;
    }

    .lead-card-text{
        margin-top:17px;
        margin-bottom:17px;
        font-size:13.5px;
    }

    .lead-field input{
        height:50px;
    }

    .lead-form button{
        min-height:52px;
    }

    .lead-privacy{
        margin-top:12px;
        padding-top:12px;
    }
}

@media (prefers-reduced-motion:reduce){
    .lead-portfolio-link,
    .lead-form button,
    .lead-field input{
        transition:none;
    }
}


/* =========================================================
   AJUSTE FINAL — DIFERENCIAIS RESPONSIVOS
   Mantém os três itens visualmente equilibrados sem depender
   de quebras de linha fixas no HTML.
   ========================================================= */
.lead-benefits{
    width:min(100%, 780px);
    margin-top:42px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    align-items:stretch;
    border-top:1px solid rgba(255,255,255,.13);
    padding-top:24px;
}

.lead-benefit{
    min-width:0;
    min-height:126px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    padding:2px clamp(14px, 2vw, 28px) 0;
    color:rgba(255,255,255,.90);
    text-align:center;
}

.lead-benefit:first-child{
    padding-left:clamp(8px, 1.4vw, 18px);
}

.lead-benefit:last-child{
    padding-right:clamp(8px, 1.4vw, 18px);
}

.lead-benefit + .lead-benefit{
    border-left:1px solid rgba(255,255,255,.13);
}

.lead-benefit-icon{
    flex:0 0 auto;
    width:56px;
    height:56px;
    border:1px solid rgba(217,149,110,.44);
    border-radius:18px;
    display:grid;
    place-items:center;
    color:var(--lead-accent-2);
    background:rgba(217,149,110,.065);
    font-size:22px;
}

.lead-benefit-label{
    display:block;
    width:100%;
    max-width:190px;
    margin-inline:auto;
    color:rgba(255,255,255,.90);
    font-size:clamp(10.5px, .78vw, 12px);
    font-weight:800;
    line-height:1.42;
    letter-spacing:.055em;
    text-transform:uppercase;
    text-align:center;
    text-wrap:balance;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
}

/* Janelas desktop/intermediárias: continua em 3 colunas,
   porém reduz tudo proporcionalmente. */
@media (max-width:1180px){
    .lead-benefits{
        margin-top:34px;
        padding-top:20px;
    }

    .lead-benefit{
        min-height:112px;
        gap:12px;
        padding-inline:12px;
    }

    .lead-benefit:first-child{ padding-left:8px; }
    .lead-benefit:last-child{ padding-right:8px; }

    .lead-benefit-icon{
        width:48px;
        height:48px;
        border-radius:15px;
        font-size:19px;
    }

    .lead-benefit-label{
        max-width:160px;
        font-size:10px;
        letter-spacing:.045em;
        line-height:1.38;
    }
}

/* Tablet: a área já ocupa a largura total, então os 3 itens
   ficam centralizados e simétricos. */
@media (max-width:900px){
    .lead-benefits{
        width:100%;
        max-width:620px;
        margin-top:32px;
        grid-template-columns:repeat(3, minmax(0,1fr));
        padding-top:20px;
    }

    .lead-benefit{
        min-height:108px;
        gap:11px;
        padding:0 12px;
    }

    .lead-benefit-icon{
        width:46px;
        height:46px;
        border-radius:14px;
        font-size:18px;
    }

    .lead-benefit-label{
        max-width:155px;
        font-size:9.8px;
        line-height:1.4;
    }
}

/* Celular: vira uma lista limpa e compacta, evitando qualquer
   aperto ou quebra estranha de palavras. */
@media (max-width:560px){
    .lead-benefits{
        grid-template-columns:1fr;
        margin-top:28px;
        padding-top:8px;
    }

    .lead-benefit,
    .lead-benefit:first-child,
    .lead-benefit:last-child{
        min-height:68px;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        gap:14px;
        padding:11px 2px;
        text-align:left;
    }

    .lead-benefit + .lead-benefit{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.11);
    }

    .lead-benefit-icon{
        width:46px;
        height:46px;
        flex:0 0 46px;
        border-radius:14px;
        font-size:18px;
    }

    .lead-benefit-label{
        width:auto;
        max-width:none;
        margin:0;
        font-size:10.5px;
        line-height:1.4;
        text-align:left;
        text-wrap:pretty;
    }
}


/* =========================================================
   MOBILE — FORMULÁRIO NA PRIMEIRA DOBRA
   Este bloco é propositalmente limitado a celulares.
   O desktop permanece inalterado.
   ========================================================= */
@media (max-width:560px){
    .lead-hero{
        min-height:100svh;
        padding-top:max(12px, env(safe-area-inset-top));
        padding-bottom:max(24px, env(safe-area-inset-bottom));
    }

    .lead-header{
        min-height:38px;
    }

    .lead-brand img{
        width:108px;
    }

    .lead-portfolio-link{
        width:36px;
        height:36px;
        min-height:36px;
    }

    .lead-content{
        display:flex;
        flex-direction:column;
        gap:28px;
        padding:10px 0 8px;
        margin:0 auto;
    }

    /* No celular o formulário vem antes do texto institucional. */
    .lead-card{
        order:-1;
        width:100%;
        max-width:none;
        margin:0;
        padding:15px 14px 13px;
        border-radius:19px;
        background:
            linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.022)),
            rgba(10,10,10,.84);
        box-shadow:0 20px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
        backdrop-filter:blur(22px) saturate(120%);
        -webkit-backdrop-filter:blur(22px) saturate(120%);
    }

    .lead-price{
        gap:11px;
        padding-bottom:10px;
    }

    .lead-price-icon{
        width:38px;
        height:38px;
        border-radius:11px;
        font-size:17px;
    }

    .lead-price div{
        gap:0;
    }

    .lead-price span{
        font-size:11px;
    }

    .lead-price strong{
        font-size:25px;
        line-height:1;
    }

    /* Texto completo continua no desktop; no mobile usamos uma versão curta. */
    .lead-card-text{
        display:none;
    }

    .lead-card-text-mobile{
        display:block;
        margin:10px 1px 11px;
        color:rgba(255,255,255,.72);
        font-size:11.5px;
        line-height:1.38;
    }

    .lead-form{
        gap:7px;
    }

    .lead-field > i{
        left:14px;
        font-size:15px;
    }

    .lead-field input{
        height:45px;
        padding-left:42px;
        padding-right:13px;
        border-radius:11px;
        font-size:16px; /* evita zoom automático no iOS */
    }

    .lead-form button{
        min-height:47px;
        margin-top:1px;
        border-radius:11px;
        padding:10px 12px;
        font-size:10.8px;
        letter-spacing:.025em;
    }

    /* O CTA de portfólio original permanece no desktop.
       No mobile esta versão fica junto do formulário e ganha destaque. */
    .lead-copy > .lead-special-cta{
        display:none;
    }

    .lead-special-cta-mobile{
        width:100%;
        min-height:44px;
        margin-top:9px;
        padding:9px 11px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        border:1px solid rgba(239,181,133,.78);
        border-radius:11px;
        background:linear-gradient(135deg, rgba(217,149,110,.22), rgba(217,149,110,.10));
        color:#fff;
        text-decoration:none;
        text-align:center;
        font-size:10.5px;
        font-weight:850;
        line-height:1.25;
        letter-spacing:.015em;
        box-shadow:0 10px 26px rgba(185,105,71,.14), inset 0 1px 0 rgba(255,255,255,.08);
    }

    .lead-special-cta-mobile i{
        flex:0 0 auto;
        color:var(--lead-accent-2);
        font-size:15px;
    }

    .lead-special-cta-mobile span{
        flex:0 1 auto;
    }

    .lead-privacy{
        margin-top:9px;
        padding-top:9px;
        gap:7px;
        font-size:9px;
        line-height:1.3;
    }

    .lead-privacy i{
        font-size:13px;
    }

    /* Conteúdo institucional continua abaixo do formulário. */
    .lead-copy{
        order:1;
    }

    .lead-kicker{
        margin-bottom:14px;
    }

    .lead-copy h1{
        font-size:clamp(38px, 11.5vw, 52px);
    }

    .lead-intro{
        margin-top:15px;
    }

    .lead-benefits{
        margin-top:22px;
    }
}

/* Celulares baixos (ex.: iPhone SE): comprime apenas o topo/formulário
   para manter os campos visíveis sem alterar o desktop. */
@media (max-width:560px) and (max-height:700px){
    .lead-hero{
        padding-top:max(8px, env(safe-area-inset-top));
    }

    .lead-brand img{
        width:96px;
    }

    .lead-portfolio-link{
        width:32px;
        height:32px;
        min-height:32px;
    }

    .lead-content{
        padding-top:6px;
    }

    .lead-card{
        padding:12px 12px 10px;
    }

    .lead-price{
        padding-bottom:8px;
    }

    .lead-card-text-mobile{
        margin:7px 0 8px;
        font-size:10.5px;
    }

    .lead-field input{
        height:42px;
    }

    .lead-form button{
        min-height:44px;
    }

    .lead-special-cta-mobile{
        min-height:40px;
        margin-top:7px;
        font-size:9.8px;
    }

    .lead-privacy{
        margin-top:7px;
        padding-top:7px;
        font-size:8.5px;
    }
}