:root {
  --navy:#0C1D35; --navy-2:#152442; --teal:#7CE0F9; --teal-d:#0898B5;
  --white:#FFFFFF; --text:#0A1825; --muted:#556070;
  --f:'Inter',system-ui,sans-serif; --fd:'DM Serif Display',Georgia,serif
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { font-size:16px; scroll-behavior:smooth }
body { background:var(--white); color:var(--text); font-family:var(--f); line-height:1.7 }
a { color:var(--teal-d); text-decoration:none }
a:hover { text-decoration:underline }

/* Nav */
.pp-nav {
  background:var(--navy); padding:1.2rem 2.5rem;
  display:flex; align-items:center; justify-content:space-between
}
.pp-nav-logo { display:flex; align-items:center }
.pp-nav-logo img { height:40px; width:auto; filter:brightness(0) invert(1) }
.pp-nav-back {
  font-size:.8rem; font-weight:500; color:rgba(255,255,255,.6);
  display:flex; align-items:center; gap:.4rem; transition:color .2s
}
.pp-nav-back:hover { color:#fff; text-decoration:none }
.pp-nav-back svg { flex-shrink:0 }

/* Hero */
.pp-hero {
  background:var(--navy); padding:5rem 2.5rem 4rem;
  border-bottom:1px solid rgba(255,255,255,.07)
}
.pp-hero-inner { max-width:760px; margin:0 auto }
.pp-eyebrow {
  font-size:.62rem; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; color:var(--teal); display:block; margin-bottom:.9rem
}
.pp-title {
  font-family:var(--fd); font-size:clamp(2rem,4vw,3rem);
  color:#fff; line-height:1.12; margin-bottom:1rem
}
.pp-updated { font-size:.8rem; color:rgba(255,255,255,.35) }

/* Body */
.pp-body { max-width:760px; margin:0 auto; padding:4rem 2.5rem 6rem }
.pp-section { margin-bottom:3rem }
.pp-section h2 {
  font-family:var(--fd); font-size:1.35rem; color:var(--navy);
  margin-bottom:.85rem; padding-bottom:.6rem;
  border-bottom:2px solid #EEF0F4
}
.pp-section p { font-size:.93rem; color:var(--muted); margin-bottom:.9rem }
.pp-section ul {
  list-style:none; display:flex; flex-direction:column; gap:.5rem;
  margin-bottom:.9rem
}
.pp-section ul li {
  font-size:.93rem; color:var(--muted);
  display:flex; align-items:flex-start; gap:.65rem
}
.pp-section ul li::before {
  content:'\2022'; color:var(--teal-d); font-size:1.1rem;
  line-height:1.5; flex-shrink:0
}
.pp-contact-box {
  background:#F5F6F8; border:1px solid #E2E5EC; border-radius:12px;
  padding:1.6rem 2rem; margin-top:2rem
}
.pp-contact-box p { margin-bottom:.4rem }
.pp-contact-box a { font-weight:500 }

/* Footer */
.pp-footer {
  background:var(--navy); padding:2rem 2.5rem;
  text-align:center; font-size:.76rem; color:rgba(255,255,255,.25)
}
.pp-footer a { color:rgba(255,255,255,.4); transition:color .2s }
.pp-footer a:hover { color:#fff; text-decoration:none }

@media(max-width:600px) {
  .pp-nav { padding:1rem 1.2rem }
  .pp-hero { padding:3.5rem 1.4rem 3rem }
  .pp-body { padding:2.5rem 1.4rem 5rem }
}