.overview-cards{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.card{
    border: 1px solid #232a36;
    border-radius: 10px;
    overflow: hidden;
    background: #161b24;
}
.card img{
    aspect-ratio: 16/10;
    object-fit: cover;
}

.card-contents{
    padding:1rem 1rem 1.2rem;
}

.card-contents h3{
    margin:0 0 .35rem;
    font-size:26px;
}

.card-text{
    color: white;
}

.card-header{
    display:inline-block;
    font-size: 20px;
    letter-spacing:.20em;
    text-transform:uppercase;
    color:white;
    border:1px solid #232a36;
    border-radius:999px;
    padding:.3rem .55rem;
    margin-bottom:.5rem
}

.pricing-plans{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.plan{
    border: 1px solid #232a36;
    border-radius: 14px;
    background: #161b24;
    padding:1.2rem;
}

.plan h3{
    margin:.2rem 0 .5rem;
}

.price{
    font-size:30px;
    font-weight:700;
    letter-spacing:-.02em;
}

.plan-specs{
    margin:.6rem 0 0;
    padding:0;
    list-style:none;
    color:white;
}

.plan-specs li{
    padding:.35rem 0;
    border-top:1px dashed  #232a36;
}

.plan-specs li:first-child{
    border-top:0;
}

.plan .cta{
    margin-top:.8rem;
}

.cta a{
    display:inline-flex;
    align-items:center;
    gap:.6rem;
    padding:.7rem .95rem;
    border:1px solid #232a36;
    background:#161b24;
    font-weight:600;
    text-decoration:none;
    color: white;
}

.cta a::after{
    content:"→";
    transition:transform .2s ease;}

.cta a:hover::after{
    transform:translateX(2px);
}


.steps{display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem;
}

.step{border:1px solid #232a36;
    border-radius:12px;
    background:#161b24;
    padding:1rem;

}
.step .num{
    display:inline-grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:lightslategray;
    border:1px solid lightgray;
    font-weight:700;
    margin-bottom:.5rem;
}


details{
    border:1px solid  #232a36;
    border-radius:12px;
    background:#161b24;
    padding:1rem;
}

details+details{
    margin-top:.6rem;
}

summary{
    cursor:pointer;
    font-weight:600;
}