/*!
 * Digiable Tech Pages — design system
 * Orange + navy brand with four-colour "Google" accents, Rubik / Inter.
 * Everything is scoped under .dgt-page so theme styles can't leak in.
 *
 * Colour roles (keep to these so orange stays special):
 *   Orange (primary) — actions: buttons, links, hover states, title highlights.
 *   Navy (secondary) — structure: headings, dark bands, footer CTA, tooltips.
 *   Blue             — information: eyebrows, labels, focus rings.
 *   Blue / orange / yellow / green — categories: icon tiles, steps, stats, dots,
 *                      shapes and illustrations, rotating item by item (.c0–.c3).
 *   Green — success, checks, "live".  Yellow — star ratings.  Red — errors.
 */

/* ==========================================================================
   0. Tokens
   ========================================================================== */
.dgt-page {
	--dgt-primary: #FD6731;
	--dgt-primary-d: #E5531E;
	--dgt-secondary: #172A52;
	--dgt-secondary-2: #26457D;
	--dgt-heading: #14213D;
	--dgt-text: #4F5B70;
	--dgt-muted: #707D92;
	--dgt-light: #F5F8FD;
	--dgt-lavender: #EEF4FF;
	--dgt-border: #E2E8F2;
	/* UI accents (text-safe on white) */
	--dgt-blue: #1A73E8;
	--dgt-green: #1E8E3E;
	--dgt-yellow: #F9AB00;
	--dgt-red: #D93025;
	--dgt-green-d: #188038;
	--dgt-yellow-d: #A15C00;
	/* Illustration accents (SVG artwork, shapes, four-colour lines) */
	--dgt-g-blue: #4285F4;
	--dgt-g-red: #EA4335;
	--dgt-g-yellow: #FBBC05;
	--dgt-g-green: #34A853;
	/* Default rotation colour for items outside a rotating list */
	--dgt-rot: var(--dgt-blue);
	--dgt-rot-ink: #fff;
	--dgt-rot-text: var(--dgt-blue);
	--dgt-font-h: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;
	--dgt-font-b: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--dgt-fs: 16px;
	--dgt-title-size: 44px;
	--dgt-radius: 18px;
	--dgt-btn-radius: 10px;
	--dgt-container: 1240px;
	--dgt-shadow: 0 18px 40px -22px rgba(20, 33, 61, .28);
	--dgt-shadow-lg: 0 34px 70px -30px rgba(20, 33, 61, .36);
	--dgt-ease: cubic-bezier(.2, .7, .2, 1);
	/* Four-colour bar (header line, footer, form cards, step lines, underline highlight) */
	--dgt-google: linear-gradient(90deg, var(--dgt-g-blue) 0 25%, var(--dgt-g-red) 25% 50%, var(--dgt-g-yellow) 50% 75%, var(--dgt-g-green) 75% 100%);
	--dgt-faq-hover: #EF5B26;
	--dgt-faq-hover-bg: #FFF3EC;

	position: relative;
	font-family: var(--dgt-font-b);
	font-size: var(--dgt-fs);
	line-height: 1.7;
	color: var(--dgt-text);
	background: #fff;
	overflow-x: clip;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Colour rotation: blue → orange → yellow → green, item by item.
   .c0–.c3 (set in the markup) and the nth-child rules for lists set --dgt-rot (fill),
   --dgt-rot-ink (icon / text on that fill) and --dgt-rot-text (that colour as text on white).
   Components read it through --c, so a section's "Accent colour" control (--dgt-accent) still wins. */
.dgt-page .c0,
.dgt-page :is(.dgt-grid, .dgt-stats__grid, .dgt-crows, .dgt-prac, .dgt-prac__list, .dgt-dives__list, .dgt-dnav__list, .dgt-jump ul, .dgt-sdproof__card, .dgt-bento, .dgt-road__list, .dgt-plat__tabs, .dgt-cases__stack, .dgt-chips, .dgt-vtrust, .dgt-mega__list, .dgt-nav .sub-menu, .dgt-orbit__ring, .dgt-clist) > :nth-child(4n+1),
.dgt-page :is(.dgt-step, .dgt-tl, .dgt-phase):nth-of-type(4n+1) { --dgt-rot: var(--dgt-blue); --dgt-rot-ink: #fff; --dgt-rot-text: var(--dgt-blue); }
.dgt-page .c1,
.dgt-page :is(.dgt-grid, .dgt-stats__grid, .dgt-crows, .dgt-prac, .dgt-prac__list, .dgt-dives__list, .dgt-dnav__list, .dgt-jump ul, .dgt-sdproof__card, .dgt-bento, .dgt-road__list, .dgt-plat__tabs, .dgt-cases__stack, .dgt-chips, .dgt-vtrust, .dgt-mega__list, .dgt-nav .sub-menu, .dgt-orbit__ring, .dgt-clist) > :nth-child(4n+2),
.dgt-page :is(.dgt-step, .dgt-tl, .dgt-phase):nth-of-type(4n+2) { --dgt-rot: var(--dgt-primary); --dgt-rot-ink: #fff; --dgt-rot-text: var(--dgt-primary-d); }
.dgt-page .c2,
.dgt-page :is(.dgt-grid, .dgt-stats__grid, .dgt-crows, .dgt-prac, .dgt-prac__list, .dgt-dives__list, .dgt-dnav__list, .dgt-jump ul, .dgt-sdproof__card, .dgt-bento, .dgt-road__list, .dgt-plat__tabs, .dgt-cases__stack, .dgt-chips, .dgt-vtrust, .dgt-mega__list, .dgt-nav .sub-menu, .dgt-orbit__ring, .dgt-clist) > :nth-child(4n+3),
.dgt-page :is(.dgt-step, .dgt-tl, .dgt-phase):nth-of-type(4n+3) { --dgt-rot: var(--dgt-yellow); --dgt-rot-ink: var(--dgt-secondary); --dgt-rot-text: var(--dgt-yellow-d); }
.dgt-page .c3,
.dgt-page :is(.dgt-grid, .dgt-stats__grid, .dgt-crows, .dgt-prac, .dgt-prac__list, .dgt-dives__list, .dgt-dnav__list, .dgt-jump ul, .dgt-sdproof__card, .dgt-bento, .dgt-road__list, .dgt-plat__tabs, .dgt-cases__stack, .dgt-chips, .dgt-vtrust, .dgt-mega__list, .dgt-nav .sub-menu, .dgt-orbit__ring, .dgt-clist) > :nth-child(4n+4),
.dgt-page :is(.dgt-step, .dgt-tl, .dgt-phase):nth-of-type(4n+4) { --dgt-rot: var(--dgt-green); --dgt-rot-ink: #fff; --dgt-rot-text: var(--dgt-green-d); }
.dgt-page .c0, .dgt-page .c1, .dgt-page .c2, .dgt-page .c3 { --c: var(--dgt-rot); }
/* Components that take their colour from the rotation (or the section's accent colour) */
.dgt-page :is(.dgt-card, .dgt-step, .dgt-stat, .dgt-icard, .dgt-office, .dgt-member__photo, .dgt-case, .dgt-tl, .dgt-crows li, .dgt-fcard__ico, .dgt-numlist__n, .dgt-next__n, .dgt-metric, .dgt-wcard, .dgt-mq, .dgt-sub-ico, .dgt-chips li, .dgt-vtrust li, .dgt-prac__card, .dgt-srow, .dgt-dive, .dgt-dnav a, .dgt-jump a, .dgt-plan, .dgt-ind, .dgt-stackc, .dgt-sdproof__card li, .dgt-bento__item, .dgt-road__step, .dgt-plat__tab, .dgt-win, .dgt-state, .dgt-phase, .dgt-member) {
	--c: var(--dgt-accent, var(--dgt-rot));
	--c-ink: var(--dgt-rot-ink);
	--c-text: var(--dgt-accent, var(--dgt-rot-text));
	--c-tint: color-mix(in srgb, var(--c) 11%, #fff);
}

/* ==========================================================================
   1. Reset (scoped) + Elementor full-bleed
   ========================================================================== */
.dgt-page,
.dgt-page *,
.dgt-page *::before,
.dgt-page *::after { box-sizing: border-box; }

.dgt-page h1, .dgt-page h2, .dgt-page h3, .dgt-page h4, .dgt-page h5 {
	margin: 0;
	font-family: var(--dgt-font-h);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--dgt-heading);
	text-transform: none;
}
.dgt-page p { margin: 0 0 1em; }
.dgt-page a { color: inherit; text-decoration: none; }
.dgt-page ul, .dgt-page ol { margin: 0; padding: 0; list-style: none; }
.dgt-page img { max-width: 100%; height: auto; border: 0; }
.dgt-page blockquote { margin: 0; padding: 0; border: 0; background: none; font-style: normal; quotes: none; }
.dgt-page blockquote::before, .dgt-page blockquote::after { content: none; }
.dgt-page button {
	margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
	color: inherit; font: inherit; letter-spacing: normal; text-transform: none;
	cursor: pointer; width: auto; height: auto; min-height: 0; line-height: 1.2;
	white-space: normal; text-align: inherit; user-select: auto;
}
/* Themes (e.g. Hello Elementor) paint every button/link on hover & focus (#c36 purple, #336 navy).
   Neutralise that here; each component below sets its own hover/focus colours. */
.dgt-page button:hover,
.dgt-page button:focus,
.dgt-page button:active { background-color: transparent; color: inherit; text-decoration: none; }
.dgt-page a:hover,
.dgt-page a:active { color: inherit; text-decoration: none; }
.dgt-page svg { flex-shrink: 0; }
.dgt-page .dgt-ico { width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
.dgt-page .e-font-icon-svg { width: 1em; height: 1em; fill: currentColor; }
.dgt-page i[class*="fa-"] { line-height: 1; }
.dgt-page a:focus-visible,
.dgt-page button:focus-visible,
.dgt-page [tabindex]:focus-visible { outline: 3px solid var(--dgt-primary); outline-offset: 3px; border-radius: 8px; }

.dgt-page .dgt-skip {
	position: absolute; left: 16px; top: -60px; z-index: 100001;
	background: var(--dgt-secondary); color: #fff; padding: 10px 18px; border-radius: 8px; font-weight: 600;
	transition: top .2s;
}
.dgt-page .dgt-skip:focus { top: 16px; }
.dgt-page .dgt-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

body.dgt-canvas { margin: 0; padding: 0; background: #fff; }

/* Let the widget span the full viewport inside any Elementor container/section */
.e-con:has(.dgt-page),
.e-con-inner:has(.dgt-page) {
	--content-width: 100%; --container-max-width: 100%;
	--padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
	--gap: 0px; --row-gap: 0px; --column-gap: 0px;
	max-width: 100% !important; padding: 0 !important;
}
.elementor-section:has(.dgt-page) > .elementor-container { max-width: 100% !important; }
.elementor-column:has(.dgt-page) > .elementor-widget-wrap { padding: 0 !important; }
.elementor-widget-dgt-home,
.elementor-widget-dgt-about,
.elementor-widget-dgt-contact,
.elementor-widget-dgt-services,
.elementor-widget-dgt-service,
.elementor-widget-dgt-areas,
.elementor-widget-dgt-header,
.elementor-widget-dgt-footer { width: 100%; margin-bottom: 0 !important; }
body.dgt-canvas .dgt-site-main { display: block; }
/* Keep "back to top" (footer widget) from floating over the open mobile menu (header widget) */
.dgt-drawer-open .dgt-page .dgt-totop { opacity: 0; visibility: hidden; }

/* ==========================================================================
   2. Layout primitives
   ========================================================================== */
.dgt-page .dgt-container {
	width: 100%;
	max-width: calc(var(--dgt-container) + 48px);
	margin: 0 auto;
	padding: 0 24px;
	position: relative;
	z-index: 1;
}
.dgt-page .dgt-sec { position: relative; padding: 100px 0; overflow: hidden; overflow: clip; background: #fff; color: var(--dgt-text); }
.dgt-page .dgt-center { text-align: center; margin-top: 44px; }
.dgt-page .dgt-videos .dgt-center { margin: 0 0 14px; }
.dgt-page .dgt-grid {
	--cols: 3;
	display: grid;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
	gap: 28px;
}
/* Column fallbacks — Elementor's responsive "Columns" control overrides these. */
.dgt-page .dgt-s-values .dgt-grid,
.dgt-page .dgt-s-services .dgt-grid,
.dgt-page .dgt-s-team .dgt-grid,
.dgt-page .dgt-s-cards .dgt-grid,
.dgt-page .dgt-s-offices .dgt-grid { --cols: 4; }

/* Decorative layers never take part in layout */
.dgt-page .dgt-banner__deco,
.dgt-page .dgt-fcta__deco,
.dgt-page .dgt-stats__deco,
.dgt-page .dgt-consult__deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }

/* ==========================================================================
   3. Typography: eyebrow, titles, highlight
   ========================================================================== */
.dgt-page .dgt-head { margin-bottom: 56px; }
.dgt-page .dgt-head--center { text-align: center; max-width: 820px; margin-left: auto; margin-right: auto; }
.dgt-page .dgt-head--center .dgt-lead { margin-left: auto; margin-right: auto; }
.dgt-page .dgt-head--left { margin-bottom: 30px; }
.dgt-page .dgt-head--compact { margin-bottom: 26px; }

.dgt-page .dgt-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font: 700 13px/1.2 var(--dgt-font-h);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--dgt-eyebrow, var(--dgt-blue));
}
.dgt-page .dgt-eyebrow__dots { display: inline-flex; gap: 4px; }
.dgt-page .dgt-eyebrow__dots i {
	width: 7px; height: 7px; border-radius: 50%; display: block;
	animation: dgtDotBounce 1.8s ease-in-out infinite;
}
/* Four accent colours — they read on white and on the navy bands alike */
.dgt-page .dgt-eyebrow__dots i:nth-child(1) { background: var(--dgt-g-blue); }
.dgt-page .dgt-eyebrow__dots i:nth-child(2) { background: var(--dgt-g-red); animation-delay: .15s; }
.dgt-page .dgt-eyebrow__dots i:nth-child(3) { background: var(--dgt-g-yellow); animation-delay: .3s; }
.dgt-page .dgt-eyebrow__dots i:nth-child(4) { background: var(--dgt-g-green); animation-delay: .45s; }

.dgt-page .dgt-title {
	font-family: var(--dgt-font-h);
	font-size: clamp(28px, 2.4vw + 14px, var(--dgt-title-size));
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -.02em;
	color: var(--dgt-heading);
}
.dgt-page .dgt-head .dgt-title { margin: 14px 0 16px; }
.dgt-page .dgt-head--compact .dgt-title { font-size: 22px; }
.dgt-page .dgt-lead { font-size: 1.08em; line-height: 1.75; color: var(--dgt-text); max-width: 720px; margin: 0; }

/* Highlighted words — {braces} in any title */
.dgt-page .dgt-hl {
	--_hl: var(--dgt-hl-bg, var(--dgt-primary));
	color: var(--dgt-hl-color, #fff);
	background-image: linear-gradient(var(--_hl), var(--_hl));
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
	padding: 0 .2em .02em;
	margin: 0 .02em;
	border-radius: .14em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size .95s cubic-bezier(.7, 0, .2, 1) .2s, color .35s ease .55s;
}
.dgt-hl-underline .dgt-page .dgt-hl {
	color: var(--dgt-hl-bg, var(--dgt-primary));
	background-image: var(--dgt-google);
	background-position: 0 100%;
	background-size: 100% .14em;
	padding: 0 .04em;
	border-radius: 0;
}
.dgt-hl-marker .dgt-page .dgt-hl {
	color: var(--dgt-heading);
	background-image: linear-gradient(180deg, transparent 58%, rgba(253, 103, 49, .35) 58%, rgba(253, 103, 49, .35) 92%, transparent 92%);
	border-radius: 0;
}
.dgt-hl-gradient .dgt-page .dgt-hl {
	background-image: linear-gradient(90deg, var(--dgt-primary), var(--dgt-primary-d) 55%, var(--dgt-secondary));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	padding: 0;
}
.dgt-hl-plain .dgt-page .dgt-hl {
	background: none;
	color: var(--dgt-hl-bg, var(--dgt-primary));
	padding: 0;
}

/* Rotating word inside the hero highlight */
.dgt-page .dgt-rotator {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom;
	line-height: 1.12;
	padding: .02em .22em .06em;
	transition: width .5s cubic-bezier(.6, 0, .2, 1), background-size .95s cubic-bezier(.7, 0, .2, 1) .2s, color .35s ease .55s;
}
.dgt-page .dgt-rotator__w { display: inline-block; transition: transform .38s cubic-bezier(.6, 0, .2, 1), opacity .38s; }
.dgt-page .dgt-rotator__w.is-out { transform: translateY(-80%); opacity: 0; }
.dgt-page .dgt-rotator__w.is-in { transform: translateY(80%); opacity: 0; transition: none; }

/* ==========================================================================
   4. Scroll reveal (only once JS is running — content is never hidden without it)
   ========================================================================== */
.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal:not(.is-in) { opacity: 0; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal.is-in {
	animation: dgtRevealUp .9s var(--dgt-ease) backwards;
	animation-delay: calc(var(--i, 0) * 90ms);
}
.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal--right.is-in { animation-name: dgtRevealRight; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal--left.is-in { animation-name: dgtRevealLeft; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal:not(.is-in) .dgt-hl {
	background-size: 0% 100%;
	color: var(--dgt-heading);
}
.dgt-hl-underline.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal:not(.is-in) .dgt-hl { background-size: 0% .14em; color: var(--dgt-hl-bg, var(--dgt-primary)); }
.dgt-hl-gradient.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal:not(.is-in) .dgt-hl { background-size: 100% 100%; color: transparent; }
.dgt-hl-plain.dgt-anim-yes .dgt-page.dgt-js .dgt-reveal:not(.is-in) .dgt-hl { color: var(--dgt-hl-bg, var(--dgt-primary)); }

@keyframes dgtRevealUp { from { opacity: 0; transform: translate3d(0, 34px, 0); } to { opacity: 1; transform: none; } }
@keyframes dgtRevealRight { from { opacity: 0; transform: translate3d(48px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes dgtRevealLeft { from { opacity: 0; transform: translate3d(-48px, 0, 0); } to { opacity: 1; transform: none; } }

/* ==========================================================================
   5. Buttons & small UI
   ========================================================================== */
.dgt-page .dgt-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.dgt-page .dgt-btn {
	--_bg: var(--dgt-btn-bg, var(--dgt-primary));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 12px 12px 12px 24px;
	border: 2px solid transparent;
	border-radius: var(--dgt-btn-radius);
	font: 600 14px/1.2 var(--dgt-font-h);
	letter-spacing: .05em;
	text-transform: var(--dgt-btn-transform, none);
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	transition: transform .25s var(--dgt-ease), box-shadow .25s, background-color .25s, color .25s, border-color .25s;
}
.dgt-page .dgt-btn:hover { transform: translateY(-2px); }
.dgt-page .dgt-btn__ico {
	width: 32px; height: 32px; border-radius: calc(var(--dgt-btn-radius) - 3px);
	display: grid; place-items: center;
	background: rgba(255, 255, 255, .18);
	transition: transform .35s var(--dgt-ease), background-color .25s;
}
.dgt-page .dgt-btn__ico svg { width: 16px; height: 16px; }
.dgt-page .dgt-btn:hover .dgt-btn__ico { transform: translateX(3px) rotate(-45deg); }
.dgt-page .dgt-btn__ico--lead { order: -1; margin-left: -12px; }
.dgt-page .dgt-btn:hover .dgt-btn__ico--lead { transform: rotate(-12deg); }

.dgt-page .dgt-btn--primary {
	background-color: var(--_bg);
	color: var(--dgt-btn-color, #fff);
	box-shadow: 0 14px 28px -14px var(--_bg);
}
.dgt-page .dgt-btn--primary:focus { background-color: var(--_bg); color: var(--dgt-btn-color, #fff); }
.dgt-page .dgt-btn--primary:hover { background-color: var(--dgt-primary-d); color: #fff; box-shadow: 0 18px 32px -14px var(--dgt-primary); }

.dgt-page .dgt-btn--glow {
	background:
		linear-gradient(var(--_bg), var(--_bg)) padding-box,
		conic-gradient(from var(--dgt-angle, 0deg), var(--dgt-g-blue), var(--dgt-g-red), var(--dgt-g-yellow), var(--dgt-g-green), var(--dgt-g-blue)) border-box;
	animation: dgtAngle 4s linear infinite;
}
.dgt-page .dgt-btn--glow:hover {
	background:
		linear-gradient(var(--dgt-primary-d), var(--dgt-primary-d)) padding-box,
		conic-gradient(from var(--dgt-angle, 0deg), var(--dgt-g-blue), var(--dgt-g-red), var(--dgt-g-yellow), var(--dgt-g-green), var(--dgt-g-blue)) border-box;
}
@property --dgt-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes dgtAngle { to { --dgt-angle: 360deg; } }

.dgt-page .dgt-btn--ghost { background: transparent; color: var(--dgt-heading); border-color: var(--dgt-heading); }
.dgt-page .dgt-btn--ghost .dgt-btn__ico { background: var(--dgt-light); color: var(--dgt-heading); }
.dgt-page .dgt-btn--ghost:hover { background: var(--dgt-heading); color: #fff; }
.dgt-page .dgt-btn--ghost:hover .dgt-btn__ico { background: rgba(255, 255, 255, .14); color: #fff; }

.dgt-page .dgt-btn--white { background: #fff; color: var(--dgt-secondary); box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .45); }
.dgt-page .dgt-btn--white .dgt-btn__ico { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-btn--white:hover { background: #fff; color: var(--dgt-primary); }

.dgt-page .dgt-btn--outline-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .45); }
.dgt-page .dgt-btn--outline-light:hover { background: #fff; color: var(--dgt-secondary); border-color: #fff; }
.dgt-page .dgt-btn--outline-light:hover .dgt-btn__ico { background: var(--dgt-light); }

.dgt-page .dgt-btn--link { padding: 0; border: 0; background: none; color: var(--dgt-primary); box-shadow: none; }
.dgt-page .dgt-btn--link .dgt-btn__ico { width: 26px; height: 26px; background: var(--dgt-light); color: var(--dgt-primary); }
.dgt-page .dgt-btn--link:hover { transform: none; color: var(--dgt-primary-d); }

.dgt-page .dgt-btn--whatsapp { background: #25D366; color: #fff; box-shadow: 0 14px 28px -14px #25D366; }
.dgt-page .dgt-btn--whatsapp:hover { background: #1DA851; color: #fff; }

.dgt-page .dgt-btn--sm { padding: 8px 8px 8px 16px; font-size: 12.5px; gap: 10px; }
.dgt-page .dgt-btn--sm .dgt-btn__ico { width: 26px; height: 26px; }
.dgt-page .dgt-btn--sm .dgt-btn__ico--lead { margin-left: -8px; }
.dgt-page .dgt-btn--lg { padding: 15px 15px 15px 30px; font-size: 15px; }
.dgt-page .dgt-btn--lg .dgt-btn__ico { width: 36px; height: 36px; }
.dgt-page .dgt-btn--block { display: flex; width: 100%; }

/* Play button */
.dgt-page .dgt-play { display: inline-flex; align-items: center; gap: 12px; font: 600 15px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-play:hover,
.dgt-page .dgt-play:focus { color: var(--dgt-primary); }
.dgt-page .dgt-play__ico {
	position: relative; width: 54px; height: 54px; border-radius: 50%;
	display: grid; place-items: center; background: #fff; color: var(--dgt-primary);
	box-shadow: 0 14px 30px -12px rgba(20, 33, 61, .4);
}
.dgt-page .dgt-play__ico::before,
.dgt-page .dgt-play__ico::after {
	content: ""; position: absolute; inset: 0; border-radius: 50%;
	border: 2px solid var(--dgt-primary); animation: dgtRing 2.4s ease-out infinite;
}
.dgt-page .dgt-play__ico::after { animation-delay: 1.2s; }
.dgt-page .dgt-play__ico svg { width: 20px; height: 20px; margin-left: 3px; }

/* Check lists */
.dgt-page .dgt-checks { display: grid; gap: 12px; margin: 0 0 28px; }
.dgt-page .dgt-checks li { display: flex; align-items: flex-start; gap: 12px; font-weight: 500; color: var(--dgt-heading); line-height: 1.5; }
.dgt-page .dgt-checks__ico {
	width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; margin-top: -1px;
	display: grid; place-items: center; background: var(--dgt-green); color: #fff;
	box-shadow: 0 6px 14px -6px var(--dgt-green);
}
.dgt-page .dgt-checks__ico svg { width: 14px; height: 14px; stroke-width: 3; }
.dgt-page .dgt-checks--inline { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.dgt-page .dgt-checks--inline li { font-size: 15px; }
.dgt-page .dgt-checks--2 { grid-template-columns: 1fr 1fr; gap: 12px 22px; }

/* Pills (tools, tags) */
.dgt-page .dgt-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.dgt-page .dgt-pills li {
	padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--dgt-border);
	font: 600 13px/1.3 var(--dgt-font-h); color: var(--dgt-heading); white-space: nowrap;
}
.dgt-page .dgt-pills--sm li { padding: 4px 10px; font-size: 12px; }

/* Chips */
.dgt-page .dgt-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.dgt-page .dgt-chips li {
	display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px 8px 10px;
	border-radius: 999px; background: #fff; border: 1px solid var(--dgt-border);
	font-size: 14px; font-weight: 600; color: var(--dgt-heading); box-shadow: 0 6px 16px -12px rgba(20, 33, 61, .4);
}
.dgt-page .dgt-chips svg { width: 18px; height: 18px; color: var(--c-text); }

/* Stars */
.dgt-page .dgt-stars { display: inline-flex; gap: 2px; vertical-align: middle; }
.dgt-page .dgt-stars span { display: inline-flex; }
.dgt-page .dgt-stars svg { width: 17px; height: 17px; }
.dgt-page .dgt-stars .on { color: var(--dgt-g-yellow); }
.dgt-page .dgt-stars .off { color: #DAE1EC; }

/* Avatars */
.dgt-page .dgt-avatar {
	width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
	display: inline-grid; place-items: center; overflow: hidden;
	background: var(--dgt-light); color: #fff; font: 700 14px var(--dgt-font-h);
}
.dgt-page .dgt-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.dgt-page .dgt-avatar.is-initials { background: var(--c); color: var(--dgt-rot-ink, #fff); }
.dgt-page .dgt-avatars { display: flex; }
.dgt-page .dgt-avatars .dgt-avatar { border: 3px solid #fff; margin-left: -12px; box-shadow: 0 6px 14px -8px rgba(20, 33, 61, .5); }
.dgt-page .dgt-avatars .dgt-avatar:first-child { margin-left: 0; }
.dgt-page .dgt-avatar--plus { background: var(--dgt-heading); }
.dgt-page .dgt-avatar--plus svg { width: 18px; height: 18px; }

/* Live badge / status / pill */
.dgt-page .dgt-live {
	display: inline-flex; align-items: center; gap: 8px;
	font: 700 11.5px/1 var(--dgt-font-h); letter-spacing: .08em; text-transform: uppercase;
	padding: 6px 12px 6px 10px; border-radius: 999px;
	background: rgba(30, 142, 62, .1); color: var(--dgt-green-d);
}
.dgt-page .dgt-live i,
.dgt-page .dgt-status i {
	position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--dgt-green); display: block;
}
.dgt-page .dgt-live i::after,
.dgt-page .dgt-status i::after {
	content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--dgt-green);
	animation: dgtPingCss 1.8s cubic-bezier(0, 0, .2, 1) infinite;
}
.dgt-page .dgt-live--light { background: rgba(255, 255, 255, .12); color: #fff; }
.dgt-page .dgt-live--light i, .dgt-page .dgt-live--light i::after { background: #fff; }

.dgt-page .dgt-pill {
	display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px;
	padding: 8px 18px 8px 9px; border-radius: 999px; background: #fff;
	border: 1px solid var(--dgt-border); box-shadow: 0 10px 24px -16px rgba(20, 33, 61, .45);
	font: 600 13.5px var(--dgt-font-h); color: var(--dgt-heading);
}
.dgt-page .dgt-pill__g {
	display: grid; grid-template-columns: 1fr 1fr; gap: 3px; width: 26px; height: 26px; padding: 5px;
	border-radius: 50%; background: var(--dgt-light); animation: dgtSpinCss 8s linear infinite;
}
.dgt-page .dgt-pill__g i, .dgt-page .dgt-topbar__g i, .dgt-page .dgt-logo__mark i,
.dgt-page .dgt-mega__promo-dots i, .dgt-page .dgt-form-card__dots i { display: block; border-radius: 50%; }
/* 2×2 brand mark in the four accent colours */
.dgt-page :is(.dgt-pill__g, .dgt-topbar__g, .dgt-logo__mark, .dgt-mega__promo-dots, .dgt-form-card__dots) i:nth-child(1) { background: var(--dgt-g-blue); }
.dgt-page :is(.dgt-pill__g, .dgt-topbar__g, .dgt-logo__mark, .dgt-mega__promo-dots, .dgt-form-card__dots) i:nth-child(2) { background: var(--dgt-g-red); }
.dgt-page :is(.dgt-pill__g, .dgt-topbar__g, .dgt-logo__mark, .dgt-mega__promo-dots, .dgt-form-card__dots) i:nth-child(3) { background: var(--dgt-g-yellow); }
.dgt-page :is(.dgt-pill__g, .dgt-topbar__g, .dgt-logo__mark, .dgt-mega__promo-dots, .dgt-form-card__dots) i:nth-child(4) { background: var(--dgt-g-green); }

/* ==========================================================================
   6. Decorations: shapes, blobs, grid lines, wave
   ========================================================================== */
.dgt-page .dgt-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.dgt-page .dgt-shape { position: absolute; display: none; opacity: .75; animation: dgtShapeFloat 10s ease-in-out infinite; animation-delay: calc(var(--d, 0) * -1.9s); }
.dgt-shapes-yes .dgt-page .dgt-shape { display: block; }
.dgt-page .dgt-shape.is-b { --c: var(--dgt-g-blue); }
.dgt-page .dgt-shape.is-r { --c: var(--dgt-g-red); }
.dgt-page .dgt-shape.is-y { --c: var(--dgt-g-yellow); }
.dgt-page .dgt-shape.is-g { --c: var(--dgt-g-green); }
.dgt-page .dgt-shape--ring { width: 30px; height: 30px; border-radius: 50%; border: 4px solid var(--c); }
.dgt-page .dgt-shape--dot { width: 14px; height: 14px; border-radius: 50%; background: var(--c); }
.dgt-page .dgt-shape--plus {
	width: 24px; height: 24px;
	background: linear-gradient(var(--c), var(--c)) center / 100% 4px no-repeat, linear-gradient(var(--c), var(--c)) center / 4px 100% no-repeat;
	animation-name: dgtShapeSpin;
}
.dgt-page .dgt-shape--tri { width: 24px; height: 22px; background: var(--c); clip-path: polygon(50% 0, 100% 100%, 0 100%); animation-name: dgtShapeSpin; }
.dgt-page .dgt-shape--squiggle {
	width: 48px; height: 16px; background: var(--c);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Cpath d='M2 8c5-8 9-8 11 0s6 8 11 0 9-8 11 0 6 8 11 0' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Cpath d='M2 8c5-8 9-8 11 0s6 8 11 0 9-8 11 0 6 8 11 0' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dgt-page .dgt-blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .32; will-change: transform; animation: dgtBlob 18s ease-in-out infinite; }
.dgt-page .dgt-blob--1 { width: 460px; height: 460px; top: -140px; right: -80px; background: var(--dgt-g-blue); opacity: .13; }
.dgt-page .dgt-blob--2 { width: 380px; height: 380px; bottom: -140px; left: -120px; background: var(--dgt-primary); opacity: .1; animation-delay: -6s; }
.dgt-page .dgt-blob--3 { width: 260px; height: 260px; top: 30%; left: 42%; background: var(--dgt-g-yellow); opacity: .14; animation-delay: -11s; }
.dgt-page .dgt-gridlines {
	position: absolute; inset: 0;
	background-image: linear-gradient(rgba(20, 33, 61, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 33, 61, .055) 1px, transparent 1px);
	background-size: 52px 52px;
	-webkit-mask-image: radial-gradient(ellipse 70% 60% at 60% 40%, #000 20%, transparent 75%);
	mask-image: radial-gradient(ellipse 70% 60% at 60% 40%, #000 20%, transparent 75%);
}
.dgt-page .dgt-wave { position: absolute; left: 0; right: 0; bottom: -1px; height: 80px; color: #fff; z-index: 1; pointer-events: none; }
.dgt-page .dgt-wave svg { width: 100%; height: 100%; display: block; }
.dgt-page .dgt-wave path { fill: currentColor; }
.dgt-page .dgt-wave__back { opacity: .45; }

/* ==========================================================================
   7. Illustrations (inline SVG)
   ========================================================================== */
.dgt-page .dgt-illus { position: relative; width: 100%; }
.dgt-page .dgt-illus-img { width: 100%; height: auto; display: block; border-radius: var(--dgt-radius); }
.dgt-page .dgt-svg { width: 100%; height: auto; display: block; overflow: visible; }
.dgt-page .dgt-svg text { font-family: var(--dgt-font-h); font-weight: 700; }
.dgt-page .dgt-svg .p { fill: var(--dgt-primary); }
.dgt-page .dgt-svg .pd { fill: var(--dgt-primary-d); }
.dgt-page .dgt-svg .s { fill: var(--dgt-secondary); }
.dgt-page .dgt-svg .s2 { fill: var(--dgt-secondary-2); }
.dgt-page .dgt-svg .b { fill: var(--dgt-g-blue); }
.dgt-page .dgt-svg .r { fill: var(--dgt-g-red); }
.dgt-page .dgt-svg .y { fill: var(--dgt-g-yellow); }
.dgt-page .dgt-svg .g { fill: var(--dgt-g-green); }
.dgt-page .dgt-svg .w { fill: #fff; }
.dgt-page .dgt-svg .l { fill: #F1F5FB; }
.dgt-page .dgt-svg .l2 { fill: #E5EBF4; }
.dgt-page .dgt-svg .m { fill: #CFD8E6; }
.dgt-page .dgt-svg .sk { fill: #F3C9A5; }
.dgt-page .dgt-svg .tw { fill: #fff; }
.dgt-page .dgt-svg .ts { fill: var(--dgt-secondary); }
.dgt-page .dgt-svg .tp { fill: var(--dgt-primary); }
.dgt-page .dgt-svg .tm { fill: #94A0B3; }
.dgt-page .dgt-svg .kp, .dgt-page .dgt-svg .ks, .dgt-page .dgt-svg .kb, .dgt-page .dgt-svg .kr,
.dgt-page .dgt-svg .ky, .dgt-page .dgt-svg .kg, .dgt-page .dgt-svg .kw, .dgt-page .dgt-svg .km,
.dgt-page .dgt-svg .kl2 { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dgt-page .dgt-svg .kp { stroke: var(--dgt-primary); }
.dgt-page .dgt-svg .ks { stroke: var(--dgt-secondary); }
.dgt-page .dgt-svg .kb { stroke: var(--dgt-g-blue); }
.dgt-page .dgt-svg .kr { stroke: var(--dgt-g-red); }
.dgt-page .dgt-svg .ky { stroke: var(--dgt-g-yellow); }
.dgt-page .dgt-svg .kg { stroke: var(--dgt-g-green); }
.dgt-page .dgt-svg .kw { stroke: #fff; }
.dgt-page .dgt-svg .km { stroke: #C6D0DF; }
.dgt-page .dgt-svg .kl2 { stroke: #E5EBF4; }
.dgt-page .dgt-svg .hb { fill: #fff; stroke: var(--dgt-primary); stroke-width: 2; }
.dgt-page .dgt-svg .stp { stop-color: var(--dgt-primary); }
.dgt-page .dgt-svg .stpd { stop-color: var(--dgt-primary-d); }
.dgt-page .dgt-svg .sts { stop-color: var(--dgt-secondary); }
.dgt-page .dgt-svg .sts2 { stop-color: var(--dgt-secondary-2); }
.dgt-page .dgt-svg .sh { filter: drop-shadow(0 14px 20px rgba(20, 33, 61, .14)); }

/* SVG animations */
.dgt-svganim-yes .dgt-svg .a-float { animation: dgtFloat 6s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-float2 { animation: dgtFloat2 7s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-float3 { animation: dgtFloat3 8s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-orbit { transform-box: view-box; animation: dgtSpin 70s linear infinite; }
.dgt-svganim-yes .dgt-svg .a-spin { transform-box: fill-box; transform-origin: center; animation: dgtSpin 10s linear infinite; }
.dgt-svganim-yes .dgt-svg .a-spin-r { transform-box: fill-box; transform-origin: center; animation: dgtSpin 7s linear infinite reverse; }
.dgt-svganim-yes .dgt-svg .a-pulse { transform-box: fill-box; transform-origin: center; animation: dgtPulse 2.4s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-ping { transform-box: fill-box; transform-origin: center; animation: dgtPing 2.6s cubic-bezier(0, 0, .2, 1) infinite; }
.dgt-svganim-yes .dgt-svg .a-blink { animation: dgtBlink 1.1s linear infinite; }
.dgt-svganim-yes .dgt-svg .a-type { transform-box: fill-box; transform-origin: 0 50%; animation: dgtType 5.5s cubic-bezier(.6, 0, .3, 1) infinite both; }
.dgt-svganim-yes .dgt-svg .a-grow { transform-box: fill-box; transform-origin: 50% 100%; animation: dgtGrow 4s ease-in-out infinite both; }
.dgt-svganim-yes .dgt-svg .a-draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: dgtDraw 5.5s ease-in-out infinite both; }
.dgt-svganim-yes .dgt-svg .a-dash { animation: dgtDash 1.2s linear infinite; }
.dgt-svganim-yes .dgt-svg .a-flow { stroke-dasharray: 10 90; animation: dgtFlow 2.6s linear infinite; }
.dgt-svganim-yes .dgt-svg .a-loop { stroke-dasharray: 22 78; animation: dgtFlow 3s linear infinite; }
.dgt-svganim-yes .dgt-svg .a-pop { transform-box: fill-box; transform-origin: center; animation: dgtPop 6s ease infinite both; }
.dgt-svganim-yes .dgt-svg .a-twinkle { transform-box: fill-box; transform-origin: center; animation: dgtTwinkle 3s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-flicker { transform-box: fill-box; transform-origin: 50% 0; animation: dgtFlicker .22s ease-in-out infinite alternate; }
.dgt-svganim-yes .dgt-svg .a-cursor { animation: dgtCursor 8s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-cursor2 { animation: dgtCursor2 9s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-toggle { animation: dgtToggle 4s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-bounce { animation: dgtBounce 1.2s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-bounce-lg { animation: dgtBounceLg 2s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-shadow { transform-box: fill-box; transform-origin: center; animation: dgtShadow 2s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-up { animation: dgtArrowUp 2s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-down { animation: dgtArrowDown 2s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-load { transform-box: fill-box; transform-origin: 0 50%; animation: dgtLoad 3.2s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-letter { animation: dgtLetter 4.5s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-wiggle { transform-box: fill-box; transform-origin: center; animation: dgtWiggle 1.8s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-mag { animation: dgtMag 8s ease-in-out infinite; }
.dgt-svganim-yes .dgt-svg .a-hit { animation: dgtHit 4.2s cubic-bezier(.5, 0, .2, 1) infinite; }
.dgt-svganim-yes .dgt-svg .a-mer { transform-box: fill-box; transform-origin: center; animation: dgtMer 8s ease-in-out infinite; }
.dgt-page .dgt-svg .d1 { animation-delay: .4s; }
.dgt-page .dgt-svg .d2 { animation-delay: .8s; }
.dgt-page .dgt-svg .d3 { animation-delay: 1.2s; }
.dgt-page .dgt-svg .d4 { animation-delay: 1.6s; }
.dgt-page .dgt-svg .d5 { animation-delay: 2s; }
.dgt-page .dgt-svg .d6 { animation-delay: 2.4s; }
.dgt-page .dgt-svg .a-mer.d2 { animation-delay: -2s; }
.dgt-page .dgt-svg .a-mer.d4 { animation-delay: -4s; }
.dgt-page .dgt-svg .a-mer.d6 { animation-delay: -6s; }

/* ==========================================================================
   8. Header: progress bar, top bar, main bar, mega menu, drawer
   ========================================================================== */
.dgt-page .dgt-progress { position: fixed; top: var(--dgt-admin, 0px); left: 0; right: 0; height: 3px; z-index: 10002; pointer-events: none; }
.dgt-page .dgt-progress span {
	display: block; height: 100%; width: 100%; transform: scaleX(var(--p, 0)); transform-origin: 0 50%;
	background: var(--dgt-google);
}

.dgt-page .dgt-topbar { background: var(--dgt-secondary); color: rgba(255, 255, 255, .82); font-size: 13px; position: relative; z-index: 1001; }
.dgt-page .dgt-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; }
.dgt-page .dgt-topbar__left { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1; }
.dgt-page .dgt-topbar .dgt-live { background: rgba(255, 255, 255, .1); color: #fff; flex-shrink: 0; }
.dgt-page .dgt-topbar .dgt-live i, .dgt-page .dgt-topbar .dgt-live i::after { background: var(--dgt-g-green); }
.dgt-page .dgt-ticker { position: relative; height: 22px; flex: 1; min-width: 0; overflow: hidden; }
.dgt-page .dgt-ticker__item {
	position: absolute; left: 0; top: 0; right: 0; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	opacity: 0; transform: translateY(100%); transition: opacity .45s, transform .45s var(--dgt-ease);
}
.dgt-page .dgt-ticker__item.is-active { opacity: 1; transform: none; }
.dgt-page .dgt-ticker__item.is-leaving { opacity: 0; transform: translateY(-100%); }
.dgt-page .dgt-topbar__right { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.dgt-page .dgt-topbar__rating { display: inline-flex; align-items: center; gap: 6px; color: #fff; }
.dgt-page .dgt-topbar__rating .dgt-ico { width: 14px; height: 14px; color: var(--dgt-g-yellow); }
.dgt-page .dgt-topbar__g { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; width: 14px; height: 14px; margin-right: 2px; }
.dgt-page .dgt-topbar__link { display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, .85); transition: color .2s; }
.dgt-page .dgt-topbar__link:hover { color: #fff; }
.dgt-page .dgt-topbar__link .dgt-ico { width: 14px; height: 14px; color: var(--dgt-primary); }

.dgt-page .dgt-header {
	--dgt-header-h: 84px;
	position: relative; z-index: 1000;
	background: var(--dgt-header-bg, #fff);
	transition: box-shadow .3s, background-color .3s;
}
.dgt-page .dgt-header__in { display: flex; align-items: center; gap: 26px; height: var(--dgt-header-h); transition: height .35s var(--dgt-ease); }
.dgt-page .dgt-header.is-fixed {
	position: fixed; top: var(--dgt-admin, 0px); left: 0; right: 0;
	background: var(--dgt-header-bg, rgba(255, 255, 255, .9));
	-webkit-backdrop-filter: saturate(1.6) blur(14px);
	backdrop-filter: saturate(1.6) blur(14px);
	box-shadow: 0 12px 34px -16px rgba(20, 33, 61, .3);
	animation: dgtSlideDown .5s var(--dgt-ease);
}
.dgt-page .dgt-header.is-fixed .dgt-header__in { height: calc(var(--dgt-header-h) - 12px); }
.dgt-page .dgt-header__line { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--dgt-google); }

/* Logo */
.dgt-page .dgt-logo { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; color: var(--dgt-heading); }
.dgt-page .dgt-logo img { height: 46px; width: auto; max-width: none; display: block; }
.dgt-page .dgt-logo img.is-svg { max-width: 280px; object-fit: contain; object-position: left center; }
.dgt-page .dgt-logo__mark {
	display: grid; grid-template-columns: 1fr 1fr; gap: 4px; width: 32px; height: 32px; padding: 3px;
	transition: transform .6s var(--dgt-ease);
}
.dgt-page .dgt-logo:hover .dgt-logo__mark { transform: rotate(180deg); }
.dgt-page .dgt-logo__word { display: flex; flex-direction: column; line-height: 1; }
.dgt-page .dgt-logo__word b { font: 800 23px/1 var(--dgt-font-h); letter-spacing: -.03em; color: var(--dgt-heading); }
.dgt-page .dgt-logo__word small { font: 700 10px/1 var(--dgt-font-h); letter-spacing: .42em; text-transform: uppercase; color: var(--dgt-primary); margin-top: 5px; }

/* Desktop nav */
.dgt-page .dgt-nav { --dgt-menu: var(--dgt-heading); --dgt-menu-hover: var(--dgt-primary); margin-left: auto; }
.dgt-page .dgt-nav .dgt-menu { display: flex; align-items: center; gap: 2px; }
.dgt-page .dgt-nav .dgt-menu > li { position: relative; }
.dgt-page .dgt-nav .dgt-menu > li > a {
	position: relative; display: flex; align-items: center; gap: 6px;
	padding: 12px 13px; border-radius: 10px;
	font: 600 15px/1 var(--dgt-font-h); color: var(--dgt-menu); white-space: nowrap;
	transition: color .2s;
}
.dgt-page .dgt-nav .dgt-menu > li > a::after {
	content: ""; position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px; border-radius: 2px;
	background: var(--dgt-menu-hover); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--dgt-ease);
}
.dgt-page .dgt-nav .dgt-menu > li > a:hover,
.dgt-page .dgt-nav .dgt-menu > li > a:focus-visible,
.dgt-page .dgt-nav:not(.is-js) .dgt-menu > li:hover > a,
.dgt-page .dgt-nav:not(.is-js) .dgt-menu > li:focus-within > a,
.dgt-page .dgt-nav .dgt-menu > li.is-open > a,
.dgt-page .dgt-nav .dgt-menu > li.current-menu-item > a,
.dgt-page .dgt-nav .dgt-menu > li.current-menu-ancestor > a { color: var(--dgt-menu-hover); }
.dgt-page .dgt-nav .dgt-menu > li > a:hover::after,
.dgt-page .dgt-nav .dgt-menu > li > a:focus-visible::after,
.dgt-page .dgt-nav:not(.is-js) .dgt-menu > li:hover > a::after,
.dgt-page .dgt-nav:not(.is-js) .dgt-menu > li:focus-within > a::after,
.dgt-page .dgt-nav .dgt-menu > li.is-open > a::after,
.dgt-page .dgt-nav .dgt-menu > li.current-menu-item > a::after,
.dgt-page .dgt-nav .dgt-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
/* Hover bridge: only as wide as the link and only below it, so it can never cover a neighbouring item */
.dgt-page .dgt-nav .dgt-menu > li.menu-item-has-children > a::before { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: calc(var(--dgt-header-h) / 2 - 8px); pointer-events: none; }
.dgt-page .dgt-nav .dgt-menu > li.menu-item-has-children:hover > a::before,
.dgt-page .dgt-nav .dgt-menu > li.is-open > a::before { pointer-events: auto; }
.dgt-page .dgt-caret { width: 14px; height: 14px; transition: transform .3s; }
.dgt-page .dgt-nav:not(.is-js) li:hover > a .dgt-caret,
.dgt-page .dgt-nav:not(.is-js) li:focus-within > a .dgt-caret,
.dgt-page .dgt-nav li.is-open > a .dgt-caret { transform: rotate(180deg); }
.dgt-page .dgt-menu-tag {
	font: 700 9px/1 var(--dgt-font-h); text-transform: uppercase; letter-spacing: .06em;
	background: var(--dgt-primary); color: #fff; padding: 4px 6px; border-radius: 6px;
}

/* Dropdowns */
.dgt-page .dgt-nav .sub-menu {
	position: absolute; top: calc(100% + 16px); left: -6px; z-index: 30;
	min-width: 250px; padding: 10px; background: #fff; border-radius: 18px;
	box-shadow: 0 34px 70px -24px rgba(20, 33, 61, .35), 0 0 0 1px rgba(20, 33, 61, .06);
	opacity: 0; visibility: hidden; transform: translateY(12px); pointer-events: none;
	transition: opacity .25s, transform .3s var(--dgt-ease), visibility .25s;
}
.dgt-page .dgt-nav .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
/* Without the script: CSS hover. With it (.is-js): the open item gets .is-open — one panel at a time. */
.dgt-page .dgt-nav:not(.is-js) li:hover > .sub-menu,
.dgt-page .dgt-nav:not(.is-js) li:focus-within > .sub-menu,
.dgt-page .dgt-nav li.is-open > .sub-menu { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
.dgt-page .dgt-nav li.is-open > .sub-menu { z-index: 31; }
.dgt-page .dgt-nav .sub-menu a {
	display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: 12px;
	font: 500 14.5px/1.35 var(--dgt-font-b); color: var(--dgt-heading); transition: background-color .2s, color .2s;
}
.dgt-page .dgt-nav .sub-menu a:hover { background: var(--dgt-light); color: var(--dgt-primary); }
.dgt-page .dgt-sub-txt { display: flex; flex-direction: column; min-width: 0; }
.dgt-page .dgt-sub-title { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.dgt-page .dgt-sub-desc { display: block; margin-top: 3px; font-size: 12.5px; font-weight: 400; color: var(--dgt-muted); line-height: 1.4; }

/* Mega menu */
.dgt-page .dgt-header__in { position: relative; }
.dgt-page .dgt-nav .dgt-mega-item { position: static; }
.dgt-page .dgt-nav .dgt-mega-item > .sub-menu {
	top: 100%; left: 50%; transform: translate(-50%, 12px);
	width: min(1060px, calc(100vw - 48px));
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 16px;
}
/* The full-width panel must not reach up over the menu links (that blocked clicks and kept the
   previous mega menu open); the link's own bridge (a::before) covers the gap instead. */
.dgt-page .dgt-nav .dgt-mega-item > .sub-menu::before { content: none; }
.dgt-page .dgt-nav .dgt-mega-item > .sub-menu:has(> .dgt-mega__promo) { grid-template-columns: repeat(3, minmax(0, 1fr)) 280px; }
.dgt-page .dgt-nav:not(.is-js) .dgt-mega-item:hover > .sub-menu,
.dgt-page .dgt-nav:not(.is-js) .dgt-mega-item:focus-within > .sub-menu,
.dgt-page .dgt-nav .dgt-mega-item.is-open > .sub-menu { transform: translate(-50%, 0); }
.dgt-page .dgt-sub-ico {
	width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0; display: grid; place-items: center;
	background: var(--c-tint); color: var(--c-text); font-size: 17px; transition: background-color .25s, color .25s, transform .3s;
}
.dgt-page .dgt-nav .sub-menu a:hover .dgt-sub-ico { background: var(--c); color: var(--c-ink); transform: rotate(-6deg); }
.dgt-page .dgt-mega__promo { grid-column: 4; grid-row: 1 / span 2; }
.dgt-page .dgt-mega:has(> li:nth-child(8)) > .dgt-mega__promo { grid-row: 1 / span 3; }
/* Small mega menus (up to 6 links, e.g. Service Areas): two columns × three rows so they balance with the promo card */
.dgt-page .dgt-nav .dgt-mega-item > .sub-menu.dgt-mega:not(.dgt-mega--cols):not(:has(> li:nth-child(8))):has(> .dgt-mega__promo) { grid-template-columns: repeat(2, minmax(0, 1fr)) 280px; width: min(820px, calc(100vw - 48px)); }
.dgt-page .dgt-mega:not(.dgt-mega--cols):not(:has(> li:nth-child(8))) > .dgt-mega__promo { grid-column: 3; grid-row: 1 / span 3; }
.dgt-page .dgt-mega:has(> li:nth-child(11)) > .dgt-mega__promo { grid-row: 1 / span 4; }
.dgt-page .dgt-mega__promo > div {
	height: 100%; padding: 22px; border-radius: 14px; position: relative; overflow: hidden;
	background: linear-gradient(150deg, var(--dgt-secondary), var(--dgt-secondary-2)); color: rgba(255, 255, 255, .8);
}
.dgt-page .dgt-mega__promo > div::after { content: ""; position: absolute; right: -50px; bottom: -50px; width: 160px; height: 160px; border-radius: 50%; border: 22px solid rgba(255, 255, 255, .06); }
.dgt-page .dgt-mega__promo-dots { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; width: 18px; height: 18px; margin-bottom: 14px; }
.dgt-page .dgt-mega__promo strong { display: block; font: 700 18px/1.3 var(--dgt-font-h); color: #fff; margin-bottom: 8px; }
.dgt-page .dgt-mega__promo p { font-size: 13.5px; line-height: 1.55; margin: 0 0 16px; }
.dgt-page .dgt-nav .dgt-mega__promo a.dgt-btn { display: inline-flex; padding: 8px 8px 8px 16px; color: #fff; font: 600 12.5px/1.2 var(--dgt-font-h); }
.dgt-page .dgt-nav .dgt-mega__promo a.dgt-btn:hover { background-color: var(--dgt-primary-d); color: #fff; }

/* Header right side */
.dgt-page .dgt-header__actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.dgt-page .dgt-call { display: flex; align-items: center; gap: 11px; color: var(--dgt-heading); }
.dgt-page .dgt-call__ico {
	position: relative; width: 46px; height: 46px; border-radius: 50%;
	display: grid; place-items: center; background: var(--dgt-primary); color: #fff;
	animation: dgtFloatY 3s ease-in-out infinite;
}
.dgt-page .dgt-call__ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--dgt-primary); animation: dgtRing 2.4s ease-out infinite; }
.dgt-page .dgt-call__ico svg { width: 19px; height: 19px; animation: dgtWiggleCss 2.4s ease-in-out infinite; }
.dgt-page .dgt-call__txt small { display: block; font-size: 12px; color: var(--dgt-muted); line-height: 1.2; }
.dgt-page .dgt-call__txt b { font: 700 15.5px/1.3 var(--dgt-font-h); color: var(--dgt-heading); white-space: nowrap; }
.dgt-page .dgt-call:hover b { color: var(--dgt-primary); }

.dgt-page .dgt-burger {
	display: none; width: 46px; height: 46px; border-radius: 12px; background: var(--dgt-light);
	flex-direction: column; align-items: center; justify-content: center; gap: 5px;
}
.dgt-page .dgt-burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: var(--dgt-heading); transition: transform .3s, width .3s; }
.dgt-page .dgt-burger span:nth-child(2) { width: 14px; margin-left: 6px; }
.dgt-page .dgt-burger:hover span:nth-child(2) { width: 20px; margin-left: 0; }
.dgt-page .dgt-burger:hover,
.dgt-page .dgt-burger:focus { background-color: var(--dgt-lavender); }

/* Mega menu split into titled columns ("Column heading" rows) */
.dgt-page .dgt-nav .dgt-mega-item > .sub-menu.dgt-mega.dgt-mega--cols { grid-template-columns: repeat(var(--groups, 2), minmax(0, 1fr)) 270px; gap: 10px; width: min(1010px, calc(100vw - 48px)); }
.dgt-page .dgt-nav .dgt-mega-item > .sub-menu.dgt-mega.dgt-mega--cols:not(:has(> .dgt-mega__promo)) { grid-template-columns: repeat(var(--groups, 2), minmax(0, 1fr)); width: min(760px, calc(100vw - 48px)); }
.dgt-page .dgt-nav .dgt-mega--cols > .dgt-mega__promo { grid-column: -2 / -1; grid-row: 1; }
.dgt-page .dgt-mega__col { min-width: 0; }
.dgt-page .dgt-mega__col + .dgt-mega__col { padding-left: 10px; border-left: 1px dashed var(--dgt-border); }
.dgt-page .dgt-mega__list { display: grid; gap: 2px; }
.dgt-page .dgt-mega__h,
.dgt-page .dgt-nav .sub-menu a.dgt-mega__h {
	display: flex; align-items: center; gap: 8px; margin: 0 0 6px; padding: 8px 12px 10px; border-radius: 0; border-bottom: 1px solid var(--dgt-border);
	font: 700 11.5px/1.3 var(--dgt-font-h); letter-spacing: .14em; text-transform: uppercase; color: var(--dgt-blue);
}
.dgt-page .dgt-nav .sub-menu a.dgt-mega__h:hover { background: none; color: var(--dgt-primary); }
.dgt-page .dgt-mega__h .dgt-ico { width: 14px; height: 14px; margin-left: auto; transition: transform .3s var(--dgt-ease); }
.dgt-page .dgt-nav .sub-menu a.dgt-mega__h:hover .dgt-ico { transform: translateX(3px); }
.dgt-page .dgt-sub-h { padding: 10px 12px 4px; font: 700 11px/1.3 var(--dgt-font-h); letter-spacing: .14em; text-transform: uppercase; color: var(--dgt-muted); }

/* Not enough room for the whole menu? The script steps down: tighter menu → phone icon only → no phone → burger menu. */
.dgt-page .dgt-header.is-fit-1 .dgt-nav .dgt-menu { gap: 0; }
.dgt-page .dgt-header.is-fit-1 .dgt-nav .dgt-menu > li > a { padding: 12px 10px; font-size: 14.5px; }
.dgt-page .dgt-header.is-fit-1 .dgt-nav .dgt-menu > li > a::after { left: 10px; right: 10px; }
.dgt-page .dgt-header.is-fit-1 .dgt-call__txt { display: none; }
.dgt-page .dgt-header.is-fit-1 .dgt-header__in { gap: 18px; }
.dgt-page .dgt-header.is-fit-2 .dgt-header__actions .dgt-call { display: none; }
.dgt-page .dgt-header.is-fit-2 .dgt-nav .dgt-menu > li > a { padding: 12px 8px; }
.dgt-page .dgt-header.is-fit-2 .dgt-nav .dgt-menu > li > a::after { left: 8px; right: 8px; }
.dgt-page .dgt-header.is-compact .dgt-nav { display: none; }
.dgt-page .dgt-header.is-compact .dgt-burger { display: inline-flex; }
.dgt-page .dgt-header.is-compact .dgt-header__actions { margin-left: auto; }
.dgt-page .dgt-header.is-compact .dgt-header__actions .dgt-call { display: flex; }
.dgt-page .dgt-header.is-compact .dgt-call__txt { display: block; }

/* Mobile drawer */
.dgt-page .dgt-drawer { position: fixed; inset: 0; z-index: 100000; visibility: hidden; pointer-events: none; }
.dgt-page .dgt-drawer.is-open { visibility: visible; pointer-events: auto; }
.dgt-page .dgt-drawer__overlay { position: absolute; inset: 0; background: rgba(10, 18, 38, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; transition: opacity .4s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__overlay { opacity: 1; }
.dgt-page .dgt-drawer__panel {
	position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 92vw);
	display: flex; flex-direction: column; background: #fff;
	transform: translateX(100%); transition: transform .5s cubic-bezier(.7, 0, .2, 1);
	box-shadow: -30px 0 60px -20px rgba(0, 0, 0, .35);
}
.dgt-page .dgt-drawer.is-open .dgt-drawer__panel { transform: none; }
.dgt-page .dgt-drawer__panel::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--dgt-google); }
.dgt-page .dgt-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid var(--dgt-border); }
.dgt-page .dgt-drawer__head .dgt-logo img { height: 40px; }
.dgt-page .dgt-drawer__close { width: 44px; height: 44px; border-radius: 12px; background: var(--dgt-light); display: grid; place-items: center; color: var(--dgt-heading); transition: transform .3s, background-color .2s; }
.dgt-page .dgt-drawer__close:focus:not(:hover) { background: var(--dgt-light); color: var(--dgt-heading); }
.dgt-page .dgt-drawer__close:hover { transform: rotate(90deg); background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-drawer__nav { flex: 1; overflow-y: auto; padding: 10px 16px; overscroll-behavior: contain; }
.dgt-page .dgt-drawer__nav .dgt-menu > li { position: relative; border-bottom: 1px solid var(--dgt-border); }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li { animation: dgtRevealRight .55s var(--dgt-ease) backwards; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(1) { animation-delay: .12s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(2) { animation-delay: .17s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(3) { animation-delay: .22s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(4) { animation-delay: .27s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(5) { animation-delay: .32s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(6) { animation-delay: .37s; }
.dgt-page .dgt-drawer.is-open .dgt-drawer__nav .dgt-menu > li:nth-child(n+7) { animation-delay: .42s; }
.dgt-page .dgt-drawer__nav .dgt-menu > li > a { display: flex; align-items: center; gap: 8px; padding: 16px 52px 16px 6px; font: 600 16.5px/1.3 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-drawer__nav .dgt-menu > li.current-menu-item > a { color: var(--dgt-primary); }
.dgt-page .dgt-drawer__nav .dgt-caret { display: none; }
.dgt-page .dgt-sub-toggle {
	position: absolute; right: 0; top: 9px; width: 40px; height: 40px; border-radius: 12px;
	background: var(--dgt-light); display: grid; place-items: center; color: var(--dgt-heading);
}
.dgt-page .dgt-sub-toggle svg { width: 18px; height: 18px; transition: transform .3s; }
.dgt-page .dgt-sub-toggle:hover,
.dgt-page .dgt-sub-toggle:focus { background: var(--dgt-lavender); color: var(--dgt-heading); }
.dgt-page .is-sub-open > .dgt-sub-toggle,
.dgt-page .is-sub-open > .dgt-sub-toggle:hover,
.dgt-page .is-sub-open > .dgt-sub-toggle:focus { background: var(--dgt-primary); color: #fff; }
.dgt-page .is-sub-open > .dgt-sub-toggle svg { transform: rotate(180deg); }
.dgt-page .dgt-drawer__nav .sub-menu { display: none; padding: 0 0 12px 4px; }
.dgt-page .dgt-drawer__nav .is-sub-open > .sub-menu { display: block; animation: dgtRevealUp .4s var(--dgt-ease); }
.dgt-page .dgt-drawer__nav .sub-menu a { display: flex; align-items: center; gap: 12px; padding: 9px 6px; border-radius: 10px; font-size: 15px; color: var(--dgt-text); }
.dgt-page .dgt-drawer__nav .sub-menu a:hover { background: var(--dgt-light); color: var(--dgt-primary); }
.dgt-page .dgt-drawer__nav .dgt-sub-ico { width: 34px; height: 34px; border-radius: 10px; font-size: 14px; }
.dgt-page .dgt-drawer__nav .dgt-sub-desc,
.dgt-page .dgt-drawer__nav .dgt-mega__promo,
.dgt-page .dgt-drawer__nav .dgt-mega__h .dgt-ico { display: none; }
.dgt-page .dgt-drawer__nav .dgt-mega__h,
.dgt-page .dgt-drawer__nav .sub-menu a.dgt-mega__h { display: block; padding: 12px 6px 4px; border-radius: 0; background: none; font: 700 11px/1.3 var(--dgt-font-h); letter-spacing: .14em; text-transform: uppercase; color: var(--dgt-blue); }
.dgt-page .dgt-drawer__foot { display: grid; gap: 16px; padding: 18px 22px 26px; border-top: 1px solid var(--dgt-border); background: var(--dgt-light); }
.dgt-page .dgt-drawer__contact { display: grid; gap: 8px; }
.dgt-page .dgt-drawer__contact a { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--dgt-heading); }
.dgt-page .dgt-drawer__contact .dgt-ico { width: 18px; height: 18px; color: var(--dgt-primary); }

/* Social icons */
.dgt-page .dgt-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.dgt-page .dgt-socials a {
	width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center;
	background: #fff; border: 1px solid var(--dgt-border); color: var(--dgt-heading); font-size: 15px;
	transition: transform .25s var(--dgt-ease), background-color .25s, color .25s, border-color .25s;
}
.dgt-page .dgt-socials a:hover { background: var(--dgt-primary); border-color: var(--dgt-primary); color: #fff; transform: translateY(-3px); }
.dgt-page .dgt-socials svg { width: 15px; height: 15px; fill: currentColor; }
.dgt-page .dgt-socials--sm { gap: 6px; }
.dgt-page .dgt-socials--sm a { width: 28px; height: 28px; border-radius: 8px; border: 0; background: rgba(255, 255, 255, .1); color: #fff; font-size: 12px; }
.dgt-page .dgt-socials--sm svg { width: 12px; height: 12px; }
.dgt-page .dgt-socials--footer a { background: var(--dgt-light); border-color: var(--dgt-border); color: var(--dgt-heading); }

/* ==========================================================================
   9. Footer (white)
   ========================================================================== */
.dgt-page .dgt-footer {
	--dgt-footer-bg: #fff;
	--dgt-footer-text: var(--dgt-text);
	--dgt-footer-head: var(--dgt-heading);
	--dgt-footer-hover: var(--dgt-primary);
	--dgt-footer-bottom: var(--dgt-light);
	--dgt-fcta-1: var(--dgt-secondary);
	--dgt-fcta-2: var(--dgt-secondary-2);
	--dgt-wordmark: #EAF0FA;
	--dgt-wordmark-line: rgba(23, 42, 82, .1);
	position: relative; overflow: hidden;
	background-color: var(--dgt-footer-bg);
	background-image: radial-gradient(rgba(20, 33, 61, .06) 1px, transparent 1.5px);
	background-size: 24px 24px;
	color: var(--dgt-footer-text);
	font-size: 15px;
	border-top: 1px solid var(--dgt-border);
}
.dgt-page .dgt-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--dgt-google); z-index: 2; }
.dgt-page .dgt-footer::after {
	content: ""; position: absolute; width: 620px; height: 620px; right: -220px; top: -260px; border-radius: 50%;
	background: radial-gradient(circle, rgba(66, 133, 244, .1), transparent 65%); pointer-events: none;
}

/* CTA card */
.dgt-page .dgt-fcta {
	--dgt-heading: #fff;
	--dgt-hl-bg: var(--dgt-fcta-hl-bg, #fff);
	--dgt-hl-color: var(--dgt-fcta-hl-color, var(--dgt-primary));
	position: relative; overflow: hidden; z-index: 1;
	display: flex; align-items: center; justify-content: space-between; gap: 36px;
	margin-top: 80px; padding: 46px 52px; border-radius: 26px;
	background:
		radial-gradient(460px circle at 94% -10%, rgba(253, 103, 49, .34), transparent 62%),
		radial-gradient(380px circle at 0% 110%, rgba(66, 133, 244, .3), transparent 62%),
		linear-gradient(125deg, var(--dgt-fcta-1) 0%, var(--dgt-fcta-2) 100%);
	color: rgba(255, 255, 255, .85);
	box-shadow: 0 40px 80px -40px rgba(20, 33, 61, .6);
}
.dgt-page .dgt-fcta__content { position: relative; z-index: 1; max-width: 660px; }
.dgt-page .dgt-fcta__title { font-size: clamp(26px, 2.2vw + 12px, 38px); margin: 16px 0 10px; color: #fff; }
.dgt-page .dgt-fcta p { margin: 0; font-size: 16px; }
.dgt-page .dgt-fcta__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; flex-shrink: 0; }
.dgt-page .dgt-fcta__deco span { position: absolute; border-radius: 50%; pointer-events: none; }
.dgt-page .dgt-fcta__deco span:nth-child(1) { width: 320px; height: 320px; right: -80px; top: -150px; border: 40px solid rgba(255, 255, 255, .06); animation: dgtSpinCss 30s linear infinite; }
.dgt-page .dgt-fcta__deco span:nth-child(2) { width: 16px; height: 16px; right: 28%; top: 22px; background: #fff; animation: dgtFloatY 4s ease-in-out infinite; }
.dgt-page .dgt-fcta__deco span:nth-child(3) { width: 12px; height: 12px; right: 36%; bottom: 26px; background: var(--dgt-g-yellow); animation: dgtFloatY 5s ease-in-out infinite -2s; }
.dgt-page .dgt-fcta__deco span:nth-child(4) { width: 180px; height: 180px; left: -60px; bottom: -110px; border: 2px dashed rgba(255, 255, 255, .2); }

.dgt-page .dgt-footer__main { position: relative; z-index: 1; padding: 76px 0 34px; }
.dgt-page .dgt-footer__grid { display: grid; grid-template-columns: 1.45fr 1fr 1.1fr 1.35fr; gap: 48px; }
.dgt-page .dgt-footer .dgt-logo img { height: 48px; }
.dgt-page .dgt-footer__about { margin: 20px 0 20px; line-height: 1.75; }
.dgt-page .dgt-status {
	display: inline-flex; align-items: center; gap: 9px; margin: 0 0 22px; padding: 7px 14px 7px 12px; border-radius: 999px;
	background: rgba(30, 142, 62, .1); color: var(--dgt-green-d); font-size: 13px; font-weight: 600;
}
.dgt-page .dgt-footer__h { position: relative; margin: 0 0 22px; padding-bottom: 14px; font: 700 17px/1.3 var(--dgt-font-h); color: var(--dgt-footer-head); }
.dgt-page .dgt-footer__h::after { content: ""; position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; border-radius: 3px; background: var(--dgt-google); }
.dgt-page .dgt-flinks { display: grid; gap: 11px; }
.dgt-page .dgt-flinks a { display: inline-flex; align-items: center; gap: 10px; color: var(--dgt-footer-text); transition: color .2s, transform .25s var(--dgt-ease); }
.dgt-page .dgt-flinks a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .35; transition: background-color .2s, opacity .2s, transform .25s; }
.dgt-page .dgt-flinks a:hover { color: var(--dgt-footer-hover); transform: translateX(4px); }
.dgt-page .dgt-flinks a:hover::before { background: var(--dgt-primary); opacity: 1; transform: scale(1.3); }
.dgt-page .dgt-clist { display: grid; gap: 15px; margin: 0 0 22px; }
.dgt-page .dgt-clist li { display: flex; align-items: flex-start; gap: 13px; line-height: 1.55; }
.dgt-page .dgt-clist__ico { width: 38px; height: 38px; border-radius: 12px; flex-shrink: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--dgt-rot) 12%, #fff); color: var(--dgt-rot-text); margin-top: -6px; }
.dgt-page .dgt-clist__ico .dgt-ico { width: 17px; height: 17px; }
.dgt-page .dgt-clist a { color: var(--dgt-footer-text); transition: color .2s; word-break: break-word; }
.dgt-page .dgt-clist a:hover { color: var(--dgt-footer-hover); }
/* Giant wordmark: a soft blue-grey watermark that fades into a shade and bleeds off the bottom edge,
   so it never shows completely. Letters rise in one by one when the footer scrolls into view. */
.dgt-page .dgt-footer__wordmark { position: relative; z-index: 0; overflow: hidden; padding-top: 12px; text-align: center; pointer-events: none; -webkit-user-select: none; user-select: none; }
.dgt-page .dgt-footer__word { display: block; margin-bottom: -.2em; white-space: nowrap; font: 900 clamp(64px, 16.5vw, 270px)/.8 var(--dgt-font-h); letter-spacing: -.05em; }
.dgt-page .dgt-footer__word i {
	display: inline-block; font-style: normal; color: transparent;
	background-image: linear-gradient(180deg, #DCE6F7 0%, var(--dgt-wordmark) 46%, rgba(234, 240, 250, 0) 96%);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-stroke: 1.5px var(--dgt-wordmark-line);
	transition: transform 1.1s cubic-bezier(.2, .8, .2, 1), opacity .9s ease;
	transition-delay: calc(var(--i, 0) * 70ms);
}
.dgt-page .dgt-footer__word .is-space { width: .22em; }
.dgt-page .dgt-footer__wordmark::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 58%; background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--dgt-footer-bg) 94%); }
.dgt-anim-yes .dgt-page.dgt-js .dgt-footer__wordmark.dgt-reveal:not(.is-in) { opacity: 1; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-footer__wordmark.dgt-reveal.is-in { animation: none; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-footer__wordmark:not(.is-in) .dgt-footer__word i { opacity: 0; transform: translateY(65%); }
.dgt-page .dgt-footer__bottom { position: relative; z-index: 1; background: var(--dgt-footer-bottom); border-top: 1px solid var(--dgt-border); padding: 18px 0; font-size: 14px; }
.dgt-page .dgt-footer__bottom-in { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; }
.dgt-page .dgt-footer__bottom p { margin: 0; }
.dgt-page .dgt-footer__bottom .dgt-flinks { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.dgt-page .dgt-footer__bottom .dgt-flinks a::before { display: none; }
.dgt-page .dgt-footer__bottom .dgt-flinks a:hover { transform: none; }

.dgt-page .dgt-totop {
	position: fixed; right: 22px; bottom: 22px; z-index: 9990; width: 54px; height: 54px; border-radius: 50%;
	display: grid; place-items: center; background: var(--dgt-secondary); color: #fff;
	box-shadow: 0 16px 30px -12px rgba(20, 33, 61, .6);
	opacity: 0; visibility: hidden; transform: translateY(18px); transition: opacity .3s, transform .3s var(--dgt-ease), visibility .3s, background-color .2s;
}
.dgt-page .dgt-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.dgt-page .dgt-totop:focus:not(:hover) { background: var(--dgt-secondary); color: #fff; }
.dgt-page .dgt-totop:hover { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-totop .dgt-ico { width: 20px; height: 20px; position: relative; z-index: 1; }
.dgt-page .dgt-totop__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.dgt-page .dgt-totop__ring circle { fill: none; stroke: var(--dgt-primary); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; }

/* ==========================================================================
   10. Sections
   ========================================================================== */

/* --- Home hero --- */
.dgt-page .dgt-hero { padding: 84px 0 160px; background: #fff; }
.dgt-page .dgt-hero__bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.dgt-page .dgt-hero__in { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
.dgt-page .dgt-hero__title { font-size: clamp(38px, 3.6vw + 16px, 66px); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; margin: 0 0 22px; }
.dgt-page .dgt-hero .dgt-lead { font-size: 1.14em; margin-bottom: 24px; max-width: 590px; }
.dgt-page .dgt-trust { display: flex; align-items: center; gap: 16px; margin-top: 36px; padding-top: 26px; border-top: 1px dashed var(--dgt-border); }
.dgt-page .dgt-trust__rating { display: flex; align-items: center; gap: 8px; }
.dgt-page .dgt-trust__rating b { font: 800 17px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-trust__txt small { display: block; font-size: 13.5px; color: var(--dgt-muted); margin-top: 2px; }
.dgt-page .dgt-hero__art { position: relative; }
.dgt-page .dgt-hero__art .dgt-illus { max-width: 640px; margin-left: auto; }
.dgt-page .dgt-fcard {
	position: absolute; z-index: 2; display: flex; align-items: center; gap: 12px;
	padding: 12px 20px 12px 12px; border-radius: 18px; background: rgba(255, 255, 255, .94);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	box-shadow: 0 24px 44px -18px rgba(20, 33, 61, .38); border: 1px solid rgba(255, 255, 255, .7);
	animation: dgtFloatY 5.5s ease-in-out infinite;
}
.dgt-page .dgt-fcard--1 { top: 4%; left: -3%; }
.dgt-page .dgt-fcard--2 { top: 44%; right: -3%; animation-delay: -2s; }
.dgt-page .dgt-fcard--3 { bottom: -2%; left: 12%; animation-delay: -3.6s; }
.dgt-page .dgt-fcard__ico { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: var(--c); color: var(--c-ink); box-shadow: 0 10px 18px -8px var(--c); }
.dgt-page .dgt-fcard__ico .dgt-ico { width: 20px; height: 20px; }
.dgt-page .dgt-fcard b { display: block; font: 800 21px/1.1 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-fcard small { font-size: 12.5px; color: var(--dgt-muted); white-space: nowrap; }

/* --- Inner page hero --- */
.dgt-page .dgt-phero { padding: 76px 0 140px; background: linear-gradient(180deg, #F1F6FF 0%, #fff 100%); }
.dgt-page .dgt-phero__bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.dgt-page .dgt-phero__in { display: grid; grid-template-columns: 1.1fr .9fr; gap: 52px; align-items: center; }
.dgt-page .dgt-crumbs {
	display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 7px 16px;
	border-radius: 999px; background: #fff; border: 1px solid var(--dgt-border);
	font: 600 13.5px var(--dgt-font-h); box-shadow: 0 8px 20px -16px rgba(20, 33, 61, .5);
}
.dgt-page .dgt-crumbs a { color: var(--dgt-muted); transition: color .2s; }
.dgt-page .dgt-crumbs a:hover { color: var(--dgt-primary); }
.dgt-page .dgt-crumbs .dgt-ico { width: 14px; height: 14px; color: var(--dgt-muted); }
.dgt-page .dgt-crumbs span { color: var(--dgt-primary); }
.dgt-page .dgt-phero__title { font-size: clamp(34px, 3.2vw + 14px, 60px); font-weight: 800; line-height: 1.1; letter-spacing: -.03em; margin: 16px 0 20px; }
.dgt-page .dgt-phero .dgt-lead { margin-bottom: 30px; }
.dgt-page .dgt-phero__art .dgt-illus { max-width: 540px; margin-left: auto; }

/* --- Partners / tech marquee --- */
.dgt-page .dgt-logos { padding: 46px 0 50px; border-bottom: 1px solid var(--dgt-border); }
.dgt-page .dgt-logos .dgt-head { margin-bottom: 26px; }
.dgt-page .dgt-logos .dgt-eyebrow { color: var(--dgt-eyebrow, var(--dgt-muted)); letter-spacing: .14em; }
.dgt-page .dgt-marquee {
	--dur: 45s; position: relative; overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.dgt-page .dgt-marquee__track { display: flex; width: max-content; animation: dgtMarquee var(--dur) linear infinite; padding: 8px 0 12px; }
.dgt-page .dgt-marquee.is-reverse .dgt-marquee__track { animation-direction: reverse; }
.dgt-page .dgt-marquee:hover .dgt-marquee__track { animation-play-state: paused; }
.dgt-page .dgt-marquee__list { display: flex; gap: 16px; padding-right: 16px; }
.dgt-page .dgt-mq {
	display: inline-flex; align-items: center; gap: 12px; padding: 10px 22px 10px 10px; border-radius: 16px;
	background: #fff; border: 1px solid var(--dgt-border); white-space: nowrap;
	font: 600 15px var(--dgt-font-h); color: var(--dgt-heading);
	transition: transform .3s var(--dgt-ease), border-color .3s, box-shadow .3s;
}
.dgt-page .dgt-mq:hover { transform: translateY(-4px); border-color: var(--c); box-shadow: 0 16px 30px -18px var(--c); }
.dgt-page .dgt-mq__ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: var(--c-tint); color: var(--c-text); font-size: 19px; }
.dgt-page .dgt-mq__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c); margin-left: 8px; }
.dgt-page .dgt-mq__img { height: 34px; width: auto; }

/* --- Video reviews: a simple grid of identical video cards (last row centred) --- */
.dgt-page .dgt-videos { --dgt-vratio: 16 / 9; background: #fff; }
.dgt-page .dgt-vtrust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; margin: -26px 0 46px; }
.dgt-page .dgt-vtrust li {
	display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px 9px 12px; border-radius: 999px;
	background: var(--dgt-light); border: 1px solid var(--dgt-border); font: 600 14px var(--dgt-font-h); color: var(--dgt-heading);
}
.dgt-page .dgt-vtrust .dgt-ico { width: 18px; height: 18px; color: var(--c-text); }

.dgt-page .dgt-vgrid { --cols: 3; --gap: 24px; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap); }
.dgt-page .dgt-vgrid > .dgt-vcard { flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)); min-width: 0; }
.dgt-page .dgt-vcard {
	position: relative; display: flex; flex-direction: column; overflow: hidden;
	border-radius: 22px; background: #fff; border: 1px solid var(--dgt-border);
	box-shadow: 0 18px 40px -32px rgba(20, 33, 61, .45);
	transition: border-color .25s, box-shadow .25s;
}
.dgt-page .dgt-vcard:hover { border-color: #C9D9F5; box-shadow: 0 26px 50px -30px rgba(20, 33, 61, .42); }
.dgt-page .dgt-vcard.is-started { border-color: var(--dgt-primary); }

/* Media */
.dgt-page .dgt-vcard__media { position: relative; overflow: hidden; isolation: isolate; aspect-ratio: var(--dgt-vratio); margin: 8px 8px 0; border-radius: 16px; background: #0F1A30; }
.dgt-page .dgt-vcard__media::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(10, 18, 38, .3) 0%, rgba(10, 18, 38, 0) 34%, rgba(10, 18, 38, 0) 66%, rgba(10, 18, 38, .38) 100%); }
.dgt-page .dgt-vcard__video,
.dgt-page .dgt-vcard__poster,
.dgt-page .dgt-vcard__iframe { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; border: 0; border-radius: 0; display: block; object-fit: cover; }
.dgt-page .dgt-vcard__poster.is-yt { transform: scale(1.34); }
.dgt-page .dgt-vcard__iframe { z-index: 4; background: #000; }
.dgt-page .dgt-vcard.is-started .dgt-vcard__video { object-fit: contain; background: #000; }
.dgt-page .dgt-vcard.is-started .dgt-vcard__media::after { display: none; }
.dgt-page .dgt-vcard__ph {
	position: absolute; inset: 0; display: grid; place-items: center; color: #A8C7FA;
	background: radial-gradient(circle at 18% 14%, rgba(66, 133, 244, .45), transparent 48%), linear-gradient(160deg, var(--dgt-secondary-2), var(--dgt-secondary));
}
.dgt-page .dgt-vcard__ph .dgt-ico { width: 52px; height: 52px; }
.dgt-page .dgt-vcard__tag {
	position: absolute; left: 12px; top: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px;
	background: rgba(255, 255, 255, .95); color: #14213D; font: 700 10.5px/1 var(--dgt-font-h); letter-spacing: .08em; text-transform: uppercase;
}
.dgt-page .dgt-vcard__tag .dgt-ico { width: 11px; height: 11px; color: var(--dgt-primary); }
.dgt-page .dgt-vcard__dur { position: absolute; right: 12px; bottom: 12px; z-index: 2; padding: 5px 9px; border-radius: 7px; background: rgba(10, 18, 38, .75); color: #fff; font: 700 12px/1 var(--dgt-font-h); }
.dgt-page .dgt-vcard__dur[hidden] { display: none; }
.dgt-page .dgt-vcard__play {
	position: absolute; left: 50%; top: 50%; z-index: 3; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%;
	display: grid; place-items: center; background: #fff; color: var(--dgt-primary); box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .5);
	transition: background-color .2s, color .2s;
}
.dgt-page .dgt-vcard__play:focus { background: #fff; color: var(--dgt-primary); }
.dgt-page .dgt-vcard:hover .dgt-vcard__play,
.dgt-page .dgt-vcard .dgt-vcard__play:focus-visible { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-vcard__play .dgt-ico { width: 24px; height: 24px; margin-left: 3px; }
.dgt-page .dgt-vcard.is-started .dgt-vcard__play,
.dgt-page .dgt-vcard.is-started .dgt-vcard__tag,
.dgt-page .dgt-vcard.is-started .dgt-vcard__dur { display: none; }

/* Details */
.dgt-page .dgt-vcard__body { flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 18px 20px 20px; }
.dgt-page .dgt-vcard__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 10px; }
.dgt-page .dgt-vcard__meta .dgt-stars svg { width: 15px; height: 15px; }
.dgt-page .dgt-vcard__result { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgba(30, 142, 62, .1); color: var(--dgt-green-d); font: 700 12.5px/1.2 var(--dgt-font-h); }
.dgt-page .dgt-vcard__result .dgt-ico { width: 14px; height: 14px; }
.dgt-page .dgt-vcard__quote { flex: 1; margin: 0; font: 500 15.5px/1.6 var(--dgt-font-h); color: var(--dgt-heading); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dgt-page .dgt-vcard__who { display: flex; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px dashed var(--dgt-border); }
.dgt-page .dgt-vcard .dgt-vcard__avatar { width: 40px; height: 40px; font-size: 13px; }
.dgt-page .dgt-vcard__id { min-width: 0; }
.dgt-page .dgt-vcard__id b { display: block; font: 700 15px/1.3 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-vcard__id small { display: block; font-size: 13px; line-height: 1.35; color: var(--dgt-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* --- Values (overlapping cards) --- */
.dgt-page .dgt-values { padding: 0 0 100px; }
.dgt-page .dgt-values__top { position: relative; background: var(--dgt-light); padding: 100px 0 160px; }
.dgt-page .dgt-values__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; }
.dgt-page .dgt-values__art .dgt-illus { max-width: 480px; margin-left: auto; }
.dgt-page .dgt-values__cards { margin-top: -100px; }

/* --- Card grids --- */
.dgt-page .dgt-cardsec--mvv { background: var(--dgt-light); }
.dgt-page .dgt-card {
	position: relative; display: block; overflow: hidden; isolation: isolate;
	padding: 34px 28px 30px; border-radius: var(--dgt-radius);
	background: var(--dgt-card-bg, #fff); border: 1px solid var(--dgt-border); color: var(--dgt-text);
	transition: transform .45s var(--dgt-ease), box-shadow .45s, border-color .45s, color .35s;
}
.dgt-page .dgt-card::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
	background: var(--c); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--dgt-ease);
}
.dgt-page .dgt-card:hover { transform: translateY(-8px); border-color: transparent; box-shadow: var(--dgt-shadow-lg); }
.dgt-page .dgt-card:hover::before { transform: scaleX(1); }
.dgt-page .dgt-card__num { position: absolute; top: 16px; right: 22px; font: 800 46px/1 var(--dgt-font-h); color: var(--c); opacity: .12; transition: opacity .35s, transform .45s var(--dgt-ease); }
.dgt-page .dgt-card:hover .dgt-card__num { opacity: .2; transform: translateY(-4px); }
.dgt-page .dgt-card__ico {
	position: relative; width: 64px; height: 64px; margin-bottom: 22px; border-radius: 18px;
	display: grid; place-items: center; font-size: 25px;
	color: var(--c-text); background: var(--c-tint);
	transition: background-color .35s, color .35s, transform .45s var(--dgt-ease);
}
.dgt-page .dgt-card__ico svg { width: 26px; height: 26px; }
.dgt-page .dgt-card:hover .dgt-card__ico { background: var(--c); color: var(--c-ink); transform: rotate(-8deg) scale(1.05); }
.dgt-page .dgt-card__title { font-size: 20px; margin: 0 0 10px; transition: color .35s; }
.dgt-page .dgt-card__text { margin: 0; font-size: 15px; line-height: 1.65; }
.dgt-page .dgt-card__more {
	display: inline-flex; align-items: center; gap: 8px; margin-top: 18px;
	font: 700 12.5px var(--dgt-font-h); letter-spacing: .08em; text-transform: uppercase; color: var(--dgt-primary);
	transition: gap .3s;
}
.dgt-page .dgt-card__more .dgt-ico { width: 16px; height: 16px; }
.dgt-page .dgt-card:hover .dgt-card__more { gap: 14px; }

.dgt-page .dgt-cards--value .dgt-card { border: 0; box-shadow: 0 26px 54px -28px rgba(20, 33, 61, .35); }
.dgt-page .dgt-cards--value .dgt-card::after {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(150deg, var(--dgt-secondary), var(--dgt-secondary-2));
	transform: scaleY(0); transform-origin: bottom; transition: transform .5s var(--dgt-ease);
}
.dgt-page .dgt-cards--value .dgt-card:hover { color: rgba(255, 255, 255, .8); }
.dgt-page .dgt-cards--value .dgt-card:hover::after { transform: scaleY(1); }
.dgt-page .dgt-cards--value .dgt-card:hover .dgt-card__title { color: #fff; }
.dgt-page .dgt-cards--value .dgt-card:hover .dgt-card__ico { background: rgba(255, 255, 255, .12); color: #fff; }
.dgt-page .dgt-cards--value .dgt-card:hover .dgt-card__num { color: #fff; opacity: .14; }

.dgt-page .dgt-cards--mvv .dgt-card { text-align: center; padding: 44px 32px 38px; }
.dgt-page .dgt-cards--mvv .dgt-card::before { transform: scaleX(1); height: 5px; }
.dgt-page .dgt-cards--mvv .dgt-card__ico { width: 80px; height: 80px; margin: 0 auto 24px; border-radius: 50%; background: var(--c); color: var(--c-ink); font-size: 30px; box-shadow: 0 16px 30px -14px var(--c); }
.dgt-page .dgt-cards--mvv .dgt-card__ico::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 2px dashed var(--c); opacity: .45; animation: dgtSpinCss 16s linear infinite; }
.dgt-page .dgt-cards--mvv .dgt-card__num { display: none; }
.dgt-page .dgt-cards--mvv .dgt-card__title { font-size: 22px; }

/* --- Growth band --- */
.dgt-page .dgt-promo { background: var(--dgt-lavender); }
.dgt-page .dgt-promo__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 64px; align-items: center; }
.dgt-page .dgt-promo.is-reverse .dgt-promo__art { order: 2; }
.dgt-page .dgt-promo__art .dgt-illus { max-width: 540px; margin: 0 auto; }

/* --- Service spotlights --- */
.dgt-page .dgt-spots { padding: 100px 0 0; }
.dgt-page .dgt-spots > .dgt-container .dgt-head { margin-bottom: 10px; }
.dgt-page .dgt-spot { position: relative; padding: 74px 0; }
.dgt-page .dgt-spot.is-alt { background: var(--dgt-light); }
.dgt-page .dgt-spot__kicker { text-align: center; font-size: clamp(28px, 2vw + 14px, 44px); margin: 0 0 46px; }
.dgt-page .dgt-spot__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.dgt-page .dgt-spot.is-right .dgt-spot__art { order: 2; }
.dgt-page .dgt-spot__art .dgt-illus { max-width: 520px; margin: 0 auto; }
.dgt-page .dgt-spot__title { font-size: clamp(24px, 1.2vw + 16px, 34px); line-height: 1.25; margin: 0 0 18px; }
.dgt-page .dgt-spot__content > p { margin: 0 0 22px; }

/* --- Process --- */
.dgt-page .dgt-process { background: var(--dgt-light); }
.dgt-page .dgt-steps { position: relative; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 28px; }
.dgt-page .dgt-steps__line {
	position: absolute; top: 44px; height: 2px;
	left: calc(100% / var(--n) / 2); right: calc(100% / var(--n) / 2);
	background: repeating-linear-gradient(90deg, #CFD8E6 0 8px, transparent 8px 16px);
}
.dgt-page .dgt-steps__line i { position: absolute; inset: 0; background: var(--dgt-google); transform: scaleX(0); transform-origin: left; transition: transform 1.8s cubic-bezier(.6, 0, .2, 1) .3s; }
.dgt-page .dgt-steps.is-in .dgt-steps__line i { transform: scaleX(1); }
.dgt-page .dgt-step { position: relative; text-align: center; padding: 0 6px; }
.dgt-page .dgt-step__badge {
	position: relative; width: 88px; height: 88px; margin: 0 auto 26px; border-radius: 50%;
	display: grid; place-items: center; background: #fff; box-shadow: 0 18px 40px -18px rgba(20, 33, 61, .4);
	transition: transform .45s var(--dgt-ease);
}
.dgt-page .dgt-step__badge::before { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 2px dashed var(--c); opacity: .55; animation: dgtSpinCss 18s linear infinite; }
.dgt-page .dgt-step:hover .dgt-step__badge { transform: translateY(-6px) scale(1.04); }
.dgt-page .dgt-step__ico { font-size: 28px; color: var(--c-text); }
.dgt-page .dgt-step__ico svg { width: 28px; height: 28px; }
.dgt-page .dgt-step__num {
	position: absolute; top: -6px; right: -6px; width: 34px; height: 34px; border-radius: 50%;
	display: grid; place-items: center; background: var(--c); color: var(--c-ink); font: 800 12px var(--dgt-font-h);
	box-shadow: 0 0 0 4px var(--dgt-light);
}
.dgt-page .dgt-step__title { font-size: 19px; margin: 0 0 10px; }
.dgt-page .dgt-step p { margin: 0; font-size: 15px; }

/* --- Stats band --- */
.dgt-page .dgt-stats {
	--dgt-heading: #fff; --dgt-text: rgba(255, 255, 255, .75); --dgt-eyebrow: #fff;
	padding: 84px 0; background: linear-gradient(120deg, var(--dgt-secondary) 0%, var(--dgt-secondary-2) 100%);
}
.dgt-page .dgt-stats__deco span { position: absolute; border-radius: 50%; pointer-events: none; }
.dgt-page .dgt-stats__deco span:nth-child(1) { width: 420px; height: 420px; left: -160px; top: -220px; border: 50px solid rgba(255, 255, 255, .04); }
.dgt-page .dgt-stats__deco span:nth-child(2) { width: 300px; height: 300px; right: -100px; bottom: -180px; border: 2px dashed rgba(255, 255, 255, .15); animation: dgtSpinCss 40s linear infinite; }
.dgt-page .dgt-stats__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.dgt-page .dgt-stat { position: relative; text-align: center; padding: 10px 24px; }
.dgt-page .dgt-stat + .dgt-stat::before { content: ""; position: absolute; left: 0; top: 14%; bottom: 14%; width: 1px; background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .22), transparent); }
.dgt-page .dgt-stat__ico { width: 58px; height: 58px; margin: 0 auto 18px; border-radius: 17px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 20%, transparent); color: color-mix(in srgb, var(--c) 70%, #fff); font-size: 22px; }
.dgt-page .dgt-stat__ico svg { width: 22px; height: 22px; }
.dgt-page .dgt-stat__num { display: flex; align-items: baseline; justify-content: center; gap: 2px; font: 800 clamp(38px, 2.4vw + 22px, 58px)/1 var(--dgt-font-h); color: #fff; letter-spacing: -.02em; }
.dgt-page .dgt-stat__fix { color: color-mix(in srgb, var(--c) 70%, #fff); }
.dgt-page .dgt-stat__label { margin: 12px 0 0; font-size: 15px; }

/* --- Featured projects: endless curved carousel --- */
.dgt-page .dgt-worksec { --dgt-wcard-w: 440px; background: var(--dgt-light); }
.dgt-page .dgt-worksec__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.dgt-page .dgt-worksec__head .dgt-head { max-width: 720px; margin-bottom: 40px; }
.dgt-page .dgt-wcar__ctrl { display: flex; flex-shrink: 0; gap: 10px; margin-bottom: 46px; }
.dgt-page .dgt-navbtn.dgt-navbtn--line { border-color: var(--dgt-border); background: #fff; color: var(--dgt-heading); box-shadow: 0 10px 24px -16px rgba(20, 33, 61, .45); }
.dgt-page .dgt-navbtn.dgt-navbtn--line:hover,
.dgt-page .dgt-navbtn.dgt-navbtn--line:focus-visible { background: var(--dgt-primary); border-color: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-navbtn.dgt-navbtn--line:focus:not(:hover):not(:focus-visible) { background: #fff; color: var(--dgt-heading); }
.dgt-page .dgt-navbtn .dgt-ico { width: 19px; height: 19px; }
.dgt-page .dgt-wcar__toggle span { display: inline-flex; }
.dgt-page .dgt-wcar__toggle .dgt-ico { width: 15px; height: 15px; }
.dgt-page .dgt-wcar__toggle .is-play,
.dgt-page .dgt-wcar__toggle[aria-pressed="true"] .is-pause { display: none; }
.dgt-page .dgt-wcar__toggle[aria-pressed="true"] .is-play { display: inline-flex; }
.dgt-page .dgt-wcar__toggle[aria-pressed="true"] .is-play .dgt-ico { margin-left: 2px; }

.dgt-page .dgt-wcar {
	position: relative; overflow: hidden; padding: 26px 0 64px; margin-top: -14px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
	touch-action: pan-y; cursor: grab; -webkit-user-select: none; user-select: none;
}
.dgt-page .dgt-wcar:not(.is-ready) { overflow-x: auto; scrollbar-width: none; }
.dgt-page .dgt-wcar.is-dragging { cursor: grabbing; }
.dgt-page .dgt-wcar.is-dragging a { pointer-events: none; }
.dgt-page .dgt-wcar__track { display: flex; gap: 32px; width: max-content; will-change: transform; }
.dgt-page .dgt-wcard { flex: 0 0 var(--dgt-wcard-w); width: var(--dgt-wcard-w); transform-origin: 50% 130%; will-change: transform; }
.dgt-page .dgt-wcard__frame {
	position: relative; display: block; overflow: hidden; isolation: isolate; border-radius: 22px; background: #fff;
	box-shadow: 0 30px 60px -36px rgba(20, 33, 61, .55), 0 0 0 1px rgba(20, 33, 61, .07);
	transition: transform .6s var(--dgt-ease), box-shadow .6s;
}
.dgt-page .dgt-wcard__frame::after {
	content: ""; position: absolute; inset: 0; z-index: 4; padding: 2px; border-radius: inherit; pointer-events: none;
	background: conic-gradient(from var(--dgt-angle, 0deg), var(--dgt-g-blue), var(--dgt-g-red), var(--dgt-g-yellow), var(--dgt-g-green), var(--dgt-g-blue));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
	opacity: 0; transition: opacity .4s; animation: dgtAngle 3.5s linear infinite;
}
.dgt-page .dgt-wcard:hover .dgt-wcard__frame,
.dgt-page .dgt-wcard:focus-within .dgt-wcard__frame { transform: translateY(-12px); box-shadow: 0 46px 80px -38px rgba(20, 33, 61, .5), 0 0 0 1px rgba(20, 33, 61, .04); }
.dgt-page .dgt-wcard:hover .dgt-wcard__frame::after,
.dgt-page .dgt-wcard:focus-within .dgt-wcard__frame::after { opacity: 1; }
.dgt-page .dgt-wcard__bar { position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; padding: 11px 14px; background: #F0F4FA; border-bottom: 1px solid var(--dgt-border); }
.dgt-page .dgt-wcard__bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--dgt-g-red); }
.dgt-page .dgt-wcard__bar i:nth-child(2) { background: var(--dgt-g-yellow); }
.dgt-page .dgt-wcard__bar i:nth-child(3) { background: var(--dgt-g-green); }
.dgt-page .dgt-wcard__url { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; margin-left: 8px; padding: 5px 10px; border-radius: 8px; background: #fff; font: 500 12px/1.2 var(--dgt-font-b); color: var(--dgt-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dgt-page .dgt-wcard__url .dgt-ico { width: 12px; height: 12px; color: var(--dgt-g-green); }
.dgt-page .dgt-wcard__shot { position: relative; display: block; aspect-ratio: 16 / 11; overflow: hidden; background: linear-gradient(180deg, #F1F5FB, #E5EBF4); }
/* Full-page screenshot: scrolls top → bottom while the card is hovered */
.dgt-page .dgt-wcard__img {
	position: absolute; left: 0; top: 0; width: 100%; height: auto; min-height: 100%; max-width: none; border-radius: 0;
	object-fit: cover; object-position: top center; transform: translate3d(0, 0, 0);
	transition: transform .9s cubic-bezier(.45, .05, .35, 1);
}
.dgt-page .dgt-wcard:hover .dgt-wcard__img,
.dgt-page .dgt-wcard:focus-within .dgt-wcard__img { transform: translate3d(0, calc(var(--dgt-scroll, 0px) * -1), 0); transition-duration: var(--dgt-scroll-t, 5s); }
.dgt-page .dgt-wcard__shot::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 55%, rgba(10, 18, 38, .55)); opacity: 0; transition: opacity .4s; }
.dgt-page .dgt-wcard:hover .dgt-wcard__shot::after { opacity: 1; }
.dgt-page .dgt-wcard__hint {
	position: absolute; left: 14px; top: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 999px;
	background: rgba(10, 18, 38, .62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font: 600 11.5px/1 var(--dgt-font-h); letter-spacing: .04em;
	opacity: 0; transform: translateY(-8px); transition: opacity .35s, transform .35s var(--dgt-ease);
}
.dgt-page .dgt-wcard__hint .dgt-ico { width: 13px; height: 13px; animation: dgtBounce 1.2s ease-in-out infinite; }
.dgt-page .dgt-wcard__visit {
	position: absolute; right: 14px; bottom: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 6px;
	padding: 9px 14px; border-radius: 999px; background: #fff; color: #14213D; font: 700 13px var(--dgt-font-h);
	opacity: 0; transform: translateY(10px); transition: opacity .35s, transform .35s var(--dgt-ease);
}
.dgt-page .dgt-wcard__visit .dgt-ico { width: 15px; height: 15px; color: var(--dgt-primary); }
.dgt-page .dgt-wcard:hover .dgt-wcard__hint,
.dgt-page .dgt-wcard:hover .dgt-wcard__visit,
.dgt-page .dgt-wcard:focus-within .dgt-wcard__visit { opacity: 1; transform: none; }
.dgt-page .dgt-wcard__mock { position: absolute; inset: 0; display: grid; grid-template-rows: 22px 1fr 40px 40px; gap: 12px; padding: 22px; background: linear-gradient(150deg, var(--c), var(--dgt-secondary)); }
.dgt-page .dgt-wcard__mock span { display: block; border-radius: 10px; background: rgba(255, 255, 255, .16); }
.dgt-page .dgt-wcard__mock span:nth-child(1) { width: 40%; }
.dgt-page .dgt-wcard__mock span:nth-child(3) { width: 70%; }
.dgt-page .dgt-wcard__mock span:nth-child(4) { width: 45%; background: rgba(255, 255, 255, .3); }
.dgt-page .dgt-wcard__meta { display: flex; align-items: flex-start; gap: 16px; padding: 22px 6px 0; }
.dgt-page .dgt-wcard__n {
	flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;
	background: #fff; border: 1px solid var(--dgt-border); font: 800 14px var(--dgt-font-h); color: var(--c-text);
	transition: background-color .35s, color .35s, border-color .35s, transform .45s var(--dgt-ease);
}
.dgt-page .dgt-wcard:hover .dgt-wcard__n { background: var(--c); border-color: var(--c); color: var(--c-ink); transform: rotate(-8deg); }
.dgt-page .dgt-wcard__txt { min-width: 0; }
.dgt-page .dgt-wcard__cat { display: block; font: 700 11.5px/1.3 var(--dgt-font-h); letter-spacing: .12em; text-transform: uppercase; color: var(--c-text); }
.dgt-page .dgt-wcard__txt h3 { margin: 6px 0 4px; font-size: 20px; line-height: 1.25; }
.dgt-page .dgt-wcard__txt small { display: block; font-size: 13.5px; color: var(--dgt-muted); }
.dgt-page .dgt-worksec .dgt-center { margin-top: 0; }

/* --- Case studies: stacking cards --- */
.dgt-page .dgt-cases { background: #fff; }
.dgt-page .dgt-cases__stack { display: grid; gap: 34px; }
.dgt-page .dgt-case { position: relative; }
.dgt-page .dgt-case__in {
	--stack: 0;
	position: relative; overflow: hidden; isolation: isolate;
	display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr); gap: 46px; align-items: center;
	min-height: 520px; padding: 40px 42px; border-radius: 34px;
	background: #fff; border: 1px solid var(--dgt-border); color: var(--dgt-text);
	box-shadow: 0 40px 80px -50px rgba(20, 33, 61, .45);
	transform: scale(calc(1 - var(--stack) * .06)); transform-origin: 50% 0;
}
.dgt-page .dgt-case__in::before { content: ""; position: absolute; z-index: -1; width: 560px; height: 560px; right: -170px; top: -230px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--c) 14%, transparent), transparent 65%); pointer-events: none; }
.dgt-page .dgt-case__in::after { content: ""; position: absolute; inset: 0; z-index: 6; border-radius: inherit; background: #0A1226; opacity: calc(var(--stack) * .3); pointer-events: none; }
.dgt-page .dgt-case.is-cream .dgt-case__in { background: var(--dgt-lavender); border-color: #DCE6F8; }
.dgt-page .dgt-case.is-dark .dgt-case__in { --c-text: color-mix(in srgb, var(--c) 55%, #fff); --dgt-heading: #fff; --dgt-text: rgba(255, 255, 255, .72); --dgt-muted: rgba(255, 255, 255, .6); --dgt-border: rgba(255, 255, 255, .14); background: linear-gradient(135deg, var(--dgt-secondary) 0%, #0E1B36 100%); border-color: transparent; }
.dgt-page .dgt-case.is-brand .dgt-case__in { --c: #fff; --c-text: #fff; --dgt-heading: #fff; --dgt-text: rgba(255, 255, 255, .86); --dgt-muted: rgba(255, 255, 255, .72); --dgt-border: rgba(255, 255, 255, .24); --dgt-hl-bg: #fff; --dgt-hl-color: var(--dgt-primary); background: linear-gradient(135deg, var(--dgt-primary), #C2410C); border-color: transparent; }
.dgt-page .dgt-case.is-brand .dgt-case__in::before { background: radial-gradient(circle, rgba(255, 255, 255, .16), transparent 65%); }
@media (min-width: 1025px) {
	.dgt-page .dgt-cases__stack.is-stack:not(.is-flat) .dgt-case { position: sticky; top: calc(var(--dgt-admin, 0px) + var(--dgt-stick-top, 100px) + var(--i) * 18px); }
}
.dgt-page .dgt-case__content { position: relative; z-index: 1; min-width: 0; }
.dgt-page .dgt-case__top { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.dgt-page .dgt-case__logo { width: 52px; height: 52px; flex-shrink: 0; border-radius: 16px; display: grid; place-items: center; background: var(--dgt-secondary); color: #fff; font: 800 16px var(--dgt-font-h); letter-spacing: .02em; }
.dgt-page .dgt-case.is-dark .dgt-case__logo { background: var(--dgt-primary); }
.dgt-page .dgt-case.is-brand .dgt-case__logo { background: #fff; color: var(--dgt-primary); }
.dgt-page .dgt-case__client { flex: 1; min-width: 0; }
.dgt-page .dgt-case__client b { display: block; font: 700 16.5px/1.3 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-case__client small { font-size: 13.5px; color: var(--dgt-muted); }
.dgt-page .dgt-case__idx { font: 800 34px/1 var(--dgt-font-h); letter-spacing: -.02em; color: var(--c-text); }
.dgt-page .dgt-case__idx i { margin-left: 3px; font-style: normal; font-size: 15px; font-weight: 600; color: var(--dgt-muted); }
.dgt-page .dgt-case__title { margin: 0 0 20px; font-size: clamp(24px, 1.1vw + 15px, 34px); line-height: 1.18; letter-spacing: -.02em; }
.dgt-page .dgt-case__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.dgt-page .dgt-case__block { padding: 15px 17px; border-radius: 18px; background: var(--dgt-light); border: 1px solid var(--dgt-border); }
.dgt-page .dgt-case.is-cream .dgt-case__block { background: rgba(255, 255, 255, .72); border-color: #DCE6F8; }
.dgt-page .dgt-case.is-dark .dgt-case__block,
.dgt-page .dgt-case.is-brand .dgt-case__block { background: rgba(255, 255, 255, .07); }
.dgt-page .dgt-case__label { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; font: 700 12px/1 var(--dgt-font-h); letter-spacing: .12em; text-transform: uppercase; color: var(--c-text); }
.dgt-page .dgt-case__label .dgt-ico { width: 16px; height: 16px; }
.dgt-page .dgt-case__block p { margin: 0; font-size: 14px; line-height: 1.55; }
.dgt-page .dgt-case__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.dgt-page .dgt-case__tags li { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--dgt-border); background: #fff; font: 600 12.5px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-case.is-dark .dgt-case__tags li,
.dgt-page .dgt-case.is-brand .dgt-case__tags li { background: rgba(255, 255, 255, .08); }
.dgt-page .dgt-case__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 24px; padding: 16px 0; border-top: 1px dashed var(--dgt-border); border-bottom: 1px dashed var(--dgt-border); }
.dgt-page .dgt-case__metric { min-width: 0; padding: 0 16px; }
.dgt-page .dgt-case__metric:first-child { padding-left: 0; }
.dgt-page .dgt-case__metric + .dgt-case__metric { border-left: 1px solid var(--dgt-border); }
.dgt-page .dgt-case__metric b { display: block; margin-bottom: 6px; font: 800 clamp(26px, 1.1vw + 17px, 36px)/1 var(--dgt-font-h); letter-spacing: -.02em; color: var(--dgt-heading); white-space: nowrap; }
.dgt-page .dgt-case__metric > span { display: block; font-size: 13px; line-height: 1.4; color: var(--dgt-muted); }
.dgt-page .dgt-case__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.dgt-page .dgt-case__site { display: inline-flex; align-items: center; gap: 6px; padding-bottom: 2px; border-bottom: 2px solid var(--c); font: 700 14px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-case__site .dgt-ico { width: 16px; height: 16px; transition: transform .3s var(--dgt-ease); }
.dgt-page .dgt-case__site:hover { color: var(--c-text); }
.dgt-page .dgt-case__site:hover .dgt-ico { transform: translate(2px, -2px); }
.dgt-page .dgt-case.is-brand .dgt-btn--primary { background: #fff; color: var(--dgt-primary); box-shadow: 0 14px 28px -14px rgba(0, 0, 0, .4); }
.dgt-page .dgt-case.is-brand .dgt-btn--primary .dgt-btn__ico { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-case.is-brand .dgt-btn--primary:hover { background: var(--dgt-secondary); color: #fff; }

.dgt-page .dgt-case__visual { position: relative; z-index: 1; min-width: 0; align-self: stretch; display: flex; align-items: center; }
.dgt-page .dgt-case__art {
	position: relative; width: 100%; aspect-ratio: 5 / 4.4; overflow: hidden; display: grid; place-items: center; padding: 26px;
	border-radius: 26px; background: linear-gradient(160deg, #F4F8FF, #E3ECFB);
}
.dgt-page .dgt-case.is-cream .dgt-case__art { background: #fff; }
.dgt-page .dgt-case.is-dark .dgt-case__art { background: linear-gradient(160deg, rgba(255, 255, 255, .92), rgba(234, 241, 253, .86)); }
.dgt-page .dgt-case.is-brand .dgt-case__art { background: rgba(255, 255, 255, .94); }
.dgt-page .dgt-case__art .dgt-illus { max-width: 440px; }
.dgt-page .dgt-case__art:has(> .dgt-case__img) { padding: 0; }
.dgt-page .dgt-case__img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.dgt-page .dgt-case__browser { display: block; width: 100%; overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 30px 60px -30px rgba(20, 33, 61, .5); }
.dgt-page .dgt-case__bbar { display: flex; align-items: center; gap: 6px; padding: 10px 12px; background: #F0F4FA; }
.dgt-page .dgt-case__bbar i { width: 9px; height: 9px; border-radius: 50%; background: var(--dgt-g-red); }
.dgt-page .dgt-case__bbar i:nth-child(2) { background: var(--dgt-g-yellow); }
.dgt-page .dgt-case__bbar i:nth-child(3) { background: var(--dgt-g-green); }
.dgt-page .dgt-case__bbar span { margin-left: 8px; font-size: 11.5px; color: #707D92; }
.dgt-page .dgt-case__browser img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top center; }
.dgt-page .dgt-case__float {
	position: absolute; left: -28px; top: 12%; z-index: 3; display: flex; align-items: center; gap: 12px; padding: 14px 20px 14px 14px;
	border-radius: 18px; background: #fff; box-shadow: 0 26px 50px -20px rgba(20, 33, 61, .42); animation: dgtFloatY 5.5s ease-in-out infinite;
}
.dgt-page .dgt-case__float-ico { width: 46px; height: 46px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: var(--dgt-green); color: #fff; box-shadow: 0 10px 20px -8px var(--dgt-green); }
.dgt-page .dgt-case__float-ico .dgt-ico { width: 21px; height: 21px; }
.dgt-page .dgt-case__float b { display: block; font: 800 24px/1 var(--dgt-font-h); color: #14213D; }
.dgt-page .dgt-case__float small { font-size: 12.5px; color: #707D92; white-space: nowrap; }
.dgt-page .dgt-case__chart {
	position: absolute; right: -20px; top: 40%; z-index: 3; display: flex; align-items: flex-end; gap: 6px; height: 100px; padding: 16px 16px 14px;
	border-radius: 18px; background: #fff; box-shadow: 0 26px 50px -20px rgba(20, 33, 61, .42); animation: dgtFloatY 6.5s ease-in-out -2s infinite;
}
.dgt-page .dgt-case__chart span { width: 10px; height: calc(var(--h) * 100%); border-radius: 4px 4px 2px 2px; background: #C6DAFC; transform-origin: 50% 100%; transition: transform .9s var(--dgt-ease) calc(var(--k) * 90ms + .3s); }
.dgt-page .dgt-case__chart span:last-child { background: var(--dgt-blue); }
.dgt-page.dgt-js .dgt-case__in:not(.is-in) .dgt-case__chart span { transform: scaleY(0); }
.dgt-page .dgt-case__quote {
	position: absolute; left: 18px; bottom: 18px; z-index: 3; max-width: min(74%, 360px); margin: 0; padding: 16px 18px 14px 52px;
	border-radius: 16px; background: rgba(12, 22, 44, .84); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff;
}
.dgt-page .dgt-case__qico { position: absolute; left: 16px; top: 15px; color: var(--dgt-primary); }
.dgt-page .dgt-case__qico .dgt-ico { width: 24px; height: 24px; }
.dgt-page .dgt-case__quote p { margin: 0 0 6px; font: 500 14.5px/1.5 var(--dgt-font-h); color: #fff; }
.dgt-page .dgt-case__quote cite { font-size: 12px; font-style: normal; color: rgba(255, 255, 255, .65); }

/* --- Our clients: dotted USA map --- */
.dgt-page .dgt-clients {
	--dgt-map-bg: linear-gradient(160deg, #fff 0%, #F2F6FE 100%);
	--dgt-map-land: #D6E4FB; --dgt-map-dot: var(--dgt-blue); --dgt-map-pin: var(--dgt-primary); --dgt-map-line: var(--dgt-primary);
	background: var(--dgt-light);
}
.dgt-page .dgt-clients__grid { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 26px; align-items: stretch; }
.dgt-page .dgt-clients__grid.is-full { grid-template-columns: minmax(0, 1fr); }
.dgt-page .dgt-clients__side { display: flex; flex-direction: column; gap: 14px; }
.dgt-page .dgt-mapstats { flex: 1; display: grid; gap: 14px; }
.dgt-page .dgt-mapstat {
	position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 20px 22px 20px 26px;
	border-radius: 20px; background: #fff; border: 1px solid var(--dgt-border); box-shadow: 0 18px 40px -30px rgba(20, 33, 61, .45);
	transition: transform .4s var(--dgt-ease), box-shadow .4s;
}
.dgt-page .dgt-mapstat::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 4px; border-radius: 0 4px 4px 0; background: var(--c); }
.dgt-page .dgt-mapstat:hover { transform: translateX(6px); box-shadow: 0 24px 50px -30px rgba(20, 33, 61, .5); }
.dgt-page .dgt-mapstat b { display: block; font: 800 34px/1 var(--dgt-font-h); letter-spacing: -.02em; color: var(--dgt-heading); }
.dgt-page .dgt-mapstat > span { margin-top: 6px; font-size: 14px; color: var(--dgt-muted); }
.dgt-page .dgt-mapstat:first-child { border: 0; background: linear-gradient(140deg, var(--dgt-secondary), var(--dgt-secondary-2)); }
.dgt-page .dgt-mapstat:first-child::before { background: var(--dgt-primary); }
.dgt-page .dgt-mapstat:first-child b { color: #fff; }
.dgt-page .dgt-mapstat:first-child > span { color: rgba(255, 255, 255, .7); }
.dgt-page .dgt-maplegend { display: grid; gap: 9px; padding: 16px 18px; border-radius: 18px; background: #fff; border: 1px dashed #D5DEEB; font: 600 13px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-maplegend li { display: flex; align-items: center; gap: 11px; }
.dgt-page .dgt-maplegend i { width: 12px; height: 12px; flex-shrink: 0; border-radius: 50%; }
.dgt-page .dgt-maplegend .is-hq { background: var(--dgt-secondary); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--dgt-map-pin); }
.dgt-page .dgt-maplegend .is-pin { background: var(--dgt-map-pin); box-shadow: 0 0 0 3px rgba(253, 103, 49, .22); }
.dgt-page .dgt-maplegend .is-line { width: 22px; height: 2px; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--dgt-map-line) 0 6px, transparent 6px 10px); }

.dgt-page .dgt-usmap {
	position: relative; isolation: isolate; padding: 30px 34px 26px; border-radius: 30px;
	background: var(--dgt-map-bg); border: 1px solid var(--dgt-border); box-shadow: 0 40px 80px -50px rgba(20, 33, 61, .45);
}
.dgt-page .dgt-usmap::before {
	content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
	background-image: linear-gradient(rgba(20, 33, 61, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 33, 61, .045) 1px, transparent 1px);
	background-size: 44px 44px;
	-webkit-mask-image: radial-gradient(ellipse at center, #000 25%, transparent 78%); mask-image: radial-gradient(ellipse at center, #000 25%, transparent 78%);
}
.dgt-page .dgt-usmap::after { content: ""; position: absolute; left: 50%; top: 52%; z-index: -1; width: 64%; height: 70%; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(66, 133, 244, .14), transparent); pointer-events: none; }
.dgt-page .dgt-usmap__canvas { position: relative; width: 100%; }
.dgt-page .dgt-usmap__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.dgt-page .dgt-usmap__stop1 { stop-color: var(--dgt-map-land); }
.dgt-page .dgt-usmap__stop2 { stop-color: #EEF3FC; }
.dgt-page .dgt-usmap__dot { fill: var(--dgt-map-dot); opacity: .32; }
.dgt-page .dgt-usmap__edge { fill: none; stroke: var(--dgt-map-dot); stroke-opacity: .32; stroke-width: 1.3; stroke-linejoin: round; }
.dgt-page .dgt-usmap__link { fill: none; stroke: var(--dgt-map-line); stroke-linecap: round; }
.dgt-page .dgt-usmap__link.is-bold { stroke-width: 2; stroke-opacity: .72; stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s cubic-bezier(.6, 0, .2, 1) calc(var(--i) * 110ms + .35s); }
.dgt-page .dgt-usmap__link.is-thin { stroke-width: 1.3; stroke-opacity: .42; stroke-dasharray: 4 6; animation: dgtMapDash 1.6s linear infinite; transition: opacity 1s calc(var(--i) * 60ms + 1s); }
.dgt-page .dgt-usmap__packet { fill: #fff; stroke: var(--dgt-map-line); stroke-width: 2.4; filter: drop-shadow(0 0 5px rgba(253, 103, 49, .85)); }
.dgt-page .dgt-usmap__packets { transition: opacity .6s 1.8s; }
.dgt-page.dgt-js .dgt-usmap:not(.is-in) .dgt-usmap__link.is-bold { stroke-dashoffset: 1; }
.dgt-page.dgt-js .dgt-usmap:not(.is-in) .dgt-usmap__link.is-thin,
.dgt-page.dgt-js .dgt-usmap:not(.is-in) .dgt-usmap__packets { opacity: 0; }

/* Pins (HTML on top of the SVG so text stays crisp and pins are focusable) */
.dgt-page .dgt-usmap__pins { position: absolute; inset: 0; }
.dgt-page .dgt-pin { position: absolute; z-index: 2; width: 0; height: 0; transition: opacity .5s, transform .7s cubic-bezier(.3, 1.6, .5, 1); transition-delay: calc(var(--i) * 90ms + .5s); }
.dgt-page .dgt-pin:hover,
.dgt-page .dgt-pin:focus-within,
.dgt-page .dgt-pin.is-open { z-index: 8; }
.dgt-page.dgt-js .dgt-usmap:not(.is-in) .dgt-pin { opacity: 0; transform: scale(.3); }
.dgt-page .dgt-pin__dot {
	position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: 50%;
	background: var(--dgt-map-pin); border: 3px solid #fff; box-shadow: 0 6px 14px -4px rgba(239, 91, 38, .75);
	cursor: pointer; transition: transform .3s var(--dgt-ease);
}
.dgt-page .dgt-pin__dot:hover,
.dgt-page .dgt-pin__dot:focus { background: var(--dgt-map-pin); transform: scale(1.25); }
.dgt-page .dgt-pin__dot::before,
.dgt-page .dgt-pin__dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--dgt-map-pin); pointer-events: none; animation: dgtRing 2.6s ease-out infinite; animation-delay: calc(var(--i) * -.37s); }
.dgt-page .dgt-pin__dot::after { animation-delay: calc(var(--i) * -.37s + 1.3s); }
.dgt-page .dgt-pin.is-hq .dgt-pin__dot { left: -13px; top: -13px; width: 26px; height: 26px; border-width: 4px; background: var(--dgt-secondary); box-shadow: 0 0 0 3px var(--dgt-map-pin), 0 12px 22px -6px rgba(20, 33, 61, .6); }
.dgt-page .dgt-pin.is-hq .dgt-pin__dot:hover,
.dgt-page .dgt-pin.is-hq .dgt-pin__dot:focus { background: var(--dgt-secondary); }
.dgt-page .dgt-pin.is-hq .dgt-pin__dot::before,
.dgt-page .dgt-pin.is-hq .dgt-pin__dot::after { inset: -9px; }
.dgt-page .dgt-pin__label {
	position: absolute; top: 0; display: inline-flex; align-items: center; gap: 6px; padding: 5px 7px 5px 10px; border-radius: 999px;
	background: #fff; box-shadow: 0 10px 24px -12px rgba(20, 33, 61, .5); white-space: nowrap; pointer-events: none;
	font: 600 12.5px/1 var(--dgt-font-h); color: #14213D; transform: translateY(-50%); transition: opacity .25s;
}
.dgt-page .dgt-pin__label b { font-weight: 700; }
.dgt-page .dgt-pin__label small { padding: 3px 7px; border-radius: 999px; background: rgba(253, 103, 49, .12); font: 800 11px/1 var(--dgt-font-h); color: var(--dgt-primary-d); }
.dgt-page .dgt-pin__label em { padding: 4px 6px; border-radius: 6px; background: var(--dgt-secondary); font: 800 9.5px/1 var(--dgt-font-h); font-style: normal; letter-spacing: .08em; color: #fff; }
.dgt-page .dgt-pin.is-right .dgt-pin__label { left: 16px; }
.dgt-page .dgt-pin.is-left .dgt-pin__label { right: 16px; }
.dgt-page .dgt-pin.is-top .dgt-pin__label { left: 0; top: -16px; transform: translate(-50%, -100%); }
.dgt-page .dgt-pin.is-bottom .dgt-pin__label { left: 0; top: 16px; transform: translate(-50%, 0); }
.dgt-page .dgt-pin.is-hq.is-right .dgt-pin__label { left: 24px; }
.dgt-page .dgt-pin.is-hq.is-left .dgt-pin__label { right: 24px; }
.dgt-page .dgt-pin:hover .dgt-pin__label,
.dgt-page .dgt-pin:focus-within .dgt-pin__label,
.dgt-page .dgt-pin.is-open .dgt-pin__label { opacity: 0; }
.dgt-page .dgt-pin__tip {
	position: absolute; left: 0; bottom: 20px; z-index: 9; min-width: 180px; max-width: 250px; padding: 12px 14px; border-radius: 14px;
	background: var(--dgt-secondary); color: rgba(255, 255, 255, .75); text-align: left; box-shadow: 0 22px 44px -16px rgba(0, 0, 0, .5);
	opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 8px);
	transition: opacity .25s, transform .3s var(--dgt-ease), visibility .25s;
}
.dgt-page .dgt-pin__tip::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 12px; height: 12px; margin-left: -6px; border-radius: 2px; background: var(--dgt-secondary); transform: rotate(45deg); }
.dgt-page .dgt-pin:hover .dgt-pin__tip,
.dgt-page .dgt-pin:focus-within .dgt-pin__tip,
.dgt-page .dgt-pin.is-open .dgt-pin__tip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.dgt-page .dgt-pin.tip-down .dgt-pin__tip { bottom: auto; top: 20px; }
.dgt-page .dgt-pin.tip-down .dgt-pin__tip::after { bottom: auto; top: -6px; }
.dgt-page .dgt-pin.tip-l .dgt-pin__tip { transform: translate(-22px, 8px); }
.dgt-page .dgt-pin.tip-l .dgt-pin__tip::after { left: 22px; }
.dgt-page .dgt-pin.tip-r .dgt-pin__tip { transform: translate(calc(-100% + 22px), 8px); }
.dgt-page .dgt-pin.tip-r .dgt-pin__tip::after { left: auto; right: 16px; }
.dgt-page .dgt-pin.tip-l:hover .dgt-pin__tip, .dgt-page .dgt-pin.tip-l:focus-within .dgt-pin__tip, .dgt-page .dgt-pin.tip-l.is-open .dgt-pin__tip { transform: translate(-22px, 0); }
.dgt-page .dgt-pin.tip-r:hover .dgt-pin__tip, .dgt-page .dgt-pin.tip-r:focus-within .dgt-pin__tip, .dgt-page .dgt-pin.tip-r.is-open .dgt-pin__tip { transform: translate(calc(-100% + 22px), 0); }
.dgt-page .dgt-pin__tip b { display: block; font: 700 14.5px/1.3 var(--dgt-font-h); color: #fff; }
.dgt-page .dgt-pin__num { display: inline-block; margin-top: 7px; padding: 3px 9px; border-radius: 999px; background: var(--dgt-primary); font: 700 12px/1.3 var(--dgt-font-h); color: #fff; }
.dgt-page .dgt-pin__tip small { display: block; margin-top: 7px; font-size: 12.5px; line-height: 1.45; }

/* Client names: two marquee rows running in opposite directions */
.dgt-page .dgt-clientstrip { margin-top: 56px; }
.dgt-page .dgt-clientstrip__cap { margin: 0 0 14px; text-align: center; font: 700 13px var(--dgt-font-h); letter-spacing: .14em; text-transform: uppercase; color: var(--dgt-muted); }
.dgt-page .dgt-clientstrip__row .dgt-marquee__track { padding: 6px 0 8px; }
.dgt-page .dgt-client {
	display: inline-flex; align-items: center; gap: 10px; padding: 7px 18px 7px 7px; border-radius: 999px; white-space: nowrap;
	background: #fff; border: 1px solid var(--dgt-border); font: 600 14.5px var(--dgt-font-h); color: var(--dgt-heading);
	transition: border-color .3s, transform .3s var(--dgt-ease);
}
.dgt-page .dgt-client:hover { border-color: var(--c); transform: translateY(-3px); }
.dgt-page .dgt-client__ini { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: var(--dgt-rot-ink, #fff); font: 800 11.5px var(--dgt-font-h); }

.dgt-page .dgt-ministats { display: flex; flex-wrap: wrap; gap: 14px; }
.dgt-page .dgt-ministat { flex: 1; min-width: 130px; padding: 18px 20px; border-radius: 16px; background: #fff; border-top: 3px solid var(--c); box-shadow: 0 14px 30px -24px rgba(20, 33, 61, .4); }
.dgt-page .dgt-ministat b { display: block; font: 800 30px/1 var(--dgt-font-h); color: var(--dgt-heading); margin-bottom: 6px; }
.dgt-page .dgt-ministat > span { font-size: 13.5px; color: var(--dgt-muted); }

/* --- Case-study banner --- */
.dgt-page .dgt-banner {
	--dgt-heading: #fff; --dgt-eyebrow: #fff;
	position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr .9fr; gap: 44px; align-items: center;
	padding: 62px; border-radius: 30px; color: rgba(255, 255, 255, .8);
	background: linear-gradient(125deg, var(--dgt-secondary) 0%, var(--dgt-secondary-2) 100%);
	box-shadow: var(--dgt-shadow-lg);
}
.dgt-page .dgt-banner__deco span { position: absolute; border-radius: 50%; pointer-events: none; }
.dgt-page .dgt-banner__deco span:nth-child(1) { width: 380px; height: 380px; right: -120px; top: -160px; background: radial-gradient(circle, rgba(66, 133, 244, .45), transparent 65%); }
.dgt-page .dgt-banner__deco span:nth-child(2) { width: 240px; height: 240px; left: -80px; bottom: -120px; border: 34px solid rgba(255, 255, 255, .05); }
.dgt-page .dgt-banner__deco span:nth-child(3) { width: 14px; height: 14px; left: 46%; top: 36px; background: var(--dgt-primary); animation: dgtFloatY 4s ease-in-out infinite; }
.dgt-page .dgt-banner__content { position: relative; z-index: 1; }
.dgt-page .dgt-banner .dgt-title { font-size: clamp(28px, 1.6vw + 16px, 42px); margin: 16px 0 16px; }
.dgt-page .dgt-banner__content > p { margin: 0 0 28px; font-size: 16.5px; }
.dgt-page .dgt-banner__metrics { position: relative; z-index: 1; padding: 26px; border-radius: 22px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.dgt-page .dgt-banner__cap { margin: 0 0 16px; }
.dgt-page .dgt-banner__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dgt-page .dgt-metric { padding: 18px; border-radius: 16px; background: rgba(255, 255, 255, .08); border-left: 3px solid var(--c); transition: transform .3s var(--dgt-ease), background-color .3s; }
.dgt-page .dgt-metric:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .12); }
.dgt-page .dgt-metric b { display: block; margin-bottom: 6px; font: 800 32px/1 var(--dgt-font-h); color: #fff; }
.dgt-page .dgt-metric > span { font-size: 13.5px; }

/* --- FAQ --- */
.dgt-page .dgt-faq { display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; align-items: start; }
.dgt-page .dgt-faq__side { position: sticky; top: 110px; }
.dgt-page .dgt-faq__side .dgt-illus { max-width: 460px; margin: 0 auto; }
.dgt-page .dgt-help { display: flex; gap: 16px; align-items: flex-start; margin-top: 12px; padding: 22px; border-radius: var(--dgt-radius); background: var(--dgt-light); }
.dgt-page .dgt-help__ico { width: 54px; height: 54px; flex-shrink: 0; border-radius: 16px; display: grid; place-items: center; background: var(--dgt-blue); color: #fff; box-shadow: 0 14px 24px -12px var(--dgt-blue); }
.dgt-page .dgt-help__ico .dgt-ico { width: 24px; height: 24px; }
.dgt-page .dgt-help h3 { font-size: 18px; margin: 0 0 6px; }
.dgt-page .dgt-help p { font-size: 14.5px; margin: 0 0 10px; }
.dgt-page .dgt-faq__list { display: grid; gap: 14px; }
.dgt-page .dgt-acc { overflow: hidden; border-radius: 16px; background: #fff; border: 1px solid var(--dgt-border); transition: box-shadow .35s, border-color .35s; }
.dgt-page .dgt-acc:hover { border-color: var(--dgt-faq-hover); }
.dgt-page .dgt-acc.is-open { border-color: transparent; box-shadow: 0 26px 50px -28px rgba(20, 33, 61, .35); }
.dgt-page .dgt-acc.is-open:hover { border-color: var(--dgt-faq-hover); }
.dgt-page .dgt-acc__h { margin: 0; font-size: inherit; }
.dgt-page .dgt-acc__q { width: 100%; display: flex; align-items: center; gap: 16px; padding: 20px 22px; text-align: left; font: 600 17px/1.4 var(--dgt-font-h); color: var(--dgt-heading); transition: background-color .3s, color .3s; }
.dgt-page .dgt-acc__q:focus { color: var(--dgt-heading); }
.dgt-page .dgt-acc__q:hover,
.dgt-page .dgt-acc__q:focus-visible { background-color: var(--dgt-faq-hover-bg); color: var(--dgt-faq-hover); }
.dgt-page .dgt-acc__n { width: 38px; height: 38px; flex-shrink: 0; border-radius: 11px; display: grid; place-items: center; background: var(--dgt-light); color: var(--dgt-primary); font: 800 13px var(--dgt-font-h); transition: background-color .3s, color .3s; }
.dgt-page .dgt-acc.is-open .dgt-acc__n { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-acc__t { flex: 1; }
.dgt-page .dgt-acc__ico { position: relative; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; border: 2px solid var(--dgt-border); color: var(--dgt-heading); transition: background-color .3s, border-color .3s, color .3s, transform .4s var(--dgt-ease); }
.dgt-page .dgt-acc__ico::before,
.dgt-page .dgt-acc__ico::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; border-radius: 2px; background: currentColor; transform: translate(-50%, -50%); transition: transform .35s var(--dgt-ease); }
.dgt-page .dgt-acc__ico::after { transform: translate(-50%, -50%) rotate(90deg); }
.dgt-page .dgt-acc.is-open .dgt-acc__ico { background: var(--dgt-primary); border-color: var(--dgt-primary); color: #fff; transform: rotate(180deg); }
.dgt-page .dgt-acc.is-open .dgt-acc__ico::after { transform: translate(-50%, -50%) rotate(0deg); }
.dgt-page .dgt-acc__q:hover .dgt-acc__n,
.dgt-page .dgt-acc__q:focus-visible .dgt-acc__n { background: var(--dgt-faq-hover); color: #fff; }
.dgt-page .dgt-acc__q:hover .dgt-acc__ico,
.dgt-page .dgt-acc__q:focus-visible .dgt-acc__ico { background: var(--dgt-faq-hover); border-color: var(--dgt-faq-hover); color: #fff; }
.dgt-page .dgt-acc__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--dgt-ease); }
.dgt-page .dgt-acc.is-open .dgt-acc__a { grid-template-rows: 1fr; }
.dgt-page .dgt-acc__inner { overflow: hidden; min-height: 0; }
.dgt-page .dgt-acc__inner p { margin: 0; padding: 0 24px 22px 76px; font-size: 15.5px; }
.dgt-page .dgt-acc__inner a { color: var(--dgt-primary); text-decoration: underline; }

/* --- Testimonials --- */
.dgt-page .dgt-reviews { background: var(--dgt-light); }
.dgt-page .dgt-tst { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 30px; align-items: stretch; }
.dgt-page .dgt-tst__summary {
	--dgt-heading: #fff;
	position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 14px;
	padding: 34px 30px; border-radius: 24px; color: rgba(255, 255, 255, .78);
	background: linear-gradient(160deg, var(--dgt-secondary), var(--dgt-secondary-2));
}
.dgt-page .dgt-tst__summary::after { content: ""; position: absolute; left: -60px; bottom: -80px; width: 220px; height: 220px; border-radius: 50%; border: 30px solid rgba(255, 255, 255, .05); }
.dgt-page .dgt-tst__q { position: absolute; right: 18px; top: 14px; color: rgba(255, 255, 255, .09); }
.dgt-page .dgt-tst__q .dgt-ico { width: 96px; height: 96px; }
.dgt-page .dgt-tst__score { font: 800 66px/1 var(--dgt-font-h); color: #fff; letter-spacing: -.03em; }
.dgt-page .dgt-tst__score small { font-size: 22px; opacity: .55; margin-left: 4px; }
.dgt-page .dgt-tst__summary p { margin: 0; font-size: 15px; }
.dgt-page .dgt-tst__platforms { display: flex; flex-wrap: wrap; gap: 8px; }
.dgt-page .dgt-tst__platforms li { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .1); font: 600 12.5px var(--dgt-font-h); color: #fff; }
.dgt-page .dgt-tst__platforms i { width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.dgt-page .dgt-tst__nav { display: flex; gap: 10px; margin-top: auto; position: relative; z-index: 1; }
.dgt-page .dgt-navbtn { width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; border: 1.5px solid rgba(255, 255, 255, .3); color: #fff; transition: background-color .25s, color .25s, transform .25s; }
.dgt-page .dgt-navbtn:hover { background: #fff; color: var(--dgt-secondary); transform: scale(1.05); }
.dgt-page .dgt-tst__summary .dgt-btn--link { color: #fff; position: relative; z-index: 1; align-self: flex-start; }
.dgt-page .dgt-tst__summary .dgt-btn--link .dgt-btn__ico { background: rgba(255, 255, 255, .12); color: #fff; }
.dgt-page .dgt-slider { position: relative; min-width: 0; }
.dgt-page .dgt-slider__track {
	display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px) / 2); gap: 24px;
	overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none;
	padding: 6px 4px 30px; margin: -6px -4px 0;
}
.dgt-page .dgt-slider__track::-webkit-scrollbar { display: none; }
.dgt-page .dgt-tcard {
	position: relative; display: flex; flex-direction: column; gap: 18px; scroll-snap-align: start;
	padding: 30px; border-radius: 22px; background: #fff; border: 1px solid var(--dgt-border);
	box-shadow: 0 20px 44px -30px rgba(20, 33, 61, .4); transition: transform .4s var(--dgt-ease), box-shadow .4s;
}
.dgt-page .dgt-tcard:hover { transform: translateY(-5px); box-shadow: 0 30px 60px -30px rgba(20, 33, 61, .45); }
.dgt-page .dgt-tcard__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dgt-page .dgt-tcard__src { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; background: var(--dgt-light); font: 700 12px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-tcard__src i { width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.dgt-page .dgt-tcard__text { flex: 1; margin: 0; font-size: 16.5px; line-height: 1.7; color: var(--dgt-heading); }
.dgt-page .dgt-tcard__who { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px dashed var(--dgt-border); }
.dgt-page .dgt-tcard__who b { display: block; font: 700 15px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-tcard__who small { display: block; font-size: 13px; color: var(--dgt-muted); line-height: 1.4; }
.dgt-page .dgt-tcard__q { margin-left: auto; color: var(--dgt-primary); opacity: .18; }
.dgt-page .dgt-tcard__q .dgt-ico { width: 36px; height: 36px; }
.dgt-page .dgt-slider__dots { display: flex; justify-content: center; gap: 8px; }
.dgt-page .dgt-slider__dots button { width: 10px; height: 10px; border-radius: 999px; background: #D6DEEA; transition: width .35s var(--dgt-ease), background-color .35s; }
.dgt-page .dgt-slider__dots button.is-active { width: 30px; background: var(--dgt-primary); }

/* --- Why choose us --- */
.dgt-page .dgt-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; }
.dgt-page .dgt-split__art .dgt-illus { max-width: 520px; margin-left: auto; }
.dgt-page .dgt-numlist { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 30px; margin: 0 0 34px; }
.dgt-page .dgt-numlist li { display: flex; align-items: flex-start; gap: 14px; }
.dgt-page .dgt-numlist__n { width: 46px; height: 46px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: var(--c); color: var(--c-ink); font: 800 14px var(--dgt-font-h); box-shadow: 0 12px 22px -12px var(--c); transition: transform .4s var(--dgt-ease); }
.dgt-page .dgt-numlist li:hover .dgt-numlist__n { transform: rotate(-10deg) scale(1.06); }
.dgt-page .dgt-numlist h3 { font-size: 17px; margin: 2px 0 5px; }
.dgt-page .dgt-numlist p { margin: 0; font-size: 14.5px; line-height: 1.6; }

/* --- Consultation --- */
.dgt-page .dgt-consult { background: var(--dgt-lavender); }
.dgt-page .dgt-consult__deco span { position: absolute; border-radius: 50%; pointer-events: none; }
.dgt-page .dgt-consult__deco span:nth-child(1) { width: 520px; height: 520px; left: -220px; top: -220px; background: radial-gradient(circle, rgba(66, 133, 244, .2), transparent 65%); }
.dgt-page .dgt-consult__deco span:nth-child(2) { width: 420px; height: 420px; right: -160px; bottom: -200px; background: radial-gradient(circle, rgba(253, 103, 49, .14), transparent 65%); }
.dgt-page .dgt-consult__deco span:nth-child(3) { width: 180px; height: 180px; left: 42%; top: 60px; border: 2px dashed rgba(20, 33, 61, .1); animation: dgtSpinCss 40s linear infinite; }
.dgt-page .dgt-consult__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.dgt-page .dgt-crows { display: grid; gap: 14px; margin: 0 0 28px; }
.dgt-page .dgt-crows li { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px -24px rgba(20, 33, 61, .45); transition: transform .3s var(--dgt-ease); }
.dgt-page .dgt-crows li:hover { transform: translateX(6px); }
.dgt-page .dgt-crow__ico { width: 48px; height: 48px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: var(--c); color: var(--c-ink); box-shadow: 0 10px 20px -10px var(--c); }
.dgt-page .dgt-crow__ico .dgt-ico { width: 20px; height: 20px; }
.dgt-page .dgt-crows small { display: block; font: 600 11.5px var(--dgt-font-h); letter-spacing: .1em; text-transform: uppercase; color: var(--dgt-muted); }
.dgt-page .dgt-crows a, .dgt-page .dgt-crows b { font: 700 16px/1.4 var(--dgt-font-h); color: var(--dgt-heading); word-break: break-word; }
.dgt-page .dgt-crows a:hover { color: var(--dgt-primary); }
.dgt-page .dgt-badges { display: flex; flex-wrap: wrap; gap: 12px; }
.dgt-page .dgt-badge { padding: 12px 18px; border-radius: 14px; background: #fff; border-bottom: 3px solid var(--c); }
.dgt-page .dgt-badge b { display: block; font: 800 21px/1.1 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-badge > span { font-size: 12.5px; color: var(--dgt-muted); }

/* --- Form --- */
.dgt-page .dgt-form-card { position: relative; overflow: hidden; padding: 38px; border-radius: 26px; background: #fff; box-shadow: 0 44px 90px -44px rgba(20, 33, 61, .5); }
.dgt-page .dgt-form-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--dgt-google); }
.dgt-page .dgt-form-card__head { position: relative; margin-bottom: 26px; padding-right: 50px; }
.dgt-page .dgt-form-card__head h3 { font-size: 25px; margin: 0 0 6px; }
.dgt-page .dgt-form-card__head p { margin: 0; font-size: 14.5px; color: var(--dgt-muted); }
.dgt-page .dgt-form-card__dots { position: absolute; top: 2px; right: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; width: 30px; height: 30px; animation: dgtSpinCss 10s linear infinite; }
.dgt-page .dgt-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dgt-page .dgt-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.dgt-page .dgt-field--full { grid-column: 1 / -1; }
.dgt-page .dgt-field label { font: 600 13.5px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-req { color: var(--dgt-red); }
.dgt-page .dgt-field input,
.dgt-page .dgt-field textarea,
.dgt-page .dgt-field select {
	width: 100%; margin: 0; padding: 13px 16px; min-height: 0; height: auto;
	border: 1.5px solid var(--dgt-border); border-radius: 12px; background: #F9FBFE; box-shadow: none; outline: none;
	font: 400 15px/1.45 var(--dgt-font-b); color: var(--dgt-heading);
	transition: border-color .2s, box-shadow .2s, background-color .2s;
	-webkit-appearance: none; appearance: none;
}
.dgt-page .dgt-field input::placeholder,
.dgt-page .dgt-field textarea::placeholder { color: #97A3B6; opacity: 1; }
.dgt-page .dgt-field input:focus,
.dgt-page .dgt-field textarea:focus,
.dgt-page .dgt-field select:focus { border-color: var(--dgt-blue); background: #fff; box-shadow: 0 0 0 4px rgba(26, 115, 232, .15); }
.dgt-page .dgt-field.is-invalid input,
.dgt-page .dgt-field.is-invalid textarea,
.dgt-page .dgt-field.is-invalid select { border-color: var(--dgt-red); box-shadow: 0 0 0 4px rgba(217, 48, 37, .13); }
.dgt-page .dgt-field textarea { resize: vertical; min-height: 120px; }
.dgt-page .dgt-select { position: relative; }
.dgt-page .dgt-select select { padding-right: 44px; cursor: pointer; }
.dgt-page .dgt-select .dgt-ico { position: absolute; right: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--dgt-muted); pointer-events: none; }
.dgt-page .dgt-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.dgt-page .dgt-consent { position: relative; display: flex; align-items: flex-start; gap: 12px; margin: 18px 0 20px; font-size: 13.5px; line-height: 1.5; cursor: pointer; }
.dgt-page .dgt-consent input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.dgt-page .dgt-consent__box { width: 22px; height: 22px; flex-shrink: 0; border-radius: 7px; border: 1.5px solid #C6D0DF; background: #fff; display: grid; place-items: center; color: transparent; transition: background-color .2s, border-color .2s, color .2s; }
.dgt-page .dgt-consent__box .dgt-ico { width: 14px; height: 14px; stroke-width: 3; }
.dgt-page .dgt-consent input:checked + .dgt-consent__box { background: var(--dgt-blue); border-color: var(--dgt-blue); color: #fff; }
.dgt-page .dgt-consent input:focus-visible + .dgt-consent__box { box-shadow: 0 0 0 4px rgba(26, 115, 232, .2); }
.dgt-page .dgt-consent.is-invalid .dgt-consent__box { border-color: var(--dgt-red); box-shadow: 0 0 0 4px rgba(217, 48, 37, .13); }
.dgt-page .dgt-form__grid + .dgt-btn { margin-top: 22px; }
.dgt-page .dgt-form .dgt-hp + input + input + input + .dgt-btn { margin-top: 22px; }
.dgt-page .dgt-spinner { display: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff; animation: dgtSpinCss .8s linear infinite; }
.dgt-page .dgt-form.is-loading .dgt-spinner { display: inline-block; }
.dgt-page .dgt-form.is-loading .dgt-btn__ico { display: none; }
.dgt-page .dgt-form.is-loading button[type="submit"] { pointer-events: none; opacity: .85; }
.dgt-page .dgt-form__note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 0; font-size: 13px; color: var(--dgt-muted); text-align: center; }
.dgt-page .dgt-form__note .dgt-ico { width: 16px; height: 16px; color: var(--dgt-green); }
.dgt-page .dgt-form__msg { display: none; margin-top: 16px; padding: 14px 16px; border-radius: 12px; font-size: 14.5px; font-weight: 500; }
.dgt-page .dgt-form__msg.is-success { display: block; background: rgba(30, 142, 62, .1); color: var(--dgt-green-d); }
.dgt-page .dgt-form__msg.is-error { display: block; background: rgba(217, 48, 37, .1); color: #B3261E; }

/* --- About: who we are --- */
.dgt-page .dgt-intro__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center; }
.dgt-page .dgt-intro__art { position: relative; }
.dgt-page .dgt-intro__art .dgt-illus { max-width: 540px; }
.dgt-page .dgt-exp {
	position: absolute; right: 2%; bottom: 4%; z-index: 2; text-align: center; padding: 20px 24px; border-radius: 22px;
	background: var(--dgt-primary); color: #fff; box-shadow: 0 26px 44px -20px var(--dgt-primary); animation: dgtFloatY 5s ease-in-out infinite;
}
.dgt-page .dgt-exp b { display: block; font: 800 42px/1 var(--dgt-font-h); }
.dgt-page .dgt-exp > span { display: block; max-width: 130px; margin-top: 6px; font-size: 13px; font-weight: 600; line-height: 1.35; }
.dgt-page .dgt-founder { display: flex; align-items: center; gap: 15px; margin: 0 0 28px; padding: 16px 18px; border-radius: 18px; background: var(--dgt-light); border-left: 4px solid var(--dgt-blue); }
.dgt-page .dgt-founder .dgt-avatar { width: 58px; height: 58px; font-size: 18px; }
.dgt-page .dgt-founder b { display: block; font: 700 16.5px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-founder small { font-size: 13px; font-weight: 600; color: var(--dgt-blue); }
.dgt-page .dgt-founder p { margin: 6px 0 0; font-size: 14.5px; font-style: italic; }

/* --- About: timeline --- */
.dgt-page .dgt-story { background: var(--dgt-light); }
.dgt-page .dgt-timeline { position: relative; max-width: 1000px; margin: 0 auto; padding: 8px 0; }
.dgt-page .dgt-timeline__line { position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; transform: translateX(-50%); border-radius: 3px; overflow: hidden; background: #DCE3EE; }
.dgt-page .dgt-timeline__line i { position: absolute; left: 0; top: 0; width: 100%; height: calc(var(--p, 0) * 100%); background: linear-gradient(180deg, var(--dgt-g-blue), var(--dgt-g-red), var(--dgt-g-yellow), var(--dgt-g-green)); transition: height .15s linear; }
.dgt-page .dgt-tl { position: relative; width: 50%; padding: 0 50px 36px 0; }
.dgt-page .dgt-tl.is-right { margin-left: 50%; padding: 0 0 36px 50px; }
.dgt-page .dgt-tl__dot { position: absolute; top: 24px; right: -12px; z-index: 1; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 6px solid var(--c); box-shadow: 0 0 0 6px var(--dgt-light); }
.dgt-page .dgt-tl.is-right .dgt-tl__dot { right: auto; left: -12px; }
.dgt-page .dgt-tl__card { position: relative; padding: 24px 26px; border-radius: var(--dgt-radius); background: #fff; box-shadow: 0 18px 40px -26px rgba(20, 33, 61, .4); transition: transform .4s var(--dgt-ease); }
.dgt-page .dgt-tl__card:hover { transform: translateY(-4px); }
.dgt-page .dgt-tl__card::after { content: ""; position: absolute; top: 28px; right: -8px; width: 16px; height: 16px; background: #fff; transform: rotate(45deg); }
.dgt-page .dgt-tl.is-right .dgt-tl__card::after { right: auto; left: -8px; }
.dgt-page .dgt-tl__year { display: inline-block; margin-bottom: 10px; padding: 5px 13px; border-radius: 999px; background: var(--c); color: var(--c-ink); font: 800 14px var(--dgt-font-h); }
.dgt-page .dgt-tl h3 { font-size: 19px; margin: 0 0 6px; }
.dgt-page .dgt-tl p { margin: 0; font-size: 15px; }

/* --- About: team --- */
.dgt-page .dgt-team { --cols: 4; }
.dgt-page .dgt-member { position: relative; text-align: center; padding: 34px 24px 30px; border-radius: var(--dgt-radius); background: #fff; border: 1px solid var(--dgt-border); transition: transform .45s var(--dgt-ease), box-shadow .45s, border-color .45s; }
.dgt-page .dgt-member:hover { transform: translateY(-8px); border-color: transparent; box-shadow: var(--dgt-shadow-lg); }
.dgt-page .dgt-member__photo { position: relative; width: 132px; height: 132px; margin: 0 auto 22px; padding: 5px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--c), var(--dgt-secondary)); color: #fff; }
.dgt-page .dgt-member__photo::before { content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 2px dashed var(--c); opacity: .6; animation: dgtSpinCss 22s linear infinite; }
.dgt-page .dgt-member__photo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 4px solid #fff; }
.dgt-page .dgt-member__ini { font: 800 42px var(--dgt-font-h); letter-spacing: -.02em; }
.dgt-page .dgt-member__ico { font-size: 40px; }
.dgt-page .dgt-member__ico svg { width: 40px; height: 40px; }
.dgt-page .dgt-member h3 { font-size: 19px; margin: 0 0 5px; }
.dgt-page .dgt-member__role { margin: 0 0 12px; font: 700 12.5px var(--dgt-font-h); letter-spacing: .08em; text-transform: uppercase; color: var(--c-text); }
.dgt-page .dgt-member__bio { margin: 0; font-size: 14.5px; }
.dgt-page .dgt-member__in { display: inline-grid; place-items: center; width: 38px; height: 38px; margin-top: 16px; border-radius: 12px; background: var(--c-tint); color: var(--c-text); transition: background-color .25s, color .25s; }
.dgt-page .dgt-member__in:hover { background: var(--c); color: var(--c-ink); }
.dgt-page--about .dgt-s-why { background: var(--dgt-light); }

/* --- Contact: info cards --- */
.dgt-page .dgt-icardsec { padding: 90px 0 50px; }
.dgt-page .dgt-icards { --cols: 4; }
.dgt-page .dgt-icard { position: relative; display: block; overflow: hidden; padding: 30px 26px; border-radius: var(--dgt-radius); background: #fff; border: 1px solid var(--dgt-border); transition: transform .45s var(--dgt-ease), box-shadow .45s, border-color .45s; }
.dgt-page .dgt-icard::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 120px; height: 120px; border-radius: 50%; background: var(--c); opacity: .07; transition: transform .6s var(--dgt-ease); }
.dgt-page .dgt-icard:hover { transform: translateY(-8px); border-color: transparent; box-shadow: var(--dgt-shadow-lg); }
.dgt-page .dgt-icard:hover::after { transform: scale(2.6); }
.dgt-page .dgt-icard__ico { position: relative; z-index: 1; width: 60px; height: 60px; margin-bottom: 20px; border-radius: 18px; display: grid; place-items: center; background: var(--c); color: var(--c-ink); font-size: 22px; box-shadow: 0 14px 26px -12px var(--c); }
.dgt-page .dgt-icard__ico svg { width: 22px; height: 22px; }
.dgt-page .dgt-icard h3 { position: relative; z-index: 1; font-size: 18px; margin: 0 0 6px; }
.dgt-page .dgt-icard__val { position: relative; z-index: 1; margin: 0 0 6px; font: 600 16px/1.5 var(--dgt-font-h); color: var(--dgt-heading); word-break: break-word; }
.dgt-page .dgt-icard small { position: relative; z-index: 1; font-size: 13px; color: var(--dgt-muted); }
.dgt-page .dgt-icard__go { position: absolute; top: 22px; right: 22px; z-index: 1; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--dgt-light); color: var(--dgt-heading); transition: background-color .3s, color .3s, transform .4s var(--dgt-ease); }
.dgt-page .dgt-icard__go .dgt-ico { width: 16px; height: 16px; }
.dgt-page .dgt-icard:hover .dgt-icard__go { background: var(--c); color: var(--c-ink); transform: rotate(45deg); }

/* --- Contact: form section --- */
.dgt-page .dgt-cformsec { background: var(--dgt-light); }
.dgt-page .dgt-cform { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: start; }
.dgt-page .dgt-next { margin: 0 0 24px; padding: 24px 26px; border-radius: var(--dgt-radius); background: #fff; border: 1px solid var(--dgt-border); }
.dgt-page .dgt-next h3 { font-size: 18px; margin: 0 0 16px; }
.dgt-page .dgt-next ol { display: grid; gap: 14px; position: relative; }
.dgt-page .dgt-next li { position: relative; display: flex; align-items: center; gap: 14px; font-weight: 500; color: var(--dgt-heading); }
.dgt-page .dgt-next li:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 34px; height: 14px; border-left: 2px dashed #CFD8E6; }
.dgt-page .dgt-next__n { width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: var(--c-ink); font: 800 13px var(--dgt-font-h); }
.dgt-page .dgt-cform__social { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.dgt-page .dgt-cform__social small { font: 600 14px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-cform .dgt-crows { margin-bottom: 24px; }

/* --- Contact: map --- */
.dgt-page .dgt-mapsec { padding: 90px 0; }
.dgt-page .dgt-map { position: relative; height: 460px; overflow: hidden; border-radius: 28px; background: var(--dgt-light); box-shadow: 0 34px 70px -40px rgba(20, 33, 61, .55); }
.dgt-page .dgt-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.dgt-page .dgt-map.is-gray iframe { filter: grayscale(.85) contrast(1.05); transition: filter .5s; }
.dgt-page .dgt-map.is-gray:hover iframe { filter: none; }
.dgt-page .dgt-map__card { position: absolute; left: 28px; bottom: 28px; z-index: 2; display: flex; gap: 16px; max-width: 380px; padding: 22px; border-radius: 20px; background: #fff; box-shadow: 0 26px 50px -20px rgba(20, 33, 61, .45); }
.dgt-page .dgt-map__pin { position: relative; width: 52px; height: 52px; flex-shrink: 0; border-radius: 16px; display: grid; place-items: center; background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-map__pin::after { content: ""; position: absolute; inset: 0; border-radius: 16px; border: 2px solid var(--dgt-primary); animation: dgtRing 2.2s ease-out infinite; }
.dgt-page .dgt-map__pin .dgt-ico { width: 22px; height: 22px; }
.dgt-page .dgt-map__card b { display: block; font: 700 18px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-map__card p { margin: 4px 0 14px; font-size: 14px; line-height: 1.55; }

/* --- Contact: offices --- */
.dgt-page .dgt-officesec { background: var(--dgt-light); }
.dgt-page .dgt-offices { --cols: 4; }
.dgt-page .dgt-office { position: relative; overflow: hidden; padding: 26px; border-radius: var(--dgt-radius); background: #fff; border: 1px solid var(--dgt-border); transition: transform .45s var(--dgt-ease), box-shadow .45s; }
.dgt-page .dgt-office:hover { transform: translateY(-6px); box-shadow: var(--dgt-shadow-lg); }
.dgt-page .dgt-office.is-hq {
	--dgt-heading: #fff; grid-column: span 2; border: 0; color: rgba(255, 255, 255, .8);
	background: linear-gradient(135deg, var(--dgt-secondary), var(--dgt-secondary-2));
}
.dgt-page .dgt-office.is-hq::after { content: ""; position: absolute; right: -60px; bottom: -80px; width: 220px; height: 220px; border-radius: 50%; border: 30px solid rgba(255, 255, 255, .06); }
.dgt-page .dgt-office__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.dgt-page .dgt-office__code { padding: 6px 10px; border-radius: 8px; background: var(--dgt-light); color: var(--c-text); font: 800 13px var(--dgt-font-h); letter-spacing: .14em; }
.dgt-page .dgt-office.is-hq .dgt-office__code { background: rgba(255, 255, 255, .12); color: #fff; }
.dgt-page .dgt-office__hq { padding: 5px 11px; border-radius: 999px; background: var(--dgt-primary); color: #fff; font: 700 11px var(--dgt-font-h); letter-spacing: .12em; text-transform: uppercase; }
.dgt-page .dgt-office h3 { font-size: 20px; margin: 0 0 2px; }
.dgt-page .dgt-office small { font-size: 13px; color: var(--dgt-muted); }
.dgt-page .dgt-office.is-hq small { color: rgba(255, 255, 255, .65); }
.dgt-page .dgt-office p { display: flex; gap: 8px; margin: 14px 0 0; font-size: 14px; line-height: 1.55; }
.dgt-page .dgt-office p .dgt-ico { width: 16px; height: 16px; margin-top: 3px; color: var(--c-text); }
.dgt-page .dgt-office.is-hq p .dgt-ico { color: var(--dgt-primary); }

/* ==========================================================================
   11. Lightbox (appended to <body> by JS)
   ========================================================================== */
.dgt-lightbox { position: fixed; inset: 0; z-index: 100002; display: grid; place-items: center; padding: 24px; background: rgba(8, 15, 32, .86); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.dgt-lightbox.is-open { opacity: 1; visibility: visible; }
.dgt-lightbox__inner { width: min(1040px, 100%); aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #000; transform: scale(.94); transition: transform .35s cubic-bezier(.2, .7, .2, 1); box-shadow: 0 40px 100px rgba(0, 0, 0, .6); }
.dgt-lightbox.is-open .dgt-lightbox__inner { transform: none; }
.dgt-lightbox iframe, .dgt-lightbox video { display: block; width: 100%; height: 100%; border: 0; }
.dgt-lightbox .dgt-lightbox__close:hover,
.dgt-lightbox .dgt-lightbox__close:focus { background: #fff; color: #14213D; }
.dgt-lightbox .dgt-lightbox__close { position: absolute; top: 18px; right: 18px; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #14213D; font-size: 26px; line-height: 50px; text-align: center; cursor: pointer; }

/* ==========================================================================
   12. Keyframes
   ========================================================================== */
@keyframes dgtFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes dgtFloat2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(12px); } }
@keyframes dgtFloat3 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 33% { transform: translate(4px, -8px) rotate(2deg); } 66% { transform: translate(-4px, -4px) rotate(-2deg); } }
@keyframes dgtFloatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes dgtSpin { to { transform: rotate(360deg); } }
@keyframes dgtSpinCss { to { transform: rotate(360deg); } }
@keyframes dgtPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }
@keyframes dgtPing { 0% { transform: scale(1); opacity: .75; } 80%, 100% { transform: scale(2.2); opacity: 0; } }
@keyframes dgtPingCss { 0% { transform: scale(1); opacity: .8; } 80%, 100% { transform: scale(2.6); opacity: 0; } }
@keyframes dgtRing { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes dgtBlink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes dgtType { 0% { transform: scaleX(0); } 22%, 80% { transform: scaleX(1); } 94%, 100% { transform: scaleX(0); } }
@keyframes dgtGrow { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
@keyframes dgtDraw { 0% { stroke-dashoffset: 1; } 45%, 75% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -1; } }
@keyframes dgtDash { to { stroke-dashoffset: -24; } }
@keyframes dgtFlow { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@keyframes dgtPop { 0% { transform: scale(0); opacity: 0; } 8% { transform: scale(1.08); opacity: 1; } 12%, 85% { transform: scale(1); opacity: 1; } 95%, 100% { transform: scale(0); opacity: 0; } }
@keyframes dgtTwinkle { 0%, 100% { transform: scale(.6) rotate(0deg); opacity: .5; } 50% { transform: scale(1.1) rotate(45deg); opacity: 1; } }
@keyframes dgtFlicker { from { transform: scaleY(.7); } to { transform: scaleY(1.15); } }
@keyframes dgtCursor { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(-120px, 40px); } 50% { transform: translate(-60px, -70px); } 75% { transform: translate(40px, -20px); } }
@keyframes dgtCursor2 { 0%, 100% { transform: translate(0, 0); } 30% { transform: translate(60px, -60px); } 60% { transform: translate(110px, 10px); } }
@keyframes dgtToggle { 0%, 40% { transform: translateX(0); } 50%, 90% { transform: translateX(-14px); } 100% { transform: translateX(0); } }
@keyframes dgtBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes dgtBounceLg { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes dgtShadow { 0%, 100% { transform: scale(1); opacity: .6; } 50% { transform: scale(.7); opacity: .3; } }
@keyframes dgtArrowUp { 0% { transform: translateY(8px); opacity: 0; } 30%, 70% { opacity: 1; } 100% { transform: translateY(-10px); opacity: 0; } }
@keyframes dgtArrowDown { 0% { transform: translateY(-10px); opacity: 0; } 30%, 70% { opacity: 1; } 100% { transform: translateY(8px); opacity: 0; } }
@keyframes dgtLoad { 0% { transform: scaleX(0); opacity: 1; } 60%, 80% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes dgtLetter { 0%, 100% { transform: translateY(22px); } 40%, 70% { transform: translateY(-12px); } }
@keyframes dgtWiggle { 0%, 60%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-14deg); } 20%, 40% { transform: rotate(14deg); } }
@keyframes dgtWiggleCss { 0%, 60%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-14deg); } 20%, 40% { transform: rotate(14deg); } }
@keyframes dgtMag { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(-30px, -20px); } 50% { transform: translate(-50px, 30px); } 75% { transform: translate(-10px, 20px); } }
@keyframes dgtHit { 0% { transform: translateX(240px); opacity: 0; } 10% { opacity: 1; } 30% { transform: translateX(0); } 34% { transform: translateX(8px); } 38%, 85% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } }
@keyframes dgtMer { from { transform: scaleX(1); } to { transform: scaleX(-1); } }
@keyframes dgtMarquee { to { transform: translateX(-50%); } }
@keyframes dgtDotBounce { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-4px); } }
@keyframes dgtShapeFloat { 0%, 100% { transform: translate(0, 0); } 33% { transform: translate(10px, -16px); } 66% { transform: translate(-8px, 10px); } }
@keyframes dgtShapeSpin { 0% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(8px, -14px) rotate(180deg); } 100% { transform: translate(0, 0) rotate(360deg); } }
@keyframes dgtBlob { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(40px, -30px) scale(1.08); } 66% { transform: translate(-30px, 30px) scale(.95); } }
@keyframes dgtSlideDown { from { transform: translateY(-100%); } to { transform: none; } }
@keyframes dgtVProg { to { transform: scaleX(1); } }
@keyframes dgtMapDash { to { stroke-dashoffset: -20; } }

/* ==========================================================================
   13. Responsive
   ========================================================================== */
@media (max-width: 1440px) {
	.dgt-page .dgt-call__txt { display: none; }
	.dgt-page .dgt-header__in { gap: 18px; }
	.dgt-page .dgt-nav .dgt-menu { gap: 0; }
	.dgt-page .dgt-nav .dgt-menu > li > a { padding: 12px 10px; font-size: 14.5px; }
	.dgt-page .dgt-nav .dgt-menu > li > a::after { left: 10px; right: 10px; }
}
@media (max-width: 1340px) {
	.dgt-page .dgt-header__actions .dgt-call { display: none; }
}
@media (max-width: 1280px) {
	.dgt-page .dgt-nav { display: none; }
	.dgt-page .dgt-burger { display: inline-flex; }
	.dgt-page .dgt-header__actions { margin-left: auto; }
	.dgt-page .dgt-header__actions .dgt-call { display: flex; }
	.dgt-page .dgt-call__txt { display: block; }
}
@media (max-width: 1200px) {
	.dgt-page .dgt-footer__grid { grid-template-columns: 1.3fr 1fr 1fr; }
	.dgt-page .dgt-footer__contact { grid-column: 1 / -1; }
	.dgt-page .dgt-footer__contact .dgt-clist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
	.dgt-page .dgt-sec { padding: 80px 0; }
	.dgt-page .dgt-sec .dgt-grid { --cols: 2; }
	.dgt-page .dgt-vgrid { --cols: 2; }
	/* Case studies: single column, no pinning */
	.dgt-page .dgt-case__in { grid-template-columns: minmax(0, 1fr); gap: 36px; min-height: 0; padding: 38px; transform: none; }
	.dgt-page .dgt-case__in::after { display: none; }
	.dgt-page .dgt-case__visual { order: -1; }
	.dgt-page .dgt-case__art { aspect-ratio: 16 / 10; }
	.dgt-page .dgt-case__float { left: 14px; }
	.dgt-page .dgt-case__chart { right: 14px; }
	/* Map: stats become a row under the map */
	.dgt-page .dgt-clients__grid { gap: 20px; }
	.dgt-page .dgt-clients__side { order: 2; }
	.dgt-page .dgt-mapstats { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
	.dgt-page .dgt-maplegend { grid-template-columns: repeat(3, auto); justify-content: center; gap: 10px 22px; }
	.dgt-page .dgt-worksec__head { align-items: flex-start; flex-direction: column; gap: 0; }
	.dgt-page .dgt-worksec__head .dgt-head { margin-bottom: 24px; }
	.dgt-page .dgt-wcar__ctrl { margin-bottom: 26px; }
	.dgt-page .dgt-hero { padding: 64px 0 130px; }
	.dgt-page .dgt-hero__in,
	.dgt-page .dgt-phero__in,
	.dgt-page .dgt-values__grid,
	.dgt-page .dgt-promo__grid,
	.dgt-page .dgt-spot__grid,
	.dgt-page .dgt-clients__grid,
	.dgt-page .dgt-banner,
	.dgt-page .dgt-faq,
	.dgt-page .dgt-split,
	.dgt-page .dgt-consult__grid,
	.dgt-page .dgt-intro__grid,
	.dgt-page .dgt-cform,
	.dgt-page .dgt-tst { grid-template-columns: minmax(0, 1fr); gap: 48px; }
	.dgt-page .dgt-hero__art, .dgt-page .dgt-phero__art { max-width: 620px; margin: 0 auto; width: 100%; }
	.dgt-page .dgt-hero__art .dgt-illus, .dgt-page .dgt-phero__art .dgt-illus { margin: 0 auto; }
	.dgt-page .dgt-promo.is-reverse .dgt-promo__art,
	.dgt-page .dgt-spot.is-right .dgt-spot__art { order: 0; }
	.dgt-page .dgt-values__top { padding: 80px 0 150px; }
	.dgt-page .dgt-values__art .dgt-illus, .dgt-page .dgt-split__art .dgt-illus { margin: 0 auto; }
	.dgt-page .dgt-faq__side { position: static; }
	.dgt-page .dgt-banner { padding: 44px; }
	.dgt-page .dgt-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 44px; }
	.dgt-page .dgt-steps__line { display: none; }
	.dgt-page .dgt-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; }
	.dgt-page .dgt-stat:nth-child(2n+1)::before { display: none; }
	.dgt-page .dgt-tst__summary { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 14px 26px; }
	.dgt-page .dgt-tst__summary > p { flex: 1 1 220px; }
	.dgt-page .dgt-tst__nav { margin-top: 0; margin-left: auto; }
	.dgt-page .dgt-slider__track { grid-auto-columns: calc((100% - 24px) / 2); }
	.dgt-page .dgt-fcta { flex-direction: column; align-items: flex-start; padding: 40px; }
	.dgt-page .dgt-timeline__line { left: 12px; }
	.dgt-page .dgt-tl, .dgt-page .dgt-tl.is-right { width: 100%; margin-left: 0; padding: 0 0 30px 48px; }
	.dgt-page .dgt-tl__dot, .dgt-page .dgt-tl.is-right .dgt-tl__dot { left: 0; right: auto; }
	.dgt-page .dgt-tl__card::after, .dgt-page .dgt-tl.is-right .dgt-tl__card::after { left: -8px; right: auto; }
}
@media (max-width: 900px) {
	.dgt-page .dgt-topbar__right .dgt-topbar__link,
	.dgt-page .dgt-topbar__rating { display: none; }
	.dgt-page .dgt-footer__grid { grid-template-columns: 1fr 1fr; gap: 40px 28px; }
	.dgt-page .dgt-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.dgt-page { --dgt-title-size: 32px; }
	.dgt-page .dgt-container { padding: 0 18px; }
	.dgt-page .dgt-sec { padding: 68px 0; }
	.dgt-page .dgt-sec .dgt-grid { --cols: 1; }
	.dgt-page .dgt-head { margin-bottom: 40px; }
	.dgt-page .dgt-header { --dgt-header-h: 70px; }
	.dgt-page .dgt-logo img { height: 38px; }
	.dgt-page .dgt-call__txt, .dgt-page .dgt-header__actions > .dgt-btn { display: none; }
	.dgt-page .dgt-call__ico { width: 42px; height: 42px; }
	.dgt-page .dgt-topbar .dgt-live { display: none; }
	.dgt-page .dgt-topbar__in { min-height: 38px; }
	.dgt-page .dgt-hero { padding: 48px 0 110px; }
	.dgt-page .dgt-hero__title { font-size: clamp(34px, 9vw, 44px); }
	.dgt-page .dgt-phero { padding: 52px 0 110px; }
	.dgt-page .dgt-btns .dgt-btn { flex: 1 1 auto; }
	.dgt-page .dgt-trust { flex-wrap: wrap; }
	.dgt-page .dgt-fcard { padding: 8px 14px 8px 8px; gap: 8px; border-radius: 14px; }
	.dgt-page .dgt-fcard b { font-size: 16px; }
	.dgt-page .dgt-fcard small { font-size: 11px; }
	.dgt-page .dgt-fcard__ico { width: 34px; height: 34px; border-radius: 10px; }
	.dgt-page .dgt-fcard--1 { left: 0; top: 0; }
	.dgt-page .dgt-fcard--2 { right: 0; }
	.dgt-page .dgt-fcard--3 { left: 4%; }
	.dgt-page .dgt-checks--2, .dgt-page .dgt-numlist, .dgt-page .dgt-form__grid { grid-template-columns: minmax(0, 1fr); }
	.dgt-page .dgt-spot { padding: 56px 0; }
	.dgt-page .dgt-spot__kicker { margin-bottom: 30px; }
	.dgt-page .dgt-steps { grid-template-columns: minmax(0, 1fr); }
	.dgt-page .dgt-banner { padding: 30px 22px; border-radius: 22px; }
	.dgt-page .dgt-banner__metrics { padding: 16px; }
	.dgt-page .dgt-metric b { font-size: 26px; }
	.dgt-page .dgt-acc__q { padding: 16px; font-size: 16px; gap: 12px; }
	.dgt-page .dgt-acc__inner p { padding: 0 18px 18px; }
	.dgt-page .dgt-slider__track { grid-auto-columns: 88%; }
	.dgt-page .dgt-tcard { padding: 24px; }
	.dgt-page .dgt-form-card { padding: 26px 20px; border-radius: 20px; }
	.dgt-page .dgt-fcta { padding: 30px 24px; margin-top: 56px; }
	.dgt-page .dgt-fcta__actions, .dgt-page .dgt-fcta__actions .dgt-btn { width: 100%; }
	.dgt-page .dgt-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px 20px; }
	.dgt-page .dgt-footer__main { padding-top: 56px; }
	.dgt-page .dgt-flinks { gap: 9px; font-size: 14px; }
	.dgt-page .dgt-footer__contact .dgt-clist { grid-template-columns: minmax(0, 1fr); }
	.dgt-page .dgt-shape { opacity: .35; }
	.dgt-page .dgt-vtrust { margin: -14px 0 30px; }
	.dgt-page .dgt-vtrust li { font-size: 13px; padding: 7px 13px 7px 10px; }
	.dgt-page .dgt-vgrid { --cols: 1; --gap: 18px; }
	.dgt-page .dgt-vcard__body { padding: 16px 18px 18px; }
	.dgt-page .dgt-vcard__play { width: 56px; height: 56px; margin: -28px 0 0 -28px; }
	.dgt-page .dgt-wcar { padding: 18px 0 48px; }
	.dgt-page .dgt-wcar__track { gap: 20px; }
	.dgt-page .dgt-wcard__txt h3 { font-size: 18px; }
	.dgt-page .dgt-wcard__n { width: 40px; height: 40px; border-radius: 12px; }
	.dgt-page .dgt-case__in { gap: 26px; padding: 22px 18px 26px; border-radius: 24px; }
	.dgt-page .dgt-case__art { padding: 16px; border-radius: 18px; aspect-ratio: 5 / 4; }
	.dgt-page .dgt-case__cols { grid-template-columns: minmax(0, 1fr); }
	.dgt-page .dgt-case__idx { font-size: 26px; }
	.dgt-page .dgt-case__metric { padding: 0 10px; }
	.dgt-page .dgt-case__metric b { font-size: 22px; }
	.dgt-page .dgt-case__metric > span { font-size: 12px; }
	.dgt-page .dgt-case__float { top: 12px; left: 12px; padding: 10px 14px 10px 10px; gap: 10px; }
	.dgt-page .dgt-case__float-ico { width: 36px; height: 36px; border-radius: 11px; }
	.dgt-page .dgt-case__float b { font-size: 19px; }
	.dgt-page .dgt-case__chart { display: none; }
	.dgt-page .dgt-case__quote { position: relative; left: auto; bottom: auto; max-width: none; margin-top: 12px; }
	.dgt-page .dgt-case__visual { flex-direction: column; }
	.dgt-page .dgt-usmap { padding: 16px 10px 12px; border-radius: 22px; }
	.dgt-page .dgt-pin__dot { left: -7px; top: -7px; width: 14px; height: 14px; border-width: 2px; }
	.dgt-page .dgt-pin.is-hq .dgt-pin__dot { left: -10px; top: -10px; width: 20px; height: 20px; border-width: 3px; }
	.dgt-page .dgt-pin:not(.is-hq) .dgt-pin__label { display: none; }
	.dgt-page .dgt-usmap .dgt-pin.is-hq .dgt-pin__label { left: 0; right: auto; top: 16px; transform: translate(-50%, 0); }
	.dgt-page .dgt-usmap .dgt-pin.is-hq .dgt-pin__label small { display: none; }
	.dgt-page .dgt-pin__label { font-size: 11px; padding: 4px 6px 4px 8px; }
	.dgt-page .dgt-pin__tip { min-width: 150px; padding: 10px 12px; }
	.dgt-page .dgt-mapstats { grid-template-columns: 1fr 1fr; gap: 10px; }
	.dgt-page .dgt-mapstat { padding: 16px 16px 16px 20px; }
	.dgt-page .dgt-mapstat b { font-size: 26px; }
	.dgt-page .dgt-maplegend { grid-template-columns: 1fr; justify-content: start; }
	.dgt-page .dgt-clientstrip { margin-top: 40px; }
	.dgt-page .dgt-client { font-size: 13.5px; }
	.dgt-page .dgt-footer__bottom-in { flex-direction: column; text-align: center; }
	.dgt-page .dgt-footer__bottom .dgt-flinks { justify-content: center; }
	.dgt-page .dgt-map { height: auto; border-radius: 20px; }
	.dgt-page .dgt-map iframe { height: 320px; }
	.dgt-page .dgt-map__card { position: static; max-width: none; border-radius: 0; box-shadow: none; }
	.dgt-page .dgt-office.is-hq { grid-column: auto; }
	.dgt-page .dgt-exp { padding: 14px 18px; }
	.dgt-page .dgt-exp b { font-size: 32px; }
	.dgt-page .dgt-totop { right: 14px; bottom: 14px; width: 48px; height: 48px; }
	.dgt-page .dgt-stat { padding: 10px 8px; }
}

@media (prefers-reduced-motion: reduce) {
	.dgt-page *, .dgt-page *::before, .dgt-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.dgt-page .dgt-reveal { opacity: 1 !important; }
}