/* ==========================================================================
   FAQ — interactive two-column accordion. Blue circular +/- toggle, smooth
   grid-rows expand, first item per column open. Cool #f4f7fd band, blue
   primary only on toggle + hover. Site scroll-reveal motion.
   ========================================================================== */
.pg-idfaq { background-color:#f4f7fd; padding:104px 0; }
.pg-idfaq__inner { max-width:1280px; margin:0 auto; padding:0 80px; }

.pg-idfaq__kicker {
  font-family:"Cabin",sans-serif; font-weight:600; font-size:14px; line-height:16px;
  letter-spacing:0.1em; text-transform:uppercase;
  background:linear-gradient(90deg,#0036fa,#4e87fc);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pg-idfaq__title {
  font-family:"Cabin",sans-serif; font-weight:700; font-size:44px; line-height:1.22;
  color:#12140f; margin-top:18px;
}

.pg-idfaq__grid { margin-top:44px; display:grid; grid-template-columns:1fr 1fr; column-gap:72px; }
.pg-idfaq__col { display:flex; flex-direction:column; }
.pg-idfaq__item { border-top:1px solid #dfe3ee; }
.pg-idfaq__col:first-child .pg-idfaq__item:first-child,
.pg-idfaq__col:last-child .pg-idfaq__item:first-child { border-top:none; }

.pg-idfaq__q {
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:24px 0; background:none; border:none; cursor:pointer; text-align:left;
  font-family:"Cabin",sans-serif; font-weight:600; font-size:18px; line-height:25px;
  color:#12140f; transition:color 0.3s ease;
}
.pg-idfaq__q:hover { color:#0036fa; }

.pg-idfaq__icon {
  position:relative; width:26px; height:26px; border-radius:50%; background-color:#eaf0ff;
  flex-shrink:0; transition:background-color 0.3s ease;
}
.pg-idfaq__icon::before, .pg-idfaq__icon::after {
  content:""; position:absolute; left:50%; top:50%; width:11px; height:2px; border-radius:1px;
  background:linear-gradient(90deg,#0036fa,#4e87fc);
  transform:translate(-50%,-50%); transition:opacity 0.3s ease;
}
.pg-idfaq__icon::after { transform:translate(-50%,-50%) rotate(90deg); }
.pg-idfaq__item.is-open .pg-idfaq__icon { background-color:#dfe8ff; }
.pg-idfaq__item.is-open .pg-idfaq__icon::after { opacity:0; }

.pg-idfaq__answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.38s ease; }
.pg-idfaq__answer > div { overflow:hidden; }
.pg-idfaq__item.is-open .pg-idfaq__answer { grid-template-rows:1fr; }
.pg-idfaq__a {
  font-family:"Cabin",sans-serif; font-weight:400; font-size:15px; line-height:24px;
  color:#4d4d4d; padding:0 40px 24px 0; max-width:520px;
}
.pg-idfaq__a a { color:#0036fa; font-weight:600; text-decoration:none; border-bottom:1px solid rgba(0,54,250,0.3); }
.pg-idfaq__a a:hover { border-bottom-color:#0036fa; }

/* --- scroll-reveal (site motion language) --- */
.pg-idfaq__head, .pg-idfaq__item {
  opacity:0; transform:translateY(16px);
  transition:opacity 0.6s ease, transform 0.6s ease;
}
.pg-idfaq__head.is-in, .pg-idfaq__item.is-in { opacity:1; transform:none; }
.pg-idfaq__item.is-in:nth-child(1) { transition-delay:0.05s; }
.pg-idfaq__item.is-in:nth-child(2) { transition-delay:0.12s; }
.pg-idfaq__item.is-in:nth-child(3) { transition-delay:0.19s; }
.pg-idfaq__item.is-in:nth-child(4) { transition-delay:0.26s; }
.pg-idfaq__item.is-in:nth-child(5) { transition-delay:0.33s; }

@media (prefers-reduced-motion: reduce) {
  .pg-idfaq__head, .pg-idfaq__item { opacity:1; transform:none; transition:none; }
}

@media (max-width:1040px) {
  .pg-idfaq { padding:80px 0; }
  .pg-idfaq__inner { padding:0 24px; }
  .pg-idfaq__title { font-size:34px; }
  .pg-idfaq__grid { grid-template-columns:1fr; column-gap:0; }
  .pg-idfaq__col:last-child .pg-idfaq__item:first-child { border-top:1px solid #dfe3ee; }
  .pg-idfaq__a { max-width:none; }
}
@media (max-width:600px) { .pg-idfaq__title { font-size:28px; } }