@media (max-width:768px){

.pricing-table,
.pricing-table thead,
.pricing-table tbody,
.pricing-table th,
.pricing-table td,
.pricing-table tr{
display:block;
width:100%;
}

.pricing-table thead{
display:none;
}

.pricing-table tr{
margin-bottom:20px;
background:#11112a;
border:1px solid rgba(255,255,255,0.05);
border-radius:10px;
padding:15px;
}

.pricing-table td{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 10px;
border:none;
border-bottom:1px solid rgba(255,255,255,0.05);
font-size:14px;
}

.pricing-table td:last-child{
border-bottom:none;
justify-content:center;
padding-top:15px;
}

.pricing-table td::before{
content:attr(data-label);
font-weight:600;
color:#9ca3af;
font-size:12px;
text-transform:uppercase;
}

.pricing-table td strong{
color:#00f3ff;
}

.pricing-table td[data-label="Action"]{
flex-direction:column;
gap:8px;
}






.btn-plan-table{
width:100%;
text-align:center;
}
}


.pricing-section{
padding:80px 0 100px;
background-color:#0a0a1f;
text-align:center;
}

.table-responsive{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}


.pricing-table{
width:100%;
border-collapse:collapse;
background:#11112a;
border-radius:16px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.05);
}

.pricing-table th{
background:rgba(255,255,255,.05);
padding:20px;
text-align:center;
color:#9ca3af;
font-weight:600;
text-transform:uppercase;
font-size:.85rem;
letter-spacing:1px;
}

.pricing-table td{
padding:20px;
border-top:1px solid rgba(255,255,255,0.05);
color:#ffffff;
font-size:.95rem;
}

.pricing-table td[data-label="Action"]{
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}

.pricing-table td[data-label="Action"] a{
display:inline-flex;
align-items:center;
justify-content:center;
}

.pricing-table tr:hover{
background:rgba(255,255,255,.02);
}

.price-wrapper span{
display:block;
font-weight:700;
color:#7b5cff !important;
}


.status-in{
color:#20bc56;
font-weight:700;
}

.status-out{
color:#ff4d4d;
font-weight:700;
}

.btn-plan-table{
padding:8px 20px;
font-size:.9rem;
background:transparent;
border:1px solid rgba(255,255,255,0.05);
color:#ffffff;
border-radius:6px;
transition:.2s;
text-decoration:none;
}

.btn-plan-table.primary{
background: linear-gradient(90deg,#7b5cff,#c94bff,#ff4da6) !important;
border: none !important;
color: #ffffff !important;
}


.btn-plan-table.primary:hover{
background: linear-gradient(90deg,#6a4cff,#b83aff,#ff3c9c) !important;
color:#ffffff !important;
}


.tech-stack-section{
padding:80px 0;
background:#0a0a1f;
border-top:1px solid rgba(255,255,255,0.05);
}

.tech-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
margin-top:50px;
}

.tech-card{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,0.05);
border-radius:12px;
padding:25px;
width:150px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
transition:.3s;
text-align:center;
}

.tech-card:hover{
background:rgba(255,255,255,.06);
border-color:#00f3ff;
transform:translateY(-5px);
}

.tech-icon{
font-size:2.5rem;
color:#9ca3af;
margin-bottom:15px;
}

.tech-name{
font-weight:600;
color:#ffffff;
font-size:.9rem;
}

.features-section{
padding:100px 0;
background-color:#050510;
}

.features-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
text-align:center;
}

.feature-card{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:30px;
transition:.3s;
display:flex;
flex-direction:column;
align-items:center;
}

.feature-card:hover{
transform:translateY(-5px);
border-color:#00f3ff;
}

.feature-icon{
width:50px;
height:50px;
background:rgba(255,255,255,.05);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
color:#00f3ff;
font-size:1.2rem;
}

.feature-title{
font-size:1.2rem;
margin-bottom:10px;
font-weight:700;
color:#ffffff;
}

.feature-desc{
color:#9ca3af;
font-size:.95rem;
line-height:1.6;
}

.faq-section{
padding:100px 0;
background-color:#0a0a1f;
}

.faq-grid{
max-width:800px;
margin:auto;
display:flex;
flex-direction:column;
gap:16px;
}

.faq-item{
background:#11112a;
border:1px solid rgba(255,255,255,0.05);
border-radius:12px;
overflow:hidden;
transition:.3s;
}

.faq-item:hover{
border-color:#00f3ff;
}

.faq-item summary{
padding:20px 24px;
cursor:pointer;
font-weight:600;
font-size:1.05rem;
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
color:#ffffff;
}

.faq-item summary::-webkit-details-marker{
display:none;
}

.toggle-icon{
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.1);
border-radius:50%;
color:#00f3ff;
transition:.3s;
}

.faq-item[open] .toggle-icon{
transform:rotate(45deg);
background:#00f3ff;
color:#000;
}

.faq-content{
padding:0 24px 24px;
color:#9ca3af;
line-height:1.6;
border-top:1px solid rgba(255,255,255,.05);
padding-top:20px;
}