:root{--bg:#07111f;--bg2:#0d1730;--card:#0f1f3b;--line:rgba(255,255,255,.09);--text:#eaf0ff;--muted:rgba(234,240,255,.72);--accent:#7c5cff;--accent2:#35d6ff;--accent3:#25d69f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#04101f 0%,#08162a 48%,#f5f8ff 48%,#f5f8ff 100%);color:#0d1530;overflow-x:hidden}
a{text-decoration:none}.btn-pill{border-radius:999px}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff;box-shadow:0 12px 30px rgba(124,92,255,.35)}.btn-accent:hover{transform:translateY(-2px);color:#fff}
.nav-glass{background:rgba(6,15,30,.55);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-glass .nav-link,.nav-glass .navbar-brand{color:#fff !important}.nav-glass .nav-link{opacity:.9}.nav-glass .nav-link:hover{opacity:1}
.hero-section{background:radial-gradient(circle at top left, rgba(124,92,255,.28), transparent 32%),radial-gradient(circle at top right, rgba(53,214,255,.18), transparent 26%),linear-gradient(180deg,#07111f 0%,#09162a 100%);color:#fff;min-height:100vh}.hero-section .container{padding-top:2rem;padding-bottom:2rem}.text-gradient{background:linear-gradient(90deg,#7c5cff,#35d6ff,#25d69f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center, black 20%, transparent 74%);opacity:.35}
.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);animation:float 10s ease-in-out infinite}.orb-1{width:180px;height:180px;background:rgba(124,92,255,.25);top:12%;left:4%}.orb-2{width:220px;height:220px;background:rgba(53,214,255,.2);bottom:14%;right:6%;animation-delay:-3s}.orb-3{width:90px;height:90px;background:rgba(37,214,159,.18);top:44%;right:30%;animation-delay:-6s}
.badge-soft{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12);padding:.7rem 1rem;border-radius:999px}
.hero-points{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.95rem}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mini-stat{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.mini-stat strong{display:block;font-size:1.5rem;color:#fff}.mini-stat span{font-size:.85rem;color:var(--muted)}
.dashboard-mockup{background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:1rem;box-shadow:0 40px 80px rgba(0,0,0,.35)}.mockup-topbar{display:flex;gap:.45rem;margin-bottom:1rem}.mockup-topbar span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.55)}.mockup-body{background:rgba(7,17,31,.4);border-radius:22px;padding:1rem}.mockup-card{border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#fff}.hero-card-1{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.25rem;margin-bottom:1rem}.hero-card-1 small,.mockup-card small{color:rgba(255,255,255,.65)}.hero-card-1 h3,.mockup-card h4{margin:0}.mockup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.mockup-grid .mockup-card{padding:1rem}.chart-bars{display:flex;align-items:flex-end;gap:.7rem;height:140px;padding:1rem .5rem .2rem}.chart-bars span{flex:1;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#35d6ff,#7c5cff);box-shadow:0 10px 20px rgba(124,92,255,.25);animation:grow 1.2s ease both}.brands-strip{background:#08162a;color:#fff}.brand-logos span{padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.section-dark{background:#08162a;color:#fff}.section-light{background:#f5f8ff}.section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#7c5cff;font-weight:700;margin-bottom:.6rem}.feature-card,.glass-panel,.cta-box{border-radius:24px}.feature-card{background:linear-gradient(180deg,#10213f,#0d1930);border:1px solid rgba(255,255,255,.08);padding:1.5rem;box-shadow:0 24px 60px rgba(0,0,0,.18);transition:transform .25s ease, box-shadow .25s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(0,0,0,.28)}.feature-icon{width:58px;height:58px;display:inline-grid;place-items:center;border-radius:18px;background:linear-gradient(135deg, rgba(124,92,255,.18), rgba(53,214,255,.16));font-size:1.4rem;margin-bottom:1rem}.feature-card p{color:rgba(234,240,255,.74)}
.why-list{list-style:none;padding:0;margin:0}.why-list li{display:flex;align-items:center;gap:.8rem;padding:.55rem 0;color:#28324f}.why-list i{color:#25d69f}.glass-panel{background:rgba(255,255,255,.72);border:1px solid rgba(20,35,72,.08);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(25,35,60,.08)}.info-tile{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;border-radius:18px;background:#fff;border:1px solid rgba(17,31,66,.08);height:100%;box-shadow:0 12px 30px rgba(15,25,45,.05)}.info-tile i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg, rgba(124,92,255,.12), rgba(53,214,255,.12));color:#4c57ff;font-size:1.1rem}.info-tile h5{margin-bottom:.2rem}.info-tile p{color:#5d6581}
.cta-section{background:linear-gradient(180deg,#f5f8ff 0,#f5f8ff 100%)}.cta-box{background:linear-gradient(135deg,#10213f,#0e1632);color:#fff;padding:3rem 1.5rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 80px rgba(13,20,40,.18)}
.footer-dark{background:#08111f;color:#fff}.footer-links li{margin-bottom:.6rem}.footer-links a{color:rgba(234,240,255,.72)}.footer-links a:hover{color:#fff}.back-top{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 30px rgba(124,92,255,.35);opacity:0;visibility:hidden;transition:.25s ease;z-index:1030}.back-top.show{opacity:1;visibility:visible}.page-loader{position:fixed;inset:0;background:#07111f;display:grid;place-items:center;z-index:2000;transition:opacity .45s ease, visibility .45s ease}.page-loader.hide{opacity:0;visibility:hidden}.spinner{width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,255,255,.16);border-top-color:#35d6ff;animation:spin 1s linear infinite}
.reveal{opacity:0;transform:translateY(18px);transition:all .8s cubic-bezier(.2,.65,.2,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.floaty{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grow{from{height:0;opacity:.4}to{opacity:1}}
@media (max-width:991px){.hero-section{min-height:auto}.stats-row{grid-template-columns:1fr}.mockup-grid{grid-template-columns:1fr}.hero-points{flex-direction:column;gap:.6rem}.display-3{font-size:clamp(2.3rem,8vw,4.3rem)}}

.pricing-section{
    background:linear-gradient(180deg,#f8fbff,#eef5ff);
}

.pricing-card{
    border-radius:25px;
    transition:.4s;
    overflow:hidden;
}

.pricing-card:hover{
    transform:translateY(-15px);
    box-shadow:0 30px 60px rgba(0,0,0,.12)!important;
}

.popular-tag{
    position:absolute;
    top:20px;
    right:-40px;
    background:#198754;
    color:#fff;
    padding:8px 50px;
    transform:rotate(45deg);
    font-size:12px;
    font-weight:bold;
}

.pricing-card ul li{
    padding:8px 0;
    font-size:15px;
}

.pricing-card .btn{
    transition:.3s;
}

.pricing-card:hover .btn{
    transform:scale(1.05);
}


.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:90px;
    z-index:9999;

    display:flex;
    align-items:center;
    gap:12px;

    background:#25D366;
    color:#fff;

    text-decoration:none;

    border-radius:60px;
    padding:12px 18px;

    box-shadow:0 15px 35px rgba(37,211,102,.35);

    transition:all .3s ease;

    animation:whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 22px 45px rgba(37,211,102,.45);
}

.whatsapp-icon{
    width:22px;
    height:22px;

    border-radius:50%;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#25D366;
    font-size:30px;

    flex-shrink:0;
}

.whatsapp-text{
    display:flex;
    flex-direction:column;
    line-height:1.2;
}

.whatsapp-text small{
    color:#E8FFF0;
    font-size:12px;
}

.whatsapp-text strong{
    font-size:15px;
    font-weight:700;
    color:#fff;
}

@keyframes whatsappPulse{

    0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(37,211,102,.45);
    }

    70%{
        transform:scale(1.04);
        box-shadow:0 0 0 20px rgba(37,211,102,0);
    }

    100%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}

@media (max-width:768px){

    .pricing-card{
        margin-bottom:25px;
    }

    .popular{
        transform:none;
    }

    .whatsapp-text{
        display:none;
    }

    .whatsapp-float{
        width:54px;
        height:54px;
        padding:0;
        justify-content:center;
        border-radius:50%;
        bottom:85px;
        right:15px;
    }

    .whatsapp-icon{
        width:64px;
        height:64px;
        background:transparent;
        color:#fff;
        font-size:34px;
    }

}