/* ================= WHY CHOOSE US ================= */
.why-choose-section {
  background: var(--accent-soft);
}

.why-grid {
  max-width: var(--content-max);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
  gap: 24px;
}

.why-card {
  background: #fff;
  padding: 26px;
  border-radius: 22px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  position: relative;
  transition: .4s var(--ease);
}

.why-card::before {
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:36px;
  background: var(--accent);
  filter: blur(8px);
  opacity:0;
  z-index:-1;
  transition:.4s;
}

.why-card:hover {
  transform: translateY(-10px);
}
.why-card:hover::before {
  opacity:.45;
}

.why-card svg {
  width: 56px;
  height: 56px;
  fill: none;
  stroke: url(#);
  stroke-width: 2;
  margin-bottom: 14px;
  color: var(--sun1);
}

.why-card h4 {
  font-size: 17px;
  font-weight: 800;
}

.why-card p {
  font-size: 14px;
  color: var(--muted);
  margin-top: 6px;
}

/* COUNTERS */
.why-stats {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
}

.stat span {
  font-size: 42px;
  font-weight: 900;
  background: var(--accent);
  -webkit-background-clip:text;
  color: transparent;
}

.stat p {
  text-align:center;
  font-weight:600;
}

/* ============================================================
FAQ SECTION — INDUSTRY STANDARD
============================================================ */

.faq-section{
background:#fff;
padding:70px 16px;
}

.faq-box{
max-width:900px;
margin:auto;
}

/* ITEM */

.faq-item{

background:#fff;
border-radius:18px;

padding:20px;

margin-bottom:16px;

cursor:pointer;

box-shadow:0 10px 28px rgba(0,0,0,.08);

transition:.35s ease;

}

/* HOVER */

.faq-item:hover{
box-shadow:0 0 24px rgba(255,106,0,.35);
}

/* QUESTION */

.faq-question{

font-size:17px;
font-weight:700;

padding-right:40px;

position:relative;

}

/* PLUS ICON */

.faq-question::after{

content:"+";

position:absolute;

right:0;
top:0;

font-size:24px;

color:#ff6a00;

transition:.3s;

}

/* OPEN */

.faq-item.open .faq-question::after{
content:"−";
}

/* ANSWER */

.faq-answer{

max-height:0;

overflow:hidden;

color:#666;

font-size:15px;

line-height:1.7;

transition:max-height .4s ease;

margin-top:8px;

}

/* OPEN HEIGHT */

.faq-item.open .faq-answer{
max-height:400px;
}

/* TABLET */

@media(max-width:768px){

.faq-question{
font-size:16px;
}

.faq-answer{
font-size:14px;
}

}

/* MOBILE */

@media(max-width:480px){

.faq-item{
padding:16px;
}

.faq-question{
font-size:15px;
}

}