/* Shared visual language for every route. Keep the legacy token names until
   the individual page stylesheets have been consolidated. */
:root {
  --paper: #fbfdff;
  --paper-strong: #fff;
  --surface-soft: #f3f8fb;
  --ink: #101b32;
  --muted: #52677e;
  --line: #dce6ee;
  --line-strong: #cbd8e3;
  --teal: #0876d2;
  --teal-dark: #0869b6;
  --teal-soft: #e8f3fc;
  --deep: #101b32;
  --deep-strong: #101b32;
  --shadow: 0 18px 48px rgba(19, 81, 132, .12);
}

body { background: var(--paper); color: var(--ink); }
.button { border-radius: 9px; }
.button-primary { background: #0876d2; color: #fff; }
.button-primary:hover { background: #005eb0; }
.button-secondary { border-color: #d2e2f0; background: #fff; color: #152b48; }
.button-secondary:hover { background: #eef7fd; }
.section-kicker { color: #5f7185; }
.text-link-light { color: #d4eaff; }

/* The marketing shell follows the acquisition homepage instead of the old
   dark navigation and footer. */
.site-header {
  border-bottom: 1px solid #e4ebf1;
  background: rgba(251, 253, 255, .96);
  color: #101b32;
  backdrop-filter: blur(12px);
}
.primary-nav { color: #43576c; }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: #101b32; }
.header-icon-link, .language-trigger, .menu-toggle {
  border-color: #d6e1eb;
  background: #fff;
  color: #253d56;
}
.header-icon-link img, .language-trigger img, .menu-toggle img { filter: none; }
.header-icon-link:hover, .language-trigger:hover,
.language-trigger[aria-expanded="true"], .menu-toggle:hover {
  border-color: #a7c4da;
  background: #f3f7fa;
}
.language-options { border-color: #dce6ee; background: #fff; }
.language-options a { color: #42566e; }
.language-options a:hover, .language-options a[aria-current="true"] {
  background: #f3f8fb;
  color: #101b32;
}
.mobile-nav {
  border-bottom-color: #e4ebf1;
  background: #fff;
  color: #253d56;
}
.mobile-nav a { border-bottom-color: #e4ebf1; color: #43576c; }
.mobile-nav a:hover, .mobile-nav a[aria-current="page"] { color: #101b32; }
.mobile-language-options a { border-color: #dce6ee; color: #52677e; }
.mobile-language-options a[aria-current="true"] {
  border-color: #a7c4da;
  background: #e8f3fc;
  color: #0869b6;
}
.mobile-sign-out { border-color: #dce6ee; color: #253d56; }
.site-footer {
  border-top-color: #e4ebf1;
  background: #f6f9fb;
  color: #52677e;
}
.footer-brand, .site-footer a:hover, .site-footer a[aria-current="page"] { color: #101b32; }
.footer-intro p, .footer-navigation nav > span { color: #71859a; }

/* Product details retain their content and video, with the same light page
   surfaces and restrained accent used on the homepage. */
.mediadna-page { background: #fbfdff; }
.mediadna-hero { background: #fbfdff; }
.mediadna-hero h1 { font-size: clamp(2.7rem, 4.2vw, 4.35rem); letter-spacing: -.06em; }
.mediadna-text-link, .mediadna-demo-transcript summary,
.mediadna-product-details summary, .mediadna-billing-disclosure > summary,
.mediadna-guides a, .mediadna-billing-links { color: #344c64; }
.mediadna-page .product-trust { color: #52677e; }
.mediadna-demo-preview { display: block; color: #344c64; }
.mediadna-demo-window {
  display: block;
  overflow: hidden;
  border: 1px solid #d4e6f5;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 22px 65px rgba(19, 81, 132, .14);
}
.mediadna-demo-window-top {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 43px;
  padding: 0 18px;
  border-bottom: 1px solid #e8eef5;
  font-size: .7rem;
}
.mediadna-demo-dots { display: flex; gap: 4px; }
.mediadna-demo-dots i { width: 7px; height: 7px; border-radius: 50%; background: #cbd8e3; }
.mediadna-demo-preview picture { display: block; margin: 12px; }
.mediadna-demo-preview img { display: block; width: 100%; height: auto; border-radius: 9px; }
.mediadna-demo-preview-label {
  display: inline-block;
  margin-top: 12px;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.mediadna-demo-preview:hover .mediadna-demo-preview-label { color: #0869b6; }
.mediadna-page-nav { background: #fff; }
.mediadna-page-nav a:hover { color: #0869b6; }
.mediadna-search-number { background: #e8f3fc; color: #0869b6; }
.mediadna-workflow { background: #f3f8fb; }
.mediadna-workflow-steps li { border-top-color: #cbd8e3; }
.creator-number { background: #e8f3fc; color: #0869b6; }
.mediadna-pricing { background: #f3f8fb; }
.mediadna-plan { border-color: #dce6ee; border-radius: 14px; }
.mediadna-trial, .mediadna-price-announcement { color: #101b32; }
.mediadna-access { background: #f3faff; color: #101b32; }
.mediadna-access .section-kicker { color: #5f7185; }
.mediadna-access .access-form { border-color: #d4e8f4; border-radius: 13px; }
.mediadna-access .access-form input, .mediadna-access .access-form textarea {
  border-color: #cbd8e3;
  background: #fff;
}
.mediadna-access .access-form input:focus, .mediadna-access .access-form textarea:focus {
  border-color: #0876d2;
  box-shadow: 0 0 0 3px rgba(8, 118, 210, .13);
}
.mediadna-access .access-form .button { border-color: #0876d2; background: #0876d2; }
.mediadna-access .access-form .button:hover { background: #005eb0; }
.mediadna-access .trial-process li::marker, .mediadna-access .form-contact { color: #0869b6; }
.mediadna-page a:focus-visible, .mediadna-page summary:focus-visible { outline-color: #0876d2; }

/* Editorial, support, and legal pages share the same neutral surfaces. */
.guide-ui-sidebar { background: #152b48; color: #e0ebf5; }
.guide-ui-sidebar .is-active { background: #0876d2; }
.guide-scope, .legal-operator { border-left-color: #0876d2; }
.contact-form { box-shadow: 0 16px 40px rgba(19, 81, 132, .06); }
.contact-preview { border-left-color: #0876d2; background: #e8f3fc; }
.contact-form input:focus-visible, .contact-form textarea:focus-visible,
.contact-form a:focus-visible, .contact-form button:focus-visible { outline-color: #0876d2; }

/* Account, subscription, and authorization screens use the same brand
   colors without changing their task-oriented layouts. */
.account-page {
  --ink: #101b32;
  --muted: #52677e;
  --line: #dce6ee;
  --teal: #0876d2;
  --teal-dark: #0869b6;
  --teal-soft: #e8f3fc;
  background: #fbfdff;
}
.console-sidebar { background: #f4f9fd; }
.console-nav a:hover { background: #e8f3fc; }
.console-nav a[aria-current="page"] { background: #dcefff; color: #0869b6; }
.console-avatar { color: #0869b6; }
.console-button, .account-outline-action, .account-secondary-action {
  border-color: #0876d2;
  border-radius: 8px;
  background: #0876d2;
}
.console-button:hover, .account-secondary-action:hover { background: #005eb0; }
.console-outline, .account-outline-action { background: #fff; color: #0869b6; }
.console-outline:hover, .account-outline-action:hover { background: #e8f3fc; }
.account-page :is(a, button, input, summary):focus-visible { outline-color: #0876d2; }
.console-badge[data-tone="success"] { background: #e8f3fc; color: #0869b6; }
.console-notice { background: #f3f8fb; border-color: #dce6ee; }
.subscribe-status { background: #f3f8fb; border-color: #dce6ee; }
.payment-method-option:has(input:checked) { background: #e8f3fc; }
.app-login-page { background: #f3f8fb; }
.app-login-card { box-shadow: 0 12px 40px rgba(19, 81, 132, .06); }
.app-login-identity { background: #f8fbfe; }
.app-login-primary-action { background: #0876d2; }
.app-login-primary-action:hover { background: #005eb0; }
@media (max-width: 760px) {
  .mediadna-hero-content > .product-trust { order: 5; }
}