/* GLAION reseller page – scoped to .dg */
.dg {
	--dg-night: #050f18;
	--dg-night-2: #0c1c27;
	--dg-ink: #12324a;
	--dg-aqua: #3fd5d0;
	--dg-aqua-ink: #0b7f7b;
	--dg-amber: #d9a441;
	--dg-steel: #8fa7b8;
	--dg-paper: #f4f7f8;
	--dg-text: #22313b;
	--dg-muted: #56666f;
	--dg-line: #d5dee3;
	font-family: "IBM Plex Sans", "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: var(--dg-text);
	overflow-x: clip;
}

.dg *,
.dg *::before,
.dg *::after {
	box-sizing: border-box;
}

.dg .dg-wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
}

.dg .dg-hero,
.dg .dg-roster,
.dg .dg-contact {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.dg h1,
.dg h2,
.dg h3,
.dg dt,
.dg strong {
	font-family: inherit;
	text-transform: none;
	letter-spacing: -0.01em;
}

.dg p {
	margin: 0 0 1em;
}

/* Hero */
.dg .dg-hero {
	background: var(--dg-night);
	color: #e6eef2;
	padding: 72px 0 80px;
}

.dg .dg-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
}

.dg .dg-hero__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	font-size: 15px;
	color: var(--dg-aqua);
	margin-bottom: 28px;
}

.dg .dg-switch {
	color: #e6eef2;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dg .dg-hero__title {
	font-size: clamp(2rem, 4.2vw, 3.3rem);
	line-height: 1.1;
	font-weight: 600;
	color: #fff;
	margin: 0 0 24px;
	max-width: 18ch;
}

.dg .dg-hero__lead {
	font-size: 18px;
	color: #c4d3dc;
	max-width: 60ch;
}

.dg .dg-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 32px 0 24px;
}

.dg .dg-btn {
	display: inline-block;
	padding: 13px 22px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	line-height: 1.2;
}

.dg .dg-btn--primary {
	background: var(--dg-aqua);
	color: var(--dg-night);
}

.dg .dg-btn--primary:hover {
	background: #6fe3df;
	color: var(--dg-night);
}

.dg .dg-btn--ghost {
	border: 1px solid #3a5566;
	color: #e6eef2;
}

.dg .dg-btn--ghost:hover {
	border-color: var(--dg-aqua);
	color: #fff;
}

.dg .dg-hero__note {
	font-size: 14px;
	color: #8ea3b0;
	max-width: 52ch;
	margin: 0;
}

.dg .dg-hero__mark {
	margin: 0;
	justify-self: center;
}

.dg .dg-hero__mark img {
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	-webkit-mask-image: radial-gradient(farthest-corner, #000 72%, transparent 100%);
	mask-image: radial-gradient(farthest-corner, #000 72%, transparent 100%);
}

/* Sections */
.dg .dg-section {
	padding-top: 72px;
	padding-bottom: 72px;
}

.dg .dg-h2 {
	font-size: clamp(1.5rem, 2.6vw, 2.1rem);
	line-height: 1.2;
	font-weight: 600;
	color: var(--dg-ink);
	margin: 0 0 16px;
	max-width: 30ch;
}

.dg .dg-h3 {
	font-size: 20px;
	font-weight: 600;
	color: var(--dg-ink);
	margin: 32px 0 8px;
}

.dg .dg-sub {
	color: var(--dg-muted);
	max-width: 60ch;
	margin-bottom: 32px;
}

.dg .dg-defs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
	margin: 40px 0 0;
}

.dg .dg-defs > div {
	border-top: 2px solid var(--dg-ink);
	padding-top: 16px;
}

.dg dt {
	font-weight: 600;
	color: var(--dg-ink);
	margin-bottom: 6px;
}

.dg dd {
	margin: 0;
	color: var(--dg-muted);
	font-size: 16px;
}

/* Roster board – the one bold element */
.dg .dg-roster {
	background: var(--dg-paper);
	border-top: 1px solid var(--dg-line);
	border-bottom: 1px solid var(--dg-line);
}

.dg .dg-board {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid var(--dg-line);
	border-radius: 6px;
}

.dg .dg-board__row {
	display: grid;
	grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) minmax(0, 13rem);
	gap: 24px;
	align-items: baseline;
	padding: 20px 24px;
	border-top: 1px solid var(--dg-line);
	margin: 0;
}

.dg .dg-board__row:first-child {
	border-top: 0;
}

.dg .dg-board__name strong {
	display: block;
	font-size: 19px;
	color: var(--dg-ink);
}

.dg .dg-board__name span {
	font-size: 14px;
	color: var(--dg-muted);
}

.dg .dg-board__desc {
	margin: 0;
	font-size: 16px;
}

.dg .dg-board__status {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
}

.dg .dg-dot {
	flex: none;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid var(--dg-steel);
}

.dg .dg-is-testing .dg-dot {
	background: var(--dg-aqua);
	border-color: var(--dg-aqua-ink);
}

.dg .dg-is-dev .dg-dot {
	background: var(--dg-amber);
	border-color: var(--dg-amber);
}

.dg .dg-is-concept .dg-dot {
	border-style: dashed;
}

.dg .dg-is-testing .dg-board__status {
	color: var(--dg-aqua-ink);
}

.dg .dg-board__row.dg-is-testing {
	box-shadow: inset 4px 0 0 var(--dg-aqua);
}

.dg .dg-legend {
	list-style: none;
	padding: 0;
	margin: 24px 0 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 32px;
	font-size: 14px;
	color: var(--dg-muted);
}

.dg .dg-legend li {
	display: flex;
	gap: 8px;
	align-items: baseline;
	margin: 0;
}

.dg .dg-legend strong {
	color: var(--dg-text);
	font-weight: 500;
}

/* Steps + why */
.dg .dg-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 64px;
}

.dg .dg-steps {
	list-style: none;
	counter-reset: dg-step;
	padding: 0;
	margin: 24px 0 0;
}

.dg .dg-steps li {
	counter-increment: dg-step;
	position: relative;
	padding: 0 0 24px 52px;
	margin: 0;
}

.dg .dg-steps li::before {
	content: counter(dg-step);
	position: absolute;
	left: 0;
	top: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--dg-ink);
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	display: grid;
	place-items: center;
}

.dg .dg-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 16px;
	top: 38px;
	bottom: 4px;
	width: 2px;
	background: var(--dg-line);
}

.dg .dg-steps strong {
	display: block;
	color: var(--dg-ink);
	margin-bottom: 2px;
}

.dg .dg-steps span {
	color: var(--dg-muted);
	font-size: 16px;
}

.dg .dg-why {
	margin: 24px 0 0;
}

.dg .dg-why > div {
	padding: 14px 0;
	border-top: 1px solid var(--dg-line);
}

/* Contact */
.dg .dg-contact {
	background: var(--dg-night);
	color: #c4d3dc;
}

.dg .dg-contact .dg-h2 {
	color: #fff;
}

.dg .dg-contact__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: 56px;
	align-items: start;
}

.dg .dg-directory a {
	color: var(--dg-aqua);
}

.dg .dg-credit {
	font-size: 14px;
	color: #8ea3b0;
}

.dg .dg-form {
	background: #fff;
	color: var(--dg-text);
	border-radius: 6px;
	padding: 28px;
}

.dg .dg-form input[type="text"],
.dg .dg-form input[type="email"],
.dg .dg-form textarea {
	width: 100%;
	max-width: 100%;
}

.dg a:focus-visible,
.dg .dg-btn:focus-visible {
	outline: 3px solid var(--dg-aqua);
	outline-offset: 3px;
}

@media (max-width: 900px) {
	.dg .dg-hero__grid,
	.dg .dg-split,
	.dg .dg-contact__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.dg .dg-hero {
		padding: 48px 0 56px;
	}

	.dg .dg-hero__mark {
		order: -1;
		justify-self: start;
	}

	.dg .dg-hero__mark img {
		max-width: 180px;
	}

	.dg .dg-defs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dg .dg-board__row {
		grid-template-columns: minmax(0, 1fr);
		gap: 6px;
	}

	.dg .dg-legend {
		grid-template-columns: minmax(0, 1fr);
	}

	.dg .dg-section {
		padding-top: 52px;
		padding-bottom: 52px;
	}
}

@media (max-width: 560px) {
	.dg {
		font-size: 16px;
	}

	.dg .dg-wrap {
		padding: 0 16px;
	}

	.dg .dg-defs {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.dg .dg-board__row {
		padding: 16px;
	}

	.dg .dg-form {
		padding: 20px;
	}
}

/* Template spacing: dark strip under the overlay masthead, no gap before the hero. */
.page-template-template-blank-canvas-full-width .blank-canvas-header-full-width {
	background: #050f18;
}

.page-template-template-blank-canvas-full-width .site-content {
	padding-top: 0;
}