/* ==========================================================================
   The regulatory angle — two-column editorial essay (sticky masthead +
   prose). Cool #f4f7fd band, gradient rule under the title, blue key-phrase
   highlights. Blue primary only on accents. Site scroll-reveal motion.
   ========================================================================== */
.pg-idreg { background-color:#f4f7fd; padding:104px 0; }
.pg-idreg__inner {
  max-width:1280px; margin:0 auto; padding:0 80px;
  display:grid; grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr); gap:80px; align-items:start;
}

.pg-idreg__head { position:sticky; top:100px; }
.pg-idreg__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-idreg__title {
  font-family:"Cabin",sans-serif; font-weight:700; font-size:44px; line-height:1.22;
  color:#12140f; margin-top:18px; max-width:480px;
}
.pg-idreg__rule {
  display:block; width:64px; height:4px; border-radius:2px; margin-top:28px;
  background:linear-gradient(90deg,#0036fa,#4e87fc);
}

.pg-idreg__body { display:flex; flex-direction:column; gap:22px; padding-top:6px; }
.pg-idreg__p {
  font-family:"Cabin",sans-serif; font-weight:400; font-size:16px; line-height:26px; color:#4d4d4d;
}
.pg-idreg__hl { color:#0036fa; font-weight:600; }

/* --- scroll-reveal (site motion language) --- */
.pg-idreg__head, .pg-idreg__p {
  opacity:0; transform:translateY(16px);
  transition:opacity 0.6s ease, transform 0.6s ease;
}
.pg-idreg__head.is-in, .pg-idreg__p.is-in { opacity:1; transform:none; }
.pg-idreg__p.is-in:nth-of-type(1) { transition-delay:0.06s; }
.pg-idreg__p.is-in:nth-of-type(2) { transition-delay:0.16s; }

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

@media (max-width:1040px) {
  .pg-idreg { padding:80px 0; }
  .pg-idreg__inner { grid-template-columns:1fr; gap:40px; padding:0 24px; }
  .pg-idreg__head { position:static; }
  .pg-idreg__title { font-size:34px; max-width:none; }
}
@media (max-width:600px) { .pg-idreg__title { font-size:28px; } }