:root {
	--pdl-accent: #198BE6;
	--pdl-accent-deep: #0C5FA2;
	--pdl-accent-soft: #8FC9F5;
	--pdl-accent-ink: #04121F;
	--pdl-glow: rgba(25, 139, 230, 0.22);
	--pdl-bg: #0A1119;
	--pdl-bg-2: #0D1620;
	--pdl-panel: #101C27;
	--pdl-panel-2: #152430;
	--pdl-line: #1D3140;
	--pdl-line-dim: #16252F;
	--pdl-ink: #E9F2F9;
	--pdl-muted: #9CB2C4;
	--pdl-faint: #69808F;
	--pdl-ice: #F1F7FB;
	--pdl-ice-panel: #FFFFFF;
	--pdl-ice-ink: #0C1926;
	--pdl-ice-muted: #476073;
	--pdl-ice-line: #D3E2EC;
	--pdl-radius: 10px;
	--pdl-radius-sm: 6px;
	--pdl-font-display: 'Saira Condensed', 'Arial Narrow', sans-serif;
	--pdl-font-body: 'Lexend', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--pdl-font-mono: 'Sometype Mono', ui-monospace, 'Courier New', monospace;
	--pdl-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.75);
}

*, *::before, *::after {
	box-sizing: border-box;
	min-width: 0;
}

html, body {
	overflow-x: hidden;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--pdl-bg);
	color: var(--pdl-ink);
	font-family: var(--pdl-font-body);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.68;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

p, h1, h2, h3, h4, h5, li, span, a, strong, em, td, th, summary, figcaption, blockquote, cite {
	overflow-wrap: break-word;
	word-break: break-word;
}

h1, h2, h3, h4 {
	font-family: var(--pdl-font-display);
	font-weight: 600;
	line-height: 1.12;
	margin: 0 0 0.5em;
	letter-spacing: 0.01em;
}

p {
	margin: 0 0 1em;
}

a {
	color: var(--pdl-accent-soft);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
	outline: 2px solid var(--pdl-accent);
	outline-offset: 3px;
}

.pdl-shell {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding-inline: 20px;
}

.pdl-center {
	text-align: center;
}

.pdl-topbar {
	position: sticky;
	top: 0;
	z-index: 60;
	background: rgba(10, 17, 25, 0.94);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--pdl-line);
}

.pdl-header-inner {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 62px;
	padding-block: 8px;
}

.pdl-logo {
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-decoration: none;
	margin-inline-end: auto;
}

.pdl-logo:hover {
	text-decoration: none;
}

.pdl-logo-word {
	font-family: var(--pdl-font-display);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: lowercase;
	color: var(--pdl-ink);
	line-height: 1;
}

.pdl-logo-sub {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pdl-faint);
}

.pdl-nav {
	display: none;
	gap: 20px;
}

.pdl-nav a {
	font-size: 14.5px;
	font-weight: 400;
	color: var(--pdl-muted);
}

.pdl-nav a:hover {
	color: var(--pdl-ink);
	text-decoration: none;
}

.pdl-header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pdl-clock {
	display: none;
	font-family: var(--pdl-font-mono);
	font-size: 13px;
	letter-spacing: 0.1em;
	color: var(--pdl-accent-soft);
	padding: 6px 10px;
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius-sm);
	background: var(--pdl-panel);
}

.pdl-nav-link {
	display: none;
	font-family: var(--pdl-font-mono);
	font-size: 12.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pdl-accent-soft);
	white-space: nowrap;
}

.pdl-burger {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	padding: 0 10px;
	background: var(--pdl-panel);
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius-sm);
	cursor: pointer;
}

.pdl-burger span {
	display: block;
	height: 2px;
	background: var(--pdl-ink);
	border-radius: 2px;
}

.pdl-burger {
	order: 1;
	flex: 0 0 auto;
}

.pdl-logo {
	order: 2;
	margin-left: auto;
	text-align: right;
	align-items: flex-end;
}

.pdl-header-actions {
	order: 3;
}

.pdl-nav-cta {
	display: block;
	margin-top: 6px;
	padding-top: 10px;
	border-top: 1px solid var(--pdl-line);
	font-family: var(--pdl-font-mono);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pdl-accent-soft);
}

.pdl-nav-open .pdl-nav {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	gap: 0;
	background: var(--pdl-bg-2);
	border-bottom: 1px solid var(--pdl-line);
	padding: 8px 20px 14px;
}

.pdl-nav-open .pdl-nav a {
	padding: 12px 0;
	border-bottom: 1px solid var(--pdl-line-dim);
	font-size: 15px;
}

.pdl-adbar {
	background: var(--pdl-accent-deep);
	color: #EAF4FD;
}

.pdl-adbar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 10px;
	padding-block: 8px;
	font-size: 12.5px;
	line-height: 1.4;
}

.pdl-ad-chip {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 4px 9px;
	border-radius: 999px;
	white-space: nowrap;
}

.pdl-ad-text {
	flex: 1 1 100%;
	order: 3;
	color: #DCECFA;
}

.pdl-ad-link {
	order: 2;
	margin-inline-start: auto;
	color: #FFFFFF;
	text-decoration: underline;
	white-space: nowrap;
}

.pdl-hero {
	position: relative;
	padding-block: 44px 32px;
	background:
		radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.055) 0 1.5px, transparent 1.6px) 0 0 / 46px 46px,
		radial-gradient(circle at 76% 64%, rgba(255, 255, 255, 0.04) 0 1.2px, transparent 1.4px) 0 0 / 33px 33px,
		linear-gradient(180deg, var(--pdl-bg-2) 0%, var(--pdl-bg) 100%);
}

.pdl-hero-kicker {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pdl-accent-soft);
	margin: 0 0 14px;
}

.pdl-hero-title {
	font-size: clamp(2.1rem, 7.2vw, 4.4rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.005em;
	margin-bottom: 16px;
	max-width: 20ch;
}

.pdl-hero-sub {
	font-size: 16.5px;
	font-weight: 300;
	color: var(--pdl-muted);
	max-width: 68ch;
	margin-bottom: 24px;
}

.pdl-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
}

.pdl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: var(--pdl-radius-sm);
	font-family: var(--pdl-font-display);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}

.pdl-btn:hover {
	text-decoration: none;
	transform: translateY(-1px);
}

.pdl-btn-accent {
	background: var(--pdl-accent);
	color: var(--pdl-accent-ink);
	box-shadow: 0 10px 30px -14px var(--pdl-glow);
}

.pdl-btn-accent:hover {
	background: #2E9AEB;
}

.pdl-btn-ghost {
	background: transparent;
	border: 1px solid var(--pdl-line);
	color: var(--pdl-ink);
}

.pdl-btn-ghost:hover {
	border-color: var(--pdl-accent);
	color: var(--pdl-accent-soft);
}

.pdl-hero-trust {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pdl-faint);
	margin-bottom: 30px;
}

.pdl-readout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	background: var(--pdl-line);
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius);
	overflow: hidden;
}

.pdl-readout-cell {
	background: var(--pdl-panel);
	padding: 18px 20px 16px;
}

.pdl-readout-label {
	display: block;
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pdl-accent);
	margin-bottom: 8px;
}

.pdl-readout-cell h3 {
	font-size: 21px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.pdl-readout-cell p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
}

.pdl-band {
	margin: 0;
	position: relative;
	background: var(--pdl-bg-2);
}

.pdl-band img {
	width: 100%;
	height: auto;
}

.pdl-band figcaption {
	font-family: var(--pdl-font-mono);
	font-size: 12.5px;
	letter-spacing: 0.06em;
	color: var(--pdl-accent-soft);
	background: var(--pdl-panel);
	border-top: 1px solid var(--pdl-line);
	border-bottom: 1px solid var(--pdl-line);
	padding: 12px 20px;
	text-align: center;
}

.pdl-note {
	background: var(--pdl-panel);
	border-bottom: 1px solid var(--pdl-line);
}

.pdl-note-inner {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-block: 16px;
}

.pdl-note-tag {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--pdl-accent);
}

.pdl-note-inner p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
	max-width: 88ch;
}

.pdl-section {
	padding-block: 52px;
	scroll-margin-top: 118px;
}

.pdl-section-alt {
	background: var(--pdl-bg-2);
	border-top: 1px solid var(--pdl-line-dim);
	border-bottom: 1px solid var(--pdl-line-dim);
}

.pdl-section-head {
	max-width: 72ch;
	margin-bottom: 26px;
}

.pdl-kicker {
	display: block;
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--pdl-accent);
	margin-bottom: 12px;
}

.pdl-kicker-on-dark {
	color: var(--pdl-accent-soft);
}

.pdl-h2 {
	font-size: clamp(1.75rem, 4.6vw, 2.75rem);
	font-weight: 700;
	text-transform: uppercase;
}

.pdl-lead {
	font-size: 16.5px;
	color: var(--pdl-muted);
	margin: 0;
}

.pdl-inline-note {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.05em;
	color: var(--pdl-faint);
	margin: 18px 0 0;
}

.pdl-ice {
	background: var(--pdl-ice);
	color: var(--pdl-ice-ink);
}

.pdl-ice .pdl-kicker {
	color: var(--pdl-accent-deep);
}

.pdl-ice .pdl-lead {
	color: var(--pdl-ice-muted);
}

.pdl-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--pdl-ice-line);
	border-radius: var(--pdl-radius);
	background: var(--pdl-ice-panel);
	box-shadow: 0 20px 40px -34px rgba(12, 25, 38, 0.5);
}

.pdl-table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	font-size: 14.5px;
}

.pdl-table caption {
	caption-side: top;
	text-align: start;
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--pdl-ice-muted);
	padding: 16px 18px 0;
}

.pdl-table thead th {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-align: start;
	color: var(--pdl-ice-muted);
	border-bottom: 2px solid var(--pdl-ice-ink);
	padding: 14px 18px 10px;
	white-space: nowrap;
}

.pdl-table tbody th {
	font-family: var(--pdl-font-mono);
	font-size: 13.5px;
	font-weight: 500;
	text-align: start;
	color: var(--pdl-ice-ink);
	white-space: nowrap;
}

.pdl-table tbody tr {
	border-bottom: 1px solid var(--pdl-ice-line);
}

.pdl-table tbody tr:last-child {
	border-bottom: 0;
}

.pdl-table td, .pdl-table tbody th {
	padding: 13px 18px;
	vertical-align: middle;
}

.pdl-table tbody tr:nth-child(even) {
	background: #F7FBFD;
}

.pdl-code {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	margin-inline-end: 7px;
	border-radius: var(--pdl-radius-sm);
	font-family: var(--pdl-font-mono);
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	background: #3A5265;
}

.pdl-code-dry {
	background: #11804A;
}

.pdl-code-good {
	background: #2C9C5F;
}

.pdl-code-med {
	background: #9A6A0A;
}

.pdl-table-note {
	font-size: 13.5px;
	color: var(--pdl-ice-muted);
	margin: 14px 0 26px;
	max-width: 78ch;
}

.pdl-hold {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.pdl-hold-card {
	background: var(--pdl-ice-panel);
	border: 1px solid var(--pdl-ice-line);
	border-left: 3px solid var(--pdl-accent);
	border-radius: var(--pdl-radius-sm);
	padding: 18px 20px;
}

.pdl-hold-tag {
	display: block;
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pdl-accent-deep);
	margin-bottom: 8px;
}

.pdl-hold-card h3 {
	font-size: 21px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.pdl-hold-card p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-ice-muted);
}

.pdl-tl {
	border-top: 1px solid var(--pdl-line);
}

.pdl-tl-row {
	display: grid;
	grid-template-areas:
		"time body"
		"time bar";
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 6px 18px;
	padding-block: 18px;
	border-bottom: 1px solid var(--pdl-line);
}

.pdl-tl-time {
	grid-area: time;
	font-family: var(--pdl-font-mono);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: var(--pdl-accent-soft);
	padding-top: 2px;
}

.pdl-tl-body {
	grid-area: body;
}

.pdl-tl-body h3 {
	font-size: 20px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.pdl-tl-body p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
}

.pdl-tl-bar {
	grid-area: bar;
	display: block;
	height: 6px;
	background: var(--pdl-panel-2);
	border-radius: 999px;
	overflow: hidden;
	margin-top: 8px;
}

.pdl-tl-bar i {
	display: block;
	height: 100%;
	width: var(--w, 50%);
	background: linear-gradient(90deg, var(--pdl-accent-deep), var(--pdl-accent));
	border-radius: 999px;
}

.pdl-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	counter-reset: none;
}

.pdl-step {
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius);
	background: var(--pdl-panel);
	padding: 22px 20px 18px;
}

.pdl-step-num {
	display: block;
	font-family: var(--pdl-font-mono);
	font-size: 26px;
	font-weight: 600;
	color: var(--pdl-accent);
	margin-bottom: 10px;
	line-height: 1;
}

.pdl-step h3 {
	font-size: 21px;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.pdl-step p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
}

.pdl-ledger {
	border-top: 1px solid var(--pdl-line);
	margin-bottom: 26px;
}

.pdl-ledger-row {
	display: grid;
	grid-template-areas:
		"code"
		"body";
	grid-template-columns: minmax(0, 1fr);
	gap: 6px;
	padding-block: 18px;
	border-bottom: 1px solid var(--pdl-line);
}

.pdl-ledger-code {
	grid-area: code;
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.14em;
	color: var(--pdl-accent-soft);
}

.pdl-ledger-body {
	grid-area: body;
}

.pdl-ledger-body h3 {
	font-size: 21px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.pdl-ledger-body p {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
}

.pdl-figure {
	margin: 0;
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius);
	overflow: hidden;
	background: var(--pdl-panel);
}

.pdl-figure img {
	width: 100%;
	height: auto;
}

.pdl-figure figcaption {
	font-family: var(--pdl-font-mono);
	font-size: 12px;
	letter-spacing: 0.05em;
	color: var(--pdl-muted);
	padding: 12px 16px;
	border-top: 1px solid var(--pdl-line);
}

.pdl-story {
	background: linear-gradient(180deg, #071018 0%, #0A1622 100%);
	border-top: 1px solid var(--pdl-line);
	border-bottom: 1px solid var(--pdl-line);
}

.pdl-story-inner {
	max-width: 980px;
}

.pdl-story p {
	font-size: 16px;
	color: #C4D5E2;
}

.pdl-story-lead {
	font-size: 17.5px !important;
	color: var(--pdl-ink) !important;
}

.pdl-pull {
	border-left: 3px solid var(--pdl-accent);
	padding: 4px 0 4px 18px;
	margin: 24px 0;
}

.pdl-pull blockquote {
	margin: 0 0 8px;
	font-family: var(--pdl-font-display);
	font-size: clamp(1.3rem, 3.4vw, 1.85rem);
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--pdl-ink);
}

.pdl-pull cite {
	font-family: var(--pdl-font-mono);
	font-size: 12px;
	letter-spacing: 0.08em;
	font-style: normal;
	color: var(--pdl-faint);
}

.pdl-figure-story {
	margin-top: 24px;
}

.pdl-shift {
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius);
	overflow: hidden;
	background: var(--pdl-panel);
}

.pdl-shift-head {
	display: none;
}

.pdl-shift-row {
	display: grid;
	grid-template-columns: 1fr;
	border-bottom: 1px solid var(--pdl-line-dim);
}

.pdl-shift-row:last-child {
	border-bottom: 0;
}

.pdl-shift-before, .pdl-shift-after {
	padding: 14px 18px;
	font-size: 14.5px;
}

.pdl-shift-before {
	color: var(--pdl-faint);
	border-bottom: 1px dashed var(--pdl-line);
}

.pdl-shift-before::before {
	content: "− ";
	font-family: var(--pdl-font-mono);
	color: #C25048;
}

.pdl-shift-after {
	color: var(--pdl-ink);
}

.pdl-shift-after::before {
	content: "+ ";
	font-family: var(--pdl-font-mono);
	color: var(--pdl-accent);
}

.pdl-visit {
	padding-block: 48px;
}

.pdl-cta {
	background: var(--pdl-panel);
	border: 1px solid var(--pdl-line);
	border-radius: var(--pdl-radius);
	padding: 30px 22px;
	text-align: center;
	box-shadow: var(--pdl-shadow);
}

.pdl-cta h2 {
	font-size: clamp(1.6rem, 4.2vw, 2.3rem);
	text-transform: uppercase;
}

.pdl-cta p {
	color: var(--pdl-muted);
	font-size: 15.5px;
	max-width: 62ch;
	margin-inline: auto;
}

.pdl-trust {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.05em;
	color: var(--pdl-faint);
	margin: 18px 0 0;
}

.pdl-faq {
	border-top: 1px solid var(--pdl-line);
}

.pdl-faq-item {
	border-bottom: 1px solid var(--pdl-line);
}

.pdl-faq-item summary {
	cursor: pointer;
	list-style: none;
	position: relative;
	padding: 16px 40px 16px 0;
	font-family: var(--pdl-font-display);
	font-size: 19.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--pdl-ink);
}

.pdl-faq-item summary::-webkit-details-marker {
	display: none;
}

.pdl-faq-item summary::after {
	content: "+";
	position: absolute;
	inset-inline-end: 4px;
	top: 15px;
	font-family: var(--pdl-font-mono);
	font-size: 20px;
	color: var(--pdl-accent);
}

.pdl-faq-item[open] summary::after {
	content: "−";
}

.pdl-faq-item p {
	padding: 0 0 18px;
	margin: 0;
	font-size: 15px;
	color: var(--pdl-muted);
	max-width: 86ch;
}

.pdl-legal {
	background: var(--pdl-bg-2);
	border-top: 1px solid var(--pdl-line);
}

.pdl-legal-wrap {
	max-width: 900px;
}

.pdl-legal-intro {
	text-align: center;
	color: var(--pdl-muted);
	font-size: 15px;
	margin-bottom: 24px;
}

.pdl-legal-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4px;
	padding-block: 16px;
	border-top: 1px solid var(--pdl-line-dim);
}

.pdl-legal-label {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pdl-accent-soft);
	margin: 0;
}

.pdl-legal-text {
	margin: 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
}

.pdl-footer {
	background: #060C13;
	border-top: 1px solid var(--pdl-line);
	padding-block: 40px 26px;
}

.pdl-footer-brandrow {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--pdl-line-dim);
	margin-bottom: 24px;
}

.pdl-footer-lede {
	margin: 0;
	font-size: 14px;
	color: var(--pdl-muted);
	max-width: 78ch;
}

.pdl-footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--pdl-line-dim);
	margin-bottom: 22px;
}

.pdl-footer-col h4 {
	font-family: var(--pdl-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--pdl-faint);
	margin-bottom: 12px;
}

.pdl-footer-col a {
	display: block;
	padding: 5px 0;
	font-size: 14.5px;
	color: var(--pdl-muted);
}

.pdl-footer-col a:hover {
	color: var(--pdl-ink);
}

.pdl-footer-col p {
	font-size: 14px;
	color: var(--pdl-muted);
	margin: 0;
}

.pdl-footer-disclaimer p {
	font-size: 13px;
	color: var(--pdl-faint);
	max-width: 100ch;
}

.pdl-footer-disclaimer strong {
	color: var(--pdl-muted);
}

.pdl-footer-adband {
	border-top: 1px solid var(--pdl-line-dim);
	border-bottom: 1px solid var(--pdl-line-dim);
	padding-block: 14px;
	margin-block: 18px;
}

.pdl-footer-adband p {
	margin: 0;
	font-size: 13px;
	color: var(--pdl-muted);
}

.pdl-footer-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 13px;
	color: var(--pdl-faint);
}

.pdl-footer-bottom p {
	margin: 0;
}

.pdl-footer-bottom a {
	margin-inline-end: 14px;
	color: var(--pdl-muted);
}

.pdl-page {
	padding-block: 44px 56px;
	scroll-margin-top: 118px;
}

.pdl-page-wrap {
	max-width: 860px;
}

.pdl-page h1, .pdl-page h2 {
	text-transform: uppercase;
}

.pdl-page h2 {
	font-size: clamp(1.5rem, 4vw, 2.1rem);
	margin-top: 34px;
}

.pdl-page h1 {
	font-size: clamp(2rem, 5.6vw, 3rem);
}

.pdl-page p {
	color: var(--pdl-muted);
	font-size: 15.5px;
}

.pdl-page-date {
	font-family: var(--pdl-font-mono);
	font-size: 12px;
	letter-spacing: 0.08em;
	color: var(--pdl-faint);
	margin-bottom: 26px;
}

.pdl-back {
	display: inline-block;
	margin-top: 30px;
	font-family: var(--pdl-font-mono);
	font-size: 12.5px;
	letter-spacing: 0.06em;
	color: var(--pdl-accent-soft);
}

@media (min-width: 560px) {
	.pdl-adbar-inner {
		font-size: 13px;
	}
	.pdl-ad-text {
		flex: 1 1 0%;
		min-width: 0;
		order: 2;
	}
	.pdl-ad-link {
		order: 3;
	}
	.pdl-readout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.pdl-hold {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.pdl-shift-before {
		border-bottom: 0;
		border-inline-end: 1px dashed var(--pdl-line);
	}
	.pdl-shift-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.pdl-footer-bottom {
		flex-direction: row;
		justify-content: space-between;
		align-items: baseline;
	}
}

@media (min-width: 780px) {
	.pdl-section {
		padding-block: 66px;
	}
	.pdl-hero {
		padding-block: 62px 44px;
	}
	.pdl-readout {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.pdl-hold {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.pdl-steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.pdl-ledger-row {
		grid-template-areas: "code body";
		grid-template-columns: 108px minmax(0, 1fr);
		gap: 0 22px;
	}
	.pdl-legal-row {
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 0 24px;
	}
	.pdl-footer-grid {
		grid-template-columns: 1.2fr 1fr 1.4fr;
		gap: 30px;
	}
	.pdl-footer-brandrow {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		gap: 40px;
	}
}

@media (min-width: 1140px) {
	.pdl-header-inner {
		min-height: 76px;
	}
	.pdl-burger {
		display: none;
	}
	.pdl-logo {
		order: 1;
		margin-left: 0;
		text-align: left;
		align-items: flex-start;
	}
	.pdl-nav {
		display: flex;
		order: 2;
	}
	.pdl-nav-cta {
		display: none;
	}
	.pdl-header-actions {
		order: 3;
		margin-left: auto;
	}
	.pdl-nav-link {
		display: inline-block;
	}
	.pdl-clock {
		display: inline-block;
	}
	.pdl-hero-title {
		max-width: 24ch;
	}
	.pdl-tl-row {
		grid-template-areas: "time body bar";
		grid-template-columns: 84px minmax(0, 1fr) 210px;
		align-items: center;
		gap: 0 26px;
	}
	.pdl-tl-bar {
		margin-top: 0;
	}
	.pdl-shift-head {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		background: var(--pdl-panel-2);
		border-bottom: 1px solid var(--pdl-line);
	}
	.pdl-shift-head span {
		font-family: var(--pdl-font-mono);
		font-size: 11.5px;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		color: var(--pdl-faint);
		padding: 12px 18px;
	}
	.pdl-cta {
		padding: 44px 40px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.pdl-btn {
		transition: none;
	}
	.pdl-btn:hover {
		transform: none;
	}
}