:root{
    --tp-orange:#ff914d;
    --tp-orange-dark:#e7772f;
    --tp-blue:#0f2a4a;
    --tp-text:#102033;
    --tp-muted:#64748b;
    --tp-bg:#f8fafc;
    --tp-card:#ffffff;
    --tp-border:#e5e7eb;
    --tp-green:#10b981;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--tp-bg);
    color:var(--tp-text);
}

.container{
    max-width:1180px;
}

/* HERO */
.hero-landing{
    position:relative;
    background:#0b1220;
}

.hero-slide{
    min-height:680px;
    background-size:cover;
    background-position:center;
    position:relative;
    display:flex;
    align-items:center;
}
/*
.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(5,13,28,.78), rgba(5,13,28,.38), rgba(5,13,28,.08));
}
*/
.hero-content{
    position:relative;
    z-index:2;
}

.hero-copy{
    max-width:660px;
    padding:40px 0;
}

.hero-pill,
.section-kicker,
.section-title span,
.cta-box-modern span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,145,77,.14);
    border:1px solid rgba(255,145,77,.35);
    color:#ffb17f;
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:800;
    letter-spacing:.02em;
    margin-bottom:16px;
}

.hero-copy h1{
    color:#fff;
    font-size:clamp(36px, 5vw, 66px);
    line-height:1.02;
    font-weight:900;
    letter-spacing:-.04em;
    margin-bottom:20px;
}

.hero-copy p{
    color:rgba(255,255,255,.86);
    font-size:clamp(17px, 2vw, 22px);
    line-height:1.55;
    margin-bottom:28px;
}

.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.btn-hero-primary,
.btn-hero-secondary,
.btn-cta-modern{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:14px 22px;
    border-radius:16px;
    font-weight:900;
    text-decoration:none;
    transition:.2s ease;
}

.btn-hero-primary,
.btn-cta-modern{
    background:var(--tp-orange);
    color:#fff;
    box-shadow:0 12px 28px rgba(255,145,77,.28);
}

.btn-hero-primary:hover,
.btn-cta-modern:hover{
    background:var(--tp-orange-dark);
    color:#fff;
    transform:translateY(-2px);
}

.btn-hero-secondary{
    color:#fff;
    border:1px solid rgba(255,255,255,.45);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
}

.btn-hero-secondary:hover{
    color:#fff;
    background:rgba(255,255,255,.18);
}

.hero-indicators{
    bottom:22px;
}

.hero-indicators [data-bs-target]{
    width:10px;
    height:10px;
    border-radius:999px;
}

/* TRUST */
.trust-strip{
    margin-top:-42px;
    position:relative;
    z-index:4;
    padding:0 16px 34px;
}

.trust-grid{
    background:#fff;
    border:1px solid var(--tp-border);
    border-radius:24px;
    box-shadow:0 18px 45px rgba(15,42,74,.10);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    overflow:hidden;
}

.trust-grid div{
    padding:24px;
    background:#fff;
}

.trust-grid strong{
    display:block;
    color:var(--tp-blue);
    font-size:18px;
    margin-bottom:6px;
}

.trust-grid span{
    color:var(--tp-muted);
    font-size:14px;
}

/* SECTIONS */
.section-modern{
    padding:82px 0;
}

.section-title{
    max-width:760px;
    margin:0 auto 38px;
    text-align:center;
}

.section-title span,
.section-kicker{
    color:#c05621;
    background:#fff7ed;
    border-color:#fed7aa;
}

.section-title h2,
.benefits-copy h2,
.cta-box-modern h2{
    font-size:clamp(30px, 4vw, 46px);
    line-height:1.12;
    letter-spacing:-.03em;
    font-weight:900;
    color:var(--tp-blue);
    margin-bottom:14px;
}

.section-title p,
.benefits-copy p,
.cta-box-modern p{
    color:var(--tp-muted);
    font-size:17px;
    line-height:1.7;
}

.steps-modern{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.step-modern,
.benefit-modern,
.depoimento-modern,
.video-card-modern{
    background:var(--tp-card);
    border:1px solid var(--tp-border);
    border-radius:24px;
    box-shadow:0 12px 34px rgba(15,42,74,.06);
}

.step-modern{
    padding:26px;
}

.step-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tp-orange);
    color:#fff;
    border-radius:16px;
    font-weight:900;
    margin-bottom:18px;
}

.step-modern h3,
.benefit-modern h3,
.video-card-body h3{
    color:var(--tp-blue);
    font-size:20px;
    font-weight:900;
    margin-bottom:10px;
}

.step-modern p,
.benefit-modern p,
.video-card-body p,
.depoimento-modern p{
    color:var(--tp-muted);
    line-height:1.65;
    margin:0;
}

/* VIDEOS */
.videos-modern{
    background:linear-gradient(135deg, #0f2a4a, #162f52);
}

.section-title-light h2,
.section-title-light p{
    color:#fff;
}

.section-title-light p{
    opacity:.82;
}

.videos-grid-modern{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.video-card-modern{
    overflow:hidden;
    background:#fff;
}

.video-card-modern video{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    display:block;
    background:#111827;
}

.video-card-body{
    padding:18px;
}

/* BENEFITS */
.beneficios-modern{
    background:#fff;
}

.benefits-layout{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:44px;
    align-items:center;
}

.benefits-copy{
    max-width:520px;
}

.benefits-copy .btn-hero-primary{
    margin-top:12px;
}

.benefits-grid-modern{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.benefit-modern{
    padding:24px;
}

.benefit-modern div{
    font-size:30px;
    margin-bottom:12px;
}

/* PURCHASE FLOW */
.comprar-modern{
    background:#f1f5f9;
}

.purchase-flow{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.purchase-flow div{
    background:#fff;
    border:1px solid var(--tp-border);
    border-radius:20px;
    padding:22px;
    text-align:center;
}

.purchase-flow strong{
    display:block;
    color:var(--tp-orange);
    font-size:28px;
    font-weight:900;
    margin-bottom:8px;
}

.purchase-flow span{
    color:var(--tp-blue);
    font-weight:900;
}

/* TESTIMONIALS */
.depoimentos-modern{
    background:#fff;
}

.depoimentos-grid-modern{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.depoimento-modern{
    padding:26px;
}

.depoimento-modern p{
    font-size:16px;
    margin-bottom:18px;
}

.depoimento-modern strong{
    color:var(--tp-blue);
}

/* CTA */
.cta-modern{
    padding:60px 0 90px;
    background:linear-gradient(180deg, #fff, #f8fafc);
}

.cta-box-modern{
    background:linear-gradient(135deg, var(--tp-blue), #173b67);
    color:#fff;
    border-radius:32px;
    padding:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    box-shadow:0 20px 55px rgba(15,42,74,.18);
}

.cta-box-modern h2,
.cta-box-modern p{
    color:#fff;
}

.cta-box-modern p{
    opacity:.82;
    margin:0;
}

.mobile-buy-fixed{
    display:none;
}

@media(max-width:1050px){
    .steps-modern,
    .videos-grid-modern,
    .purchase-flow{
        grid-template-columns:repeat(2,1fr);
    }

    .benefits-layout{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .hero-slide{
        min-height:620px;
        background-position:center;
    }

    .hero-overlay{
        background:linear-gradient(180deg, rgba(5,13,28,.70), rgba(5,13,28,.62));
    }

    .hero-copy{
        padding:70px 0 90px;
        text-align:center;
        margin:0 auto;
    }

    .hero-actions{
        justify-content:center;
    }

    .btn-hero-primary,
    .btn-hero-secondary{
        width:100%;
    }

    .trust-strip{
        margin-top:0;
        padding:22px 14px;
    }

    .trust-grid,
    .steps-modern,
    .videos-grid-modern,
    .benefits-grid-modern,
    .purchase-flow,
    .depoimentos-grid-modern{
        grid-template-columns:1fr;
    }

    .section-modern{
        padding:58px 0;
    }

    .video-card-modern video{
        aspect-ratio:16/12;
    }

    .cta-box-modern{
        padding:30px;
        border-radius:24px;
        text-align:center;
        flex-direction:column;
    }

    .btn-cta-modern{
        width:100%;
    }

    .mobile-buy-fixed{
        display:flex;
        position:fixed;
        left:16px;
        right:16px;
        bottom:14px;
        z-index:999;
        background:var(--tp-orange);
        color:#fff;
        text-decoration:none;
        align-items:center;
        justify-content:center;
        padding:15px;
        border-radius:16px;
        font-weight:900;
        box-shadow:0 12px 30px rgba(255,145,77,.40);
    }

    body{
        padding-bottom:74px;
    }
}

@media(max-width:480px){
    .hero-copy h1{
        font-size:34px;
    }

    .hero-copy p{
        font-size:16px;
    }

    .section-title h2,
    .benefits-copy h2,
    .cta-box-modern h2{
        font-size:29px;
    }
}