.ecy-v2,
.ecy-v2 *{
    box-sizing:border-box;
}

.ecy-v2{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(145deg,#040404,#111827 55%,#050505);
    color:#fff;
    font-family:Arial,sans-serif;
    border-radius:28px;
}

.ecy-bg-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.45;
    pointer-events:none;
    animation:floatOrb 12s ease-in-out infinite;
}

.orb1{
    width:320px;
    height:320px;
    background:#ff2637;
    top:-80px;
    left:-60px;
}

.orb2{
    width:260px;
    height:260px;
    background:#a000ff;
    right:-60px;
    top:220px;
    animation-delay:2s;
}

.orb3{
    width:240px;
    height:240px;
    background:#ff4f46;
    bottom:-80px;
    left:30%;
    animation-delay:4s;
}

@keyframes floatOrb{
    0%,100%{
        transform:translateY(0px) translateX(0px);
    }
    50%{
        transform:translateY(-25px) translateX(20px);
    }
}

.ecy-v2-hero{
    position:relative;
    z-index:2;
    min-height:760px;
    display:grid;
    grid-template-columns:1fr 420px;
    gap:40px;
    align-items:center;
    padding:60px 50px;
}

.ecy-v2-brand{
    font-size:54px;
    font-family:Georgia,serif;
    font-style:italic;
    margin-bottom:14px;
}

.ecy-v2-mini{
    display:inline-flex;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,45,55,.18);
    border:1px solid rgba(255,255,255,.12);
    font-size:13px;
    font-weight:900;
    letter-spacing:.8px;
    margin-bottom:22px;
}

.ecy-v2-copy h1{
    font-size:72px;
    line-height:.98;
    text-transform:uppercase;
    margin:0 0 24px;
    font-weight:950;
}

.ecy-v2-copy h1 span{
    color:#ff2637;
    display:block;
}

.ecy-v2-copy p{
    max-width:700px;
    font-size:22px;
    line-height:1.6;
    color:rgba(255,255,255,.88);
}

.ecy-v2-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-top:32px;
}

.ecy-v2-btn{
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:18px;
    text-decoration:none!important;
    color:#fff!important;
    text-transform:uppercase;
    font-weight:950;
    letter-spacing:.4px;
    transition:.25s ease;
}

.ecy-v2-btn.red{
    background:linear-gradient(135deg,#ff382f,#c90d20);
    box-shadow:0 18px 42px rgba(201,13,32,.45);
}

.ecy-v2-btn.dark{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
}

.ecy-v2-btn:hover{
    transform:translateY(-3px) scale(1.02);
}

.ecy-v2-trust{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:28px;
}

.ecy-v2-trust span{
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    font-size:14px;
    font-weight:800;
}

.ecy-v2-phone-wrap{
    display:flex;
    justify-content:center;
}

.ecy-v2-phone{
    width:360px;
    min-height:650px;
    border-radius:42px;
    border:10px solid #161616;
    background:#050505;
    overflow:hidden;
    box-shadow:
        0 30px 80px rgba(0,0,0,.7),
        0 0 40px rgba(255,45,55,.18);
    transform:rotate(4deg);
    position:relative;
}

.ecy-v2-phone-top{
    display:flex;
    justify-content:center;
    gap:28px;
    padding:22px;
    font-weight:900;
}

.ecy-v2-reel-screen{
    position:relative;
    height:470px;
    margin:0 14px;
    border-radius:30px;
    overflow:hidden;
    background:
        radial-gradient(circle at center, rgba(255,45,55,.35), transparent 32%),
        linear-gradient(145deg,#1c0a0f,#090912);
    display:flex;
    align-items:center;
    justify-content:center;
}

.ecy-v2-pulse{
    position:absolute;
    width:200px;
    height:200px;
    border-radius:50%;
    background:rgba(255,45,55,.2);
    animation:pulse 3s ease infinite;
}

@keyframes pulse{
    0%{
        transform:scale(.8);
        opacity:.6;
    }
    70%{
        transform:scale(1.6);
        opacity:0;
    }
    100%{
        opacity:0;
    }
}

.ecy-v2-reel-person{
    font-size:110px;
    z-index:2;
    filter:drop-shadow(0 0 26px rgba(255,45,55,.9));
    animation:floatReel 4s ease-in-out infinite;
}

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

.ecy-v2-floating{
    position:absolute;
    background:rgba(0,0,0,.48);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    animation:floatTag 5s ease-in-out infinite;
}

.like1{
    right:16px;
    bottom:150px;
}

.comment1{
    right:16px;
    bottom:100px;
    animation-delay:1s;
}

.share1{
    right:16px;
    bottom:50px;
    animation-delay:2s;
}

.remix1{
    left:18px;
    top:18px;
    background:linear-gradient(135deg,#ff382f,#c90d20);
}

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

.ecy-v2-phone-bottom{
    padding:18px 20px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.ecy-v2-phone-bottom span{
    color:rgba(255,255,255,.75);
}

.ecy-v2-stats{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    padding:0 50px 40px;
}

.ecy-v2-stat{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    padding:28px;
    text-align:center;
}

.ecy-v2-stat strong{
    display:block;
    font-size:52px;
    color:#ff2d38;
    font-weight:950;
}

.ecy-v2-stat span{
    font-size:16px;
    color:rgba(255,255,255,.76);
}

.ecy-v2-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    padding:0 50px 60px;
}

.ecy-v2-card{
    padding:32px;
    border-radius:28px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.10);
    transition:.25s ease;
    backdrop-filter:blur(12px);
}

.ecy-v2-card:hover{
    transform:translateY(-6px);
    border-color:rgba(255,45,55,.45);
    box-shadow:0 24px 60px rgba(255,45,55,.18);
}

.ecy-v2-icon{
    font-size:44px;
    margin-bottom:16px;
}

.ecy-v2-card h2{
    margin:0 0 14px;
    font-size:30px;
    text-transform:uppercase;
}

.ecy-v2-card p{
    color:rgba(255,255,255,.82);
    line-height:1.6;
    font-size:18px;
}

.ecy-v2-cta{
    position:relative;
    z-index:2;
    padding:20px 50px 70px;
}

.ecy-v2-cta-box{
    border-radius:36px;
    padding:60px;
    background:
        radial-gradient(circle at top left, rgba(255,45,55,.32), transparent 28%),
        linear-gradient(145deg,#150507,#080808);
    border:1px solid rgba(255,255,255,.12);
    text-align:center;
}

.ecy-v2-cta-box h2{
    margin:0 0 18px;
    font-size:54px;
    text-transform:uppercase;
}

.ecy-v2-cta-box p{
    max-width:800px;
    margin:auto;
    color:rgba(255,255,255,.84);
    font-size:22px;
    line-height:1.6;
}

.ecy-v2-cta-box .ecy-v2-buttons{
    justify-content:center;
}

@media(max-width:1100px){

    .ecy-v2-hero{
        grid-template-columns:1fr;
        text-align:left;
    }

    .ecy-v2-phone{
        transform:none;
    }

    .ecy-v2-stats,
    .ecy-v2-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:760px){

    .ecy-v2{
        border-radius:0;
    }

    .ecy-v2-hero{
        padding:34px 20px;
        min-height:auto;
    }

    .ecy-v2-copy h1{
        font-size:48px;
    }

    .ecy-v2-copy p{
        font-size:17px;
    }

    .ecy-v2-phone{
        width:100%;
        max-width:330px;
        min-height:590px;
    }

    .ecy-v2-reel-screen{
        height:400px;
    }

    .ecy-v2-buttons{
        flex-direction:column;
    }

    .ecy-v2-btn{
        width:100%;
    }

    .ecy-v2-stats,
    .ecy-v2-grid{
        grid-template-columns:1fr;
        padding-left:20px;
        padding-right:20px;
    }

    .ecy-v2-cta{
        padding:20px;
    }

    .ecy-v2-cta-box{
        padding:36px 24px;
    }

    .ecy-v2-cta-box h2{
        font-size:36px;
    }

    .ecy-v2-cta-box p{
        font-size:17px;
    }

}