/*
 * DIGITZ Prime public website theme.
 * Brings the site in line with the DIGITZ Tracker website (digitz_tracker_com):
 * Trebuchet type, flat cards with thin borders, square buttons, gold-rule
 * eyebrows, solid colour bands and a light footer. Prime keeps its teal.
 *
 * Loaded after each page's own <style> block, so rules here win at equal
 * specificity. Rules prefixed with `html` also beat the contact popup's styles,
 * which are injected later in the body.
 */
:root {
	--blue: #007a92;
	--deep-blue: #064956;
	--band: #06606f;
	--orange: #ffab00;
	--gold-text: #b07800;
	--text: #153b47;
	--muted: #657e87;
	--line: #dce9ec;
	--soft: #f4f8f9;
	--card-shadow: none;
}

body {
	font: 14px/1.7 "Trebuchet MS", Arial, sans-serif;
	color: var(--text);
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: 600;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 3px solid var(--orange);
	outline-offset: 4px;
}

/* ---------- Header: sticky, frosted, like Tracker ---------- */
.header {
	position: sticky;
	top: 0;
	z-index: 50;
	height: 84px;
	background: #fffffff5;
	border-bottom: 1px solid var(--line);
	backdrop-filter: blur(14px);
}
.brand-tagline {
	font-size: 8.5px;
	font-weight: 400;
	letter-spacing: 2.2px;
	color: var(--muted);
}
.nav {
	gap: 27px;
	font-size: 12.5px;
	font-weight: 400;
	color: var(--text);
}
.nav a:hover { color: var(--blue); }
.nav a.nav-store { color: var(--blue); }
/* the last nav link (Contact) is the call to action, as Tracker's trial button */
.nav > a:last-child {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 10px 17px;
	border: 1px solid var(--blue);
	border-radius: 2px;
	background: var(--blue);
	color: #fff;
}
.nav > a:last-child::after { content: "↗"; }
.nav > a:last-child:hover { background: var(--deep-blue); border-color: var(--deep-blue); color: #fff; }

/* ---------- Eyebrows: small caps with a gold rule ---------- */
.section-kicker,
.rm-kicker,
.gcc-eyebrow,
.footer-cta-kicker,
.pr-kicker,
.an-kicker,
.docs-kicker,
.doc-kicker,
.gcc-price-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	color: var(--blue);
}
.section-kicker::before,
.rm-kicker::before,
.gcc-eyebrow::before,
.footer-cta-kicker::before,
.pr-kicker::before,
.an-kicker::before,
.docs-kicker::before,
.doc-kicker::before {
	content: "";
	width: 23px;
	height: 1px;
	background: var(--orange);
}

/* ---------- Headings: no gradient text; emphasis in teal ---------- */
.rm-heading,
.gcc-title,
.footer-cta-title,
.foundation h2,
.ai-card h2,
.industries h2,
.pr-section-title,
.docs-section-title {
	font-weight: 600;
	line-height: 1.18;
	letter-spacing: -1px;
	color: var(--text);
}
.rm-heading span,
.gcc-title span,
.footer-cta-title span,
h2 .accent {
	background: none;
	-webkit-text-fill-color: currentColor;
	color: var(--blue);
}
.rm-sub,
.industries-copy,
.foundation p,
.ai-card p {
	font-weight: 400;
	color: var(--muted);
	line-height: 1.85;
}

/* ---------- Flat surfaces: square corners, thin borders, no shadows ---------- */
.foundation-card,
.ai-card,
.cap,
.rm-inner,
.rm-card,
.gcc-legend,
.gcc-price,
.pr-tier,
.pr-table-wrap,
.an-card,
.docs-card,
.docs-results,
.docs-ai-panel,
.docs-suggest,
.doc-callout,
.doc-feature,
.doc-footer-cta,
.doc-ask,
.doc-table-wrap,
.doc-section img,
html .dpm-modal,
html .dpm-captcha {
	border-radius: 4px;
	box-shadow: none;
}
.cap,
.rm-card,
.an-card,
.docs-card,
.doc-feature,
.gcc-price {
	border: 1px solid var(--line);
}
.rm-card:hover,
.an-card:hover,
.docs-card:hover{
	transform: none;
	box-shadow: none;
	border-color: var(--blue);
}

/* Soft sections in place of gradients (Tracker's pale grey band) */
.foundation-card,
.ai-card,
.rm-inner,
.gcc-legend,
.industries {
	background: var(--soft);
}
.foundation-card,
.ai-card,
.rm-inner,
.gcc-legend{
	border: 1px solid var(--line);
}
.gcc-legend::before,
.pr-hero::after,
.an-hero::after,
.docs-hero::after,
.doc-hero::after {
	display: none;
}
/* Tracker marks highlighted panels with a gold top rule, not a side bar */
.gcc-legend::after,
.rm-inner::before,
.rm-inner::after {
	display: none;
}
.gcc-legend,
.rm-inner,
.pr-tier-popular {
	border-top: 3px solid var(--orange);
}

/* Icon tiles: flat fills */
.gcc-icon,
.rm-icon,
.an-icon,
.docs-tile,
.doc-tile,
.doc-ask-spark,
.cap-icon,
.footer-contact-ico {
	border-radius: 3px;
	box-shadow: none;
}
.industry-icon {
	border-radius: 50%;
	background: #fff;
	box-shadow: none;
	border: 1px solid var(--line);
}
.industry:hover .industry-icon { transform: none; box-shadow: none; border-color: var(--orange); }
.gcc-icon,
.rm-icon-orange,
.ic-orange,
.t-orange,
.doc-tile-orange { background: var(--orange); }
.rm-icon-blue,
.ic-blue,
.ic-navy,
.t-blue,
.t-navy,
.doc-tile-blue,
.doc-tile-navy { background: var(--deep-blue); }
.ic-sky,
.t-sky,
.doc-tile-sky { background: var(--blue); }

/* ---------- Buttons ---------- */
/* Secondary: outlined square buttons */
.rm-toggle,
.rm-more,
.an-back,
.docs-chip,
.doc-side-cta,
.footer-enquiry-btn {
	border-radius: 2px;
	box-shadow: none;
	font-weight: 600;
}
.rm-toggle:hover,
.rm-more:hover {
	transform: none;
	box-shadow: none;
	border-color: var(--blue);
}

/* Primary: gold square buttons with dark text, as on Tracker */
.footer-cta-btn,
.pr-cta-inner a,
.pr-tier-cta.pr-tier-cta-orange,
.doc-footer-cta a {
	border-radius: 2px;
	background: var(--orange);
	border: 1px solid var(--orange);
	color: var(--deep-blue);
	box-shadow: none;
	font-weight: 600;
}
.footer-cta-btn::after { content: "↗"; }
.footer-cta-btn:hover,
.pr-cta-inner a:hover,
.pr-tier-cta.pr-tier-cta-orange:hover,
.doc-footer-cta a:hover {
	transform: none;
	box-shadow: none;
	background: #ffbf43;
}
.pr-tier-cta,
.docs-search-btn,
.doc-ask-btn,
html .dpm-submit {
	border-radius: 2px;
	background: var(--blue);
	box-shadow: none;
}
.pr-tier-cta:hover,
.docs-search-btn:hover,
.doc-ask-btn:hover,
html .dpm-submit:hover {
	transform: none;
	box-shadow: none;
	background: var(--deep-blue);
}

/* Tags, pills and badges */
.gcc-countries li,
.rm-badge,
.an-badge,
.pr-price-pill,
.pr-save-badge,
.pr-popular-badge,
.pr-pill-free,
.footer-badge,
.doc-status,
.doc-badge,
.docs-ai-src a,
.docs-ai-badge,
.doc-ask-src a {
	border-radius: 2px;
	box-shadow: none;
}
.pr-popular-badge,
.pr-save-badge,
.pr-pill-free { background: var(--orange); }
.rm-badge,
.an-badge { background: #fff0cf; border-color: transparent; color: var(--gold-text); }

/* Inputs */
.docs-search,
.doc-ask-input,
html .dpm-field input,
html .dpm-field textarea,
html .dpm-captcha input {
	border-radius: 2px;
	box-shadow: none;
}

/* ---------- Sub-page heroes: solid colour bands ---------- */
.pr-hero,
.an-hero,
.docs-hero,
.doc-hero {
	background: var(--band);
	border-top: 3px solid var(--orange);
}
.pr-hero h1,
.an-hero h1,
.docs-hero h1 {
	font-weight: 600;
	letter-spacing: -1px;
}
.pr-hero h1 span,
.an-hero h1 span,
.docs-hero h1 span {
	background: none;
	-webkit-text-fill-color: currentColor;
	color: #ffd27a;
}
.pr-kicker,
.an-kicker,
.docs-kicker { color: #d9eef2; }

/* Pricing tiers */
.pr-tier-name { letter-spacing: 2px; font-weight: 600; }
.pr-tier-price strong,
.pr-price-multi .pr-cur { font-weight: 600; color: var(--blue); }
.pr-table th { font-weight: 600; letter-spacing: 1.5px; }

/* FAQ: plain rows split by lines, like Tracker */
.pr-faq details,
.doc-faq details {
	border: 0;
	border-bottom: 1px solid var(--line);
	border-radius: 0;
	padding: 0 4px;
	margin-bottom: 0;
	background: transparent;
}
.pr-faq details[open],
.doc-faq details[open] { border-color: var(--line); }
.pr-faq summary,
.doc-faq summary { padding: 18px 26px 18px 0; font-weight: 400; font-size: 15px; }

/* Closing CTA strips on sub-pages */
.pr-cta-inner,
.doc-footer-cta {
	background: var(--band);
	border-radius: 0;
	border-top: 3px solid var(--orange);
}

/* ---------- Home footer: colour band CTA + light footer ---------- */
.footer {
	background: #fff;
	color: var(--text);
	border-top: 1px solid var(--line);
}
.footer::before { display: none; }
.footer-cta {
	background: var(--band);
	border-top: 3px solid var(--orange);
	border-bottom: 0;
}
.footer-cta-kicker { color: #d9eef2; }
.footer-cta-title { color: #fff; font-size: 40px; }
.footer-cta-title span { color: #ffd27a; }
.footer-cta-sub { color: #d9eef2; font-size: 14px; }
.footer-cta-link { color: #fff; border-bottom: 1px solid #ffffff66; padding-bottom: 3px; font-weight: 400; }
.footer-cta-link:hover { color: #ffd27a; }
.footer-brand-logo { filter: none; }
.footer-brand-desc { color: var(--muted); }
.footer-col h4 {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--text);
}
.footer-links a { color: var(--muted); font-weight: 400; }
.footer-links a:hover { color: var(--blue); transform: none; }
.footer-links a .dot { display: none; }
.footer-badge {
	background: var(--soft);
	border: 1px solid var(--line);
	color: var(--text);
	font-weight: 400;
}
.footer-badge strong { color: var(--gold-text); }
.footer-badge svg { stroke: var(--gold-text); }
.footer-contact-ico { background: var(--soft); border: 1px solid var(--line); }
.footer-contact-ico svg { stroke: var(--blue); }
.footer-contact-line > div span { color: var(--muted); }
.footer-contact-line > div a,
.footer-contact-line > div p { color: var(--text); }
.footer-contact-line > div a:hover { color: var(--blue); }
.footer-enquiry-btn {
	background: transparent;
	border: 1px solid var(--blue);
	color: var(--blue);
}
.footer-enquiry-btn:hover { background: var(--blue); border-color: var(--blue); color: #fff; transform: none; }
.footer-bottom {
	border-top: 1px solid var(--line);
	color: var(--muted);
}
.footer-bottom strong { color: var(--text); }
.footer-bottom-links a { color: var(--muted); }
.footer-bottom-links a:hover { color: var(--blue); }

/* ---------- Contact popup ---------- */
html .dpm-overlay { background: rgba(6, 73, 86, 0.55); }
html .dpm-close { border-radius: 2px; }
html .dpm-success-icon { background: var(--orange); }

@media (max-width: 760px) {
	.header { position: static; height: auto; }
	.footer-cta-title { font-size: 28px; }
}

.foundation { background: #fff; padding-top: 56px; }

/* App doc pages */
.doc-side a.active { background: #fff8e8; }
.doc-side-cta { background: var(--blue); box-shadow: none; }
.doc-side-cta:hover { background: var(--deep-blue); transform: none; }
.doc-ask { padding: 0; background: var(--soft); border: 1px solid var(--line); border-top: 3px solid var(--orange); }
.doc-ask-inner { background: transparent; border-radius: 0; }
.doc-ask-spark { background: var(--orange); }
.docs-card { background: #fff; }
.docs-search-btn,
.doc-ask-btn { color: #fff; }