/* ==========================================================================
   Dual Digital Network — parent company page
   Loads AFTER css/styles.css. Additive only.

   RULES OBSERVED:
   - Every rule is scoped to .ddn-page or to a .ddn-* class.
   - No :root token is redefined.
   - No existing Truelot selector is overridden outside the .ddn-page scope.
   - Therefore this file cannot affect index.html or any other Truelot page.

   DESIGN INTENT:
   Truelot is a trading desk — dense, green-accented, data-forward.
   This page is the parent company — calmer, teal-accented, more whitespace.
   Green is reserved exclusively for Truelot references, so colour becomes
   wayfinding across the family of brands.
   ========================================================================== */

/* ---------- Accent inversion: teal leads, green means Truelot ---------- */
.ddn-page .eyebrow            { color: var(--teal); }
.ddn-page .eyebrow--light     { color: #8FC4DE; }
.ddn-page .trust-strip li::before { background: var(--teal); }
.ddn-page .ddn-trust li::before   { background: #6FA8C4; }
.ddn-page :focus-visible      { outline-color: var(--teal); }

/* ---------- Header ---------- */
.ddn-header { border-bottom: 1px solid var(--line); }

.ddn-brand .brand__mark {
  font-size: 16px;
  letter-spacing: .16em;
  font-weight: 700;
}
.ddn-brand .brand__endorse {
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ddn-page .site-nav a:hover { border-bottom-color: var(--teal); }
.ddn-xlink { white-space: nowrap; }

/* ---------- Hero ---------- */
/* Quieter than Truelot's: softer gradient, no rack-rail pattern,
   more vertical breathing room, single column of generous measure. */
.ddn-hero {
  background:
    radial-gradient(1200px 600px at 18% -10%, rgba(37,88,116,.55) 0%, rgba(37,88,116,0) 60%),
    linear-gradient(170deg, #11333F 0%, var(--navy) 55%, var(--navy-deep) 100%);
  color: #fff;
  padding: 104px 0 80px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.ddn-hero__inner { max-width: 860px; }

.ddn-hero__title {
  font-size: 54px;
  line-height: 62px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #fff;
  margin: 0 0 22px;
}
.ddn-hero__sub {
  font-size: 20px;
  line-height: 33px;
  color: #C5D6DE;
  max-width: 62ch;
  margin-bottom: 36px;
}
.ddn-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 48px;
}
.ddn-trust { border-top-color: rgba(255,255,255,.14); }

/* ---------- Venture cards ---------- */
.ddn-ventures { margin-top: 38px; }

.ddn-venture {
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 4px solid var(--teal);
  border-radius: var(--radius);
  padding: 32px 28px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}
.ddn-venture--truelot { border-top-color: var(--green); }

.ddn-venture__title { color: var(--navy); margin-bottom: 6px; }
.ddn-venture__lead  { color: var(--muted); margin-bottom: 20px; }
.ddn-venture .ticks { margin-bottom: 24px; }

.ddn-venture__link {
  margin-top: auto;
  align-self: flex-start;
  font-weight: 600;
  font-size: 15px;
  color: var(--teal);
  text-decoration: none;
  border-bottom: 2px solid rgba(37,88,116,.3);
  padding-bottom: 2px;
}
.ddn-venture__link:hover { color: var(--teal-dark); border-bottom-color: var(--teal); }
.ddn-venture__link--green { color: var(--green-dark); border-bottom-color: rgba(73,174,84,.35); }
.ddn-venture__link--green:hover { color: var(--green-dark); border-bottom-color: var(--green); }

/* ---------- Prose ---------- */
.ddn-lead {
  font-size: 19px;
  line-height: 31px;
  color: #2C3A41;
  margin-bottom: 18px;
}
.ddn-note {
  font-size: 15px;
  line-height: 25px;
  color: var(--muted);
  margin-top: 14px;
}

/* ---------- Callout ---------- */
.ddn-callout {
  margin-top: 40px;
  border-left: 4px solid var(--teal);
  background: rgba(37,88,116,.06);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 26px 28px;
}
.ddn-callout__title { color: var(--navy); margin-bottom: 8px; }
.ddn-callout p { color: #3E4F57; max-width: 76ch; }

/* ---------- Leadership ---------- */
.ddn-person {
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 4px solid var(--teal);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 32px 30px;
}
.ddn-person__name { color: var(--navy); margin-bottom: 2px; }
.ddn-person__role {
  color: var(--teal);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .02em;
  margin-bottom: 16px;
}
.ddn-person p { color: #3E4F57; max-width: 72ch; }

/* ---------- Misc ---------- */
.ddn-cta-row { margin-top: 28px; }
.ddn-contact__lead {
  color: #B9CBD4;
  max-width: 62ch;
  margin-bottom: 32px;
}
.ddn-page .details dd a { color: var(--teal); }
.ddn-page .details--light dd a { color: #fff; text-decoration-color: rgba(255,255,255,.45); }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1100px) {
  .ddn-brand .brand__mark { font-size: 14px; letter-spacing: .12em; }
}

@media (max-width: 900px) {
  .ddn-hero__title { font-size: 40px; line-height: 48px; }
  .ddn-hero { padding: 72px 0 60px; }
}

@media (max-width: 720px) {
  .ddn-hero { padding: 56px 0 48px; }
  .ddn-hero__title { font-size: 31px; line-height: 39px; }
  .ddn-hero__sub { font-size: 17px; line-height: 28px; }
  .ddn-hero__actions .btn { width: 100%; text-align: center; }
  .ddn-venture { padding: 24px 20px; }
  .ddn-person { padding: 24px 20px; }
  .ddn-callout { padding: 22px 20px; }
  .ddn-brand .brand__mark { font-size: 13px; letter-spacing: .1em; }
  .ddn-brand .brand__endorse { font-size: 9px; }
}

@media print {
  .ddn-hero { background: #fff !important; color: #000 !important; }
  .ddn-hero__title, .ddn-hero__sub { color: #000 !important; }
  .ddn-hero__actions { display: none !important; }
}