/* ======================================================
   ADVANTAGES SECTION
   PREMIUM CRYSTAL GLASS
====================================================== */


.advantages-section{

    position:relative;

    padding:

    100px 20px;

    overflow:hidden;

    background:

    radial-gradient(
        circle at top,
        #182c52,
        #060b16 65%
    );

    isolation:isolate;

}



/* ======================================================
   BACKGROUND
====================================================== */


.advantages-background{

    position:absolute;

    inset:0;

    z-index:-3;


    background:

    linear-gradient(
        rgba(5,10,20,.82),
        rgba(5,10,20,.95)
    ),

    url("security-bg.jpg");


    background-size:cover;

    background-position:center;


}



.advantages-background::after{

    content:"";

    position:absolute;

    inset:0;


    background:

    radial-gradient(
        circle at center,
        rgba(90,190,255,.20),
        transparent 45%
    );

}



/* ======================================================
   LIGHT ORBS
====================================================== */


.advantages-light{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    opacity:.35;

    z-index:-2;

}



.light-one{

    width:320px;

    height:320px;

    background:#238cff;

    top:5%;

    left:-120px;

}



.light-two{

    width:280px;

    height:280px;

    background:#65e5ff;

    bottom:5%;

    right:-100px;

}




/* ======================================================
   WRAPPER
====================================================== */


.advantages-wrapper{

    width:100%;

    max-width:1200px;

    margin:auto;

}



/* ======================================================
   HEADER
====================================================== */


.advantages-header{

    text-align:center;

    max-width:850px;

    margin:

    0 auto 55px;

}



.premium-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:

    9px 18px;


    border-radius:50px;


    background:

    rgba(255,255,255,.08);


    border:

    1px solid

    rgba(255,255,255,.16);


    backdrop-filter:

    blur(20px);


    color:white;

    font-size:.82rem;

    margin-bottom:25px;


}



.premium-badge span{

    width:9px;

    height:9px;

    border-radius:50%;

    background:#54ff9b;

    box-shadow:

    0 0 18px #54ff9b;


}



.advantages-header h2{

    margin:0 0 20px;


    font-size:

    clamp(
        2.2rem,
        7vw,
        4rem
    );


    line-height:1.08;


    letter-spacing:-1.5px;


    font-weight:800;


}



.advantages-header h2 span{


    display:block;


    background:

    linear-gradient(

        90deg,

        #fff,

        #69caff,

        #fff

    );


    background-size:220%;


    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;


    animation:

    textShimmer 7s linear infinite;


}



.advantages-header p{

    color:

    rgba(255,255,255,.75);


    line-height:1.8;


    font-size:1rem;


}





/* ======================================================
   GRID
====================================================== */


.advantages-grid{


    display:grid;


    grid-template-columns:1fr;


    gap:18px;


}





/* ======================================================
   GLASS CARDS
====================================================== */


.advantage-glass-card{


    position:relative;


    overflow:hidden;


    padding:28px;


    border-radius:30px;


    background:

    rgba(255,255,255,.08);


    border:

    1px solid

    rgba(255,255,255,.16);



    backdrop-filter:

    blur(30px);



    box-shadow:


    0 25px 70px

    rgba(0,0,0,.28);



    transition:


    .45s cubic-bezier(.2,.8,.2,1);



    transform-style:preserve-3d;



}





.advantage-glass-card::before{


    content:"";


    position:absolute;


    inset:0;



    background:


    linear-gradient(

    120deg,

    transparent,

    rgba(255,255,255,.22),

    transparent

    );



    transform:

    translateX(-120%);



    transition:.8s;



}



.advantage-glass-card:hover::before{


    transform:

    translateX(120%);



}



.advantage-glass-card:hover{


    transform:

    translateY(-8px);


    border-color:

    rgba(90,190,255,.45);


    box-shadow:


    0 35px 90px

    rgba(0,140,255,.25);



}





.card-glow{


    position:absolute;


    width:120px;


    height:120px;


    top:-40px;


    right:-40px;



    background:#58baff;


    filter:blur(60px);


    opacity:.25;



}



/* ======================================================
   CARD CONTENT
====================================================== */


.advantage-top{


    display:flex;


    justify-content:space-between;


    align-items:center;


    margin-bottom:25px;



}



.advantage-icon{


    width:58px;


    height:58px;


    display:grid;


    place-items:center;



    font-size:28px;



    border-radius:20px;



    background:


    linear-gradient(

    145deg,

    rgba(255,255,255,.22),

    rgba(255,255,255,.05)

    );



    border:

    1px solid

    rgba(255,255,255,.15);



}




.number{


    font-size:2rem;


    font-weight:800;


    color:

    rgba(255,255,255,.15);



}



.advantage-glass-card h3{


    font-size:1.25rem;


    margin-bottom:12px;


}



.advantage-glass-card p{


    margin:0;


    color:

    rgba(255,255,255,.72);



    line-height:1.7;


}



/* ======================================================
   TRUST PANEL
====================================================== */


.trust-glass{


    margin-top:55px;


    padding:25px;


    display:grid;


    grid-template-columns:repeat(2,1fr);


    gap:20px;



    border-radius:30px;



    background:


    rgba(255,255,255,.08);



    border:

    1px solid

    rgba(255,255,255,.16);



    backdrop-filter:

    blur(25px);



}




.trust-box{


    text-align:center;


}



.trust-box strong{


    display:block;


    font-size:2rem;


    background:


    linear-gradient(

    90deg,

    white,

    #6acaff

    );


    -webkit-background-clip:text;


    -webkit-text-fill-color:transparent;


}



.trust-box span{


    color:

    rgba(255,255,255,.7);


    font-size:.8rem;


}




/* ======================================================
   REVEAL
====================================================== */


.reveal{


    opacity:0;


    transform:

    translateY(50px);


    transition:

    1s cubic-bezier(.2,.8,.2,1);



}



.reveal.active{


    opacity:1;


    transform:none;


}





/* ======================================================
   ANIMATION
====================================================== */


@keyframes textShimmer{


    to{

        background-position:220%;

    }


}





/* ======================================================
   TABLET
====================================================== */


@media(min-width:700px){



.advantages-section{


    padding:

    130px 40px;


}




.advantages-grid{


    grid-template-columns:

    repeat(2,1fr);



}



.trust-glass{


    grid-template-columns:

    repeat(4,1fr);



}



}




/* ======================================================
   DESKTOP
====================================================== */


@media(min-width:1100px){



.advantages-grid{


    grid-template-columns:

    repeat(3,1fr);



}



.advantage-glass-card{


    min-height:280px;


}



}