/* ============================================================
   AG Process Timeline
   ============================================================ */

.ag-pr{
  --ag-pr-bg:#F5F0E3;
  --ag-pr-ink:#2A2A27;
  --ag-pr-muted:#7A7568;
  --ag-pr-gold:#E3C46A;
  --ag-pr-gold-deep:#96690F;
  --ag-pr-dark:#0F0F0E;
  --ag-pr-line:rgba(42,42,39,.13);
  --ag-pr-ease:cubic-bezier(.16,1,.3,1);
  --ag-pr-font:"Dana",system-ui,sans-serif;

  position:relative;isolation:isolate;overflow:hidden;
  direction:rtl;font-family:var(--ag-pr-font);
  background:var(--ag-pr-bg);
  padding:100px 0 112px;
}
.ag-pr *,.ag-pr *::before,.ag-pr *::after{box-sizing:border-box}
.ag-pr a{text-decoration:none}
.ag-pr ul,.ag-pr ol{list-style:none;margin:0;padding:0}

/* ---------- Ambient ---------- */
.ag-pr__glow{
  position:absolute;inset:-8% auto auto -12%;z-index:0;
  width:52vw;height:52vw;max-width:660px;max-height:660px;
  background:radial-gradient(circle,rgba(227,196,106,.42),transparent 66%);
  filter:blur(84px);pointer-events:none;
}
.ag-pr__in{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 26px}

/* ---------- Header ---------- */
.ag-pr__head{max-width:660px;margin-bottom:34px}
.ag-pr__eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 15px;border-radius:999px;
  border:1px solid var(--ag-pr-line);background:rgba(255,255,255,.55);
  font-size:12.5px;font-weight:700;color:var(--ag-pr-ink);
}
.ag-pr__eyebrow i{
  width:6px;height:6px;border-radius:50%;background:var(--ag-pr-gold-deep);
  box-shadow:0 0 0 0 rgba(150,105,15,.5);animation:agPrPulse 2.2s infinite;
}
@keyframes agPrPulse{
  70%{box-shadow:0 0 0 8px rgba(150,105,15,0)}
  100%{box-shadow:0 0 0 0 rgba(150,105,15,0)}
}
.ag-pr__title{
  margin:18px 0 0;padding:0;
  font-size:clamp(27px,3.4vw,42px);line-height:1.45;font-weight:800;
  color:var(--ag-pr-ink);letter-spacing:-.3px;
}
.ag-pr__hl{position:relative;isolation:isolate;color:var(--ag-pr-dark)}
.ag-pr__hl::before{
  content:"";position:absolute;z-index:-1;
  inset:auto -6px .1em -6px;height:34%;
  background:var(--ag-pr-gold);border-radius:5px;
  transform:scaleX(0) skewX(-6deg);transform-origin:right center;
  transition:transform .85s var(--ag-pr-ease) .2s;
}
.ag-pr.is-in .ag-pr__hl::before{transform:scaleX(1) skewX(-6deg)}
.ag-pr__sub{margin:16px 0 0;font-size:15px;line-height:2.05;color:var(--ag-pr-muted)}

/* ---------- Duration cards ---------- */
.ag-pr__durs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:58px}
.ag-pr__dur{
  display:flex;align-items:center;gap:11px;
  padding:14px 20px;border-radius:16px 4px 16px 4px;
  border:1px solid var(--ag-pr-line);
  background:rgba(255,255,255,.6);
  transition:transform .4s var(--ag-pr-ease),border-color .4s,box-shadow .4s;
}
.ag-pr__dur:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(42,42,39,.5)}
.ag-pr__dur i{display:flex;width:19px;height:19px;flex:none;color:var(--ag-pr-gold-deep)}
.ag-pr__dur svg{width:100%;height:100%}
.ag-pr__durL{font-size:13px;font-weight:600;color:var(--ag-pr-muted)}
.ag-pr__durT{
  font-size:13.5px;font-weight:800;color:var(--ag-pr-ink);
  padding-inline-start:11px;margin-inline-start:2px;
  border-inline-start:1px solid var(--ag-pr-line);
}
.ag-pr__dur.is-gold{
  border-color:rgba(150,105,15,.32);
  background:rgba(227,196,106,.2);
}
.ag-pr__dur.is-gold .ag-pr__durT{color:var(--ag-pr-gold-deep);border-color:rgba(150,105,15,.28)}

/* ---------- Timeline ---------- */
.ag-pr__line{position:relative;padding-inline-start:0}

.ag-pr__track{
  position:absolute;top:14px;bottom:14px;right:23px;
  width:2px;border-radius:2px;
  background:var(--ag-pr-line);
  overflow:hidden;
}
.ag-pr__track i{
  display:block;width:100%;height:0;
  background:linear-gradient(to bottom,var(--ag-pr-gold),var(--ag-pr-gold-deep));
  box-shadow:0 0 14px rgba(227,196,106,.6);
  transition:height .12s linear;
}

.ag-pr__steps{display:flex;flex-direction:column;gap:30px}

.ag-pr__step{
  position:relative;
  display:grid;grid-template-columns:48px 1fr;
  align-items:start;gap:22px;
  opacity:0;transform:translateY(26px);
  transition:opacity .6s var(--ag-pr-ease),transform .6s var(--ag-pr-ease);
}
.ag-pr__step.is-seen{opacity:1;transform:translateY(0)}

/* Dot */
.ag-pr__dot{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;flex:none;border-radius:50%;
  background:var(--ag-pr-bg);
  border:2px solid var(--ag-pr-line);
  transition:border-color .5s var(--ag-pr-ease),background .5s,transform .5s var(--ag-pr-ease);
}
.ag-pr__dot b{
  font-size:15px;font-weight:800;color:var(--ag-pr-muted);
  transition:color .5s;
}
.ag-pr__step.is-on .ag-pr__dot{
  border-color:var(--ag-pr-gold-deep);
  background:var(--ag-pr-dark);
  transform:scale(1.06);
}
.ag-pr__step.is-on .ag-pr__dot b{color:var(--ag-pr-gold)}

/* Card */
.ag-pr__card{
  position:relative;
  padding:24px 26px 26px;
  border-radius:22px 4px 22px 4px;
  border:1px solid var(--ag-pr-line);
  background:rgba(255,255,255,.58);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:border-color .5s var(--ag-pr-ease),
             box-shadow .5s var(--ag-pr-ease),
             transform .5s var(--ag-pr-ease),
             background .5s;
}
.ag-pr__step.is-on .ag-pr__card{
  border-color:rgba(150,105,15,.3);
  background:rgba(255,255,255,.86);
  box-shadow:0 26px 50px -34px rgba(42,42,39,.6);
}
.ag-pr__card:hover{transform:translateX(-5px)}

.ag-pr__cardTop{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
}
.ag-pr__name{
  margin:0;padding:0;
  font-size:19px;font-weight:800;line-height:1.6;color:var(--ag-pr-ink);
}
.ag-pr__note{
  padding:5px 12px;border-radius:999px 4px 999px 4px;
  background:rgba(227,196,106,.24);
  border:1px solid rgba(150,105,15,.26);
  font-size:11.5px;font-weight:700;color:var(--ag-pr-gold-deep);
}
.ag-pr__desc{
  margin:12px 0 0;max-width:62ch;
  font-size:14px;line-height:2.1;color:var(--ag-pr-muted);
}

.ag-pr__pts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 22px;margin-top:18px;
  padding-top:16px;border-top:1px dashed var(--ag-pr-line);
}
.ag-pr__pts li{
  display:flex;align-items:center;gap:9px;
  font-size:13px;font-weight:600;color:var(--ag-pr-ink);
  opacity:0;transform:translateX(10px);
}
.ag-pr__step.is-on .ag-pr__pts li{
  animation:agPrPt .5s var(--ag-pr-ease) forwards;
  animation-delay:calc(.18s + var(--p) * .06s);
}
@keyframes agPrPt{to{opacity:1;transform:translateX(0)}}
.ag-pr__pts i{
  width:5px;height:5px;flex:none;border-radius:50%;
  background:var(--ag-pr-gold-deep);
}

/* ---------- CTA ---------- */
.ag-pr__cta{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:20px;
  margin-top:56px;padding:30px 34px;
  border-radius:24px 4px 24px 4px;
  background:var(--ag-pr-dark);
  box-shadow:0 30px 58px -36px rgba(15,15,14,.8);
}
.ag-pr__ctaT{
  font-size:17px;font-weight:800;color:#F5F0E3;
}
.ag-pr__btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 28px;border-radius:999px;
  background:var(--ag-pr-gold);color:var(--ag-pr-dark);
  font-size:14px;font-weight:800;
  transition:color .4s var(--ag-pr-ease),box-shadow .4s,transform .3s var(--ag-pr-ease);
}
.ag-pr__btn::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:#F5F0E3;
  transform:translateY(101%);transition:transform .45s var(--ag-pr-ease);
}
.ag-pr__btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(227,196,106,.7)}
.ag-pr__btn:hover::before{transform:translateY(0)}
.ag-pr__btn i{display:flex;transition:transform .4s var(--ag-pr-ease)}
.ag-pr__btn svg{width:16px;height:16px}
.ag-pr__btn:hover i{transform:translateX(-4px)}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .ag-pr{padding:76px 0 86px}
  .ag-pr__durs{margin-bottom:42px}
  .ag-pr__steps{gap:24px}
  .ag-pr__card{padding:20px 20px 22px}
  .ag-pr__pts{grid-template-columns:1fr}
}

@media (max-width:680px){
  .ag-pr__in{padding:0 18px}
  .ag-pr__track{right:19px}
  .ag-pr__step{grid-template-columns:40px 1fr;gap:14px}
  .ag-pr__dot{width:40px;height:40px}
  .ag-pr__dot b{font-size:13.5px}
  .ag-pr__name{font-size:17px}
  .ag-pr__desc{font-size:13.5px;line-height:2}
  .ag-pr__card:hover{transform:none}
  .ag-pr__dur{flex:1 1 100%}
  .ag-pr__cta{flex-direction:column;gap:16px;padding:26px 20px;text-align:center}
  .ag-pr__btn{width:100%;justify-content:center}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .ag-pr *{animation:none !important;transition-duration:.01ms !important}
  .ag-pr__step{opacity:1;transform:none}
  .ag-pr__pts li{opacity:1;transform:none}
  .ag-pr__hl::before{transform:scaleX(1) skewX(-6deg)}
  .ag-pr__track i{height:100% !important}
}