* {
        margin: 0;<br/>
        padding: 0;<br/>
        box-sizing: border-box;<br/>
        scroll-behavior: smooth;
    }

    body {
        font-family: 'Inter', sans-serif;<br/>
        line-height: 1.6;<br/>
        color: var(--dark);<br/>
        background-color: var(--light);<br/>
        overflow-x: hidden;
    }

    h1, h2, h3, h4 {
        font-family: 'Playfair Display', serif;<br/>
        font-weight: 700;<br/>
        line-height: 1.2;
    }

    .container {
        max-width: 1140px;<br/>
        margin: 0 auto;<br/>
        padding: 0 20px;
    }

    section {
        padding: 100px 0;<br/>
        position: relative;
    }

    .btn {
        display: inline-block;<br/>
        padding: 20px 40px;<br/>
        background-color: var(--accent);<br/>
        color: var(--light);<br/>
        text-decoration: none;<br/>
        font-weight: 700;<br/>
        border-radius: 4px;<br/>
        transition: all 0.3s ease;<br/>
        text-transform: uppercase;<br/>
        letter-spacing: 1px;<br/>
        font-size: 14px;<br/>
        border: none;<br/>
        cursor: pointer;<br/>
        box-shadow: 0 4px 15px rgba(205, 127, 50, 0.3);
    }

    .btn:hover {<br/>
        background-color: #b36b28;<br/>
        transform: translateY(-3px);<br/>
        box-shadow: 0 8px 25px rgba(205, 127, 50, 0.4);
    }

    /* HEADER */
    header {
        padding: 20px 0;<br/>
        background: rgba(255, 255, 255, 0.95);<br/>
        position: fixed;<br/>
        width: 100%;<br/>
        top: 0;<br/>
        z-index: 1000;<br/>
        box-shadow: 0 2px 20px rgba(0,0,0,0.05);<br/>
        backdrop-filter: blur(10px);
    }

    .header-flex {
        display: flex;<br/>
        justify-content: space-between;<br/>
        align-items: center;
    }

    .logo {
        font-family: 'Playfair Display', serif;<br/>
        font-weight: 700;<br/>
        font-size: 24px;<br/>
        color: var(--primary);<br/>
        text-decoration: none;
    }

    .nav-cta {
        font-size: 13px;<br/>
        font-weight: 700;<br/>
        color: var(--primary);<br/>
        text-decoration: none;<br/>
        border: 2px solid var(--primary);<br/>
        padding: 10px 25px;<br/>
        border-radius: 4px;<br/>
        transition: 0.3s;<br/>
        text-transform: uppercase;
    }

    .nav-cta:hover {<br/>
        background: var(--primary);<br/>
        color: var(--light);
    }

    /* HERO */
    .hero {
        background-color: var(--primary);<br/>
        color: var(--light);<br/>
        padding: 200px 0 120px;<br/>
        overflow: hidden;
    }

    .hero-grid {
        display: grid;<br/>
        grid-template-columns: 1.2fr 0.8fr;<br/>
        gap: 60px;<br/>
        align-items: center;
    }

    .hero h1 {
        font-size: 56px;<br/>
        margin-bottom: 20px;<br/>
        color: var(--light);
    }

    .hero .subtitle {
        font-size: 18px;<br/>
        color: var(--secondary);<br/>
        font-weight: 600;<br/>
        margin-bottom: 30px;<br/>
        display: block;<br/>
        text-transform: uppercase;<br/>
        letter-spacing: 2px;
    }

    .hero p {
        font-size: 22px;<br/>
        font-weight: 300;<br/>
        opacity: 0.9;<br/>
        border-left: 4px solid var(--accent);<br/>
        padding-left: 25px;<br/>
        margin-bottom: 40px;
    }

    .hero-img-placeholder {
        width: 100%;<br/>
        height: 500px;<br/>
        background: rgba(255,255,255,0.05);<br/>
        border: 1px solid rgba(255,255,255,0.1);<br/>
        border-radius: 8px;<br/>
        display: flex;<br/>
        align-items: center;<br/>
        justify-content: center;<br/>
        position: relative;
    }

    /* PROVA SOCIAL */
    .proof {
        background: var(--light);<br/>
        text-align: center;<br/>
        padding: 80px 0;<br/>
        border-bottom: 1px solid var(--gray);
    }

    .proof h3 {
        font-size: 14px;<br/>
        text-transform: uppercase;<br/>
        letter-spacing: 3px;<br/>
        color: var(--text-muted);<br/>
        margin-bottom: 50px;
    }

    .logo-grid {
        display: flex;<br/>
        justify-content: center;<br/>
        gap: 80px;<br/>
        align-items: center;<br/>
        flex-wrap: wrap;<br/>
        opacity: 0.7;
    }

    .logo-item {
        font-family: 'Playfair Display', serif;<br/>
        font-weight: 700;<br/>
        font-size: 28px;<br/>
        color: var(--primary);<br/>
        letter-spacing: 2px;
    }

    /* DOR */
    .pain {
        background-color: var(--primary);<br/>
        color: var(--light);
    }

    .pain h2 {
        text-align: center;<br/>
        font-size: 42px;<br/>
        margin-bottom: 70px;
    }

    .pain-grid {
        max-width: 900px;<br/>
        margin: 0 auto;
    }

    .pain-item {
        background: rgba(255,255,255,0.03);<br/>
        padding: 30px;<br/>
        border-radius: 8px;<br/>
        margin-bottom: 20px;<br/>
        border-left: 4px solid var(--accent);<br/>
        font-style: italic;<br/>
        font-size: 18px;
    }

    .pain-footer {
        text-align: center;<br/>
        margin-top: 50px;<br/>
        font-size: 20px;<br/>
        color: var(--secondary);<br/>
        font-weight: 600;
    }

    /* PONTE */
    .bridge {
        text-align: center;<br/>
        background: var(--light);
    }

    .bridge h2 { font-size: 42px; margin-bottom: 40px; color: var(--primary); }<br/>
    .bridge p { max-width: 850px; margin: 0 auto; font-size: 20px; color: var(--text-muted); }

    /* BENEFICIOS */
    .benefits {
        background-color: var(--primary);<br/>
        color: var(--light);
    }

    .benefits h2 { text-align: center; margin-bottom: 60px; font-size: 42px; }

    .benefits-grid {
        display: grid;<br/>
        grid-template-columns: repeat(2, 1fr);<br/>
        gap: 40px;
    }

    .benefit-card {
        display: flex;<br/>
        align-items: center;<br/>
        padding: 30px;<br/>
        background: rgba(255,255,255,0.05);<br/>
        border-radius: 8px;<br/>
        transition: 0.3s;
    }

    .benefit-card:hover { background: rgba(255,255,255,0.08); }

    .benefit-icon {
        font-size: 32px;<br/>
        margin-right: 25px;<br/>
        color: var(--secondary);
    }

    .benefit-text { font-weight: 600; font-size: 18px; }

    /* PRODUTOS */
    .products { background: var(--light); }<br/>
    .products-header { text-align: center; margin-bottom: 70px; }<br/>
    .products-header h2 { font-size: 42px; color: var(--primary); margin-bottom: 15px; }<br/>
    .products-header p { font-size: 20px; color: var(--text-muted); }

    .products-grid {
        display: grid;<br/>
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));<br/>
        gap: 30px;
    }

    .product-card {
        background: var(--gray);<br/>
        padding: 50px 40px;<br/>
        border-radius: 12px;<br/>
        transition: all 0.4s ease;<br/>
        border: 1px solid transparent;
    }

    .product-card:hover {<br/>
        background: var(--light);<br/>
        border-color: var(--secondary);<br/>
        box-shadow: 0 20px 40px rgba(0,0,0,0.05);<br/>
        transform: translateY(-10px);
    }

    .product-card h4 { color: var(--primary); margin-bottom: 20px; font-size: 24px; }<br/>
    .product-card p { font-size: 16px; color: var(--text-muted); line-height: 1.8; }

    /* QUALIFICAÇÃO */
    .qualify { background: var(--dark); color: var(--light); }<br/>
    .qualify h2 { text-align: center; margin-bottom: 60px; font-size: 42px; color: var(--secondary); }
    .qualify-list {
        max-width: 800px;<br/>
        margin: 0 auto;<br/>
        display: grid;<br/>
        grid-template-columns: 1fr;<br/>
        gap: 20px;
    }
    .qualify-item {
        display: flex;<br/>
        align-items: center;<br/>
        font-size: 18px;
    }
    .qualify-item::before {<br/>
        content: "✦";<br/>
        color: var(--accent);<br/>
        margin-right: 20px;<br/>
        font-size: 24px;
    }

    /* VALUE STACK */
    .stack { background: var(--light); text-align: center; }<br/>
    .stack h2 { font-size: 42px; color: var(--primary); margin-bottom: 60px; }
    .stack-grid {
        display: grid;<br/>
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));<br/>
        gap: 30px;<br/>
        max-width: 1000px;<br/>
        margin: 0 auto;
    }
    .stack-item {
        padding: 30px;<br/>
        border-bottom: 3px solid var(--gray);
    }
    .stack-item h5 { font-size: 18px; color: var(--dark); margin-bottom: 10px; }

    /* OFERTA */
    .offer { background: var(--primary); color: var(--light); text-align: center; }<br/>
    .offer h2 { font-size: 48px; margin-bottom: 20px; }<br/>
    .offer p { font-size: 22px; opacity: 0.9; margin-bottom: 50px; }

    /* COMO FUNCIONA */
    .steps { background: var(--light); }<br/>
    .steps h2 { text-align: center; margin-bottom: 70px; font-size: 42px; color: var(--primary); }
    .steps-grid {
        display: grid;<br/>
        grid-template-columns: repeat(3, 1fr);<br/>
        gap: 40px;
    }
    .step-card { text-align: center; }
    .step-num {
        width: 60px;<br/>
        height: 60px;<br/>
        background: var(--accent);<br/>
        color: var(--light);<br/>
        border-radius: 50%;<br/>
        display: flex;<br/>
        align-items: center;<br/>
        justify-content: center;<br/>
        font-size: 24px;<br/>
        font-weight: 700;<br/>
        margin: 0 auto 30px;
    }
    .step-card h4 { margin-bottom: 20px; font-size: 22px; }

    /* DUAS ESCOLHAS */
    .choices { background: var(--dark); color: var(--light); text-align: center; }<br/>
    .choices p { font-size: 24px; max-width: 800px; margin: 0 auto 50px; font-family: 'Playfair Display', serif; }

    /* AUTORIDADE */
    .authority { background: var(--light); }
    .auth-flex {
        display: flex;<br/>
        align-items: center;<br/>
        gap: 60px;<br/>
        max-width: 900px;<br/>
        margin: 0 auto;
    }
    .auth-img {
        width: 300px;<br/>
        height: 300px;<br/>
        border-radius: 50%;<br/>
        background: var(--gray);<br/>
        flex-shrink: 0;<br/>
        border: 8px solid var(--gray);<br/>
        overflow: hidden;<br/>
        display: flex;<br/>
        align-items: center;<br/>
        justify-content: center;
    }
    .auth-content h2 { font-size: 36px; color: var(--primary); margin-bottom: 10px; }<br/>
    .auth-content .tag { color: var(--accent); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 20px; }<br/>
    .auth-content p { font-size: 20px; font-style: italic; color: var(--text-muted); }

    /* FAQ */
    .faq { background: var(--light); border-top: 1px solid var(--gray); }<br/>
    .faq h2 { text-align: center; margin-bottom: 60px; font-size: 42px; color: var(--primary); }<br/>
    .faq-grid { max-width: 800px; margin: 0 auto; }<br/>
    .faq-item { margin-bottom: 40px; }<br/>
    .faq-item h4 { font-size: 20px; color: var(--dark); margin-bottom: 15px; }<br/>
    .faq-item p { color: var(--text-muted); }

    /* FOOTER */
    footer { background: var(--dark); color: var(--light); padding: 80px 0 40px; }
    .footer-grid {
        display: flex;<br/>
        justify-content: space-between;<br/>
        align-items: flex-start;<br/>
        margin-bottom: 60px;<br/>
        flex-wrap: wrap;<br/>
        gap: 40px;
    }
    .footer-brand h3 { font-size: 28px; margin-bottom: 20px; color: var(--light); }<br/>
    .footer-brand p { opacity: 0.7; max-width: 400px; }<br/>
    .footer-contact p { margin-bottom: 10px; opacity: 0.8; }
    .footer-bottom {
        padding-top: 40px;<br/>
        border-top: 1px solid rgba(255,255,255,0.1);<br/>
        text-align: center;<br/>
        font-size: 14px;<br/>
        opacity: 0.5;
    }

    /* ANIMATIONS */
    [data-fade] {
        opacity: 0;<br/>
        transform: translateY(30px);<br/>
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .visible {
        opacity: 1;<br/>
        transform: translateY(0);
    }

    /* RESPONSIVIDADE */
    @media (max-width: 992px) {<br/>
        .hero-grid, .auth-flex, .steps-grid { grid-template-columns: 1fr; text-align: center; }<br/>
        .hero h1 { font-size: 42px; }<br/>
        .hero-img-placeholder { display: none; }<br/>
        .auth-flex { flex-direction: column; }<br/>
        .benefits-grid { grid-template-columns: 1fr; }<br/>
        .auth-img { margin: 0 auto; }<br/>
        .header-flex { flex-direction: column; gap: 20px; }
    }

    @media (max-width: 600px) {<br/>
        section { padding: 60px 0; }<br/>
        .hero h1 { font-size: 32px; }<br/>
        .offer h2 { font-size: 32px; }
    }
</style>