/*======================================
PLANES
======================================*/

.plans-v2{

    padding:140px 0 110px;

    background:
    radial-gradient(circle at 20% 15%,rgba(0,195,255,.08),transparent 28%),
    radial-gradient(circle at 80% 20%,rgba(150,40,255,.08),transparent 30%),
    #03050d;

}

.plans-v2__header{

    text-align:center;

    max-width:760px;

    margin:auto;

}

.plans-v2__eyebrow{

    display:inline-flex;

    padding:10px 18px;

    border-radius:999px;

    border:1px solid rgba(85,200,255,.18);

    background:rgba(16,26,48,.55);

    color:#7ddcff;

    font-size:12px;

    font-weight:700;

}

.plans-v2__title{

    margin-top:24px;

    color:#fff;

    font-size:56px;

    line-height:1.05;

    letter-spacing:-2px;

}

.plans-v2__description{

    margin-top:22px;

    color:#9ba8bc;

    font-size:17px;

}

.plans-v2__grid{

    margin-top:70px;

    display:grid;

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

    gap:24px;

}

.plans-v2__card{

    position:relative;

    padding:34px;

    border-radius:26px;

    background:linear-gradient(180deg,#11192f,#090d18);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.plans-v2__card:hover{

    transform:translateY(-10px);

    border-color:#56b8ff;

    box-shadow:0 25px 70px rgba(53,106,255,.20);

}

.plans-v2__card--featured{

    transform:scale(1.05);

    border:2px solid #4cb8ff;

    box-shadow:0 30px 80px rgba(58,98,255,.28);

    background:
    linear-gradient(180deg,#182343,#0b1020);

    box-shadow:
    0 0 0 1px rgba(78,184,255,.35),
    0 25px 80px rgba(61,102,255,.35);    

}

.plans-v2__badge{

    position:absolute;

    top:-14px;

    left:50%;

    transform:translateX(-50%);

    background:linear-gradient(135deg,#15d4ff,#8136ff);

    color:#fff;

    padding:8px 18px;

    border-radius:999px;

    font-size:12px;

    font-weight:700;

}

.plans-v2__period{

    display:block;

    color:#8fcfff;

    font-weight:700;

    margin-bottom:18px;

}

.plans-v2__price{

    color:#fff;

    margin-bottom:20px;

}

.plans-v2__price span{

    font-size:26px;

}

.plans-v2__price strong{

    font-size:64px;

    line-height:1;

}

.plans-v2__screens{

    color:#8aa3c2;

    margin-bottom:28px;

}

.plans-v2__features{

    padding:0;

    margin:0;

    list-style:none;

}

.plans-v2__features li{

    padding:12px 0;

    color:#d8e1ef;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.plans-v2__features li::before{

    content:"✓";

    color:#42d7ff;

    margin-right:10px;

}

.plans-v2__button{

    margin-top:32px;

    display:flex;

    justify-content:center;

    align-items:center;

    height:58px;

    border-radius:16px;

    text-decoration:none;

    font-weight:700;

    font-size:16px;

    color:#ffffff;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    transition:all .35s ease;

}

.plans-v2__button:hover{

    transform:translateY(-3px);

    background:linear-gradient(135deg,#12d3ff,#7e37ff);

    border-color:transparent;

    box-shadow:0 15px 35px rgba(61,102,255,.35);

}

.plans-v2__button--featured{

    background:linear-gradient(135deg,#12d3ff,#7e37ff);

    border:none;

}

@media(max-width:1100px){

.plans-v2__grid{

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

}

}

@media(max-width:700px){
    .plans-v2__card {
    padding: 28px 22px;
    border-radius: 22px;
}

.plans-v2__price {
    font-size: clamp(42px, 11vw, 54px);
}

.plans-v2__button {
    width: 100%;
}

.plans-v2__features {
    gap: 16px;
}

.plans-v2__grid{

grid-template-columns:1fr;

}

.plans-v2__title{

font-size:40px;

}

.plans-v2__card--featured{

transform:none;

}

}
.plans-v2{
    padding:80px 0;
}