:root
{
    --bg:#050505;
    --bg-soft:#0c0c0f;
    --panel:#ffffff0a;
    --panel-strong:#ffffff12;
    --line:#ffffff14;
    --line-strong:#ffffff24;
    --text:#f5f5f7;
    --muted:#b6b6be;
    --primary:#e10600;
    --primary-strong:#ff2a23;
    --container:1180px;
    --radius-xl:30px;
    --radius-lg:22px;
    --radius-md:18px;
    --shadow:0 30px 80px #00000073;
}

*
{
    box-sizing:border-box
}

html
{
    scroll-behavior:smooth
}

body
{
    color:var(--text);
    background:radial-gradient(circle at 0 0,#e1060024,#0000 25%),radial-gradient(circle at 100% 0,#ffffff0d,#0000 16%),linear-gradient(#020202 0%,#07080c 45%,#040404 100%);
    /* background-color: #666; */
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    overflow-x:hidden
}

a
{
    color:inherit;
    text-decoration:none;
}

img
{
    max-width:100%;
    display:block
}

button,input,select,textarea {
    font:inherit;
}

.container {
    width:min(100% - 32px, var(--container));
    z-index:2;
    margin:0 auto;
    position:relative;
}

.bg-effects {
    pointer-events:none;
    z-index:0;
    position:fixed;
    inset:0;
    overflow:hidden;
}

.glow {
    filter:blur(80px);
    opacity:.55;
    border-radius:999px;
    position:absolute;
}

.glow-1 {
    background:#e1060038;
    width:420px;
    height:420px;
    animation:10s ease-in-out infinite alternate driftOne;
    top:120px;
    left:-80px;
}

.glow-2 {
    background:#ffffff0f;
    width:360px;
    height:360px;
    animation:12s ease-in-out infinite alternate driftTwo;
    top:120px;
    right:-40px;
}

.grid-lines {
    background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);
    background-size:80px 80px;
    position:absolute;
    inset:0;
    -webkit-mask-image:linear-gradient(#000000bf,#0000 90%);
    mask-image:linear-gradient(#000000bf,#0000 90%);
}

.header {
    z-index:50;
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line);
    background:#050505c7;
    position:sticky;
    top:0;
}

.header-content {
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:24px;
    min-height:88px;
    display:grid;
}

.brand {
    align-items:center;
    display:inline-flex;
}

.brand-logo {
    width:168px;
    height:auto;
    transition:transform .35s;
}

.brand:hover .brand-logo {
    transform:scale(1.03);
}

.menu-toggle {
    border:1px solid var(--line);
    cursor:pointer;
    background:#ffffff0a;
    border-radius:14px;
    width:48px;
    height:48px;
    padding:0;
    display:none;
}

.menu-toggle span {
    background:#fff;
    border-radius:999px;
    width:18px;
    height:2px;
    margin:4px auto;
    display:block;
}

.nav {
    justify-content:center;
    align-items:center;
    gap:28px;
    display:flex;
}

.nav a {
    color:var(--muted);
    font-weight:500;
    transition:all .25s;
    position:relative;
}

.nav a:after {
    content:"";
    background:var(--primary);
    width:0;
    height:2px;
    transition:width .25s;
    position:absolute;
    bottom:-8px;
    left:0;
}

.nav a:hover {
    color:#fff;
}

.nav a:hover:after {
    width:100%;
}

.header-actions {
    align-items:center;
    gap:16px;
    display:flex;
}

.social-links {
    gap:10px;
    display:flex;
}

.social-btn {
    border:1px solid var(--line);
    background:#ffffff08;
    border-radius:999px;
    place-items:center;
    width:42px;
    height:42px;
    transition:all .25s;
    display:grid;
}

.social-btn:hover {
    background:#e106001f;
    border-color:#e1060066;
    transform:translateY(-2px);
    box-shadow:0 12px 26px #e106002e;
}

.social-btn svg {
    fill:#fff;
    width:18px;
    height:18px;
}

.btn {
    cursor:pointer;
    white-space:nowrap;
    border:0;
    border-radius:999px;
    justify-content:center;
    align-items:center;
    gap:10px;
    min-height:52px;
    padding:0 22px;
    font-weight:700;
    transition:all .3s;
    display:inline-flex;
}

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

.btn-small {
    min-height:42px;
    padding:0 16px;
    font-size:.92rem;
}

.btn-inline {
    min-height:48px;
    padding:0 18px;
}

.btn-icon {
    width:18px;
    height:18px;
    display:inline-flex;
}

.btn-icon svg {
    fill:currentColor;
    width:18px;
    height:18px;
}

.btn-primary {
    color:#fff;
    background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);
    box-shadow:0 20px 40px #e1060040;
}

.btn-dark {
    color:#fff;
    border:1px solid var(--line-strong);
    background:#ffffff08;
}

.btn-dark:hover {
    border-color:#ffffff3d;
}

.btn-whatsapp {
    color:#fff;
    background:#ffffff0a;
    border:1px solid #ffffff1f;
}

.btn-whatsapp:hover {
    background:#e106001f;
    border-color:#e1060066;
}

.btn-outline-light {
    color:#fff;
    background:0 0;
    border:1px solid #ffffff2e;
}

.hero {
    padding:74px 0 46px;
    position:relative;
}

.hero-content {
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:46px;
    display:grid;
}

.hero-badge,.section-kicker,.summary-kicker {
    color:#ffd1cf;
    background:#e106001f;
    border:1px solid #e1060038;
    border-radius:999px;
    align-items:center;
    min-height:38px;
    margin-bottom:18px;
    padding:0 16px;
    font-size:.84rem;
    font-weight:700;
    display:inline-flex;
}

.hero h1 {
    letter-spacing:-.04em;
    max-width:760px;
    margin:0 0 20px;
    font-size:clamp(2.6rem,5vw,5.2rem);
    line-height:.98;
}

.hero h1 span {
    color:#ff625d;
}

.hero-description {
    color:var(--muted);
    max-width:660px;
    margin:0;
    font-size:1.05rem;
    line-height:1.8;
}

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

.hero-mini-cards {
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-top:34px;
    display:grid;
}

.mini-card,.feature-card,.split-panel,.affiliates-box,.metric-card,.compatibility-box,.faq-card,.proof-card,.form-block,.summary-card {
    border:1px solid var(--line);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:var(--shadow);
    background:linear-gradient(#ffffff0a,#ffffff05);
}

.mini-card {
    border-radius:var(--radius-md);
    padding:20px;
}

.mini-card strong {
    margin-bottom:10px;
    font-size:1rem;
    display:block;
}

.mini-card span {
    color:var(--muted);
    font-size:.94rem;
    line-height:1.6;
}

.hero-visual {
    justify-content:center;
    align-items:center;
    display:flex;
}

.hero-product-frame {
    place-items:center;
    width:100%;
    max-width:520px;
    min-height:560px;
    display:grid;
    position:relative;
}

.hero-product-backdrop {
    background:radial-gradient(circle,#e106001a,#0000 42%),linear-gradient(#ffffff05,#ffffff03);
    border:1px solid #ffffff0f;
    border-radius:32px;
    position:absolute;
    inset:60px 40px;
}

.hero-product-card {
    z-index:2;
    text-align:center;
    background:radial-gradient(circle at top,#e1060029,#0000 35%),linear-gradient(#ffffff0f,#ffffff08);
    border:1px solid #ffffff1a;
    border-radius:28px;
    place-items:center;
    width:320px;
    min-height:320px;
    padding:28px;
    display:grid;
    position:relative;
    box-shadow:0 0 0 1px #ffffff05,0 30px 80px #00000073,0 0 100px #e106001a;
}

.hero-product-logo {
    width:220px;
    margin-bottom:16px;
}

.hero-product-card p {
    color:var(--muted);
    margin:0;
    line-height:1.6;
}

.floating {
    animation:4s ease-in-out infinite floatingCard;
}

.floating-tag {
    z-index:3;
    color:#fff;
    background:#0c0c0fcc;
    border:1px solid #ffffff1f;
    border-radius:999px;
    padding:12px 16px;
    font-size:.92rem;
    font-weight:700;
    position:absolute;
    box-shadow:0 16px 36px #00000047;
}

.floating-tag-top {
    animation:5s ease-in-out infinite floatingTag;
    top:80px;
    left:24px;
}

.floating-tag-right {
    animation:5.8s ease-in-out infinite floatingTag;
    top:50%;
    right:4px;
}

.floating-tag-bottom {
    animation:6.2s ease-in-out infinite floatingTag;
    bottom:62px;
    left:72px;
}

.metrics-bar {
    padding:0 0 20px;
}

.metrics-grid {
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    display:grid;
}

.metric-card {
    border-radius:20px;
    padding:22px;
}

.metric-card strong {
    color:#fff;
    margin-bottom:10px;
    font-size:1.4rem;
    display:block;
}

.metric-card span {
    color:var(--muted);
    font-size:.95rem;
    line-height:1.6;
}

.section {
    padding:88px 0;
    position:relative;
}

.section-dark {
    background:#ffffff05;
    border-top:1px solid #ffffff0a;
    border-bottom:1px solid #ffffff0a;
}

.section-header {
    max-width:760px;
    margin-bottom:30px;
}

.section-header.compact {
    max-width:860px;
}

.section-header h2,.split-text h2,.affiliates-box h2 {
    margin:0 0 14px;
    font-size:clamp(2rem,4vw,3.4rem);
    line-height:1.08;
}

.section-header p,.split-text p,.affiliates-box p {
    color:var(--muted);
    margin:0;
    line-height:1.8;
}

.benefits-grid,.social-proof-grid {
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    display:grid;
}

.feature-card,.proof-card {
    border-radius:var(--radius-lg);
    padding:28px;
    transition:transform .3s,border-color .3s,background .3s;
}

.feature-card:hover,.proof-card:hover {
    background:linear-gradient(#e1060014,#ffffff08);
    border-color:#e1060038;
    transform:translateY(-6px);
}

.feature-icon {
    color:#ffd1cf;
    background:#e1060024;
    border:1px solid #e106003d;
    border-radius:14px;
    place-items:center;
    width:52px;
    height:52px;
    margin-bottom:18px;
    font-weight:800;
    display:grid;
}

.feature-card h3,.proof-card strong {
    margin:0 0 12px;
    font-size:1.22rem;
    display:block;
}

.feature-card p,.proof-card p {
    color:var(--muted);
    margin:0;
    line-height:1.7;
}

.split-section {
    grid-template-columns:1fr .92fr;
    align-items:center;
    gap:34px;
    display:grid;
}

.split-panel {
    border-radius:28px;
    padding:30px;
}

.panel-line {
    border-bottom:1px solid #ffffff0f;
    padding:18px 0;
}

.panel-line:last-child {
    border-bottom:0;
}

.panel-line strong {
    margin-bottom:8px;
    font-size:1rem;
    display:block;
}

.panel-line span {
    color:var(--muted);
    line-height:1.6;
}

.compatibility-box {
    border-radius:28px;
    padding:34px;
}

.compatibility-tags {
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
    display:flex;
}

.compatibility-tags span {
    color:#fff;
    background:#ffffff0a;
    border:1px solid #ffffff14;
    border-radius:999px;
    align-items:center;
    min-height:42px;
    padding:0 16px;
    font-weight:600;
    display:inline-flex;
}

.checkout-layout {
    grid-template-columns:1.25fr .75fr;
    align-items:start;
    gap:24px;
    display:grid;
}

.checkout-form {
    gap:20px;
    display:grid;
}

.form-block {
    border-radius:28px;
    padding:28px;
    transition:all .3s;
}

.form-block-head {
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
    display:flex;
}

.form-block-head h3 {
    margin:0;
    font-size:1.35rem;
}

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

.form-field {
    flex-direction:column;
    gap:8px;
    display:flex;
}

.field-span-2 {
    grid-column:span 2;
}

.form-field label {
    color:#d9d9e2;
    font-size:.92rem;
    font-weight:600;
}

.form-field input,.form-field select {
    color:#fff;
    appearance:none;
    --lightningcss-light:initial;
    --lightningcss-dark:initial;
    color-scheme:dark;
    background:#ffffff08;
    border:1px solid #ffffff1a;
    border-radius:16px;
    outline:none;
    width:100%;
    min-height:52px;
    padding:0 16px;
    transition:all .25s;
}

.form-field input::placeholder {
    color:#8e8e98;
}

.form-field input:focus,.form-field select:focus {
    border-color:#e1060073;
    box-shadow:0 0 0 4px #e1060014;
}

.field-with-button .inline-action {
    grid-template-columns:1fr auto;
    gap:10px;
    display:grid;
}

.checkout-summary {
    position:sticky;
    top:108px;
}

.summary-card {
    border-radius:28px;
    padding:28px;
}

.summary-card h3 {
    margin:0 0 18px;
    font-size:1.6rem;
}

.summary-product {
    gap:14px;
    margin-bottom:22px;
    display:grid;
}

.summary-product img {
    width:180px;
}

.summary-product p,.summary-note p,.summary-price span {
    color:var(--muted);
    margin:0;
    line-height:1.7;
}

.summary-list {
    gap:14px;
    margin-bottom:22px;
    display:grid;
}

.summary-line {
    border-bottom:1px solid #ffffff0f;
    justify-content:space-between;
    gap:12px;
    padding-bottom:12px;
    display:flex;
}

.summary-line span {
    color:var(--muted);
}

.summary-price {
    border-top:1px solid #ffffff0f;
    border-bottom:1px solid #ffffff0f;
    margin-bottom:20px;
    padding:18px 0 20px;
}

.summary-price small {
    color:var(--muted);
    margin-bottom:8px;
    display:block;
}

.summary-price strong {
    margin-bottom:8px;
    font-size:2rem;
    display:block;
}

.summary-actions {
    gap:12px;
    margin-bottom:18px;
    display:grid;
}

.faq-grid {
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    display:grid;
}

.faq-card {
    border-radius:22px;
    padding:28px;
}

.faq-card h3 {
    margin:0 0 12px;
    font-size:1.15rem;
    line-height:1.4;
}

.faq-card p {
    color:var(--muted);
    margin:0;
    line-height:1.75;
}

.affiliates-box {
    text-align:center;
    border-radius:30px;
    max-width:920px;
    margin:0 auto;
    padding:38px;
}

.affiliates-box p {
    max-width:720px;
    margin-bottom:26px;
    margin-left:auto;
    margin-right:auto;
}

.reveal {
    opacity:0;
    animation:.8s forwards revealUp;
    transform:translateY(24px);
}

.delay-1 {
    animation-delay:.15s;
}

.delay-2 {
    animation-delay:.3s;
}

@keyframes revealUp {
    to {
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes floatingCard {
    0%,to {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-10px);
    }

}

@keyframes floatingTag {
    0%,to {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-6px);
    }

}

@keyframes driftOne {
    0% {
        transform:translate(0,0);
    }
    to {
        transform:translate(40px,30px);
    }

}

@keyframes driftTwo {
    0% {
        transform:translate(0,0);
    }
    to {
        transform:translate(-36px,18px);
    }

}

@media (width<=1180px) {
    .header-content {
        grid-template-columns:auto 1fr auto;
        gap:16px;
    }
    .nav {
        gap:18px;
    }
    .hero-content,.split-section,.checkout-layout {
        grid-template-columns:1fr;
    }
    .hero-mini-cards,.benefits-grid,.metrics-grid,.social-proof-grid {
        grid-template-columns:repeat(2,1fr);
    }
    .hero-product-frame {
        min-height:460px;
    }
    .checkout-summary {
        position:static;
    }

}

@media (width<=920px) {
    .menu-toggle {
        order:3;
        display:inline-block;
    }
    .header-content {
        grid-template-columns:auto auto 1fr;
    }
    .nav {
        border:1px solid var(--line);
        box-shadow:var(--shadow);
        background:#08080af5;
        border-radius:20px;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        padding:20px;
        display:none;
        position:absolute;
        top:calc(100% + 10px);
        left:16px;
        right:16px;
    }
    .nav.nav-open {
        display:flex;
    }
    .header-actions {
        justify-content:flex-end;
    }
    .social-links {
        display:none;
    }
    .faq-grid,.hero-mini-cards,.benefits-grid,.metrics-grid,.social-proof-grid,.form-grid {
        grid-template-columns:1fr;
    }
    .field-span-2 {
        grid-column:span 1;
    }

}

@media (width<=720px) {
    .container {
        width:min(100% - 20px, var(--container));
    }
    .header-content {
        min-height:76px;
    }
    .brand-logo {
        width:138px;
    }
    .btn-whatsapp {
        min-height:46px;
        padding:0 16px;
        font-size:.95rem;
    }
    .hero {
        padding:42px 0 26px;
    }
    .hero h1 {
        font-size:2.4rem;
        line-height:1.02;
    }
    .hero-description {
        font-size:1rem;
    }
    .hero-actions,.summary-actions {
        flex-direction:column;
        width:100%;
    }
    .btn,.btn-primary,.btn-dark,.btn-whatsapp,.btn-outline-light {
        width:100%;
    }
    .hero-product-frame {
        flex-direction:column;
        gap:10px;
        min-height:auto;
        display:flex;
    }
    .hero-product-backdrop {
        display:none;
    }
    .hero-product-card {
        width:100%;
        min-height:260px;
    }
    .hero-product-logo {
        width:170px;
    }
    .floating-tag {
        text-align:center;
        justify-content:center;
        width:100%;
        position:static;
    }
    .section {
        padding:68px 0;
    }
    .affiliates-box,.split-panel,.feature-card,.mini-card,.metric-card,.compatibility-box,.faq-card,.proof-card,.form-block,.summary-card {
        padding:22px;
    }
    .section-header h2,.split-text h2,.affiliates-box h2 {
        font-size:2rem;
    }
    .form-block-head {
        flex-direction:column;
        align-items:flex-start;
    }
    .field-with-button .inline-action {
        grid-template-columns:1fr;
    }

}

@media (width<=480px) {
    .header-content {
        grid-template-columns:1fr auto auto;
        gap:10px;
    }
    .brand-logo {
        width:124px;
    }
    .btn-whatsapp {
        min-height:42px;
        padding:0 14px;
        font-size:.88rem;
    }
    .hero h1 {
        font-size:2rem;
    }
    .hero-badge,.section-kicker,.summary-kicker {
        min-height:34px;
        padding:0 12px;
        font-size:.76rem;
    }
    .summary-product img {
        width:150px;
    }

}

.center {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.hero-visual-first {
    padding-top:56px;
}

.hero-visual-grid {
    grid-template-columns:.95fr 1.05fr;
    align-items:center;
    gap:34px;
    display:grid;
}

.hero-copy {
    max-width:620px;
}

.hero-points {
    gap:12px;
    margin:26px 0 0;
    padding:0;
    list-style:none;
    display:grid;
}

.hero-points li {
    color:#f5f5f7;
    background:#ffffff08;
    border:1px solid #ffffff14;
    border-radius:16px;
    align-items:center;
    min-height:48px;
    padding:0 16px;
    font-weight:600;
    display:flex;
}

.hero-showcase {
    place-items:center;
    min-height:520px;
    display:grid;
    position:relative;
}

.showcase-main {
    width:min(100%,520px);
    min-height:420px;
    box-shadow:none;
    text-align:center;
    background:0 0;
    border:none;
    place-items:center;
    padding:0;
    display:grid;
}

.produto-img {
    object-fit:contain;
    filter:drop-shadow(0 40px 80px #000000b3);
    width:100%;
    max-width:420px;
    margin:0 auto;
    animation:4s ease-in-out infinite floatProduto;
    display:block;
}

.showcase-logo {
    width:240px;
    margin-bottom:18px;
}

.showcase-main p {
    color:var(--muted);
    margin:0;
    line-height:1.7;
}

.showcase-side-card {
    background:#0a0a0ce0;
    border:1px solid #ffffff1a;
    border-radius:18px;
    min-width:150px;
    padding:16px 18px;
    position:absolute;
    box-shadow:0 18px 40px #0000004d;
}

.showcase-side-card strong {
    margin-bottom:6px;
    font-size:.95rem;
    display:block;
}

.showcase-side-card span {
    color:var(--muted);
    font-size:.92rem;
}

.side-top {
    top:34px;
    left:0;
}

.side-right {
    top:50%;
    right:-10px;
    transform:translateY(-50%);
}

.side-bottom {
    bottom:28px;
    left:48px;
}

.visual-strip {
    padding:0 0 24px;
}

.visual-strip-grid {
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    display:grid;
}

.visual-pill {
    background:linear-gradient(#ffffff0a,#ffffff05);
    border:1px solid #ffffff14;
    border-radius:22px;
    padding:22px;
    box-shadow:0 20px 50px #00000042;
}

.visual-pill strong {
    margin-bottom:8px;
    font-size:1rem;
    display:block;
}

.visual-pill span {
    color:var(--muted);
    font-size:1.15rem;
    font-weight:700;
}

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

.visual-benefit-card {
    background:linear-gradient(#ffffff0a,#ffffff05);
    border:1px solid #ffffff14;
    border-radius:24px;
    padding:26px 22px;
    transition:all .3s;
    box-shadow:0 24px 60px #0000003d;
}

.visual-benefit-card:hover {
    border-color:#e106003d;
    transform:translateY(-6px);
}

.visual-icon {
    background:#e106001f;
    border:1px solid #e1060033;
    border-radius:18px;
    place-items:center;
    width:58px;
    height:58px;
    margin-bottom:16px;
    font-size:1.4rem;
    display:grid;
}

.visual-benefit-card h3 {
    margin:0 0 10px;
    font-size:1.1rem;
}

.visual-benefit-card p {
    color:var(--muted);
    margin:0;
    line-height:1.6;
}

.steps-visual-grid {
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    display:grid;
}

.step-card {
    text-align:center;
    background:linear-gradient(#ffffff0a,#ffffff05);
    border:1px solid #ffffff14;
    border-radius:26px;
    padding:28px;
    box-shadow:0 24px 60px #0000003d;
}

.step-number {
    background:#e1060024;
    border:1px solid #e106003d;
    border-radius:999px;
    place-items:center;
    width:60px;
    height:60px;
    margin:0 auto 16px;
    font-weight:800;
    display:grid;
}

.step-card h3 {
    margin:0 0 10px;
}

.step-card p {
    color:var(--muted);
    margin:0;
}

.category-grid {
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    display:grid;
}

.category-card {
    text-align:center;
    background:linear-gradient(#ffffff0a,#ffffff05);
    border:1px solid #ffffff14;
    border-radius:22px;
    place-items:center;
    min-height:132px;
    padding:18px;
    transition:all .3s;
    display:grid;
    box-shadow:0 20px 50px #00000038;
}

.category-card:hover {
    border-color:#e1060038;
    transform:translateY(-5px);
}

.category-icon {
    background:#ffffff08;
    border:1px solid #ffffff14;
    border-radius:16px;
    place-items:center;
    width:54px;
    height:54px;
    margin:0 auto 14px;
    display:grid;
}

.category-icon svg {
    fill:#fff;
    width:26px;
    height:26px;
}

.category-card strong {
    font-size:.98rem;
}

.testimonials-visual-grid {
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    display:grid;
}

.testimonial-visual-card {
    background:linear-gradient(#ffffff0a,#ffffff05);
    border:1px solid #ffffff14;
    border-radius:24px;
    padding:26px;
    box-shadow:0 22px 54px #00000038;
}

.stars {
    color:#ffcf4a;
    letter-spacing:.1em;
    margin-bottom:14px;
}

.testimonial-visual-card p {
    color:var(--text);
    margin:0 0 14px;
    line-height:1.6;
}

.testimonial-visual-card strong {
    color:var(--muted);
    font-size:.95rem;
}

.form-intro {
    color:var(--muted);
    max-width:680px;
    margin:0 0 20px;
    line-height:1.7;
}

.hero-product-card:hover {
    transform:translateY(-6px)scale(1.02);
}

.form-block {
    transition:all .3s;
}

.form-block:hover {
    border-color:#e1060033;
}

.form-field input,.form-field select {
    appearance:none;
    --lightningcss-light:initial;
    --lightningcss-dark:initial;
    color-scheme:dark;
}

.form-field select option {
    color:#fff;
    background:#111;
}

.form-field input:hover,.form-field select:hover {
    border-color:#ffffff2e;
}

.btn-primary:hover {
    box-shadow:0 20px 40px #e1060059,0 0 20px #e1060040;
}

@media (width<=1180px) {
    .hero-visual-grid,.visual-benefits-grid,.steps-visual-grid,.testimonials-visual-grid {
        grid-template-columns:repeat(2,1fr);
    }
    .category-grid,.visual-strip-grid {
        grid-template-columns:repeat(3,1fr);
    }
    .hero-copy {
        max-width:none;
    }

}

@media (width<=920px) {
    .hero-visual-grid,.visual-benefits-grid,.steps-visual-grid,.category-grid,.testimonials-visual-grid,.visual-strip-grid {
        grid-template-columns:1fr;
    }
    .hero-showcase {
        min-height:auto;
    }
    .showcase-side-card {
        width:100%;
        position:static;
    }
    .hero-showcase {
        gap:12px;
    }

}

@media (width<=720px) {
    .showcase-main {
        min-height:300px;
    }
    .showcase-logo {
        width:180px;
    }
    .visual-pill,.visual-benefit-card,.step-card,.category-card,.testimonial-visual-card {
        padding:22px;
    }
    .category-card {
        min-height:110px;
    }

}

@keyframes floatProduto {
    0% {
        transform:translateY(0)scale(1);
    }
    50% {
        transform:translateY(-12px)scale(1.02);
    }
    to {
        transform:translateY(0)scale(1);
    }

}

.section-cta {
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
    margin-top:34px;
    display:flex;
}

.how-section {
    border-top:1px solid #ffffff0a;
    border-bottom:1px solid #ffffff0a;
    align-items:center;
    min-height:760px;
    display:flex;
    position:relative;
    overflow:hidden;
}

.how-bg {
    z-index:1;
    background:linear-gradient(90deg,#000000f5 0%,#000000c7 38%,#00000040 100%),linear-gradient(#000000b3 0%,#00000026 45%,#000000d9 100%),url(/fundocomo.png) 100%/cover no-repeat;
    position:absolute;
    inset:0;
}

.how-content {
    padding:90px 0;
}

.how-text {
    max-width:620px;
}

.how-text h2 {
    letter-spacing:-.04em;
    margin:0 0 18px;
    font-size:clamp(2.3rem,5vw,5rem);
    line-height:1;
}

.how-text p {
    max-width:540px;
    color:var(--muted);
    margin:0;
    font-size:1.08rem;
    line-height:1.75;
}

.how-steps {
    gap:14px;
    max-width:620px;
    margin-top:34px;
    display:grid;
}

.how-step {
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    background:#08080a9e;
    border:1px solid #ffffff1a;
    border-radius:22px;
    grid-template-columns:72px 1fr;
    align-items:center;
    gap:18px;
    padding:18px;
    display:grid;
    box-shadow:0 18px 50px #00000047;
}

.how-step span {
    color:#fff;
    background:#e1060029;
    border:1px solid #e1060059;
    border-radius:999px;
    place-items:center;
    width:58px;
    height:58px;
    font-weight:900;
    display:grid;
}

.how-step h3 {
    margin:0 0 6px;
    font-size:1.2rem;
}

.how-step p {
    color:var(--muted);
    margin:0;
    line-height:1.5;
}

.how-actions {
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
    display:flex;
}

@media (width<=920px) {
    .how-section {
        min-height:auto;
    }
    .how-bg {
        background:linear-gradient(#000000db 0%,#00000094 45%,#000000f2 100%),url(/fundocomo.png) 50%/cover no-repeat;
    }
    .how-content {
        padding:72px 0;
    }
    .how-text,.how-steps {
        max-width:100%;
    }

}

@media (width<=520px) {
    .how-step {
        grid-template-columns:1fr;
    }
    .how-step span {
        width:50px;
        height:50px;
    }

}

.how-v2 {
    padding:100px 0;
    position:relative;
}

.how-v2-grid {
    grid-template-columns:1fr 1.1fr;
    align-items:center;
    gap:60px;
    display:grid;
}

.how-v2-left h2 {
    margin:10px 0 20px;
    font-size:clamp(2.2rem,4vw,4.5rem);
    line-height:1.05;
}

.how-v2-left p {
    color:var(--muted);
    max-width:500px;
    margin-bottom:30px;
}

.how-v2-steps {
    flex-direction:column;
    gap:14px;
    display:flex;
}

.step {
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    background:#ffffff08;
    border:1px solid #ffffff0f;
    border-radius:16px;
    align-items:center;
    gap:16px;
    padding:14px 16px;
    display:flex;
}

.step span {
    color:#fff;
    background:#e1060033;
    border:1px solid #e1060066;
    border-radius:50%;
    place-items:center;
    width:46px;
    height:46px;
    font-weight:700;
    display:grid;
}

.step h3 {
    margin:0;
    font-size:1.05rem;
}

.step p {
    color:var(--muted);
    margin:2px 0 0;
    font-size:.9rem;
}

.how-v2-actions {
    gap:14px;
    margin-top:28px;
    display:flex;
}

.how-v2-right {
    position:relative;
}

.how-v2-right img {
    object-fit:cover;
    filter:brightness(.85)contrast(1.05);
    border-radius:20px;
    width:100%;
    max-width:700px;
    box-shadow:0 40px 120px #000000b3;
}

@media (width<=900px) {
    .how-v2-grid {
        grid-template-columns:1fr;
    }
    .how-v2-right {
        flex-direction:column;
        display:flex;
    }
    .how-v2-right img {
        margin-bottom:40px;
    }

}

.how-highlight {
    color:#fff;
    background:#e1060014;
    border:1px solid #e1060040;
    border-radius:14px;
    margin-top:20px;
    margin-bottom:26px;
    padding:16px 18px;
    font-size:.95rem;
    line-height:1.7;
}

.how-v2-actions.right {
    justify-content:flex-start;
    gap:14px;
    margin-top:20px;
    display:flex;
}

.results-grid {
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    display:grid;
}

.results-image {
    position:relative;
}

.results-image img {
    border-radius:16px;
    width:100%;
}

.results-badge {
    background:#000000b3;
    border-radius:12px;
    padding:20px;
    position:absolute;
    bottom:20px;
    left:20px;
}

.results-badge span {
    color:#ccc;
    font-size:14px;
}

.results-badge strong {
    color:#fff;
    font-size:42px;
    display:block;
}

.results-content h2 {
    margin-bottom:16px;
    font-size:42px;
}

.results-list {
    margin:20px 0;
    padding:0;
    list-style:none;
}

.results-list li {
    color:#ddd;
    margin-bottom:10px;
}

.results {
    padding:120px 0;
}

.results-grid {
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    max-width:1200px;
    margin:0 auto;
    display:grid;
}

.testimonial-visual-card span {
    color:var(--muted);
    margin-top:8px;
    font-size:.9rem;
    display:inline-block;
}

.testimonial-visual-card p {
    min-height:78px;
}

.stats-section {
    background:radial-gradient(circle,#e1060014,#0000 45%),#ffffff05;
    border-top:1px solid #ffffff0f;
    border-bottom:1px solid #ffffff0f;
    padding:42px 0;
}

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

.stat-card {
    text-align:center;
    background:#ffffff08;
    border:1px solid #ffffff14;
    border-radius:24px;
    padding:26px;
}

.stat-card strong {
    margin-bottom:10px;
    font-size:clamp(2.4rem,5vw,4.2rem);
    line-height:1;
    display:block;
}

.stat-card span {
    color:var(--muted);
    font-size:1rem;
}

@media (width<=720px) {
    .stats-grid {
        grid-template-columns:1fr;
    }

}

.logo img {
    filter:brightness(.9)contrast(1.2);
}

.logo {
    filter:drop-shadow(0 0 8px #ff00004d);
}

.faq-section {
    background:radial-gradient(circle at 0 0,#e106001a,#0000 30%),#ffffff04;
    padding:110px 0;
}

.faq-layout {
    grid-template-columns:.8fr 1.2fr;
    align-items:start;
    gap:60px;
    display:grid;
}

.faq-intro h2 {
    margin:0 0 16px;
    font-size:clamp(2.2rem,4vw,4rem);
    line-height:1.05;
}

.faq-intro p {
    color:var(--muted);
    margin-bottom:28px;
    line-height:1.7;
}

.faq-accordion {
    gap:14px;
    display:grid;
}

.faq-item {
    background:#ffffff09;
    border:1px solid #ffffff14;
    border-radius:18px;
    overflow:hidden;
}

.faq-question {
    color:#fff;
    cursor:pointer;
    text-align:left;
    background:0 0;
    border:0;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    width:100%;
    min-height:66px;
    padding:0 22px;
    font-weight:800;
    display:flex;
}

.faq-question span {
    background:#e1060024;
    border:1px solid #e1060047;
    border-radius:999px;
    flex-shrink:0;
    place-items:center;
    width:34px;
    height:34px;
    display:grid;
}

.faq-answer {
    max-height:0;
    transition:max-height .35s;
    overflow:hidden;
}

.faq-answer p {
    color:var(--muted);
    margin:0;
    padding:0 22px 22px;
    line-height:1.75;
}

.faq-item.active .faq-answer {
    max-height:240px;
}

.faq-item.active .faq-question span {
    background:var(--primary);
}

@media (width<=900px) {
    .faq-layout {
        grid-template-columns:1fr;
        gap:34px;
    }

}

.scroll-reveal {
    opacity:0;
    filter:blur(8px);
    transition:opacity .8s,transform .8s,filter .8s;
    transform:translateY(34px);
}

.scroll-reveal.show {
    opacity:1;
    filter:blur();
    transform:translateY(0);
}

.scroll-delay-1 {
    transition-delay:.12s;
}

.scroll-delay-2 {
    transition-delay:.24s;
}

.scroll-delay-3 {
    transition-delay:.36s;
}

.carregando {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 198;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}

.carregando img {
    width: 50px;
}

/* =========================================================
   AJUSTES VISUAIS CAR CHIP - NOVA IDENTIDADE
   Somente visual. Não altera PHP nem funcionamento.
========================================================= */

:root {
    --primary:#e10600;
    --primary-strong:#ff2a23;
    --accent-orange:#ff6a00;
    --accent-gold:#ffd044;
    --brand-gradient:linear-gradient(135deg,#e10600 0%,#ff3b1f 38%,#ff7a00 68%,#ffd044 100%);
    --brand-gradient-soft:linear-gradient(135deg,#e1060026 0%,#ff6a0022 55%,#ffd04418 100%);
    --brand-line-gradient:linear-gradient(90deg,#e10600 0%,#ff6a00 55%,#ffd044 100%);
    --warm-glow:0 0 28px #ff6a0038,0 0 70px #e106002e;
}

body {
    background:
        radial-gradient(circle at 0 0,#ff6a0020,#0000 26%),
        radial-gradient(circle at 78% 8%,#ffd04414,#0000 18%),
        radial-gradient(circle at 100% 0,#e106001f,#0000 24%),
        linear-gradient(#020202 0%,#07080c 45%,#040404 100%);
}

.glow-1 {
    background:linear-gradient(135deg,#e1060066,#ff6a0040,#ffd04422);
}

.glow-2 {
    background:linear-gradient(135deg,#ff6a0030,#ffd0441f,#ffffff0c);
}

/* Header e logo */
.header {
    background:linear-gradient(180deg,#050505f5,#050505de);
}

.header-content {
    min-height:92px;
}

.brand {
    height:92px;
    align-items:center;
}

.brand-logo {
    width:260px !important;
    height:auto !important;
    max-width:none !important;
    max-height:72px !important;
    object-fit:contain;
    object-position:left center;
    filter:
        drop-shadow(0 0 10px #ff6a0044)
        drop-shadow(0 0 22px #e1060033);
    transition:transform .3s ease;
}

.brand:hover .brand-logo {
    transform:scale(1.03);
}

/* Detalhes laranja/amarelo */
.nav a:after,
.section-header h2::after,
.faq-intro h2::after,
.how-v2-left h2::after,
.results-content h2::after {
    content:"";
    background:var(--brand-line-gradient);
    border-radius:999px;
    box-shadow:0 0 18px #ff6a0050;
}

.section-header h2::after,
.faq-intro h2::after,
.how-v2-left h2::after,
.results-content h2::after {
    width:86px;
    height:4px;
    margin-top:18px;
    display:block;
}

.hero h1 span,
.results-badge strong,
.stat-card strong {
    background:var(--brand-gradient);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 0 34px #ff6a0020;
}

.hero-badge,
.section-kicker,
.summary-kicker {
    color:#ffe4b8;
    background:linear-gradient(135deg,#e1060026,#ff6a0024,#ffd04414);
    border-color:#ff6a0059;
    box-shadow:0 0 24px #ff6a001f;
}

.btn-primary {
    background:var(--brand-gradient);
    box-shadow:0 22px 44px #e1060040,0 0 26px #ff6a0030;
    position:relative;
    overflow:hidden;
}

.btn-primary::before {
    content:"";
    background:linear-gradient(120deg,#ffffff00,#ffffff55,#ffffff00);
    width:70px;
    position:absolute;
    inset:-20% auto -20% -90px;
    transform:skewX(-18deg);
    transition:left .6s ease;
}

.btn-primary:hover::before {
    left:120%;
}

.btn-primary:hover {
    box-shadow:0 24px 48px #e1060059,0 0 34px #ff6a0059,0 0 18px #ffd04430;
}

.btn-whatsapp:hover,
.btn-dark:hover,
.btn-outline-light:hover,
.social-btn:hover {
    border-color:#ff6a0066;
    background:linear-gradient(135deg,#e106001a,#ff6a0017,#ffd0440d);
    box-shadow:0 14px 30px #ff6a001f;
}

.mini-card,
.feature-card,
.metric-card,
.visual-benefit-card,
.step-card,
.category-card,
.testimonial-visual-card,
.form-block,
.summary-card,
.faq-item {
    position:relative;
    overflow:hidden;
}

.mini-card::before,
.feature-card::before,
.metric-card::before,
.visual-benefit-card::before,
.step-card::before,
.category-card::before,
.testimonial-visual-card::before,
.form-block::before,
.summary-card::before,
.faq-item::before {
    content:"";
    background:var(--brand-line-gradient);
    height:3px;
    opacity:.72;
    position:absolute;
    top:0;
    left:22px;
    right:22px;
    border-radius:0 0 999px 999px;
}

.feature-card:hover,
.proof-card:hover,
.visual-benefit-card:hover,
.category-card:hover,
.form-block:hover,
.faq-item:hover {
    background:linear-gradient(#ff6a0014,#ffffff08);
    border-color:#ff6a004d;
    box-shadow:var(--shadow),var(--warm-glow);
}

.feature-icon,
.visual-icon,
.step-number,
.how-step span,
.step span,
.faq-question span {
    color:#fff;
    background:var(--brand-gradient);
    border-color:#ff9a2f80;
    box-shadow:0 0 22px #ff6a0036;
}

.hero-points li,
.compatibility-tags span {
    border-color:#ff6a002b;
    background:linear-gradient(135deg,#ffffff09,#ff6a0010);
}

.hero-points li::before,
.results-list li::before {
    content:"";
    background:var(--brand-gradient);
    border-radius:999px;
    width:8px;
    height:8px;
    margin-right:10px;
    box-shadow:0 0 12px #ff6a0066;
    flex-shrink:0;
}

.results-list li {
    align-items:center;
    display:flex;
}

.stats-section,
.faq-section {
    background:
        radial-gradient(circle at 0 0,#ff6a001c,#0000 30%),
        radial-gradient(circle at 100% 10%,#ffd04412,#0000 24%),
        #ffffff04;
}

.form-field input:focus,
.form-field select:focus {
    border-color:#ff6a0080;
    box-shadow:0 0 0 4px #ff6a0018,0 0 22px #ff6a001f;
}

.faq-item.active .faq-question span {
    background:var(--brand-gradient);
}

/* Hero produto */
.hero-visual-first {
    padding-top:40px;
}

.hero-showcase {
    min-height:620px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.showcase-main {
    width:100%;
    max-width:760px;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    position:relative;
}

.showcase-main::before {
    display:none !important;
    content:none !important;
}

.produto-img {
    width:100%;
    max-width:620px;
    position:relative;
    z-index:2;
    animation:4s ease-in-out infinite floatProduto;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    filter:
        drop-shadow(0 0 14px rgba(255,60,0,.16))
        drop-shadow(0 0 32px rgba(255,120,0,.10)) !important;
}

.showcase-side-card {
    position:absolute;
    z-index:5;
    min-width:150px;
    background:linear-gradient(135deg,#09090bec,#160b05d9);
    border:1px solid #ff7a0033;
    border-radius:18px;
    padding:16px 18px;
    box-shadow:0 18px 40px #0000004d,0 0 24px #ff6a001f;
}

.side-top {
    top:80px;
    left:40px;
}

.side-right {
    top:210px;
    right:0;
    transform:none;
}

.side-bottom {
    bottom:90px;
    left:60px;
}

/* Responsivo */
@media (width<=920px) {
    .hero-showcase {
        min-height:auto;
        display:grid;
        gap:12px;
    }

    .showcase-side-card {
        position:static;
        width:100%;
    }

    .produto-img {
        max-width:360px;
    }
}

@media (width<=720px) {
    .header-content,
    .brand {
        min-height:74px;
        height:74px;
    }

    .brand-logo {
        width:200px !important;
        max-height:58px !important;
    }

    .hero-visual-first {
        padding-top:30px;
    }
}

@media (width<=480px) {
    .brand-logo {
        width:170px !important;
        max-height:50px !important;
    }
}

/* =========================================
   CHECKOUT HEADER PREMIUM
========================================= */

.checkout-header-premium {
    margin-bottom: 30px;
}

.checkout-mini-label {
    color: #ffb15e;

    letter-spacing: .18em;
    font-size: .72rem;
    font-weight: 700;

    display: block;
    margin-bottom: 14px;

    opacity: .9;
}

.checkout-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.checkout-performance-title {
    margin: 0;

    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: -.05em;
    line-height: .95;
}

.checkout-mini-logo {
    width: 120px;
    object-fit: contain;

    filter:
        drop-shadow(0 0 10px #ff6a0035)
        drop-shadow(0 0 20px #e1060025);

    opacity: .95;
}

.checkout-title-line {
    width: 100%;
    height: 4px;

    margin: 16px 0 20px;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        #e10600 0%,
        #ff6a00 55%,
        #ffd044 100%
    );

    box-shadow:
        0 0 18px #ff6a0040,
        0 0 30px #e1060020;
}

.checkout-performance-text {
    color: var(--muted);

    margin: 0;

    font-size: .95rem;
    line-height: 1.7;
}

.affiliate-section {
    padding: 110px 0;
    background:
        radial-gradient(circle at 50% 0, #ff6a0020, transparent 35%),
        radial-gradient(circle at 100% 100%, #ffd04410, transparent 28%);
}

.affiliate-card {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 70px 46px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top left, #ff6a0024, transparent 34%),
        linear-gradient(145deg, #ffffff12, #ffffff06);
    border: 1px solid #ffffff18;
    box-shadow: 0 40px 90px #00000080, 0 0 50px #ff6a001c;
    overflow: hidden;
    position: relative;
}

.affiliate-card::before {
    content: "";
    height: 4px;
    background: var(--brand-line-gradient);
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    border-radius: 0 0 999px 999px;
}

.affiliate-tag {
    display: inline-flex;
    margin-bottom: 22px;
    padding: 9px 18px;
    border-radius: 999px;
    color: #ffe4b8;
    font-size: .82rem;
    font-weight: 800;
    background: #ff6a001a;
    border: 1px solid #ff6a0059;
}

.affiliate-card h2 {
    margin: 0 0 18px;
    font-size: clamp(2.2rem, 5vw, 4.4rem);
    line-height: 1.02;
}

.affiliate-card p {
    max-width: 680px;
    margin: 0 auto 28px;
    color: var(--muted);
    line-height: 1.8;
}

.affiliate-benefits {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 34px;
}

.affiliate-benefits span {
    padding: 12px 16px;
    border-radius: 999px;
    background: #ffffff0a;
    border: 1px solid #ffffff18;
    color: #fff;
    font-weight: 700;
    font-size: .92rem;
}

@media (width<=720px) {
    .affiliate-card {
        padding: 42px 22px;
    }
}