body{
    direction:rtl;
    font-family:'Vazirmatn',sans-serif;
    background:#0a0a0a;
    color:var(--text);
    overflow-x:hidden;
    }
    
    /* HERO */
    
    .overhaul-hero{
    
    position:relative;
    
    height:650px;
    
    display:flex;
    align-items:center;
    justify-content:center;
    
    text-align:center;
    
    background:
    linear-gradient(
    rgba(0,0,0,.75),
    rgba(0,0,0,.85)
    ),
    url('/rayansetak/assets/images/overhaul-bg.jpg');
    
    background-size:cover;
    background-position:center;
    }
    
    .overlay{
    position:absolute;
    inset:0;
    backdrop-filter:blur(3px);
    }
    
    .hero-content{
    position:relative;
    z-index:2;
    max-width:900px;
    padding:20px;
    }
    
    .badge{
    
    display:inline-block;
    
    padding:10px 20px;
    
    background:
    rgba(212,175,55,.15);
    
    border:1px solid rgba(212,175,55,.35);
    
    border-radius:50px;
    
    color:var(--gold);
    
    margin-bottom:25px;
    }
    
    .hero-content h1{
    
    font-size:62px;
    
    margin-bottom:20px;
    
    background:
    linear-gradient(
    90deg,
    #fff,
    var(--gold)
    );
    
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    }
    
    .hero-content p{
    
    font-size:20px;
    
    line-height:2;
    
    color:#cfcfcf;
    
    margin-bottom:35px;
    }
    
    .hero-btn{
    
    display:inline-block;
    
    padding:16px 40px;
    
    background:
    linear-gradient(
    135deg,
    var(--gold),
    #f7de7a
    );
    
    color:#111;
    
    font-weight:700;
    
    border-radius:14px;
    
    text-decoration:none;
    
    transition:.3s;
    }
    
    .hero-btn:hover{
    
    transform:translateY(-4px);
    
    box-shadow:
    0 15px 35px rgba(212,175,55,.3);
    }
    
    /* PLANS */
    
    .plans-section{
    
    max-width:1400px;
    
    margin:-100px auto 100px;
    
    display:grid;
    
    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));
    
    gap:35px;
    
    padding:0 30px;
    
    position:relative;
    z-index:5;
    }
    
    .plan-card{
    
    background:
    linear-gradient(
    145deg,
    #121212,
    #1b1b1b
    );
    
    border-radius:28px;
    
    padding:35px;
    
    border:1px solid rgba(255,255,255,.08);
    
    transition:.4s;
    
    position:relative;
    
    overflow:hidden;
    }
    
    .plan-card:hover{
    
    transform:
    translateY(-12px);
    
    box-shadow:
    0 25px 60px rgba(0,0,0,.5);
    }
    
    .plan-card::before{
    
    content:'';
    
    position:absolute;
    
    top:-100px;
    left:-100px;
    
    width:220px;
    height:220px;
    
    border-radius:50%;
    
    background:
    radial-gradient(
    rgba(255,255,255,.08),
    transparent
    );
    }
    
    /* Bronze */
    
    .bronze{
    
    border-color:#b87333;
    }
    
    .bronze h3{
    color:#b87333;
    }
    
    /* Silver */
    
    .silver{
    
    border-color:#c0c0c0;
    }
    
    .silver h3{
    color:#c0c0c0;
    }
    
    /* Gold */
    
    .gold{
    
    transform:scale(1.05);
    
    border-color:var(--gold);
    
    box-shadow:
    0 0 40px rgba(212,175,55,.2);
    }
    
    .gold h3{
    color:var(--gold);
    }
    
    .plan-card h3{
    
    font-size:30px;
    
    margin-bottom:20px;
    
    text-align:center;
    }
    
    .price{
    
    font-size:42px;
    
    font-weight:800;
    
    text-align:center;
    
    margin-bottom:25px;
    }
    
    .plan-card ul{
    
    list-style:none;
    
    padding:0;
    
    margin:0 0 30px;
    }
    
    .plan-card ul li{
    
    padding:14px 0;
    
    border-bottom:
    1px solid rgba(255,255,255,.08);
    
    color:#ddd;
    }
    
    .plan-card a{
    
    display:block;
    
    text-align:center;
    
    padding:15px;
    
    border-radius:14px;
    
    background:
    linear-gradient(
    135deg,
    var(--gold),
    #f7de7a
    );
    
    color:#111;
    
    font-weight:700;
    
    text-decoration:none;
    
    transition:.3s;
    }
    
    .plan-card a:hover{
    
    transform:translateY(-3px);
    }
    
    /* STATS */
    
    .stats{
    
    max-width:1200px;
    
    margin:100px auto;
    
    display:grid;
    
    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));
    
    gap:25px;
    
    padding:0 30px;
    }
    
    .stats div{
    
    background:
    linear-gradient(
    145deg,
   var(--card2),
    #181818
    );
    
    border-radius:24px;
    
    padding:40px;
    
    text-align:center;
    
    border:1px solid rgba(212,175,55,.15);
    }
    
    .stats h2{
    
    font-size:55px;
    
    color:var(--gold);
    
    margin-bottom:10px;
    }
    
    .stats p{
    
    color:#bbb;
    }