/* ProxyPay control-plane design system — core.css
   Dark-first, warm-neutral, squared, ruled, dense. Written for proxypay.app only. */

@font-face{font-family:"Archivo PP";src:url("/assets/fonts/archivo-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo PP";src:url("/assets/fonts/archivo-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo PP";src:url("/assets/fonts/archivo-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono PP";src:url("/assets/fonts/plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono PP";src:url("/assets/fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* Ground and surfaces — warm near-black */
  --pp-ground:#12100D;
  --pp-surface:#1A1713;
  --pp-surface-2:#221E19;
  --pp-rule:#3A342B;
  --pp-rule-strong:#564E42;

  /* Text */
  --pp-text:#F4F0E8;
  --pp-text-muted:#B4AC9F;

  /* Signal */
  --pp-accent:#FFB000;
  --pp-accent-deep:#8A5A00;
  --pp-state-paid:#5FD08A;
  --pp-state-hold:#FFD166;
  --pp-state-expired:#FF8A5B;

  /* Paper inversion */
  --pp-paper:#F5F1E8;
  --pp-paper-2:#EAE4D7;
  --pp-ink:#16130F;
  --pp-ink-muted:#5C554A;
  --pp-paper-rule:#D3CBBA;

  --pp-sans:"Archivo PP",Archivo,"Helvetica Neue",Arial,sans-serif;
  --pp-mono:"Plex Mono PP","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* 4px spacing scale */
  --pp-s1:4px;--pp-s2:8px;--pp-s3:12px;--pp-s4:16px;--pp-s5:24px;
  --pp-s6:32px;--pp-s7:48px;--pp-s8:64px;--pp-s9:96px;
  --pp-measure:1160px;
  --pp-gutter:24px;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--pp-ground);
  color:var(--pp-text);
  font-family:var(--pp-sans);
  font-size:16px;
  line-height:1.55;
  font-weight:400;
  overflow-x:hidden;
}

img,svg{display:block;max-width:100%}

h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.12;letter-spacing:-0.012em}
h1{font-size:clamp(2rem,1.3rem + 3.1vw,3.5rem)}
h2{font-size:clamp(1.5rem,1.15rem + 1.6vw,2.25rem)}
h3{font-size:clamp(1.125rem,1.03rem + 0.45vw,1.3125rem)}
h4{font-size:1rem;letter-spacing:0}
p{margin:0}
ul,ol{margin:0;padding:0}
li{list-style:none}

a{color:var(--pp-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--pp-text);text-decoration-color:var(--pp-accent)}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--pp-accent);
  outline-offset:2px;
  border-radius:0;
}

::selection{background:var(--pp-accent);color:var(--pp-ground)}

.pp-skip{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--pp-accent);color:var(--pp-ground);
  padding:var(--pp-s3) var(--pp-s5);
  font-family:var(--pp-mono);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;
  text-decoration:none;font-weight:500;
}
.pp-skip:focus{left:0}

.pp-wrap{width:100%;max-width:var(--pp-measure);margin:0 auto;padding-left:var(--pp-gutter);padding-right:var(--pp-gutter)}

/* ---------- Header ---------- */
.pp-header{border-bottom:1px solid var(--pp-rule);background:var(--pp-ground);position:relative;z-index:100}
.pp-header-inner{display:flex;align-items:center;gap:var(--pp-s5);min-height:72px;flex-wrap:wrap}
.pp-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--pp-text);flex:0 0 auto}
.pp-brand:hover{color:var(--pp-text)}
.pp-brand svg{width:26px;height:26px;flex:0 0 auto}
.pp-brand-name{
  font-family:var(--pp-sans);font-weight:700;font-size:1rem;
  letter-spacing:.14em;text-transform:uppercase;
}
.pp-nav{display:flex;gap:var(--pp-s5);margin-left:auto;flex-wrap:wrap}
.pp-nav a{
  color:var(--pp-text-muted);text-decoration:none;
  font-size:.875rem;padding:6px 0;border-bottom:2px solid transparent;
}
.pp-nav a:hover{color:var(--pp-text);border-bottom-color:var(--pp-accent)}
.pp-nav a[aria-current="page"]{color:var(--pp-text);border-bottom-color:var(--pp-accent)}
.pp-header-cta{flex:0 0 auto}

/* The nav never collapses behind a script: below 1000px it wraps and the header CTA
   drops out, so every destination stays reachable with JavaScript disabled. */
@media (max-width:1000px){
  .pp-header-inner{padding-top:var(--pp-s3);padding-bottom:var(--pp-s3)}
  .pp-nav{margin-left:0;width:100%;gap:var(--pp-s4) var(--pp-s5);order:3}
  .pp-nav a{font-size:.8125rem}
  .pp-header-cta{margin-left:auto}
}
@media (max-width:520px){
  .pp-header-cta{display:none}
  .pp-nav{gap:var(--pp-s3) var(--pp-s4)}
}

/* ---------- Buttons — squared, ruled, never pills ---------- */
.pp-btn{
  display:inline-block;
  font-family:var(--pp-mono);font-size:.8125rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.09em;
  padding:13px 22px;border-radius:0;border:1px solid var(--pp-accent);
  background:var(--pp-accent);color:var(--pp-ground);
  text-decoration:none;cursor:pointer;
  transition:background 120ms linear,color 120ms linear,border-color 120ms linear;
}
.pp-btn:hover{background:transparent;color:var(--pp-accent);border-color:var(--pp-accent)}
.pp-btn-ghost{background:transparent;color:var(--pp-text);border-color:var(--pp-rule-strong)}
.pp-btn-ghost:hover{background:transparent;color:var(--pp-accent);border-color:var(--pp-accent)}
.pp-btn-sm{padding:9px 16px;font-size:.75rem}
.pp-btn-row{display:flex;flex-wrap:wrap;gap:var(--pp-s3)}

/* ---------- Section machinery ---------- */
.pp-section{border-bottom:1px solid var(--pp-rule);padding:var(--pp-s8) 0}
.pp-section-tight{padding:var(--pp-s7) 0}
.pp-section-paper{background:var(--pp-paper);color:var(--pp-ink);border-bottom:1px solid var(--pp-paper-rule)}
.pp-section-paper h1,.pp-section-paper h2,.pp-section-paper h3,.pp-section-paper h4{color:var(--pp-ink)}
.pp-section-paper a{color:var(--pp-accent-deep)}
.pp-section-paper a:hover{color:var(--pp-ink)}
.pp-section-paper .pp-lede,.pp-section-paper .pp-muted{color:var(--pp-ink-muted)}
.pp-section-paper .pp-eyebrow{color:var(--pp-ink-muted)}
.pp-section-paper .pp-card{background:var(--pp-paper-2);border-color:var(--pp-paper-rule)}
.pp-section-paper .pp-table th,.pp-section-paper .pp-table td{border-color:var(--pp-paper-rule)}
.pp-section-paper .pp-table th{color:var(--pp-ink-muted)}
.pp-section-paper .pp-rule{background:var(--pp-paper-rule)}
.pp-section-paper .pp-btn-ghost{color:var(--pp-ink);border-color:var(--pp-ink-muted)}
.pp-section-paper .pp-btn-ghost:hover{color:var(--pp-accent-deep);border-color:var(--pp-accent-deep)}
.pp-section-paper .pp-num{color:var(--pp-ink-muted)}
.pp-section-paper .pp-kicker{border-color:var(--pp-paper-rule)}
.pp-section-paper .pp-def dt{color:var(--pp-ink)}
.pp-section-paper .pp-def dd{color:var(--pp-ink-muted)}

.pp-eyebrow{
  font-family:var(--pp-mono);font-size:.75rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.14em;color:var(--pp-text-muted);
  margin:0 0 var(--pp-s4);
}
.pp-kicker{
  display:flex;align-items:baseline;gap:var(--pp-s3);
  border-top:1px solid var(--pp-rule);padding-top:var(--pp-s3);margin-bottom:var(--pp-s6);
}
.pp-num{font-family:var(--pp-mono);font-size:.75rem;color:var(--pp-text-muted);letter-spacing:.1em}
.pp-lede{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);color:var(--pp-text-muted);max-width:62ch}
.pp-muted{color:var(--pp-text-muted)}
.pp-measure{max-width:68ch}
.pp-rule{height:1px;background:var(--pp-rule);border:0;margin:var(--pp-s6) 0}

.pp-stack>*+*{margin-top:var(--pp-s4)}
.pp-stack-lg>*+*{margin-top:var(--pp-s6)}

/* ---------- Grid ---------- */
.pp-grid{display:grid;gap:1px;background:var(--pp-rule);border:1px solid var(--pp-rule)}
.pp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-cell{background:var(--pp-ground);padding:var(--pp-s5)}
.pp-section-paper .pp-grid{background:var(--pp-paper-rule);border-color:var(--pp-paper-rule)}
.pp-section-paper .pp-cell{background:var(--pp-paper)}

.pp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pp-s7)}
.pp-split-wide{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
@media (max-width:860px){
  .pp-split,.pp-split-wide{grid-template-columns:minmax(0,1fr);gap:var(--pp-s6)}
  .pp-grid-3,.pp-grid-4{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .pp-grid-2{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Cards: square, ruled, no shadow ---------- */
.pp-card{background:var(--pp-surface);border:1px solid var(--pp-rule);padding:var(--pp-s5);border-radius:0}
.pp-card h3{margin-bottom:var(--pp-s2)}
.pp-card-accent{border-left:3px solid var(--pp-accent)}

/* ---------- Tables ---------- */
.pp-table-scroll{overflow-x:auto}
.pp-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.pp-table caption{text-align:left;font-family:var(--pp-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--pp-text-muted);padding-bottom:var(--pp-s3)}
.pp-table th,.pp-table td{border-bottom:1px solid var(--pp-rule);padding:12px 16px 12px 0;text-align:left;vertical-align:top}
.pp-table th{
  font-family:var(--pp-mono);font-weight:500;font-size:.75rem;
  text-transform:uppercase;letter-spacing:.1em;color:var(--pp-text-muted);
}
.pp-table td.pp-figure,.pp-table th.pp-figure{font-family:var(--pp-mono);white-space:nowrap}

.pp-figure{font-family:var(--pp-mono);font-variant-numeric:tabular-nums}

/* ---------- Definition rows ---------- */
.pp-def{margin:0}
.pp-def dt{font-family:var(--pp-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pp-accent);padding-top:var(--pp-s4);border-top:1px solid var(--pp-rule);margin-top:var(--pp-s4)}
.pp-def dd{margin:var(--pp-s2) 0 0;color:var(--pp-text-muted)}
.pp-def dt:first-child{border-top:0;padding-top:0;margin-top:0}

/* ---------- Ordered step list ---------- */
.pp-steps{counter-reset:pp-step}
.pp-steps li{
  counter-increment:pp-step;position:relative;
  padding:var(--pp-s4) 0 var(--pp-s4) 56px;border-top:1px solid var(--pp-rule);
}
.pp-steps li::before{
  content:counter(pp-step,decimal-leading-zero);
  position:absolute;left:0;top:var(--pp-s4);
  font-family:var(--pp-mono);font-size:.8125rem;color:var(--pp-accent);letter-spacing:.06em;
}
.pp-section-paper .pp-steps li{border-color:var(--pp-paper-rule)}
.pp-section-paper .pp-steps li::before{color:var(--pp-accent-deep)}

/* ---------- Checklist / marker lists ---------- */
.pp-list li{position:relative;padding:8px 0 8px 26px;color:var(--pp-text-muted)}
.pp-list li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:1px;background:var(--pp-accent)}
.pp-section-paper .pp-list li{color:var(--pp-ink-muted)}
.pp-section-paper .pp-list li::before{background:var(--pp-accent-deep)}

/* ---------- Status chips (colour + icon + text, never colour alone) ---------- */
.pp-chip{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--pp-mono);font-size:.75rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.1em;
  padding:6px 10px;border:1px solid currentColor;border-radius:0;
}
.pp-chip svg{width:14px;height:14px;flex:0 0 auto}
.pp-chip-paid{color:var(--pp-state-paid)}
.pp-chip-hold{color:var(--pp-state-hold)}
.pp-chip-expired{color:var(--pp-state-expired)}
.pp-chip-neutral{color:var(--pp-text-muted)}

/* ---------- Callout ---------- */
.pp-callout{border:1px solid var(--pp-rule);border-left:3px solid var(--pp-state-hold);background:var(--pp-surface);padding:var(--pp-s5)}
.pp-callout h3{margin-bottom:var(--pp-s2)}
.pp-section-paper .pp-callout{background:var(--pp-paper-2);border-color:var(--pp-paper-rule);border-left-color:var(--pp-accent-deep)}

/* ---------- Hero ---------- */
.pp-hero{padding:var(--pp-s9) 0 var(--pp-s8);border-bottom:1px solid var(--pp-rule)}
.pp-hero h1{max-width:18ch}
.pp-hero .pp-lede{margin-top:var(--pp-s5)}
.pp-hero .pp-btn-row{margin-top:var(--pp-s6)}
.pp-hero-meta{
  margin-top:var(--pp-s7);border-top:1px solid var(--pp-rule);padding-top:var(--pp-s4);
  display:flex;flex-wrap:wrap;gap:var(--pp-s5);
  font-family:var(--pp-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pp-text-muted);
}
.pp-page-head{padding:var(--pp-s8) 0 var(--pp-s7);border-bottom:1px solid var(--pp-rule)}

/* ---------- Diagram frame ---------- */
.pp-diagram{border:1px solid var(--pp-rule);background:var(--pp-surface);padding:var(--pp-s5)}
.pp-diagram svg{width:100%;height:auto}
.pp-diagram figcaption{margin-top:var(--pp-s4);color:var(--pp-text-muted);font-size:.9375rem}

/* ---------- Code ---------- */
pre,code{font-family:var(--pp-mono);font-size:.8125rem}
pre{
  background:var(--pp-surface-2);border:1px solid var(--pp-rule);
  padding:var(--pp-s4);overflow-x:auto;margin:0;line-height:1.6;color:var(--pp-text);
}
code{color:var(--pp-accent)}
pre code{color:inherit}
.pp-section-paper pre{background:var(--pp-paper-2);border-color:var(--pp-paper-rule);color:var(--pp-ink)}
.pp-section-paper code{color:var(--pp-accent-deep)}

/* ---------- Forms ---------- */
.pp-form{max-width:640px}
.pp-field{margin-bottom:var(--pp-s5)}
.pp-field label{
  display:block;font-family:var(--pp-mono);font-size:.75rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.1em;color:var(--pp-text-muted);margin-bottom:var(--pp-s2);
}
.pp-field input,.pp-field select,.pp-field textarea{
  width:100%;background:var(--pp-surface-2);color:var(--pp-text);
  border:1px solid var(--pp-rule-strong);border-radius:0;
  padding:12px 14px;font-family:var(--pp-sans);font-size:1rem;
}
.pp-field textarea{min-height:140px;resize:vertical}
.pp-field .pp-hint{display:block;margin-top:6px;font-size:.8125rem;color:var(--pp-text-muted)}
.pp-form-note{border-top:1px solid var(--pp-rule);padding-top:var(--pp-s4);margin-top:var(--pp-s5);color:var(--pp-text-muted);font-size:.875rem}

/* ---------- Footer ---------- */
.pp-footer{padding:var(--pp-s8) 0 var(--pp-s7);border-top:1px solid var(--pp-rule)}
.pp-footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--pp-s6)}
@media (max-width:860px){.pp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pp-footer-grid{grid-template-columns:minmax(0,1fr)}}
.pp-footer h2{
  font-family:var(--pp-mono);font-size:.75rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.12em;color:var(--pp-text-muted);margin-bottom:var(--pp-s3);
}
.pp-footer li{padding:5px 0}
.pp-footer a{color:var(--pp-text-muted);text-decoration:none;font-size:.9375rem}
.pp-footer a:hover{color:var(--pp-accent);text-decoration:underline}
.pp-footer-base{
  margin-top:var(--pp-s7);border-top:1px solid var(--pp-rule);padding-top:var(--pp-s4);
  display:flex;flex-wrap:wrap;gap:var(--pp-s4) var(--pp-s5);justify-content:space-between;
  font-size:.8125rem;color:var(--pp-text-muted);
}
.pp-footer-base p{max-width:70ch}

/* ---------- Utilities ---------- */
.pp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pp-honeypot{display:none}
.pp-mt6{margin-top:var(--pp-s6)}
.pp-mt5{margin-top:var(--pp-s5)}
.pp-mt4{margin-top:var(--pp-s4)}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}
}

/* Scrollable regions are focusable, so keyboard users can reach them; the outline
   only appears for keyboard focus. */
.pp-table-scroll:focus-visible,pre:focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}
.pp-section-paper .pp-table caption{color:var(--pp-ink-muted)}
.pp-card h2{font-size:1.0625rem;letter-spacing:-0.012em}
.pp-small{font-size:.9375rem}
.pp-btn-row-top{align-items:flex-start}
.pp-steps p,.pp-cell p{max-width:72ch}

/* ---------- Cost worksheet ---------- */
.pp-worksheet-fieldset{border:1px solid var(--pp-rule);padding:var(--pp-s5);margin-bottom:var(--pp-s5)}
.pp-worksheet-fieldset legend{
  font-family:var(--pp-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;
  letter-spacing:.1em;color:var(--pp-text-muted);padding:0 var(--pp-s2);
}
.pp-worksheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--pp-s5)}
@media (max-width:620px){.pp-worksheet-grid{grid-template-columns:minmax(0,1fr)}}
.pp-worksheet-field input{width:100%;max-width:220px}
.pp-worksheet-unit{margin-left:var(--pp-s2);color:var(--pp-text-muted);font-size:.8125rem}
.pp-worksheet-results{margin-top:var(--pp-s6)}
.pp-worksheet-results .pp-table td.pp-figure{font-variant-numeric:tabular-nums}
.pp-worksheet-diff-positive{color:var(--pp-state-paid)}
.pp-worksheet-diff-negative{color:var(--pp-state-expired)}
.pp-worksheet-formulas{margin-top:var(--pp-s6)}
.pp-worksheet-formulas ol{list-style:decimal;padding-left:1.4em}
.pp-worksheet-formulas li{margin-bottom:var(--pp-s3);color:var(--pp-text-muted)}
.pp-worksheet-noscript{border:1px solid var(--pp-rule-strong);border-left:3px solid var(--pp-state-hold);background:var(--pp-surface-2);padding:var(--pp-s4);margin-bottom:var(--pp-s5)}

/* ---------- Devnet payment demo video ---------- */
.pp-demo-video{margin:0 auto;text-align:center}
.pp-demo-video video{display:block;width:100%;height:auto;max-width:100%;margin:0 auto;border:1px solid var(--pp-rule);background:#000}
@media (min-width:640px){
  .pp-demo-video{max-width:294px}
}
.pp-demo-video-caption{margin-top:var(--pp-s3);color:var(--pp-text-muted);font-size:.875rem;max-width:none}
.pp-demo-video-fallback{margin-top:var(--pp-s2);font-size:.8125rem;color:var(--pp-text-muted)}

@media print{
  .pp-header,.pp-footer,.pp-skip,.pp-worksheet-noprint,.pp-demo-video-section{display:none !important}
  body{background:#fff;color:#000}
  main{padding:0}
  .pp-wrap{max-width:none;padding:0}
  .pp-section{padding:0}
  a{color:#000;text-decoration:underline}
  .pp-table,.pp-worksheet-fieldset{border-color:#000}
  .pp-table th,.pp-table td{border-color:#000}
  .pp-worksheet-fieldset legend{color:#000}
  .pp-field input,.pp-field select{border-color:#000;background:#fff;color:#000}
}

/* ---------- Pilot one-pager ---------- */
.pp-onepager{padding-top:var(--pp-s6);padding-bottom:var(--pp-s6)}
.pp-onepager-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--pp-s4);border-bottom:2px solid var(--pp-accent);padding-bottom:var(--pp-s3);margin-bottom:var(--pp-s5)}
.pp-onepager-brand{display:flex;align-items:center;gap:var(--pp-s2)}
.pp-onepager-brand svg{width:24px;height:24px}
.pp-onepager-sub{font-family:var(--pp-mono);font-size:.75rem;color:var(--pp-text-muted);text-transform:uppercase;letter-spacing:.08em}
.pp-onepager-block{margin-bottom:var(--pp-s5)}
.pp-onepager-block h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pp-accent);border-bottom:1px solid var(--pp-rule);padding-bottom:var(--pp-s2);margin-bottom:var(--pp-s3)}
.pp-onepager-block p{color:var(--pp-text-muted);max-width:none}
.pp-onepager-block .pp-list{margin:0}
.pp-onepager-block .pp-steps{margin:0}
.pp-onepager-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--pp-s6)}
@media (max-width:620px){.pp-onepager-cols{grid-template-columns:minmax(0,1fr)}}
.pp-onepager-links p{color:var(--pp-text-muted)}
.pp-onepager-foot{font-family:var(--pp-mono);font-size:.75rem;color:var(--pp-text-muted);border-top:1px solid var(--pp-rule);padding-top:var(--pp-s3);margin-top:var(--pp-s5)}

@media print{
  @page{margin:12mm}
  .pp-onepager-noprint{display:none !important}
  .pp-onepager{padding:0;font-size:9.5pt;line-height:1.32}
  .pp-onepager-head{border-bottom-color:#000;margin-bottom:8pt;padding-bottom:6pt}
  .pp-onepager-sub{color:#000}
  .pp-onepager-block{margin-bottom:8pt;break-inside:avoid}
  .pp-onepager-block h2{color:#000;border-bottom-color:#000;font-size:9.5pt;padding-bottom:2pt;margin-bottom:4pt}
  .pp-onepager-block p,.pp-onepager-links p{color:#000}
  .pp-onepager-cols{gap:0 12pt}
  .pp-list li,.pp-steps li{padding:2pt 0 2pt 16pt;color:#000}
  .pp-list li::before{background:#000;top:11pt}
  .pp-steps li{border-color:#000}
  .pp-steps li::before{color:#000}
  .pp-steps h3,.pp-list li{font-size:9.5pt}
  .pp-onepager-foot{border-top-color:#000;color:#000;margin-top:8pt;padding-top:6pt;font-size:7.5pt}
}
.pp-hero h1{max-width:20ch}