.page-procedures{background:var(--bg);color:var(--fg)}
.pbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
.pbar{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.pbar.is-hidden{transform:translateY(-100%)}
.pbar .wordmark{color:var(--fg)}
.pnav{display:flex;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.pnav a{position:relative;color:var(--fg);opacity:.62;text-decoration:none;transition:opacity .3s}
.pnav a[aria-current="page"],.pnav a:hover,.pnav a:focus-visible{opacity:1}
.pnav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor}
.pnav .only-desktop{display:none}
main{max-width:1120px;margin:0 auto;padding:0 20px}
.phead{padding:56px 0 18px}
.phead h1{font-size:clamp(2.2rem,7.5vw,4.6rem);font-weight:800;letter-spacing:-.035em;line-height:1;max-width:14ch;margin-bottom:18px}
.phead__lede{margin:0;max-width:52ch;font-size:17px;line-height:1.5;color:var(--fg-2)}
.pjump-wrap{position:sticky;top:56px;z-index:9;margin:0 -20px;padding:10px 20px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:top .4s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.pjump-wrap.is-stuck{box-shadow:0 1px 0 var(--rule)}
.pbar.is-hidden + main .pjump-wrap{top:0}
.pjump{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.pjump::-webkit-scrollbar{display:none}
.pjump a{flex:none;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-decoration:none;padding:9px 13px;border:1px solid var(--rule);border-radius:999px;transition:border-color .3s,background .3s,color .3s}
.pjump a:hover,.pjump a:focus-visible{border-color:var(--fg)}
.pjump a[aria-current="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pcat{scroll-margin-top:118px}
.plist{display:grid;gap:0}
.pcat{display:grid;gap:18px;padding:36px 0 40px;border-top:1px solid var(--rule)}
.pcat__side h2{font-size:1.5rem;font-weight:700;line-height:1.1;margin-bottom:10px}
.pcat__side p{margin:0 0 8px;color:var(--fg-2);max-width:36ch;font-size:15.5px}
.pcat__meta{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--fg-2)}
.pcat__rows{display:grid}
.prow{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name price" "note price";column-gap:16px;row-gap:2px;align-items:baseline;padding:11px 0;border-top:1px solid var(--rule)}
.prow:first-child{border-top:0}
.prow--head{display:none}
.prow__name{grid-area:name;font-weight:600;font-size:15.5px}
.prow__note{grid-area:note;font-size:13.5px;color:var(--fg-2)}
.prow__price{grid-area:price;font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pnote{margin-top:24px;padding:48px 0 32px;border-top:1px solid var(--rule)}
.pnote__grid{display:grid;gap:36px}
.pnote h2{font-size:1.6rem;font-weight:700;margin-bottom:18px}
.psteps{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:46ch}
.psteps li{display:grid;grid-template-columns:34px 1fr;column-gap:8px;font-size:15.5px;line-height:1.45;color:var(--fg)}
.psteps li span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent);padding-top:5px}
.pnote__text{margin:0 0 18px;max-width:40ch;color:var(--fg-2)}
.pfoot{max-width:1120px;margin:0 auto;padding:0 20px 120px}
.pfoot .disclaimer{margin-top:0}
.pfoot .copy a{color:var(--fg-2)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.is-in{opacity:1;transform:none}

@media (min-width:900px){
  .pbar{height:72px;padding:0 48px}
  .pnav{gap:26px;font-size:12px}
  .pnav .only-desktop{display:inline}
  main{padding:0 48px}
  .phead{padding:96px 0 28px}
  .pjump-wrap{top:72px;margin:0 -48px;padding:12px 48px}
  .pcat{scroll-margin-top:140px}
  .phead__lede{font-size:19px}
  .pcat{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;padding:56px 0 64px}
  .pcat__side{position:sticky;top:104px;align-self:start}
  .pcat__side h2{font-size:1.9rem}
  .prow{grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);grid-template-areas:"name note price";column-gap:24px;padding:14px 0}
  .prow--head{display:grid;padding:0 0 10px;border-top:0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}
  .prow--head span:last-child{text-align:right}
  .prow--head + .prow{border-top:1px solid var(--rule)}
  .prow__name{font-size:17px}
  .prow__note{font-size:14.5px}
  .prow__price{font-size:15px}
  .pnote{padding:72px 0 48px}
  .pnote__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:start}
  .pfoot{padding:0 48px 64px}
  .ctabar{display:none}
}

@media (prefers-reduced-motion:reduce){
  .reveal{transition:none;opacity:1;transform:none}
}
