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

body{
    font-family:'Poppins', sans-serif;
    background:#0b0b0f;
    color:#fff;
}

/* NAVBAR */
.lz-navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 60px;
}

.lz-logo{
    font-size:24px;
    font-weight:700;
    color:#f5c542;
}

.lz-btn{
    background:#f5c542;
    border:none;
    padding:10px 20px;
    border-radius:25px;
    cursor:pointer;
}

/* HERO */
.lz-hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:100px 60px;
    min-height:100vh;

    background:
    radial-gradient(circle at 20% 30%, #7a3cff22, transparent 40%),
    radial-gradient(circle at 80% 70%, #00cfff22, transparent 40%),
    linear-gradient(120deg, #050507, #0b0b0f);
}

/* LEFT */
.lz-hero-left{
    max-width:550px;
}

.lz-hero-left h1{
    font-size:54px;
    line-height:1.2;
}

.lz-hero-left p{
    margin:20px 0;
    color:#ccc;
}

/* BUTTONS */
.lz-buttons{
    display:flex;
    gap:15px;
}

.lz-main-btn{
    background:linear-gradient(45deg, #f5c542, #ffde7a);
    border:none;
    padding:15px 30px;
    border-radius:30px;
    cursor:pointer;
}

.lz-outline-btn{
    border:1px solid #f5c542;
    background:transparent;
    color:#f5c542;
    padding:15px 30px;
    border-radius:30px;
}

/* RIGHT */
.lz-hero-right{
    display:flex;
    justify-content:center;
    align-items:center;
}

.lz-card{
    background:#111018;
    padding:30px;
    border-radius:20px;
    box-shadow:0 0 40px rgba(245,197,66,0.2);
    text-align:center;
}

.lz-card h3{
    color:#f5c542;
}

/* RESPONSIVE */
@media(max-width:900px){
    .lz-hero{
        flex-direction:column;
        text-align:center;
        padding:60px 20px;
    }

    .lz-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .lz-hero-left h1{
        font-size:36px;
    }

    .lz-plane{ width:40px; }
    .lz-globe{ width:70px; }
    .lz-pin{ width:35px; }
}



/* HERO UPGRADE */
.lz-hero{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:100px 60px;
    min-height:100vh;
    overflow:hidden;

    background:
    radial-gradient(circle at 20% 30%, #7a3cff33, transparent 40%),
    radial-gradient(circle at 80% 70%, #00cfff33, transparent 40%),
    linear-gradient(120deg, #050507, #0b0b0f);
}

/* CONTENT ABOVE */
.lz-hero-left, .lz-hero-right{
    position:relative;
    z-index:2;
}

/* TEXT GLOW */
.lz-hero-left h1{
    font-size:54px;
    line-height:1.2;
    text-shadow:0 0 20px rgba(255,255,255,0.1);
}

/* AI CARD */
.lz-ai-card{
    background:#111018;
    padding:30px;
    border-radius:20px;
    box-shadow:0 0 60px rgba(245,197,66,0.2);
    text-align:center;
    animation:floatCard 6s ease-in-out infinite;
}

@keyframes floatCard{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-15px); }
}

/* TRAVEL BACKGROUND */
.lz-travel-bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0;
}

/* COMMON SVG */
.lz-travel-bg svg{
    position:absolute;
    opacity:0.15;
}

.lz-plane{
    width:60px;
    offset-path: path("M10 250 Q250 50 490 200");
    offset-rotate: auto;
    animation:movePlane 8s linear infinite;
    filter:drop-shadow(0 0 10px #f5c542);
}

.lz-flight-path path{
    stroke-dasharray:6 6;
    animation:dashMove 2s linear infinite;
}

@keyframes movePlane{
    0%{ offset-distance:0%; }
    100%{ offset-distance:100%; }
}

/* GLOBE */
.lz-globe{
    width:110px;
    top:10%;
    right:10%;
    animation:rotateGlobe 25s linear infinite;
}

@keyframes rotateGlobe{
    0%{ transform:rotate(0); }
    100%{ transform:rotate(360deg); }
}

/* PIN */
.lz-pin{
    width:50px;
    bottom:10%;
    left:15%;
    animation:bouncePin 3s infinite;
}

@keyframes bouncePin{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-15px); }
}


/* AI SYSTEM BOX */
.lz-ai-system{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:20px;
}

/* NODES */
.lz-ai-node{
    background:#111018;
    padding:20px;
    border-radius:15px;
    text-align:center;
    font-size:14px;
    box-shadow:0 0 30px rgba(245,197,66,0.15);
    transition:0.3s;
}

.lz-ai-node:hover{
    transform:translateY(-5px);
    box-shadow:0 0 50px rgba(245,197,66,0.3);
}

.lz-ai-system{
    position:relative;
}

.lz-ai-system::before{
    content:"";
    position:absolute;
    width:200px;
    height:200px;
    background:radial-gradient(circle, #f5c54222, transparent 70%);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    animation:pulseAI 3s infinite;
}

@keyframes pulseAI{
    0%{ transform:translate(-50%,-50%) scale(1); opacity:0.5; }
    100%{ transform:translate(-50%,-50%) scale(1.5); opacity:0; }
}

/* AI CHAT BOX */
.lz-ai-chatbox{
    width:280px;
    background:#111018;
    padding:20px;
    border-radius:20px;
    box-shadow:0 0 50px rgba(245,197,66,0.15);
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* MESSAGES */
.lz-chat-msg{
    padding:10px 14px;
    border-radius:12px;
    font-size:13px;
    max-width:80%;
    animation:fadeIn 0.5s ease;
}

.lz-chat-msg.bot{
    background:#1c1a25;
    align-self:flex-start;
}

.lz-chat-msg.user{
    background:#f5c542;
    color:#000;
    align-self:flex-end;
}

/* TYPING */
.typing{
    font-style:italic;
    opacity:0.6;
    animation:blink 1s infinite;
}

@keyframes blink{
    0%,100%{ opacity:0.3; }
    50%{ opacity:1; }
}

@keyframes fadeIn{
    from{ opacity:0; transform:translateY(10px); }
    to{ opacity:1; transform:translateY(0); }
}

.lz-plane{
    width:60px;
    offset-path: path("M10 250 Q250 50 490 200");
    offset-rotate: auto;
    animation:movePlane 10s linear infinite;
    filter:drop-shadow(0 0 6px #f5c542);
}

/* TRAIL */
.lz-flight-path path{
    stroke-dasharray:6 6;
    animation:dashMove 3s linear infinite;
}

@keyframes dashMove{
    to{ stroke-dashoffset:-20; }
}

.lz-hero::before{
    animation:aiPulse 6s ease-in-out infinite;
}

@keyframes aiPulse{
    0%,100%{ opacity:0.4; }
    50%{ opacity:0.8; }
}

/* WRAPPER */
.lz-ai-wrapper{
    display:flex;
    flex-direction:column;
    gap:20px;
    position:relative;
}

/* CHATBOX */
.lz-ai-chatbox{
    width:260px;
    background:#111018;
    padding:15px;
    border-radius:15px;
    display:flex;
    flex-direction:column;
    gap:8px;
    box-shadow:0 0 40px rgba(245,197,66,0.15);
}

/* CHAT MSG */
.lz-chat-msg{
    padding:8px 12px;
    border-radius:10px;
    font-size:12px;
    max-width:80%;
    animation:fadeIn 0.4s ease;
}

.lz-chat-msg.bot{
    background:#1c1a25;
}

.lz-chat-msg.user{
    background:#f5c542;
    color:#000;
    align-self:flex-end;
}

/* WHATSAPP */
.lz-whatsapp{
    width:260px;
    background:#0f1f1a;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 0 30px rgba(0,255,150,0.2);
}

.lz-wa-header{
    background:#075e54;
    padding:10px;
    font-size:13px;
}

.lz-wa-body{
    padding:10px;
}

.wa-msg{
    background:#1e3d35;
    padding:6px 10px;
    margin:5px 0;
    border-radius:8px;
    font-size:12px;
}

.wa-msg.user{
    background:#25d366;
    color:#000;
}

/* LEAD SCORE */
.lz-lead-score{
    background:#111018;
    padding:10px;
    border-radius:10px;
    font-size:13px;
}

/* ANIMATIONS */
@keyframes fadeIn{
    from{ opacity:0; transform:translateY(10px); }
    to{ opacity:1; transform:translateY(0); }
}

/* AI NETWORK LINES */
.lz-ai-wrapper::before{
    content:"";
    position:absolute;
    width:200px;
    height:200px;
    background:radial-gradient(circle, #f5c54222, transparent);
    top:20%;
    left:50%;
    transform:translateX(-50%);
    animation:pulse 4s infinite;
}

@keyframes pulse{
    0%{ transform:translateX(-50%) scale(1); opacity:0.4; }
    100%{ transform:translateX(-50%) scale(1.6); opacity:0; }
}

/* VOICE WAVE */
/*.lz-voice{
    position:absolute;
    top:60%;
    right:38%;
    display:flex;
    gap:4px;
}

.lz-voice span{
    width:4px;
    height:10px;
    background:#f5c542;
    border-radius:5px;
    animation:wave 1s infinite ease-in-out;
}*/

/* DELAY EACH BAR */
.lz-voice span:nth-child(1){ animation-delay:0s; }
.lz-voice span:nth-child(2){ animation-delay:0.2s; }
.lz-voice span:nth-child(3){ animation-delay:0.4s; }
.lz-voice span:nth-child(4){ animation-delay:0.6s; }
.lz-voice span:nth-child(5){ animation-delay:0.8s; }

@keyframes wave{
    0%,100%{ height:10px; }
    50%{ height:25px; }
}

.lz-ai-sphere{
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;

    top:50%;
    right:32%;
    transform:translateY(-50%);

    background:radial-gradient(circle, #f5c542, #000);

    box-shadow:
        0 0 80px #f5c54255,
        inset 0 0 40px #000;

    animation:
        rotateSphere 12s linear infinite,
        floatSphere 6s ease-in-out infinite;
}

@media(max-width:768px){
    .lz-ai-sphere{
        width:120px;
        height:120px;
        right:10%;
    }
}

.lz-ai-lines{
    position:absolute;
    top:0;
    right:0;
    width:60%;
    height:100%;
    z-index:1;
}

.lz-ai-lines path{
    stroke:#f5c54244;
    stroke-width:1.5;
    fill:none;
    stroke-dasharray:6 6;
    animation:lineFlow 3s linear infinite;
}

@keyframes lineFlow{
    to{ stroke-dashoffset:-20; }
}

.lz-hero-right{
    position:relative;
    z-index:2;
    margin-right:60px;
}

.lz-ai-sphere::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    border:1px solid #f5c54233;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    animation:haloPulse 4s infinite;
}

@keyframes haloPulse{
    0%{ transform:translate(-50%,-50%) scale(1); opacity:0.5; }
    100%{ transform:translate(-50%,-50%) scale(1.5); opacity:0; }
}

.lz-plane{
    z-index:0;
}

/* CURSOR CHAT */
.lz-cursor-chat{
    position:fixed;
    background:#f5c542;
    color:#000;
    padding:8px 12px;
    border-radius:10px;
    font-size:12px;
    pointer-events:none;
    opacity:0;
    transition:0.2s;
    z-index:999;
}

/* HOVER INTERACTION */
.lz-ai-sphere:hover{
    transform:scale(1.1);
    box-shadow:0 0 120px #f5c54288;
}

.lz-chat-msg:hover{
    transform:scale(1.05);
}

.lz-main-btn:hover{
    box-shadow:0 0 30px #f5c542;
}

.lz-ai-sphere,
.lz-travel-bg{
    will-change: transform;
}

/* TYPING DOTS */
.lz-typing{
    display:flex;
    gap:4px;
    padding:10px;
    background:#1c1a25;
    border-radius:10px;
    width:fit-content;
}

.lz-typing span{
    width:6px;
    height:6px;
    background:#aaa;
    border-radius:50%;
    animation:typing 1.4s infinite;
}

.lz-typing span:nth-child(2){ animation-delay:0.2s; }
.lz-typing span:nth-child(3){ animation-delay:0.4s; }

@keyframes typing{
    0%,80%,100%{ transform:scale(0); opacity:0.3; }
    40%{ transform:scale(1); opacity:1; }
}

/* LEAD CARD */
.lz-lead-card{
    background:#111018;
    padding:15px;
    border-radius:15px;
    box-shadow:0 0 30px rgba(245,197,66,0.15);
    font-size:13px;
}

/* HEADER */
.lz-lead-header{
    margin-bottom:10px;
}

/* PROGRESS BAR */
.lz-progress{
    width:100%;
    height:8px;
    background:#222;
    border-radius:10px;
    overflow:hidden;
}

.lz-progress-bar{
    width:0%;
    height:100%;
    background:#00cfff;
    transition:0.5s;
}

/* COLORS */
.cold{ background:#00cfff; }
.warm{ background:#f5c542; }
.hot{ background:#00ff99; }

/* POPUP */
.lz-lead-popup{
    position:fixed;
    bottom:20px;
    right:20px;
    background:#111018;
    padding:15px 20px;
    border-radius:10px;
    box-shadow:0 0 40px rgba(0,255,150,0.3);
    opacity:0;
    transform:translateY(20px);
    transition:0.4s;
}

.lz-lead-popup.show{
    opacity:1;
    transform:translateY(0);
}


/* PARTNER TEXT STYLE */
.lz-partner{
    font-family:'Orbitron', sans-serif;
    font-weight:700;
    letter-spacing:2px;

    background:linear-gradient(270deg, #f5c542, #00cfff, #ff4d6d, #00ff99);
    background-size:300%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:partnerGradient 4s linear infinite;
}

/* ANIMATION */
@keyframes partnerGradient{
    0%{ background-position:0%; }
    100%{ background-position:300%; }
}



/*Website Section By Rishabh Start*/
/* ===============================
   🚀 AI WEBSITE SECTION FINAL
================================ */

.lz-ai-website{
    position:relative;
    padding:120px 60px;
    overflow:hidden;
    background:#050507;
}

/* 🔥 ANIMATED GRADIENT BACKGROUND */
.lz-ai-website::before{
    content:"";
    position:absolute;
    width:120%;
    height:120%;
    top:-10%;
    left:-10%;

    background:
        radial-gradient(circle at 30% 40%, #7a3cff22, transparent 40%),
        radial-gradient(circle at 70% 60%, #00cfff22, transparent 40%),
        radial-gradient(circle at 60% 20%, #f5c54222, transparent 40%);

    filter:blur(100px);
    animation:meshMove 18s ease-in-out infinite alternate;
    z-index:0;
}

@keyframes meshMove{
    0%{ transform:translate(0,0) scale(1); }
    100%{ transform:translate(60px,40px) scale(1.1); }
}

/* 🌌 GRID (SUBTLE) */
.lz-grid{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;

    background:
        linear-gradient(#ffffff05 1px, transparent 1px),
        linear-gradient(90deg, #ffffff05 1px, transparent 1px);

    background-size:40px 40px;
    opacity:0.3;
    z-index:1;
}

/* ✨ FLOATING PARTICLES */
.lz-bg-particles{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
}

.lz-bg-particles span{
    position:absolute;
    width:5px;
    height:5px;
    background:#f5c542;
    border-radius:50%;
    opacity:0.4;
    animation:floatParticle 10s linear infinite;
}

.lz-bg-particles span:nth-child(1){ left:10%; animation-delay:0s; }
.lz-bg-particles span:nth-child(2){ left:30%; animation-delay:2s; }
.lz-bg-particles span:nth-child(3){ left:50%; animation-delay:4s; }
.lz-bg-particles span:nth-child(4){ left:70%; animation-delay:1s; }
.lz-bg-particles span:nth-child(5){ left:85%; animation-delay:3s; }

@keyframes floatParticle{
    0%{ transform:translateY(100vh); opacity:0; }
    50%{ opacity:1; }
    100%{ transform:translateY(-10vh); opacity:0; }
}

/* ===============================
   CONTENT LAYER
================================ */

.lz-ai-container{
    position:relative;
    z-index:3;
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

/* LEFT TEXT */
.lz-ai-left h2{
    font-size:44px;
    margin-bottom:20px;
}

.lz-ai-left p{
    color:#aaa;
    line-height:1.6;
}

/* ===============================
   VISUAL SYSTEM
================================ */

.lz-ai-visual{
    position:relative;
    width:100%;
    height:350px;
}

/* 🔥 AI CORE */
.lz-core{
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;

    background:radial-gradient(circle, #f5c542, #000);

    top:50%;
    left:50%;
    transform:translate(-50%, -50%);

    box-shadow:
        0 0 40px #f5c54288,
        0 0 120px #f5c54233,
        0 0 200px #f5c54222;

    animation:corePulse 4s ease-in-out infinite;
}

@keyframes corePulse{
    0%,100%{ transform:translate(-50%,-50%) scale(1); }
    50%{ transform:translate(-50%,-50%) scale(1.08); }
}

/* 🌟 HALO */
.lz-core::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(circle, #f5c54222, transparent 70%);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/* ===============================
   NODES
================================ */

.lz-node{
    position:absolute;

    background:rgba(17,16,24,0.6);
    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.05);

    padding:14px 18px;
    border-radius:12px;
    font-size:13px;

    box-shadow:0 0 20px rgba(245,197,66,0.1);
    transition:0.3s;
}

.lz-node:hover{
    transform:translateY(-5px);
    box-shadow:0 0 40px rgba(245,197,66,0.25);
}

/* POSITIONING */
.lz-node-left{
    left:0;
    top:50%;
    transform:translateY(-50%);
}

.lz-node-right.top{
    right:0;
    top:20%;
}

.lz-node-right.bottom{
    right:0;
    bottom:20%;
}

/* ===============================
   CONNECTION LINES
================================ */

.lz-lines{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
}

.lz-lines path{
    stroke:#f5c54255;
    stroke-width:1.2;
    fill:none;
    stroke-dasharray:6 6;
    animation:flow 4s linear infinite;
}

@keyframes flow{
    to{ stroke-dashoffset:-20; }
}

/* ===============================
   RESPONSIVE
================================ */

@media(max-width:768px){

    .lz-ai-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .lz-ai-visual{
        height:300px;
    }

    .lz-node{
        position:relative;
        margin:10px auto;
        display:inline-block;
    }

    .lz-lines{
        display:none;
    }
}

/*Website Section By Rishabh ENDs*/

/*Ads Engine sections css by Rishabh Starts*/
    /* ===============================
       🖥️ DEMO SECTION
    ================================ */
    .z9_demo_section{
        position:relative;
        z-index:2;
    }


    /* ===============================
   🌌 PREMIUM SOCIAL BACKGROUND
    ================================ */

    .z9_demo_section{
        position:relative;
        padding:120px 60px;
        overflow:hidden;

        background:
            radial-gradient(circle at 20% 30%, #7a3cff22, transparent 40%),
            radial-gradient(circle at 80% 70%, #00cfff22, transparent 40%),
            radial-gradient(circle at 50% 50%, #f5c54211, transparent 60%),
            #050507;
    }

    /* SOFT MOVING LIGHT */
.z9_demo_section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    top:-100px;
    left:-100px;

    background:radial-gradient(circle, #00cfff22, transparent 60%);
    filter:blur(100px);

    animation:bgMove1 18s infinite alternate;
}

/* SECOND LIGHT */
.z9_demo_section::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    bottom:-100px;
    right:-100px;

    background:radial-gradient(circle, #7a3cff22, transparent 60%);
    filter:blur(100px);

    animation:bgMove2 20s infinite alternate;
}

@keyframes bgMove1{
    0%{ transform:translate(0,0); }
    100%{ transform:translate(80px,60px); }
}

@keyframes bgMove2{
    0%{ transform:translate(0,0); }
    100%{ transform:translate(-80px,-60px); }
}


    .z9_container{
        position:relative;
        z-index:2;
        max-width:1200px;
        margin:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:80px;
        align-items:center;
    }

    /* LEFT */
    .z9_left h2{
        font-size:42px;
        margin-bottom:20px;
    }

    .z9_left p{
        color:#aaa;
    }

    /* MONITOR */
    .z9_monitor{
        background:linear-gradient(145deg,#0e0e12,#1a1a22);
        border-radius:24px;
        padding:18px;

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

        box-shadow:
            0 20px 60px rgba(0,0,0,0.6),
            inset 0 0 20px rgba(255,255,255,0.02);
    }

    /* ===============================
       📱 INSTAGRAM RATIO SCREEN
    ================================ */

    .z9_screen{
        width:100%;
        max-width:340px;   /* control size */
        aspect-ratio:1 / 1; /* 🔥 perfect square */

        margin:auto;

        background:#0b0b0f;
        border-radius:15px;
        position:relative;
        overflow:hidden;
    }

    /* STEPS */
    .z9_step{
        position:absolute;
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        opacity:0;
        transition:0.6s;
    }

    .z9_step.active{
        opacity:1;
    }

    /* ADS */
    .z9_ad_card{
        background:#111018;
        padding:15px 20px;
        border-radius:10px;
        margin-bottom:10px;
    }

    .z9_ad_status{
        font-size:12px;
        color:#00cfff;
    }

    /* CLICK */
    .z9_click_text{
        font-size:18px;
    }

    /* CRM */
    .z9_crm_header{
        font-size:16px;
        margin-bottom:10px;
    }

    .z9_lead{
        background:#111018;
        padding:10px;
        border-radius:8px;
    }

    /* CHAT */
    .z9_msg{
        padding:8px 12px;
        margin:5px;
        border-radius:10px;
        font-size:12px;
    }

    .z9_msg.bot{
        background:#1c1a25;
    }

    .z9_msg.user{
        background:#f5c542;
        color:#000;
    }

    /* RESPONSIVE */
    @media(max-width:768px){
        .z9_container{
            grid-template-columns:1fr;
            text-align:center;
        }
    }

    /* ===============================
       🎨 DUMMY AD DESIGN
    ================================ */

    .z9_ad_design{
        width:200px;
        background:#111018;
        border-radius:12px;
        overflow:hidden;
        box-shadow:0 10px 40px rgba(0,0,0,0.5);
        animation:designPop 0.6s ease;
    }

    /* IMAGE */
    .z9_ad_image{
        height:100px;
        background:
            linear-gradient(120deg, #00cfff, #7a3cff);
    }

    /* TEXT */
    .z9_ad_text{
        padding:10px;
    }

    .z9_ad_text h4{
        font-size:14px;
        margin-bottom:5px;
    }

    .z9_ad_text p{
        font-size:12px;
        color:#aaa;
    }

    /* BUTTON */
    .z9_ad_btn{
        margin:10px;
        width:calc(100% - 20px);
        padding:8px;
        border:none;
        border-radius:8px;
        background:#f5c542;
        cursor:pointer;
    }

    /* POP ANIMATION */
    @keyframes designPop{
        from{ transform:scale(0.8); opacity:0; }
        to{ transform:scale(1); opacity:1; }
    }
    /* FLOATING AD */
    .z9_ad_floating{
        animation:adFly 2s ease-in-out infinite alternate;
    }

    .z9_ad_design.small{
        width:140px;
    }

    @keyframes adFly{
        from{ transform:translateY(0); }
        to{ transform:translateY(-20px); }
    }

    /* ===============================
       🖼️ REAL AD IN MONITOR
    ================================ */

    .z9_real_ad{
        width:100%;
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    /* IMAGE FIT */
    .z9_real_ad img{
        width:100%;
        height:100%;
        object-fit:cover;
        background:#000; /* 🔥 fills screen perfectly */
        border-radius:10px;
        animation:adAppear 0.6s ease;
    }

    /* SMOOTH ENTRY */
    @keyframes adAppear{
        from{
            transform:scale(0.9);
            opacity:0;
        }
        to{
            transform:scale(1);
            opacity:1;
        }
    }

    /* RUNNING AD EFFECT */
    .z9_real_ad.running img{
        animation:adFloat 3s ease-in-out infinite alternate;
    }

    @keyframes adFloat{
        from{ transform:scale(1); }
        to{ transform:scale(1.05); }
    }

    /* ===============================
       📱 INSTAGRAM UI
    ================================ */
    /* ===============================
       🍏 APPLE STYLE FEED
    ================================ */

    .z9_insta{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;

        background:rgba(255,255,255,0.02);
        backdrop-filter:blur(20px);
    }

    /* HEADER */
    .z9_insta_header{
        display:flex;
        align-items:center;
        gap:10px;
        padding:10px 12px;

        font-size:12px;
        color:#ddd;
    }

    .z9_dp{
        width:22px;
        height:22px;
        border-radius:50%;
        background:linear-gradient(45deg,#f5c542,#ff7a00);
    }

    /* FEED */
    .z9_feed{
        flex:1;
        overflow:hidden;
        scroll-behavior:smooth;
    }

    /* POSTS */
    .z9_post{
        margin:10px;
        border-radius:12px;
        overflow:hidden;

        background:rgba(255,255,255,0.03);
        backdrop-filter:blur(10px);

        font-size:12px;
        color:#aaa;
    }

    /* AD POST */
    .z9_post.ad{
        border:none;
    }

    .z9_post.ad img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .z9_cursor{
        width:8px;
        height:8px;
        background:#fff;
        border-radius:50%;
        position:absolute;
        z-index:10;

        box-shadow:0 0 10px rgba(255,255,255,0.8);

        transition:0.25s ease;
    }

    .z9_click_ripple{
        position:absolute;
        width:12px;
        height:12px;
        border-radius:50%;
        background:rgba(255,255,255,0.2);

        opacity:0;
        pointer-events:none;
    }

    /* ===============================
       🌐 SOCIAL MEDIA BACKGROUND
    ================================ */

    .z9_demo_section{
        position:relative;
        overflow:hidden;
    }

    /* BACKGROUND WRAPPER */
    .z9_social_bg{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:0;
    }

    /* ICON BASE */
    /* ===============================
   🌐 FLOATING SOCIAL ICONS (PREMIUM)
================================ */

.z9_icon{
    position:absolute;
    width:42px;
    height:42px;

    fill:none;
    stroke:#ffffff;
    stroke-width:1.2;

    opacity:0.06;
    filter:blur(0.3px);

    animation:floatSmooth linear infinite;
}

/* INDIVIDUAL POSITIONS + SPEED */
.i1{ top:8%; left:12%; animation-duration:18s; }
.i2{ top:65%; left:8%; animation-duration:22s; }
.i3{ top:25%; right:10%; animation-duration:20s; }
.i4{ bottom:10%; right:18%; animation-duration:26s; }
.i5{ top:45%; left:40%; animation-duration:24s; }
.i6{ bottom:25%; right:35%; animation-duration:28s; }

/* FLOAT ANIMATION */
@keyframes floatSmooth{
    0%{ transform:translateY(0px) scale(1); }
    50%{ transform:translateY(-30px) scale(1.05); }
    100%{ transform:translateY(0px) scale(1); }
}

/*Ads Engine sections css by Rishabh Ends*/






































/*Responsiveness By RISHABH START*/
/* ===============================
   🔥 RESPONSIVE FIX (SAFE PATCH)
   Add this at VERY BOTTOM
================================ */

/* GLOBAL FIX */
img, svg{
    max-width:100%;
    height:auto;
}

/* FIX OVERFLOW */
body{
    overflow-x:hidden;
}

/* HERO GRID FIX */
@media(max-width:1200px){
    .lz-hero{
        gap:40px;
        padding:60px 40px;
    }
}

/* TABLET */
@media(max-width:1024px){

    .lz-hero{
        flex-direction:column !important;
        display:flex !important;
        text-align:center;
        padding:60px 30px;
    }

    .lz-hero-left{
        max-width:100%;
    }

    .lz-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .lz-hero-right{
        margin-right:0 !important;
        width:100%;
    }

    .lz-ai-wrapper{
        margin:auto;
        width:100%;
        max-width:350px;
    }

    /* SPHERE CONTROL */
    .lz-ai-sphere{
        width:140px;
        height:140px;
        top:10%;
        right:10%;
        transform:none !important;
        opacity:0.4;
    }

    .lz-ai-lines{
        display:none;
    }
}

/* MOBILE */
@media(max-width:768px){

    .lz-navbar{
        padding:15px 20px;
    }

    .lz-logo{
        font-size:18px;
    }

    .lz-btn{
        padding:8px 14px;
        font-size:12px;
    }

    .lz-hero{
        padding:40px 20px !important;
        gap:30px;
    }

    .lz-hero-left h1{
        font-size:30px;
        line-height:1.3;
    }

    .lz-hero-left p{
        font-size:14px;
    }

    .lz-main-btn,
    .lz-outline-btn{
        padding:12px 20px;
        font-size:13px;
    }

    /* CHAT + UI SCALE */
    .lz-ai-chatbox,
    .lz-whatsapp{
        width:100% !important;
    }

    .lz-ai-wrapper{
        max-width:100%;
    }

    /* HIDE HEAVY ELEMENTS */
    .lz-ai-sphere{
        display:none;
    }

    .lz-travel-bg{
        display:none;
    }
}

/* SMALL MOBILE */
@media(max-width:480px){

    .lz-hero-left h1{
        font-size:24px;
    }

    .lz-hero-left p{
        font-size:13px;
    }

    .lz-buttons{
        flex-direction:column;
        gap:10px;
    }

    .lz-main-btn,
    .lz-outline-btn{
        width:100%;
    }
}

/* PERFORMANCE FIX */
.lz-ai-sphere,
.lz-travel-bg{
    will-change: transform;
}
/*Responsiveness By RISHABH ENDs*/