/* ===================== 1 · The audit trail (log) ======================== */
.pg-oblog { position:relative; background-color:#f4f7fd; padding:104px 0 112px; overflow:hidden; }
.pg-oblog::before { content:""; position:absolute; inset:0; background:radial-gradient(50% 42% at 82% 4%, rgba(0,54,250,0.06), transparent 62%); pointer-events:none; }
.pg-oblog__inner { position:relative; max-width:1280px; margin:0 auto; padding:0 80px; }
.pg-oblog__eyebrow { display:inline-flex; align-items:center; gap:9px; font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:#0036fa; }
.pg-oblog__pulse { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#0036fa,#4e87fc); box-shadow:0 0 0 0 rgba(78,135,252,0.55); animation:oblogPulse 2s ease-out infinite; }
@keyframes oblogPulse { 0%{box-shadow:0 0 0 0 rgba(78,135,252,0.5);} 70%{box-shadow:0 0 0 8px rgba(78,135,252,0);} 100%{box-shadow:0 0 0 0 rgba(78,135,252,0);} }
.pg-oblog__title { font-family:"Cabin",sans-serif; font-weight:700; font-size:40px; line-height:1.14; letter-spacing:-0.01em; color:#12140f; margin-top:16px; max-width:780px; }
.pg-oblog__console { margin-top:44px; border:1px solid #e4e9f4; border-radius:14px; background-color:#fff; box-shadow:0 30px 60px -34px rgba(18,20,40,0.28); overflow-x:auto; }
.pg-oblog__table { min-width:820px; }
.pg-oblog__row { display:grid; grid-template-columns:128px 1.35fr 1.5fr 0.9fr 1.05fr; align-items:center; gap:20px; padding:16px 26px; border-bottom:1px solid #eef1f8; font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:13.5px; line-height:1.4; }
.pg-oblog__row:last-child { border-bottom:none; }
.pg-oblog__row--head { background-color:#f7f9fe; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:#9aa2b4; }
.pg-oblog__row--body { transition:background-color 0.3s ease; }
.pg-oblog__row--body:hover { background-color:#f4f7ff; }
.pg-oblog__time { color:#9aa2b4; } .pg-oblog__actor { color:#12140f; } .pg-oblog__action { color:#4d4d4d; } .pg-oblog__arrow { color:#0036fa; }
.pg-oblog__model { color:#8790a3; } .pg-oblog__model--local { color:#0036fa; }
.pg-oblog__status { justify-self:end; text-align:right; }
.pg-oblog__status--ok { color:#0036fa; } .pg-oblog__status--muted { color:#98a0b0; }
.pg-oblog__status-mark { font-weight:700; } .pg-oblog__status-dim { color:#a7adba; }
.pg-oblog__note { margin-top:22px; font-family:"Cabin",sans-serif; font-size:14px; line-height:22px; color:#9aa2b4; max-width:820px; }
.pg-oblog__note i { color:#0036fa; font-style:italic; }
.pg-oblog__head,.pg-oblog__row--body,.pg-oblog__note { opacity:0; transform:translateY(14px); transition:opacity 0.55s ease, transform 0.55s ease, background-color 0.3s ease; }
.pg-oblog__head.is-in,.pg-oblog__row--body.is-in,.pg-oblog__note.is-in { opacity:1; transform:none; }
.pg-oblog__row--body.is-in:nth-child(2){transition-delay:0.10s;} .pg-oblog__row--body.is-in:nth-child(3){transition-delay:0.22s;} .pg-oblog__row--body.is-in:nth-child(4){transition-delay:0.34s;} .pg-oblog__row--body.is-in:nth-child(5){transition-delay:0.46s;}

/* =============== 2 · Four layers of record (capabilities) =============== */
.pg-obcap { background-color:#fff; padding:104px 0; }
.pg-obcap__inner { max-width:1280px; margin:0 auto; padding:0 80px; }
.pg-obcap__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-obcap__title { font-family:"Cabin",sans-serif; font-weight:700; font-size:44px; line-height:1.22; color:#12140f; margin-top:18px; }
.pg-obcap__grid { margin-top:44px; display:grid; grid-template-columns:1fr 1fr; }
.pg-obcap__col { display:flex; flex-direction:column; }
.pg-obcap__col--left { padding-right:52px; } .pg-obcap__col--right { padding-left:52px; border-left:1px solid #ececec; }
.pg-obcap__item { padding:28px 0; border-top:1px solid #ececec; }
.pg-obcap__col--left .pg-obcap__item:first-child,.pg-obcap__col--right .pg-obcap__item:first-child { border-top:none; }
.pg-obcap__bar { width:24px; height:4px; border-radius:2px; background:linear-gradient(90deg,#0036fa,#4e87fc); transition:width 0.4s ease; }
.pg-obcap__item:hover .pg-obcap__bar { width:44px; }
.pg-obcap__item-title { font-family:"Cabin",sans-serif; font-weight:600; font-size:18px; line-height:24px; color:#12140f; margin-top:14px; transition:color 0.3s ease; }
.pg-obcap__item:hover .pg-obcap__item-title { color:#0036fa; }
.pg-obcap__item-text { font-family:"Cabin",sans-serif; font-weight:400; font-size:15px; line-height:24px; color:#4d4d4d; margin-top:10px; }
.pg-obcap__head,.pg-obcap__item { opacity:0; transform:translateY(16px); transition:opacity 0.6s ease, transform 0.6s ease, color 0.3s ease; }
.pg-obcap__head.is-in,.pg-obcap__item.is-in { opacity:1; transform:none; }
.pg-obcap__item.is-in:nth-child(1){transition-delay:0.06s;} .pg-obcap__item.is-in:nth-child(2){transition-delay:0.16s;} .pg-obcap__item.is-in:nth-child(3){transition-delay:0.26s;}

/* ================== 3 · Who reads the record (audiences) ================ */
.pg-obaud { background-color:#f4f7fd; padding:104px 0; }
.pg-obaud__inner { max-width:1280px; margin:0 auto; padding:0 80px; }
.pg-obaud__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-obaud__title { font-family:"Cabin",sans-serif; font-weight:700; font-size:44px; line-height:1.22; color:#12140f; margin-top:18px; }
.pg-obaud__grid { margin-top:44px; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #dbe1ef; }
.pg-obaud__col { position:relative; padding:28px 26px 34px; border-left:1px solid #dbe1ef; }
.pg-obaud__col:first-child { border-left:none; padding-left:0; }
.pg-obaud__col::before { content:""; position:absolute; top:-1px; left:0; width:0; height:2px; background:linear-gradient(90deg,#0036fa,#4e87fc); transition:width 0.4s ease; }
.pg-obaud__col:hover::before { width:100%; }
.pg-obaud__mark { font-family:"Cabin",sans-serif; font-weight:700; font-size:40px; line-height:0.6; background:linear-gradient(135deg,#0036fa,#4e87fc); -webkit-background-clip:text; background-clip:text; color:transparent; opacity:0.5; }
.pg-obaud__role { display:block; margin-top:12px; font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:#0036fa; }
.pg-obaud__query { font-family:"Cabin",sans-serif; font-weight:600; font-size:15.5px; line-height:23px; color:#12140f; margin-top:12px; }
.pg-obaud__follow { font-family:"Cabin",sans-serif; font-weight:400; font-size:14px; line-height:22px; color:#4d4d4d; margin-top:10px; }
.pg-obaud__head,.pg-obaud__col { opacity:0; transform:translateY(16px); transition:opacity 0.6s ease, transform 0.6s ease; }
.pg-obaud__head.is-in,.pg-obaud__col.is-in { opacity:1; transform:none; }
.pg-obaud__col.is-in:nth-child(1){transition-delay:0.06s;} .pg-obaud__col.is-in:nth-child(2){transition-delay:0.13s;} .pg-obaud__col.is-in:nth-child(3){transition-delay:0.20s;} .pg-obaud__col.is-in:nth-child(4){transition-delay:0.27s;} .pg-obaud__col.is-in:nth-child(5){transition-delay:0.34s;}

@media (prefers-reduced-motion: reduce) {
  .pg-oblog__head,.pg-oblog__row--body,.pg-oblog__note,
  .pg-obcap__head,.pg-obcap__item,
  .pg-obaud__head,.pg-obaud__col { opacity:1; transform:none; transition:none; }
}

@media (max-width:1040px) {
  .pg-oblog,.pg-obcap,.pg-obaud { padding:80px 0; }
  .pg-oblog__inner,.pg-obcap__inner,.pg-obaud__inner { padding:0 24px; }
  .pg-oblog__title { font-size:30px; }
  .pg-obcap__title,.pg-obaud__title { font-size:34px; }
  .pg-obcap__grid { grid-template-columns:1fr; }
  .pg-obcap__col--left { padding-right:0; }
  .pg-obcap__col--right { padding-left:0; border-left:none; }
  .pg-obcap__col--right .pg-obcap__item:first-child { border-top:1px solid #ececec; }
  .pg-obaud__grid { grid-template-columns:1fr 1fr; border-top:none; }
  .pg-obaud__col { border-left:none; border-top:1px solid #dbe1ef; padding:26px 20px 30px; }
  .pg-obaud__col:first-child { padding-left:20px; }
}
@media (max-width:600px) {
  .pg-oblog__title { font-size:25px; }
  .pg-oblog__row { font-size:12.5px; padding:14px 18px; }
  .pg-obcap__title,.pg-obaud__title { font-size:28px; }
  .pg-obaud__grid { grid-template-columns:1fr; }
}