/*!
 * Digiable Tech Pages — "Service Areas" page (loaded only where the widget is used).
 * Builds on the tokens and components in digiable.css (the map reuses .dgt-usmap / .dgt-pin).
 */

/* --- Hero --- */
.dgt-page .dgt-arhero { padding: 76px 0 150px; background: linear-gradient(180deg, #F1F6FF 0%, #fff 100%); }
.dgt-page .dgt-arhero__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.dgt-page .dgt-arhero.is-solo .dgt-arhero__in { grid-template-columns: minmax(0, 1fr); max-width: 880px; }
.dgt-page .dgt-arhero .dgt-lead { margin-bottom: 28px; }

/* City finder */
.dgt-page .dgt-find {
	position: relative; display: flex; align-items: center; gap: 8px; max-width: 580px; margin: 0 0 14px; padding: 7px 7px 7px 50px;
	border-radius: 18px; background: #fff; border: 1.5px solid var(--dgt-border); box-shadow: 0 24px 50px -30px rgba(20, 33, 61, .4);
	transition: border-color .25s, box-shadow .25s;
}
.dgt-page .dgt-find:focus-within { border-color: var(--dgt-blue); box-shadow: 0 0 0 4px rgba(26, 115, 232, .14), 0 24px 50px -30px rgba(20, 33, 61, .4); }
.dgt-page .dgt-find__ico { position: absolute; left: 16px; top: 50%; display: flex; color: var(--dgt-blue); transform: translateY(-50%); }
.dgt-page .dgt-find__ico .dgt-ico { width: 22px; height: 22px; }
.dgt-page .dgt-find input,
.dgt-page .dgt-find input:focus {
	flex: 1; min-width: 0; height: 46px; margin: 0; padding: 0 6px; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none;
	font: 500 16px var(--dgt-font-b); color: var(--dgt-heading); -webkit-appearance: none; appearance: none;
}
.dgt-page .dgt-find input::placeholder { color: #97A3B6; opacity: 1; }
.dgt-page .dgt-find .dgt-btn { flex-shrink: 0; }
.dgt-page .dgt-find__pop { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 30px; font: 600 13px var(--dgt-font-h); color: var(--dgt-muted); }
.dgt-page .dgt-find__pop button { padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--dgt-border); font: 600 13px/1.2 var(--dgt-font-h); color: var(--dgt-heading); transition: border-color .25s, color .25s; }
.dgt-page .dgt-find__pop button:hover,
.dgt-page .dgt-find__pop button:focus-visible { background: #fff; border-color: var(--dgt-primary); color: var(--dgt-primary); }

/* Local 3-pack mock-up: "Your business" climbs from #3 to #1 when it scrolls into view */
.dgt-page .dgt-arhero__art { position: relative; }
.dgt-page .dgt-l3 { position: relative; width: min(500px, 100%); margin-left: auto; padding: 14px; border-radius: 28px; background: #fff; border: 1px solid var(--dgt-border); box-shadow: 0 50px 90px -50px rgba(20, 33, 61, .55); }
.dgt-page .dgt-l3__bar { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 999px; background: var(--dgt-light); border: 1px solid var(--dgt-border); }
.dgt-page .dgt-l3__g { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; width: 16px; height: 16px; flex-shrink: 0; }
.dgt-page .dgt-l3__g i { display: block; border-radius: 50%; background: var(--dgt-g-blue); }
.dgt-page .dgt-l3__g i:nth-child(2) { background: var(--dgt-g-red); }
.dgt-page .dgt-l3__g i:nth-child(3) { background: var(--dgt-g-yellow); }
.dgt-page .dgt-l3__g i:nth-child(4) { background: var(--dgt-g-green); }
.dgt-page .dgt-l3__q { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; font: 500 14px/1.2 var(--dgt-font-b); color: var(--dgt-heading); white-space: nowrap; }
.dgt-page .dgt-l3__q .dgt-ico { width: 16px; height: 16px; flex-shrink: 0; color: var(--dgt-muted); }
.dgt-page .dgt-l3__q::after { content: ""; flex-shrink: 0; width: 2px; height: 16px; margin-left: -4px; background: var(--dgt-blue); animation: dgtBlink 1.1s linear infinite; }
.dgt-page .dgt-l3__map {
	position: relative; overflow: hidden; height: 180px; margin: 12px 0; border-radius: 18px;
	background-color: #EEF3F8;
	background-image: linear-gradient(90deg, rgba(20, 33, 61, .05) 1px, transparent 1px), linear-gradient(rgba(20, 33, 61, .05) 1px, transparent 1px);
	background-size: 26px 26px;
}
.dgt-page .dgt-l3__road { position: absolute; background: #fff; box-shadow: 0 0 0 1px rgba(20, 33, 61, .06); }
.dgt-page .dgt-l3__road.is-1 { left: -10%; right: -10%; top: 60%; height: 12px; transform: rotate(-7deg); }
.dgt-page .dgt-l3__road.is-2 { top: -10%; bottom: -10%; left: 33%; width: 10px; transform: rotate(12deg); }
.dgt-page .dgt-l3__road.is-3 { top: -10%; bottom: -10%; left: 76%; width: 8px; transform: rotate(-5deg); }
.dgt-page .dgt-l3__park { position: absolute; left: 7%; top: 12%; width: 74px; height: 46px; border-radius: 14px; background: rgba(52, 168, 83, .18); }
.dgt-page .dgt-l3__loc { position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, .94); box-shadow: 0 8px 18px -12px rgba(20, 33, 61, .5); font: 700 12px/1 var(--dgt-font-h); color: #14213D; }
.dgt-page .dgt-l3__loc .dgt-ico { width: 13px; height: 13px; color: var(--dgt-g-red); }
.dgt-page .dgt-l3__pin { position: absolute; width: 28px; height: 28px; margin: -28px 0 0 -14px; border-radius: 50% 50% 50% 0; display: grid; place-items: center; background: var(--dgt-secondary); transform: rotate(-45deg); box-shadow: 0 10px 18px -8px rgba(20, 33, 61, .6); }
.dgt-page .dgt-l3__pin b { font: 800 11.5px var(--dgt-font-h); color: #fff; transform: rotate(45deg); }
.dgt-page .dgt-l3__pin.is-1 { left: 46%; top: 50%; width: 38px; height: 38px; margin: -38px 0 0 -19px; background: var(--dgt-primary); box-shadow: 0 12px 24px -8px rgba(253, 103, 49, .8); }
.dgt-page .dgt-l3__pin.is-1 b { font-size: 14px; }
.dgt-page .dgt-l3__pin.is-1::after { content: ""; position: absolute; inset: -6px; border-radius: inherit; border: 2px solid var(--dgt-primary); animation: dgtRing 2.2s ease-out infinite; }
.dgt-page .dgt-l3__pin.is-2 { left: 70%; top: 36%; }
.dgt-page .dgt-l3__pin.is-3 { left: 88%; top: 78%; }
.dgt-page .dgt-l3__list { --row: 70px; --gap: 8px; position: relative; display: grid; gap: var(--gap); }
.dgt-page .dgt-l3__row { position: relative; display: flex; align-items: center; gap: 12px; height: var(--row); padding: 10px 12px; border-radius: 16px; background: #fff; border: 1px solid var(--dgt-border); }
.dgt-page .dgt-l3__row:not(.is-you) .dgt-l3__info { opacity: .72; }
.dgt-page .dgt-l3__row.is-you { z-index: 2; background: #F4F8FF; border-color: var(--dgt-primary); box-shadow: 0 16px 34px -20px rgba(253, 103, 49, .7); }
.dgt-page .dgt-l3__rank { position: relative; width: 30px; height: 30px; flex-shrink: 0; border-radius: 10px; background: var(--dgt-light); font: 800 13px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-l3__rank i { position: absolute; inset: 0; display: grid; place-items: center; font-style: normal; }
.dgt-page .dgt-l3__rank .is-from { opacity: 0; }
.dgt-page .dgt-l3__row.is-you .dgt-l3__rank { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-l3__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.dgt-page .dgt-l3__info b { overflow: hidden; font: 700 15px/1.2 var(--dgt-font-h); color: var(--dgt-heading); white-space: nowrap; text-overflow: ellipsis; }
.dgt-page .dgt-l3__meta { display: flex; align-items: center; gap: 5px; font-size: 12.5px; line-height: 1; color: var(--dgt-muted); }
.dgt-page .dgt-l3__meta em { font-style: normal; font-weight: 700; color: var(--dgt-heading); }
.dgt-page .dgt-l3__meta .dgt-stars svg { width: 12px; height: 12px; }
.dgt-page .dgt-l3__info small { font-size: 12px; line-height: 1.2; color: var(--dgt-muted); }
.dgt-page .dgt-l3__row.is-you .dgt-l3__info small { color: var(--dgt-primary-d); font-weight: 600; }
.dgt-page .dgt-l3__call { display: inline-flex; flex-shrink: 0; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; background: var(--dgt-blue); color: #fff; font: 700 12.5px/1 var(--dgt-font-h); }
.dgt-page .dgt-l3__call .dgt-ico { width: 14px; height: 14px; }
.dgt-page .dgt-l3__chip.is-1 { top: 23%; left: -48px; }
.dgt-page .dgt-l3__chip.is-2 { right: -26px; bottom: 30px; animation-delay: -2.6s; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-l3.is-in .dgt-l3__row { animation: dgtL3Climb 1.3s cubic-bezier(.7, 0, .2, 1) .9s both; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-l3.is-in .dgt-l3__rank .is-from { animation: dgtL3From 2.2s linear both; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-l3.is-in .dgt-l3__rank .is-to { animation: dgtL3To 2.2s linear both; }
@keyframes dgtL3Climb { from { transform: translateY(calc(var(--from) * (var(--row) + var(--gap)))); } to { transform: none; } }
@keyframes dgtL3From { 0%, 72% { opacity: 1; } 86%, 100% { opacity: 0; } }
@keyframes dgtL3To { 0%, 72% { opacity: 0; } 86%, 100% { opacity: 1; } }

/* --- Coverage map --- */
.dgt-page .dgt-cover {
	--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-cover__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; align-items: stretch; }
.dgt-page .dgt-cover__map { padding: 26px 30px 18px; }
.dgt-page .dgt-cover__hotdot { fill: var(--dgt-map-dot); }
.dgt-page .dgt-cover__hot { transition: opacity .5s; }
.dgt-page .dgt-cover__hot.is-dim { opacity: .1; }
.dgt-page .dgt-cover .dgt-usmap__link.is-bold { stroke-width: 1.2; stroke-opacity: .34; transition: stroke-dashoffset 1.4s cubic-bezier(.6, 0, .2, 1) calc(var(--i) * 35ms + .4s), opacity .4s; }
.dgt-page .dgt-cover .dgt-usmap__link.is-dim { opacity: .12; }
.dgt-page .dgt-cover .dgt-pin { transition-delay: calc(var(--i) * 30ms + .4s); }
.dgt-page .dgt-cover .dgt-pin:not(.is-hq) .dgt-pin__dot { left: -8px; top: -8px; width: 16px; height: 16px; box-shadow: 0 0 0 4px rgba(253, 103, 49, .16), 0 6px 14px -4px rgba(239, 91, 38, .75); transition: transform .3s var(--dgt-ease), opacity .3s; }
.dgt-page .dgt-cover .dgt-pin:not(.is-hq) .dgt-pin__dot::before,
.dgt-page .dgt-cover .dgt-pin:not(.is-hq) .dgt-pin__dot::after { display: none; }
.dgt-page .dgt-cover .dgt-pin:not(.is-hq):hover .dgt-pin__dot::after,
.dgt-page .dgt-cover .dgt-pin.is-open .dgt-pin__dot::after { display: block; animation-delay: 0s; }
.dgt-page .dgt-cover .dgt-pin.is-dim .dgt-pin__dot { opacity: .28; transform: scale(.7); }
.dgt-page .dgt-cover .dgt-pin:hover .dgt-pin__tip,
.dgt-page .dgt-cover .dgt-pin:focus-within .dgt-pin__tip,
.dgt-page .dgt-cover .dgt-pin.is-open .dgt-pin__tip { pointer-events: auto; }
.dgt-page .dgt-cover .dgt-pin__tip::before { content: ""; position: absolute; left: 0; right: 0; bottom: -16px; height: 16px; }
.dgt-page .dgt-cover .dgt-pin.tip-down .dgt-pin__tip::before { bottom: auto; top: -16px; }
.dgt-page .dgt-pin__hq { display: inline-block; margin-bottom: 6px; padding: 3px 7px; border-radius: 6px; background: var(--dgt-primary); font: 800 10px/1.2 var(--dgt-font-h); font-style: normal; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.dgt-page .dgt-pin__go { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font: 700 12.5px/1 var(--dgt-font-h); color: #A8C7FA; }
.dgt-page .dgt-pin__go .dgt-ico { width: 14px; height: 14px; transition: transform .25s var(--dgt-ease); }
.dgt-page .dgt-pin__go:hover { color: #fff; }
.dgt-page .dgt-pin__go:hover .dgt-ico { transform: translateX(3px); }
.dgt-page .dgt-cover__legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 12px; padding-top: 14px; border-top: 1px dashed var(--dgt-border); font: 600 13px var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-cover__legend li { display: flex; align-items: center; gap: 8px; }
.dgt-page .dgt-cover__legend i { width: 12px; height: 12px; flex-shrink: 0; border-radius: 50%; }
.dgt-page .dgt-cover__legend .is-hq { background: var(--dgt-secondary); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--dgt-primary); }
.dgt-page .dgt-cover__legend .is-pin { background: var(--dgt-primary); box-shadow: 0 0 0 3px rgba(253, 103, 49, .2); }
.dgt-page .dgt-cover__legend .is-glow { width: 22px; border-radius: 6px; background-image: radial-gradient(circle, var(--dgt-blue) 1.4px, transparent 1.7px); background-size: 5px 5px; }

.dgt-page .dgt-cover__side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.dgt-page .dgt-regions { display: grid; gap: 6px; padding: 10px; border-radius: 24px; background: #fff; border: 1px solid var(--dgt-border); box-shadow: 0 30px 60px -48px rgba(20, 33, 61, .5); }
.dgt-page .dgt-region { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; border-radius: 14px; text-align: left; transition: background-color .25s; }
.dgt-page .dgt-region:hover,
.dgt-page .dgt-region:focus { background: var(--dgt-light); }
.dgt-page .dgt-region__dot { width: 11px; height: 11px; flex-shrink: 0; border-radius: 50%; background: var(--dgt-primary); box-shadow: 0 0 0 4px rgba(253, 103, 49, .16); }
.dgt-page .dgt-region.is-all .dgt-region__dot { background: var(--dgt-secondary); box-shadow: 0 0 0 4px rgba(20, 33, 61, .1); }
.dgt-page .dgt-region__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.dgt-page .dgt-region__txt b { font: 700 15px/1.25 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-region__txt small { margin-top: 2px; font-size: 12.5px; color: var(--dgt-muted); }
.dgt-page .dgt-region__n { min-width: 34px; height: 30px; padding: 0 8px; border-radius: 10px; display: grid; place-items: center; background: rgba(253, 103, 49, .12); font: 800 13px var(--dgt-font-h); color: var(--dgt-primary-d); }
.dgt-page .dgt-region[aria-pressed="true"] { background: var(--dgt-secondary); }
.dgt-page .dgt-region[aria-pressed="true"] .dgt-region__txt b { color: #fff; }
.dgt-page .dgt-region[aria-pressed="true"] .dgt-region__txt small { color: rgba(255, 255, 255, .65); }
.dgt-page .dgt-region[aria-pressed="true"] .dgt-region__dot { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .18); }
.dgt-page .dgt-region[aria-pressed="true"] .dgt-region__n { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-cover__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dgt-page .dgt-cover__stat { padding: 16px 16px 14px; border-radius: 18px; background: #fff; border: 1px solid var(--dgt-border); }
.dgt-page .dgt-cover__stat b { display: block; font: 800 26px/1 var(--dgt-font-h); letter-spacing: -.02em; color: var(--dgt-heading); }
.dgt-page .dgt-cover__stat > span { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.35; color: var(--dgt-muted); }
.dgt-page .dgt-cover__stat:first-child { border-color: transparent; background: linear-gradient(140deg, var(--dgt-secondary), var(--dgt-secondary-2)); }
.dgt-page .dgt-cover__stat:first-child b { color: #fff; }
.dgt-page .dgt-cover__stat:first-child > span { color: rgba(255, 255, 255, .7); }

/* --- Areas directory --- */
.dgt-page .dgt-adirsec { background: #fff; }
.dgt-page:not(.dgt-js) .dgt-adir__tools,
.dgt-page:not(.dgt-js) .dgt-adir__count { display: none; }
.dgt-page .dgt-adir__tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-bottom: 14px; padding: 12px; border-radius: 22px; background: var(--dgt-light); border: 1px solid var(--dgt-border); }
.dgt-page .dgt-adir__search { position: relative; display: flex; align-items: center; flex: 1 1 300px; max-width: 440px; }
.dgt-page .dgt-adir__search > .dgt-ico { position: absolute; left: 16px; width: 19px; height: 19px; color: var(--dgt-muted); pointer-events: none; }
.dgt-page .dgt-adir__input,
.dgt-page .dgt-adir__input:focus {
	width: 100%; height: 50px; margin: 0; padding: 0 46px; border: 1.5px solid var(--dgt-border); border-radius: 14px; outline: none;
	background: #fff; box-shadow: none; font: 500 15.5px var(--dgt-font-b); color: var(--dgt-heading); -webkit-appearance: none; appearance: none;
}
.dgt-page .dgt-adir__input:focus { border-color: var(--dgt-blue); box-shadow: 0 0 0 4px rgba(26, 115, 232, .14); }
.dgt-page .dgt-adir__input::placeholder { color: #97A3B6; opacity: 1; }
.dgt-page .dgt-adir__input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
.dgt-page .dgt-adir__clear { position: absolute; right: 8px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--dgt-light); color: var(--dgt-heading); }
.dgt-page .dgt-adir__clear[hidden] { display: none; }
.dgt-page .dgt-adir__clear .dgt-ico { width: 16px; height: 16px; }
.dgt-page .dgt-adir__clear:hover,
.dgt-page .dgt-adir__clear:focus-visible { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-adir__tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.dgt-page .dgt-adir__tabs button {
	display: inline-flex; align-items: center; gap: 8px; padding: 8px 8px 8px 14px; border-radius: 12px; scroll-margin-top: 150px;
	background: #fff; border: 1px solid var(--dgt-border); font: 600 14px/1.2 var(--dgt-font-h); color: var(--dgt-heading); transition: background-color .25s, border-color .25s, color .25s;
}
.dgt-page .dgt-adir__tabs button span { min-width: 26px; padding: 4px 6px; border-radius: 8px; background: var(--dgt-light); font: 800 11.5px/1.2 var(--dgt-font-h); color: var(--dgt-primary); text-align: center; }
.dgt-page .dgt-adir__tabs button:hover,
.dgt-page .dgt-adir__tabs button:focus-visible { background: #fff; border-color: var(--dgt-primary); color: var(--dgt-primary); }
.dgt-page .dgt-adir__tabs button[aria-pressed="true"] { background: var(--dgt-secondary); border-color: var(--dgt-secondary); color: #fff; }
.dgt-page .dgt-adir__tabs button[aria-pressed="true"] span { background: var(--dgt-primary); color: #fff; }
.dgt-page .dgt-adir__count { margin: 0 0 18px; font: 600 13.5px var(--dgt-font-h); color: var(--dgt-muted); }

.dgt-page .dgt-states { --cols: 3; gap: 18px; }
.dgt-page .dgt-state:focus { outline: none; }
.dgt-page .dgt-adir__more { margin-top: 28px; text-align: center; }
.dgt-page .dgt-adir__more[hidden] { display: none; }
.dgt-page .dgt-adir__more .dgt-btn:hover .dgt-btn__ico { transform: translateY(2px); }
.dgt-page .dgt-state { position: relative; padding: 20px; border-radius: 22px; background: #fff; border: 1px solid var(--dgt-border); box-shadow: 0 20px 44px -40px rgba(20, 33, 61, .5); scroll-margin-top: calc(var(--dgt-admin, 0px) + var(--dgt-stick-top, 100px)); transition: border-color .3s, box-shadow .3s; }
.dgt-page .dgt-state[hidden] { display: none; }
.dgt-page .dgt-state:hover { border-color: #C9D9F5; box-shadow: 0 26px 50px -36px rgba(20, 33, 61, .45); }
.dgt-page .dgt-state.is-flash { animation: dgtStateFlash 1.8s ease; }
@keyframes dgtStateFlash { 0%, 45% { border-color: var(--dgt-primary); box-shadow: 0 0 0 4px rgba(253, 103, 49, .3); } 100% { box-shadow: 0 20px 44px -40px rgba(20, 33, 61, .5); } }
.dgt-page .dgt-state__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.dgt-page .dgt-state__code { width: 46px; height: 46px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: var(--dgt-secondary); color: #fff; font: 800 14px var(--dgt-font-h); letter-spacing: .04em; transition: background-color .3s; }
.dgt-page .dgt-state:hover .dgt-state__code { background: var(--c); color: var(--c-ink); }
.dgt-page .dgt-state__id { flex: 1; min-width: 0; }
.dgt-page .dgt-state__id h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 17.5px; }
.dgt-page .dgt-state__id h3 em { padding: 3px 7px; border-radius: 6px; background: var(--dgt-primary); font: 800 10px/1.2 var(--dgt-font-h); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.dgt-page .dgt-state__id small { font-size: 12.5px; color: var(--dgt-muted); }
.dgt-page .dgt-state__go { width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: var(--dgt-light); color: var(--dgt-heading); transition: background-color .25s, color .25s, transform .35s var(--dgt-ease); }
.dgt-page .dgt-state__go .dgt-ico { width: 15px; height: 15px; }
.dgt-page .dgt-state__go:hover { background: var(--dgt-primary); color: #fff; transform: rotate(45deg); }
.dgt-page .dgt-cities { display: flex; flex-wrap: wrap; gap: 6px; }
.dgt-page .dgt-city { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 9px; border-radius: 999px; background: var(--dgt-light); font: 500 13.5px/1.3 var(--dgt-font-b); color: var(--dgt-heading); transition: background-color .2s, color .2s; }
.dgt-page .dgt-city::before { content: ""; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: var(--dgt-primary); opacity: .55; }
.dgt-page a.dgt-city:hover,
.dgt-page .dgt-city.is-hit { background: var(--dgt-primary); color: #fff; }
.dgt-page a.dgt-city:hover::before,
.dgt-page .dgt-city.is-hit::before { background: #fff; opacity: 1; }
.dgt-page .dgt-adir__empty { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 22px; padding: 26px 28px; border-radius: 24px; background: var(--dgt-lavender); border: 1px dashed #BCD0F2; }
.dgt-page .dgt-adir__empty[hidden] { display: none; }
.dgt-page .dgt-adir__empty-ico { width: 56px; height: 56px; flex-shrink: 0; border-radius: 18px; display: grid; place-items: center; background: var(--dgt-blue); color: #fff; }
.dgt-page .dgt-adir__empty-ico .dgt-ico { width: 24px; height: 24px; }
.dgt-page .dgt-adir__empty > div { flex: 1 1 280px; }
.dgt-page .dgt-adir__empty h3 { margin: 0 0 4px; font-size: 20px; }
.dgt-page .dgt-adir__empty p { margin: 0; font-size: 15px; }

/* --- Local services (shared card grid) --- */
.dgt-page--areas .dgt-s-lservices { background: var(--dgt-light); }
.dgt-page--areas .dgt-s-lservices .dgt-grid { --cols: 4; }

/* --- 90-day plan: a charcoal band with three phases on a line --- */
.dgt-page .dgt-roadsec { --dgt-heading: #fff; --dgt-text: rgba(255, 255, 255, .74); --dgt-eyebrow: #fff; background: linear-gradient(125deg, var(--dgt-secondary) 0%, #0E1B36 100%); }
.dgt-page .dgt-roadsec::before { content: ""; position: absolute; right: -160px; top: -220px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(66, 133, 244, .26), transparent 65%); pointer-events: none; }
.dgt-page .dgt-road { position: relative; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 26px; }
.dgt-page .dgt-road__line { position: absolute; top: 31px; left: calc(100% / var(--n) / 2); right: calc(100% / var(--n) / 2); height: 2px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 8px, transparent 8px 16px); }
.dgt-page .dgt-road__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) .4s; }
.dgt-page .dgt-road.is-in .dgt-road__line i,
.dgt-page:not(.dgt-js) .dgt-road__line i { transform: scaleX(1); }
.dgt-page .dgt-phase { display: flex; flex-direction: column; min-width: 0; }
.dgt-anim-yes .dgt-page.dgt-js .dgt-road.is-in .dgt-phase { animation: dgtRevealUp .8s var(--dgt-ease) backwards; animation-delay: calc(var(--i) * 170ms + .25s); }
.dgt-page .dgt-phase__mark { display: flex; justify-content: center; margin-bottom: 22px; }
.dgt-page .dgt-phase__dot { position: relative; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: var(--c-ink); font-size: 22px; box-shadow: 0 0 0 8px color-mix(in srgb, var(--c) 20%, transparent), 0 18px 34px -14px color-mix(in srgb, var(--c) 80%, transparent); }
.dgt-page .dgt-phase__dot svg { width: 22px; height: 22px; }
.dgt-page .dgt-phase__card { --dgt-heading: #14213D; --dgt-text: #4F5B70; flex: 1; padding: 26px 24px 24px; border-radius: 24px; background: #fff; color: var(--dgt-text); box-shadow: 0 30px 60px -40px rgba(0, 0, 0, .6); }
.dgt-page .dgt-phase__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.dgt-page .dgt-phase__range { padding: 6px 12px; border-radius: 999px; background: var(--c-tint); font: 800 12.5px/1 var(--dgt-font-h); letter-spacing: .04em; color: var(--c-text); }
.dgt-page .dgt-phase__n { font: 800 30px/1 var(--dgt-font-h); color: #E5EBF4; }
.dgt-page .dgt-phase h3 { margin: 0 0 8px; font-size: 21px; }
.dgt-page .dgt-phase p { margin: 0 0 16px; font-size: 15px; }
.dgt-page .dgt-phase__checks { gap: 10px; margin: 0; }
.dgt-page .dgt-phase__checks li { font-size: 14.5px; }
.dgt-page .dgt-road__goal { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; margin-top: 34px; padding: 24px 28px; border-radius: 24px; background: linear-gradient(125deg, var(--dgt-primary), #C2410C); color: rgba(255, 255, 255, .88); box-shadow: 0 34px 70px -40px rgba(253, 103, 49, .8); }
.dgt-page .dgt-road__flag { width: 56px; height: 56px; flex-shrink: 0; border-radius: 18px; display: grid; place-items: center; background: rgba(255, 255, 255, .16); color: #fff; }
.dgt-page .dgt-road__flag .dgt-ico { width: 26px; height: 26px; }
.dgt-page .dgt-road__goal > div { flex: 1 1 320px; }
.dgt-page .dgt-road__goal h3 { margin: 0 0 4px; font-size: 21px; color: #fff; }
.dgt-page .dgt-road__goal p { margin: 0; font-size: 15px; }

/* --- Local results --- */
.dgt-page .dgt-winsec { background: var(--dgt-light); }
.dgt-page .dgt-wins { --cols: 4; gap: 20px; }
.dgt-page .dgt-win { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 24px; background: #fff; border: 1px solid var(--dgt-border); box-shadow: 0 24px 50px -44px rgba(20, 33, 61, .5); transition: transform .4s var(--dgt-ease), box-shadow .4s; }
.dgt-page .dgt-win:hover { transform: translateY(-6px); box-shadow: var(--dgt-shadow-lg); }
.dgt-page .dgt-win__top { display: flex; align-items: center; gap: 10px; }
.dgt-page .dgt-win__pin { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; background: var(--c-tint); color: var(--c-text); }
.dgt-page .dgt-win__pin .dgt-ico { width: 18px; height: 18px; }
.dgt-page .dgt-win__top b { display: block; font: 700 15.5px/1.25 var(--dgt-font-h); color: var(--dgt-heading); }
.dgt-page .dgt-win__top small { display: block; font-size: 12.5px; color: var(--dgt-muted); }
.dgt-page .dgt-win__metric { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 16px; border-radius: 18px; background: linear-gradient(140deg, var(--dgt-secondary), var(--dgt-secondary-2)); }
.dgt-page .dgt-win__metric > div:first-child { min-width: 0; }
.dgt-page .dgt-win__metric b { display: block; font: 800 34px/1 var(--dgt-font-h); letter-spacing: -.02em; color: #fff; white-space: nowrap; }
.dgt-page .dgt-win__label { display: block; margin-top: 7px; font-size: 12.5px; font-weight: 600; line-height: 1.35; color: #A8C7FA; }
.dgt-page .dgt-win__bars { display: flex; flex-shrink: 0; align-items: flex-end; gap: 4px; width: 62px; height: 46px; }
.dgt-page .dgt-win__bars span { flex: 1; height: calc(var(--h) * 100%); margin: 0; border-radius: 3px 3px 1px 1px; background: rgba(255, 255, 255, .2); transform-origin: 50% 100%; transition: transform .8s var(--dgt-ease) calc(var(--k) * 70ms + .3s); }
.dgt-page .dgt-win__bars span:last-child { background: var(--dgt-g-green); }
.dgt-page.dgt-js .dgt-win:not(.is-in) .dgt-win__bars span { transform: scaleY(0); }
.dgt-page .dgt-win p { flex: 1; margin: 0; font-size: 14.5px; line-height: 1.6; }

/* --- Responsive --- */
@media (max-width: 1200px) {
	.dgt-page .dgt-cover__grid { grid-template-columns: minmax(0, 1fr) 270px; }
	.dgt-page .dgt-sec .dgt-wins { --cols: 2; }
}
@media (max-width: 1024px) {
	.dgt-page .dgt-arhero { padding: 60px 0 130px; }
	.dgt-page .dgt-arhero__in { grid-template-columns: minmax(0, 1fr); gap: 44px; }
	.dgt-page .dgt-l3 { margin: 0 auto; }
	.dgt-page .dgt-cover__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.dgt-page .dgt-cover__side { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; }
	.dgt-page .dgt-regions { grid-template-columns: 1fr 1fr; align-content: start; }
	.dgt-page .dgt-region.is-all { grid-column: 1 / -1; }
	.dgt-page .dgt-sec .dgt-states { --cols: 2; }
	.dgt-page .dgt-adir__search { max-width: none; flex-basis: 100%; }
	.dgt-page--areas .dgt-sec.dgt-s-lservices .dgt-grid { --cols: 2; }
	.dgt-page .dgt-road { grid-template-columns: minmax(0, 1fr); gap: 20px; max-width: 640px; margin: 0 auto; }
	.dgt-page .dgt-road__line { top: 32px; bottom: 32px; left: 31px; right: auto; width: 2px; height: auto; background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .22) 0 8px, transparent 8px 16px); }
	.dgt-page .dgt-road__line i { background: linear-gradient(180deg, var(--dgt-g-blue) 0 25%, var(--dgt-g-red) 25% 50%, var(--dgt-g-yellow) 50% 75%, var(--dgt-g-green) 75% 100%); transform: scaleY(0); transform-origin: top; }
	.dgt-page .dgt-road.is-in .dgt-road__line i,
	.dgt-page:not(.dgt-js) .dgt-road__line i { transform: scaleY(1); }
	.dgt-page .dgt-phase { flex-direction: row; gap: 18px; }
	.dgt-page .dgt-phase__mark { margin: 0; }
}
@media (max-width: 767px) {
	.dgt-page .dgt-arhero { padding: 48px 0 110px; }
	.dgt-page .dgt-find { padding-left: 44px; border-radius: 16px; }
	.dgt-page .dgt-find__ico { left: 13px; }
	.dgt-page .dgt-find .dgt-btn span:first-child { display: none; }
	.dgt-page .dgt-find .dgt-btn { padding: 7px; }
	.dgt-page .dgt-find__pop { margin-bottom: 24px; }
	.dgt-page .dgt-l3 { padding: 10px; border-radius: 22px; }
	.dgt-page .dgt-l3__map { height: 140px; }
	.dgt-page .dgt-l3__list { --row: 64px; --gap: 6px; }
	.dgt-page .dgt-l3__row { gap: 10px; padding: 8px 10px; }
	.dgt-page .dgt-l3__call { padding: 7px 10px; }
	.dgt-page .dgt-l3__chip.is-1 { display: none; }
	.dgt-page .dgt-l3__chip.is-2 { right: 8px; bottom: -24px; }
	.dgt-page .dgt-cover__map { padding: 16px 10px 12px; }
	.dgt-page .dgt-cover .dgt-pin:not(.is-hq) .dgt-pin__dot { left: -6px; top: -6px; width: 12px; height: 12px; border-width: 2px; box-shadow: 0 0 0 3px rgba(253, 103, 49, .16); }
	.dgt-page .dgt-cover__legend { gap: 6px 14px; font-size: 12px; }
	.dgt-page .dgt-cover__side { grid-template-columns: minmax(0, 1fr); }
	.dgt-page .dgt-region { padding: 9px 10px; gap: 10px; }
	.dgt-page .dgt-region__txt small { display: none; }
	.dgt-page .dgt-region__n { min-width: 28px; height: 26px; }
	.dgt-page .dgt-adir__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -12px; padding: 0 12px 2px; width: calc(100% + 24px); }
	.dgt-page .dgt-adir__tabs::-webkit-scrollbar { display: none; }
	.dgt-page .dgt-adir__tabs button { flex-shrink: 0; }
	.dgt-page .dgt-sec .dgt-states,
	.dgt-page .dgt-sec .dgt-wins,
	.dgt-page--areas .dgt-sec.dgt-s-lservices .dgt-grid { --cols: 1; }
	.dgt-page .dgt-state { padding: 18px; }
	.dgt-page .dgt-adir__empty { padding: 22px 20px; }
	.dgt-page .dgt-phase { gap: 12px; }
	.dgt-page .dgt-phase__dot { width: 48px; height: 48px; font-size: 18px; box-shadow: 0 0 0 6px color-mix(in srgb, var(--c) 20%, transparent); }
	.dgt-page .dgt-road__line { left: 23px; top: 24px; }
	.dgt-page .dgt-phase__card { padding: 20px 18px; }
	.dgt-page .dgt-road__goal { padding: 22px 20px; }
	.dgt-page .dgt-road__goal .dgt-btn { width: 100%; }
}