:root {
  color-scheme: dark;
  --dd-ink-950: #0b1113;
  --dd-ink-900: #11191c;
  --dd-ink-800: #1a2529;
  --dd-paper-100: #f3f0e8;
  --dd-paper-300: #c8c6be;
  --dd-cyan-400: #4fd1c5;
  --dd-cyan-700: #174d4c;
  --dd-amber-400: #d8a657;
  --dd-danger-400: #f17b72;
  --dd-border: rgba(200, 198, 190, .16);
  --dd-container: 75rem;
  --dd-prose: 72ch;
}

html { background: var(--dd-ink-950); scroll-behavior: smooth; }
body { background: var(--dd-ink-950); color: var(--dd-paper-100); }
body, button, input, textarea, select { font-family: "Avenir Next", Avenir, "Segoe UI", ui-sans-serif, system-ui, sans-serif; }
body { font-size: clamp(1rem, .25vw + .95rem, 1.125rem); line-height: 1.68; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: var(--dd-cyan-400); }
img, svg { max-width: 100%; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 3px solid var(--dd-cyan-400);
  outline-offset: 4px;
}

.landing-header,
.site-header {
  width: min(var(--dd-container), calc(100% - 2rem));
  min-height: 5.25rem;
  margin-inline: auto;
  padding-block: .6rem;
}

.landing-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--dd-border); }
.landing-brand { flex-direction: column; color: var(--dd-paper-100); line-height: 1.1; font-weight: 780; text-decoration: none; }
.landing-brand small { margin-top: .22rem; color: var(--dd-paper-300); font-size: .68rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.landing-header nav { display: flex; align-items: center; gap: .15rem; }
.landing-header nav > a { color: var(--dd-paper-300); text-decoration: none; }
.landing-header nav > a:hover { color: var(--dd-paper-100); }
.landing-header .landing-nav-cta { margin-left: .35rem; border: 1px solid var(--dd-border); border-radius: .4rem; color: var(--dd-paper-100); }
.landing-locale-switch { display: flex; align-items: center; margin-left: .35rem; }
.landing-locale-switch a { color: var(--dd-paper-300); text-decoration: none; }
.landing-locale-switch a.is-active { color: var(--dd-paper-100); border-bottom: 2px solid var(--dd-cyan-400); }
.mobile-menu-toggle { display: none; border: 1px solid var(--dd-border); border-radius: .4rem; background: transparent; color: var(--dd-paper-100); }

.landing-brand,
.site-header .brand,
.landing-header nav > a,
.site-nav > a,
.landing-locale-switch a,
.locale-switch a,
.mobile-menu-toggle,
.site-mobile-nav > summary {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.landing-brand,
.site-header .brand {
  padding-block: .55rem;
  justify-content: flex-start;
}

.landing-header nav > a,
.site-nav > a,
.landing-locale-switch a,
.locale-switch a { padding: .65rem .75rem; }

.mobile-menu-toggle { display: none; width: 44px; height: 44px; }

.dd-hero {
  width: min(var(--dd-container), calc(100% - 2rem));
  margin-inline: auto;
  padding: clamp(5rem, 12vw, 9rem) 0 clamp(4rem, 9vw, 7rem);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
  gap: clamp(2rem, 7vw, 6rem);
  align-items: center;
}

.dd-eyebrow { margin: 0 0 1.25rem; color: var(--dd-cyan-400); font-size: .78rem; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.dd-hero h1 { max-width: 12ch; margin: 0; font-size: clamp(3rem, 7vw, 6.3rem); line-height: .98; letter-spacing: -.065em; }
.dd-hero .dd-lede { max-width: 58ch; margin: 1.75rem 0 0; color: var(--dd-paper-300); font-size: clamp(1.1rem, 1.4vw, 1.4rem); }
.dd-actions { display: flex; flex-wrap: wrap; gap: .85rem 1.25rem; align-items: center; margin-top: 2rem; }
.dd-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: .75rem 1.1rem; border: 1px solid var(--dd-cyan-400); border-radius: .45rem; background: var(--dd-cyan-400); color: var(--dd-ink-950); font-weight: 780; text-decoration: none; }
.dd-text-link { min-height: 44px; display: inline-flex; align-items: center; color: var(--dd-paper-100); text-underline-offset: .25em; }

.dd-system-map { padding: clamp(1.25rem, 3vw, 2rem); background: var(--dd-ink-900); border: 1px solid var(--dd-border); border-radius: .7rem; }
.dd-system-map h2 { margin: 0 0 1.5rem; font-size: 1rem; color: var(--dd-paper-300); }
.dd-system-flow { display: grid; gap: .75rem; }
.dd-system-step { position: relative; padding: 1rem; border: 1px solid var(--dd-border); box-shadow: inset 0 3px var(--dd-cyan-400); background: rgba(255,255,255,.025); }
.dd-system-step span { display: block; color: var(--dd-amber-400); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.dd-system-step strong { display: block; margin-top: .25rem; }
.dd-system-note { margin: 1rem 0 0; color: var(--dd-paper-300); font-size: .88rem; }

.dd-section { width: min(var(--dd-container), calc(100% - 2rem)); margin-inline: auto; padding: clamp(4rem, 9vw, 7rem) 0; border-top: 1px solid var(--dd-border); }
.dd-section-heading { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 2rem; margin-bottom: clamp(2.25rem, 5vw, 4rem); align-items: start; }
.dd-section-heading h2 { max-width: 14ch; margin: 0; font-size: clamp(2rem, 4.5vw, 4rem); line-height: 1.06; letter-spacing: -.045em; }
.dd-section-heading p { max-width: 62ch; margin: 0; color: var(--dd-paper-300); }

.dd-evidence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--dd-border); border: 1px solid var(--dd-border); }
.dd-evidence article { padding: clamp(1.25rem, 3vw, 2rem); background: var(--dd-ink-950); }
.dd-evidence strong { display: block; color: var(--dd-paper-100); font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1; }
.dd-evidence p { margin-bottom: .5rem; color: var(--dd-paper-300); }
.dd-evidence small { color: var(--dd-amber-400); }

.dd-featured-case { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .85fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.dd-featured-case h3 { margin: 0; max-width: 18ch; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.08; }
.dd-featured-case p, .dd-featured-case li { color: var(--dd-paper-300); }
.dd-case-facts { margin: 0; padding: 1.5rem; background: var(--dd-ink-900); border: 1px solid var(--dd-border); }
.dd-case-facts div { padding: .85rem 0; border-bottom: 1px solid var(--dd-border); }
.dd-case-facts div:last-child { border: 0; }
.dd-case-facts dt { color: var(--dd-amber-400); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.dd-case-facts dd { margin: .2rem 0 0; }

.dd-routes { display: grid; }
.dd-route { min-height: 8rem; padding: 1.5rem 0; display: grid; grid-template-columns: 3rem minmax(13rem, .75fr) minmax(0, 1.25fr) auto; gap: 1rem 2rem; align-items: center; border-top: 1px solid var(--dd-border); color: inherit; text-decoration: none; }
.dd-route:last-child { border-bottom: 1px solid var(--dd-border); }
.dd-route-index { color: var(--dd-amber-400); font-variant-numeric: tabular-nums; }
.dd-route h3 { margin: 0; font-size: clamp(1.25rem, 2.5vw, 2rem); }
.dd-route p { margin: 0; color: var(--dd-paper-300); }
.dd-route-arrow { color: var(--dd-cyan-400); font-size: 1.5rem; }
.dd-route:hover h3 { color: var(--dd-cyan-400); }

.dd-process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.dd-process article { padding-top: 1.25rem; border-top: 2px solid var(--dd-cyan-700); }
.dd-process span { color: var(--dd-amber-400); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.dd-process h3 { margin: .75rem 0; }
.dd-process p { color: var(--dd-paper-300); }

.dd-about { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 7vw, 6rem); }
.dd-portrait { width: 100%; height: auto; display: block; align-self: start; border: 1px solid var(--dd-border); border-radius: .7rem; }
.dd-about-copy { max-width: var(--dd-prose); }
.dd-about-copy h2 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; }
.dd-about-copy p { color: var(--dd-paper-300); }

.contact-form { max-width: 54rem; display: grid; gap: 1rem; }
.field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.contact-form label { display: grid; gap: .45rem; color: var(--dd-paper-100); font-weight: 650; }
.contact-form input,
.contact-form textarea { width: 100%; min-height: 48px; padding: .8rem .9rem; border: 1px solid var(--dd-border); border-radius: .4rem; background: var(--dd-ink-900); color: var(--dd-paper-100); font: inherit; }
.contact-form textarea { min-height: 9rem; resize: vertical; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #929a98; }
.field-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.field-turnstile { min-height: 4.5rem; padding: 1rem; border: 1px solid var(--dd-border); border-radius: .4rem; background: var(--dd-ink-900); }
.field-turnstile > span { display: block; margin-bottom: .5rem; color: var(--dd-paper-300); font-size: .85rem; }
.form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.form-status { margin: 0; color: var(--dd-paper-300); }
.form-status[data-state="success"] { color: var(--dd-cyan-400); }
.form-status[data-state="error"] { color: var(--dd-danger-400); }

.article-shell p,
.article-shell li,
.article-shell td,
.article-shell th { line-height: 1.7; }
.article-shell > :is(p, ul, ol, blockquote),
.article-shell section > :is(p, ul, ol, blockquote) { max-width: var(--dd-prose); }

.dd-content-hero { width: min(var(--dd-container), calc(100% - 2rem)); margin-inline: auto; padding: clamp(4rem, 10vw, 7rem) 0 clamp(3rem, 7vw, 5rem); }
.dd-content-hero h1 { max-width: 15ch; margin: 0; font-size: clamp(2.8rem, 6.5vw, 5.6rem); line-height: 1; letter-spacing: -.06em; }
.dd-content-hero .dd-lede { max-width: 62ch; margin: 1.5rem 0 0; color: var(--dd-paper-300); font-size: clamp(1.1rem, 1.3vw, 1.35rem); }
.dd-breadcrumbs { display: flex; flex-wrap: wrap; gap: .35rem .6rem; margin: 0 0 2rem; color: var(--dd-paper-300); font-size: .84rem; }
.dd-breadcrumbs a { color: inherit; }
.dd-summary { width: min(var(--dd-container), calc(100% - 2rem)); margin-inline: auto; padding: 1.5rem; border: 1px solid var(--dd-border); box-shadow: inset 0 3px var(--dd-cyan-400); background: var(--dd-ink-900); }
.dd-summary h2 { margin: 0 0 .7rem; font-size: 1rem; color: var(--dd-cyan-400); text-transform: uppercase; letter-spacing: .09em; }
.dd-summary p { max-width: 76ch; margin: 0; }
.dd-summary ul { max-width: 76ch; margin: .8rem 0 0; color: var(--dd-paper-300); }
.dd-article-nav { width: min(var(--dd-container), calc(100% - 2rem)); margin: 1rem auto 3rem; display: flex; flex-wrap: wrap; gap: .35rem; }
.dd-article-nav a { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .75rem; border: 1px solid var(--dd-border); color: var(--dd-paper-100); text-decoration: none; }
.dd-content { width: min(var(--dd-container), calc(100% - 2rem)); margin-inline: auto; }
.dd-content > section { padding: clamp(3.5rem, 7vw, 5.5rem) 0; border-top: 1px solid var(--dd-border); }
.dd-content h2 { max-width: 22ch; margin: 0 0 1.25rem; font-size: clamp(1.8rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -.04em; }
.dd-content h3 { margin: 2rem 0 .6rem; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.dd-content p, .dd-content li { max-width: var(--dd-prose); color: var(--dd-paper-300); }
.dd-content strong { color: var(--dd-paper-100); }
.dd-content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.dd-content-card { padding: 1.35rem; border: 1px solid var(--dd-border); background: var(--dd-ink-900); }
.dd-content-card h3 { margin-top: 0; }
.dd-content-card p:last-child { margin-bottom: 0; }
.dd-checklist { display: grid; gap: .75rem; padding: 0; list-style: none; }
.dd-checklist li { position: relative; padding: .9rem 1rem .9rem 2.8rem; border: 1px solid var(--dd-border); background: var(--dd-ink-900); }
.dd-checklist li::before { content: "✓"; position: absolute; left: 1rem; color: var(--dd-cyan-400); font-weight: 800; }
.dd-table-wrap { max-width: 64rem; overflow-x: auto; border: 1px solid var(--dd-border); }
.dd-content table { width: 100%; border-collapse: collapse; min-width: 42rem; }
.dd-content th, .dd-content td { padding: .9rem 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--dd-border); }
.dd-content th { color: var(--dd-paper-100); background: var(--dd-ink-800); }
.dd-content td { color: var(--dd-paper-300); }
.dd-content figure { max-width: 64rem; margin: 2rem 0; }
.dd-content figure img { display: block; width: 100%; border: 1px solid var(--dd-border); background: var(--dd-ink-900); }
.dd-content figcaption { margin-top: .7rem; color: var(--dd-paper-300); font-size: .86rem; }
.dd-evidence-figure { max-width: 64rem; margin: 2rem auto; }
.dd-evidence-figure img { width: 100%; display: block; border: 1px solid var(--dd-border); background: var(--dd-ink-900); }
.dd-evidence-figure figcaption { margin-top: .7rem; color: var(--dd-paper-300); font-size: .86rem; }
.dd-product-evidence { width: min(100%, 30rem); margin: 2rem auto 0; padding: clamp(.5rem, 1.5vw, 1rem); border: 1px solid var(--dd-border); border-radius: 1.5rem; background: linear-gradient(180deg, var(--dd-ink-900), var(--dd-ink-800)); }
.dd-product-evidence img { width: 100%; height: auto; display: block; border-radius: 1rem; }
.dd-product-evidence figcaption { margin-top: .9rem; color: var(--dd-paper-300); font-size: .86rem; }
.dd-methodology { max-width: 64rem; margin-inline: auto; }
.dd-methodology p, .dd-methodology li { color: var(--dd-paper-300); }
.dd-faq { max-width: 58rem; }
.dd-faq details { border-top: 1px solid var(--dd-border); }
.dd-faq details:last-child { border-bottom: 1px solid var(--dd-border); }
.dd-faq summary { min-height: 54px; display: flex; align-items: center; cursor: pointer; color: var(--dd-paper-100); font-weight: 720; }
.dd-faq details p { padding: 0 0 1rem; margin: 0; }
.dd-proof-note { max-width: 64rem; padding: 1rem 1.2rem; border: 1px solid var(--dd-border); box-shadow: inset 0 3px var(--dd-amber-400); background: var(--dd-ink-900); color: var(--dd-paper-300); }
.dd-source-list a { overflow-wrap: anywhere; }
.dd-content-cta { padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--dd-border); background: linear-gradient(135deg, var(--dd-ink-900), rgba(23,77,76,.45)); }
.dd-content-cta h2 { max-width: 18ch; }
.dd-meta { margin: 1rem 0 0; color: var(--dd-paper-300); font-size: .88rem; }

/* Shared authority-first shell and legacy-content bridge. */
.dd-skip-link {
  position: fixed;
  z-index: 100;
  top: .75rem;
  left: .75rem;
  min-height: 44px;
  padding: .7rem 1rem;
  display: inline-flex;
  align-items: center;
  border-radius: .4rem;
  background: var(--dd-paper-100);
  color: var(--dd-ink-950);
  font-weight: 760;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform 160ms cubic-bezier(.25, 1, .5, 1);
}
.dd-skip-link:focus { transform: translateY(0); }

.site-shell { min-height: 100vh; }
.site-header { display: none; }
.landing-header { position: relative; z-index: 10; }
.landing-header nav a[aria-current="page"]:not(.landing-nav-cta) { color: var(--dd-paper-100); }

.blog-page,
.case-study-page { min-height: 70vh; }

.article-hero,
.case-study-hero {
  width: min(var(--dd-container), calc(100% - 2rem));
  margin-inline: auto;
  padding: clamp(4.5rem, 10vw, 8rem) 0 clamp(3rem, 7vw, 5.5rem);
  border-bottom: 1px solid var(--dd-border);
}
.case-study-hero-inner { display: grid; grid-template-columns: minmax(0, .7fr) minmax(18rem, 1.3fr); gap: clamp(2rem, 7vw, 6rem); align-items: end; }
.article-hero-meta,
.case-study-meta,
.case-study-section-meta { color: var(--dd-amber-400); font-size: .78rem; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; }
.article-chip { display: inline-block; padding-bottom: .4rem; border-bottom: 2px solid var(--dd-cyan-400); color: var(--dd-cyan-400); }
.article-hero h1,
.case-study-hero h1 {
  max-width: 15ch;
  margin: 1rem 0 0;
  font-size: clamp(2.8rem, 6.5vw, 5.7rem);
  line-height: 1;
  letter-spacing: -.06em;
}
.article-summary,
.case-study-summary { max-width: 67ch; margin: 1.5rem 0 0; color: var(--dd-paper-300); font-size: clamp(1.08rem, 1.1vw, 1.3rem); }

.article-layout,
.case-study-sections,
.case-study-copy {
  width: min(var(--dd-container), calc(100% - 2rem));
  margin-inline: auto;
}
.article-layout { padding: clamp(3.5rem, 8vw, 6rem) 0; }
.article-prose { max-width: var(--dd-prose); }
.article-prose h2,
.article-layout > h2,
.article-cta-block h2,
.case-study-section-body h2,
.case-study-cta-block h2 { margin: 0 0 1rem; font-size: clamp(1.8rem, 4vw, 3.15rem); line-height: 1.08; letter-spacing: -.04em; }
.article-prose h3 { margin: 2.5rem 0 .75rem; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.article-prose p,
.article-prose li,
.article-card p,
.case-study-section-body p,
.case-study-section-body li { color: var(--dd-paper-300); }
.article-prose a,
.case-study-section-body a { overflow-wrap: anywhere; }

.article-block-grid { display: grid; }
.article-card {
  display: grid;
  grid-template-columns: minmax(7.5rem, .25fr) minmax(16rem, .75fr) minmax(0, 1fr);
  gap: .4rem clamp(1.25rem, 4vw, 3.5rem);
  padding: clamp(1.75rem, 4vw, 3rem) 0;
  border-top: 1px solid var(--dd-border);
}
.article-card:last-child { border-bottom: 1px solid var(--dd-border); }
.article-card .section-kicker { grid-column: 1; grid-row: 1 / span 8; margin: .35rem 0 0; color: var(--dd-amber-400); font-size: .76rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.article-card h2 { grid-column: 2; margin: 0; font-size: clamp(1.35rem, 2.5vw, 2.15rem); line-height: 1.15; }
.article-card h2 a { color: var(--dd-paper-100); text-decoration: none; }
.article-card h2 a:hover { color: var(--dd-cyan-400); }
.article-card > p:not(.section-kicker) { grid-column: 3; margin: .15rem 0; }
.article-card .case-cta { margin-top: .7rem; font-weight: 720; }
.article-card .case-cta a { text-underline-offset: .22em; }

.article-section { padding: clamp(2.5rem, 6vw, 4.5rem) 0; border-top: 1px solid var(--dd-border); }
.article-section:first-child { border-top: 0; }
.article-section > * { max-width: var(--dd-prose); }
.article-section table { display: block; width: 100%; max-width: 64rem; overflow-x: auto; border-collapse: collapse; }
.article-section th,
.article-section td { min-width: 10rem; padding: .85rem 1rem; text-align: left; border-bottom: 1px solid var(--dd-border); }
.article-section th { background: var(--dd-ink-800); }

.article-cta-block,
.case-study-cta-block {
  margin-top: clamp(3.5rem, 8vw, 6rem);
  padding: clamp(2rem, 6vw, 4rem);
  border: 1px solid var(--dd-border);
  background: var(--dd-ink-900);
}
.article-cta-block > p,
.case-study-cta-copy > p { max-width: 65ch; color: var(--dd-paper-300); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.5rem; }
.button,
.trust-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .75rem 1rem;
  border: 1px solid var(--dd-cyan-400);
  border-radius: .4rem;
  color: var(--dd-paper-100);
  font-weight: 760;
  text-decoration: none;
}
.button-primary,
.trust-button { background: var(--dd-cyan-400); color: var(--dd-ink-950); }
.button-secondary { border-color: var(--dd-border); }

.case-study-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; border: 1px solid var(--dd-border); }
.case-study-metric { padding: 1.5rem; border-right: 1px solid var(--dd-border); }
.case-study-metric:last-child { border-right: 0; }
.case-study-metric strong { display: block; font-size: clamp(1.6rem, 3vw, 2.5rem); }
.case-study-metric span { color: var(--dd-paper-300); }
.case-study-section { display: grid; grid-template-columns: minmax(9rem, .35fr) minmax(0, 1.65fr); gap: clamp(1.5rem, 6vw, 5rem); padding: clamp(3rem, 7vw, 5.5rem) 0; border-top: 1px solid var(--dd-border); }
.case-study-section-body { max-width: var(--dd-prose); }
.case-study-panel,
.proof-panel,
.workflow-node,
.hosting-plan-card { padding: 1.25rem; border: 1px solid var(--dd-border); background: var(--dd-ink-900); }
.process-list,
.article-edge-list { display: grid; gap: 1rem; padding: 0; list-style: none; }
.process-step { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding-top: 1rem; border-top: 1px solid var(--dd-border); }
.process-index { color: var(--dd-amber-400); font-variant-numeric: tabular-nums; }
.tag-list { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.tag { padding: .35rem .55rem; border: 1px solid var(--dd-border); border-radius: .35rem; color: var(--dd-paper-300); font-size: .82rem; }

.trust-footer { width: min(var(--dd-container), calc(100% - 2rem)); margin-inline: auto; border-top: 1px solid var(--dd-border); }
.trust-footer-inner { min-height: 7rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; color: var(--dd-paper-300); font-size: .88rem; }
.trust-footer nav { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.trust-footer a { min-height: 44px; display: inline-flex; align-items: center; color: var(--dd-paper-300); }
.trust-footer a:hover { color: var(--dd-paper-100); }

.contact-fallback {
  width: min(72rem, calc(100% - 2rem));
  margin: 1.5rem auto 0;
  padding: 1.25rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem 2rem;
  border: 1px solid rgba(79, 209, 197, .35);
  border-radius: .65rem;
  background: var(--dd-ink-900);
  color: var(--dd-paper-100);
}
.contact-fallback h3 { margin: 0 0 .35rem; font-size: 1.15rem; }
.contact-fallback p { margin: 0; max-width: 65ch; color: var(--dd-paper-300); }
.contact-fallback nav { display: flex; gap: .75rem; flex-wrap: wrap; }
.contact-fallback a { min-height: 44px; display: inline-flex; align-items: center; color: var(--dd-cyan-400); text-underline-offset: .2em; }

@media (max-width: 780px) {
  .case-study-hero-inner,
  .case-study-section,
  .article-card { grid-template-columns: 1fr; }
  .article-card .section-kicker,
  .article-card h2,
  .article-card > p:not(.section-kicker) { grid-column: 1; grid-row: auto; }
  .case-study-metrics { grid-template-columns: 1fr; }
  .case-study-metric { border-right: 0; border-bottom: 1px solid var(--dd-border); }
  .case-study-metric:last-child { border-bottom: 0; }
  .trust-footer-inner { padding: 1.5rem 0; align-items: flex-start; flex-direction: column; }
  .contact-fallback { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .dd-hero, .dd-featured-case, .dd-about, .dd-section-heading { grid-template-columns: 1fr; }
  .dd-evidence, .dd-process { grid-template-columns: 1fr; }
  .dd-route { grid-template-columns: 2rem 1fr auto; }
  .dd-route p { grid-column: 2 / -1; }
  .landing-header nav > a,
  .site-nav > a { min-height: 44px; }
  .landing-header { flex-wrap: wrap; }
  .mobile-menu-toggle { display: inline-flex; }
  .landing-header nav { width: 100%; display: none; flex-direction: column; align-items: stretch; padding-bottom: .75rem; }
  .landing-header nav[data-open="true"] { display: flex; }
  .landing-header nav > a { justify-content: flex-start; }
  .landing-locale-switch { margin: .25rem 0 0; }
  .field-row { grid-template-columns: 1fr; }
  .dd-content-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; transition-duration: .001s !important; scroll-behavior: auto !important; }
}