/* The Site Mill — pricing dialog. Theme via --pd-* vars (set from config.theme or in site CSS). */
.pd{--pd-bg:#111;--pd-fg:#fff;--pd-card:#1c1c1c;--pd-line:rgba(255,255,255,.14);--pd-muted:rgba(255,255,255,.7);
  --pd-accent:#ffd21f;--pd-accent-fg:#111;--pd-feature:var(--pd-accent);--pd-radius:18px;--pd-btn-radius:999px;
  --pd-font:inherit;--pd-display:inherit;--pd-display-weight:800;--pd-display-transform:none;--pd-backdrop:rgba(0,0,0,.72);
  padding:0;border:0;margin:auto;width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);
  background:var(--pd-bg);color:var(--pd-fg);font-family:var(--pd-font);border-radius:var(--pd-radius);
  box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden;line-height:1.45}
.pd::backdrop{background:var(--pd-backdrop);backdrop-filter:blur(3px)}
.pd.pd-fallback{position:fixed;inset:0;z-index:2147483647;box-shadow:0 0 0 100vmax var(--pd-backdrop)}
.pd[open]{display:block;animation:pd-in .22s ease-out}
@keyframes pd-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pd[open]{animation:none}}
html.pd-lock{overflow:hidden;padding-right:var(--pd-sbw,0)}
.pd-inner{position:relative;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:34px 32px 26px;-webkit-overflow-scrolling:touch}
.pd *{box-sizing:border-box}
.pd-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:1px solid var(--pd-line);
  background:transparent;color:var(--pd-fg);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center}
.pd-close:hover{background:var(--pd-line)}
.pd :focus-visible{outline:3px solid var(--pd-accent);outline-offset:2px}
.pd-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pd-accent)}
.pd-title{color:var(--pd-title,var(--pd-fg));margin:0 48px 8px 0;font-family:var(--pd-display);font-weight:var(--pd-display-weight);text-transform:var(--pd-display-transform);
  font-size:clamp(24px,4vw,38px);line-height:1.05}
.pd-lead{margin:0 0 18px;color:var(--pd-muted);font-weight:600}
.pd-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--pd-line);border-radius:var(--pd-btn-radius);margin:0 0 20px}
.pd-toggle button{font:inherit;font-size:14px;font-weight:700;color:var(--pd-fg);background:transparent;border:0;border-radius:var(--pd-btn-radius);
  padding:9px 16px;cursor:pointer;min-height:40px}
.pd-toggle button[aria-pressed="true"]{background:var(--pd-accent);color:var(--pd-accent-fg)}
.pd-save{font-size:11px;font-weight:700;opacity:.85;margin-left:4px;white-space:nowrap}
.pd-plans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pd-plan{position:relative;display:flex;flex-direction:column;background:var(--pd-card);border:1px solid var(--pd-line);border-radius:calc(var(--pd-radius) - 4px);padding:20px 18px}
.pd-plan.is-featured{border:2px solid var(--pd-feature)}
.pd-badge{position:absolute;top:-11px;left:18px;background:var(--pd-feature);color:var(--pd-accent-fg);font-size:11px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:99px}
.pd-plan h3{margin:0 0 4px;font-family:var(--pd-display);font-weight:var(--pd-display-weight);text-transform:var(--pd-display-transform);font-size:22px}
.pd-price{margin:0;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.pd-amt{font-family:var(--pd-display);font-weight:var(--pd-display-weight);font-size:34px;line-height:1.1}
.pd-unit{color:var(--pd-muted);font-weight:600;font-size:14px}
.pd-note{margin:4px 0 0;font-size:13px;color:var(--pd-muted)}
.pd-feat{list-style:none;margin:14px 0 18px;padding:0;font-size:14.5px;flex:1}
.pd-feat li{position:relative;padding:5px 0 5px 24px;border-top:1px solid var(--pd-line)}
.pd-feat li:first-child{border-top:0}
.pd-feat li::before{content:"";position:absolute;left:2px;top:11px;width:11px;height:6px;border-left:2.5px solid var(--pd-accent);border-bottom:2.5px solid var(--pd-accent);transform:rotate(-45deg)}
.pd-cta{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:15px;padding:13px 16px;min-height:46px;
  border-radius:var(--pd-btn-radius);background:var(--pd-accent);color:var(--pd-accent-fg);border:2px solid var(--pd-accent)}
.pd-plan:not(.is-featured) .pd-cta{background:transparent;color:var(--pd-fg);border-color:var(--pd-line)}
.pd-plan:not(.is-featured) .pd-cta:hover{border-color:var(--pd-accent)}
.pd-fine{margin:18px 0 0;font-size:13px;color:var(--pd-muted);text-align:center}
button[data-pricing-open]{font-family:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
@media (max-width:820px){
  .pd-plans{grid-template-columns:1fr;gap:18px}
}
@media (max-width:560px){
  .pd{width:100vw;max-height:94dvh;margin:auto 0 0;border-radius:var(--pd-radius) var(--pd-radius) 0 0}
  .pd-inner{max-height:94dvh;padding:26px 18px calc(22px + env(safe-area-inset-bottom))}
  .pd-toggle{display:flex}.pd-toggle button{flex:1}
  .pd-amt{font-size:30px}
}