/* Core site: the approved Night Blue, with shared navigation and service layouts. */
body.production {
  --ink: #f1f6ff;
  --muted: #b5c5e2;
  --paper: #07142d;
  --white: #132b50;
  --line: #375078;
  --accent: #8cb7ff;
  --serif: Arial, Helvetica, sans-serif;
  --sans: Arial, Helvetica, sans-serif;
  --radius: 8px;
  background: #07142d;
  color: #f1f6ff;
  line-height: 1.7;
}
.production .container, .production .wrap {
  width: min(1200px, calc(100% - 72px));
  margin-left: auto;
  margin-right: auto;
}
.production h1, .production h2, .production h3 { font-family: var(--sans); }
.production h1 { font-weight: 650; }
.production h2 { font-weight: 550; line-height: 1.14; }
.production h3 { font-weight: 550; line-height: 1.2; }
.production em { font-style: normal; }
.production :focus-visible { outline: 3px solid #94bbff; outline-offset: 4px; }
.production [hidden] { display: none !important; }
.production .site-header { position: relative; top: auto; z-index: 30; background: transparent; border: 0; }
.production .owner-toolbar { background: #132b50; border-bottom: 1px solid #375078; }
.production .owner-toolbar-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; padding: 6px 0; font-size: 14px; color: #b5c5e2; }
.production .owner-toolbar a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #f1f6ff; text-decoration: underline; text-underline-offset: 4px; }
.production .owner-toolbar a:hover { color: #a9cbff; }
.production .production-header { height: auto; min-height: 104px; padding: 29px 0; gap: 18px; }
.production-header .production-nav { gap: 20px; margin-left: auto; }
.production-nav a { font-size: 16px; min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
.production-nav a:hover, .production-nav a[aria-current] { color: #8cb7ff; }
.production-nav a[aria-current]::after { background: #8cb7ff; }
.production-header .production-call {
  background: #142b51; border: 1px solid #5875a5; border-radius: 7px;
  font-size: 15px; padding: 10px 13px; min-height: 44px; flex-shrink: 0;
}
.production-header .production-call .call-label { display: inline; font-variant-numeric: tabular-nums; }
.production-header .production-call .action-icon { display: block; width: 17px; height: 17px; }
.production .concept-hero .concept-note { font-size: 15px; line-height: 1.65; max-width: 34rem; }
.production-header .language-switch {
  margin: 0; padding: 4px; gap: 2px; border: 1px solid #5875a5;
  border-radius: 7px; font-size: 11px; flex-shrink: 0;
}
.production-header .language-switch a { padding: 8px 5px; border: 0; line-height: 1.4; }
.production .production-menu {
  display: none; width: 44px; height: 44px; padding: 0; flex-shrink: 0;
  background: #142b51; border: 1px solid #5875a5; border-radius: 7px; color: #f1f6ff;
}
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.menu-lines { position: relative; display: block; width: 18px; height: 12px; margin: auto; }
.menu-lines::before, .menu-lines::after { content: ""; position: absolute; left: 0; width: 18px; height: 1.5px; background: currentColor; transition: transform .2s, top .2s, bottom .2s; }
.menu-lines::before { top: 1px; }
.menu-lines::after { bottom: 1px; }
.production-menu[aria-expanded="true"] .menu-lines::before { top: 5px; transform: rotate(45deg); }
.production-menu[aria-expanded="true"] .menu-lines::after { bottom: 5.5px; transform: rotate(-45deg); }
.production .concept-hero > .hero-copy { margin-top: 0; max-width: none; font: inherit; }
.production .concept-hero .home-headline > span,
.production .concept-hero .home-headline > em { display: block; }
.production .btn { background: #315fdb; border: 1px solid #769aff; color: #fff; border-radius: 8px; }
.production .btn:hover { background: #3c6ce9; }
.production .btn.secondary { background: transparent; color: #d5e1f6; border-color: #617ca7; }
.production .btn.secondary:hover { background: #142b51; }
.production .btn.light { background: #315fdb; border-color: #769aff; color: #fff; }
.production .text-link { border-color: #5875a5; }
.production .text-link:hover { color: #a9cbff; border-color: #a9cbff; }
.production .section { padding: 66px 0; }
.production .section-heading { gap: 55px; margin-bottom: 32px; align-items: start; }
.production .section-heading h2 { font-size: clamp(29px, 3.1vw, 42px); }
.production .section-heading p { font-size: 15px; line-height: 1.8; }
.production .eyebrow { color: #a9c3ee; font-weight: 500; font-size: 11px; letter-spacing: .12em; }
.production .soft-section { background: #0e2140; border-color: #2d466d; }
.production .breadcrumbs { color: #b5c5e2; padding-top: 28px; line-height: 1.7; }
.production .breadcrumbs .divider { color: #7b93b8; }
.production .page-hero { padding: 54px 0 60px; }
.production .page-hero-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 70px; }
.production .page-hero-grid > *, .production .detail-grid > *, .production .contact-grid > * { min-width: 0; }
.production .page-hero h1 { font-size: clamp(38px, 4.5vw, 62px); line-height: 1.12; letter-spacing: -.045em; }
.production .page-hero h1 em { font-weight: inherit; }
.production .service-hero h1 em { display: block; }
.production .bureau-hero h1 em { display: block; }
.production .bureau-intro p, .production .bureau-remote p { max-width: 760px; }
.production .bureau-intro h2, .production .bureau-remote h2 { max-width: 850px; }
.production .bureau-remote .bullet-list { max-width: 900px; }
.production .page-hero p { font-size: 16px; line-height: 1.8; }
.production .intro-side { border-color: #4f6b98; }
.production .intro-side .side-label { color: #a9c3ee; line-height: 1.7; }
.production .intro-side p { color: #f1f6ff; font-size: 24px; line-height: 1.35; }
.production .intro-side small { font-size: 13px; line-height: 1.75; }
.production .detail-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 65px; }
.production .detail-copy h2 { font-size: clamp(29px, 3.1vw, 42px); }
.production .detail-copy > p { font-size: 15px; line-height: 1.8; }
.production .aside-card { background: #132b50; border: 1px solid #4f6b98; border-radius: 14px; padding: 30px; }
.production .aside-card h3 { font-size: 27px; letter-spacing: -.025em; }
.production .aside-card p { font-size: 14px; line-height: 1.8; }
.production .aside-card .note { font-size: 12px; color: #b5c5e2; }
.production .cost-aside h3 { margin-top: 0; }
.production .cost-aside .text-link { margin-top: 22px; }
.production .bullet-list li { font-size: 15px; line-height: 1.7; border-color: #375078; }
.production .scope-note { background: #132b50; border-radius: 0 8px 8px 0; }
.production .context-grid, .production .scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.production .scope-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.production .context-card { background: #132b50; border: 1px solid #4f6b98; padding: 28px; border-radius: 14px; min-width: 0; }
.production .context-card .step-count { margin-bottom: 20px; font: 12px/1.6 var(--sans); color: #a9cbff; }
.production .context-card h3 { font-size: 25px; letter-spacing: -.025em; }
.production .context-card p { margin-top: 14px; font-size: 14px; line-height: 1.8; color: #b5c5e2; }
.production .scope-section + .section { padding-top: 0; }
.production .production-process { padding-top: 14px; }
.production .faq-grid { gap: 65px; }
.production .faq-intro h2 { font-size: clamp(29px, 3vw, 40px); }
.production .faq-list summary { font-size: 16px; min-height: 44px; align-items: center; }
.production .faq-list summary:focus-visible { border-radius: 4px; }
.production .faq-list details p { font-size: 15px; line-height: 1.8; }
.production .service-row:hover { background: #122545; }
.production .service-row p { font-size: 14px; line-height: 1.75; }
.production .related-section { padding-top: 0; }
.production .related-section h2 { font-size: clamp(26px, 2.6vw, 35px); margin-bottom: 27px; }
.production .related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.production .related-link { display: flex; justify-content: space-between; gap: 20px; padding: 26px; border: 1px solid #4f6b98; border-radius: 14px; background: #132b50; }
.production .related-link:hover { border-color: #a9cbff; }
.production .related-link strong { display: block; font-size: 19px; line-height: 1.35; font-weight: 500; }
.production .related-link small { display: block; font-size: 13px; line-height: 1.7; color: #b5c5e2; margin-top: 10px; }
.production .related-link .arrow { color: #a9cbff; }
.production .name-panel { background: #132b50; border: 1px solid #4f6b98; border-radius: 14px; }
.production .name-panel::before { color: #8cb7ff; opacity: .12; }
.production .deliverable { background: #132b50; border-color: #4f6b98; border-radius: 14px; }
.production .deliverable h3 { font-size: 25px; }
.production .about-intro h2, .production .about-copy h2 { font-size: clamp(29px, 3.1vw, 42px); }
.production .contact-band { background: #112a50; border-top: 1px solid #4f6b98; color: #f1f6ff; }
.production .contact-band h2 { font-size: clamp(30px, 3.4vw, 43px); }
.production .contact-band p { color: #b5c5e2; }
.production .contact-band .eyebrow { color: #a9c3ee; }
.production .contact-band .secondary { border-color: #617ca7; }
.production .contact-band .secondary:hover { background: #1a3968; }
.production .contact-form { background: #132b50; border-color: #4f6b98; border-radius: 14px; }
.production .field input, .production .field select, .production .field textarea { border-color: #5875a5; border-radius: 7px; background: #07142d; color: #f1f6ff; }
.production .field input::placeholder, .production .field textarea::placeholder { color: #9eb2d2; opacity: 1; }
.production .form-feedback { background: #193961; border-radius: 7px; }
.production .form-feedback[data-state="error"] { border: 1px solid #e5a5a5; }
.production .form-feedback[data-state="success"] { border: 1px solid #8eacd6; }
.production .form-consent { display: flex; gap: 12px; align-items: flex-start; margin: 22px 0; font-size: 14px; line-height: 1.65; color: #c4d1e8; }
.production .form-consent input { width: 18px; height: 18px; margin: 3px 0 0; flex-shrink: 0; accent-color: #769aff; }
.production .form-alternative { font-size: 14px; margin-top: 22px; overflow-wrap: anywhere; }
.production .form-alternative a { text-decoration: underline; text-underline-offset: 4px; }
.production .form-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.production .btn:disabled { opacity: .7; cursor: wait; }
.production #contact-form { scroll-margin-top: 24px; }
.production .site-footer { padding-top: 43px; }
.production .footer-brand { font-size: 30px; letter-spacing: .09em; font-weight: 750; line-height: 1; }
.production .footer-about { font-size: 12px; line-height: 1.8; }
.production .legal-name-label { display: block; margin-bottom: 6px; font-size: 14px; line-height: 1.5; }
.production .bureau-legal-details .registration-address span { color: inherit; font-size: 14px; }
.production .bureau-legal-name { overflow-wrap: anywhere; }
.production .footer-about .bureau-legal-name { display: block; font-size: 16px; line-height: 1.65; }
.production .contact-card .bureau-legal-name { font-size: 16px; line-height: 1.65; }
.production .bureau-registration-code { margin-top: 12px; font-size: 14px; line-height: 1.65; }
.production .footer-links { font-size: 13px; line-height: 1.7; }
.production .footer-links a { overflow-wrap: anywhere; }
.production .registration-address { font-style: normal; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; margin: 10px 0; }
.production .registration-address span { display: block; color: #a9c3ee; font-size: 12px; margin-bottom: 5px; }
.production .footer-heading { color: #a9c3ee; font-size: 11px; }
.production .footer-bureau-link { margin-top: 14px; font-size: 13px; }
.production .footer-bottom { font-size: 11px; line-height: 1.7; }
@media(max-width:1050px) {
  .production-header .production-nav { display: none; position: absolute; inset: 100% 0 auto; margin: 0; padding: 20px max(22px, calc((100% - 1200px) / 2)); background: #10264a; border-bottom: 1px solid #5875a5; flex-direction: column; align-items: stretch; gap: 4px; }
  .production-header .production-nav.is-open { display: flex; }
  .production-header .production-nav a { padding: 12px 0; font-size: 18px; }
  .production .production-menu { display: block; }
  .production-header .concept-brand { margin-right: auto; }
  .production .page-hero-grid, .production .detail-grid { gap: 40px; }
}
@media(max-width:900px) {
  .production .container, .production .wrap { width: calc(100% - 44px); }
  .production .context-grid { grid-template-columns: 1fr; }
  .production .context-card { padding: 25px; }
}
@media(max-width:760px) {
  .production .section { padding: 48px 0; }
  .production .page-hero-grid, .production .detail-grid, .production .scope-grid, .production .related-grid { grid-template-columns: 1fr; gap: 28px; }
  .production .section-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 26px; }
  .production .section-heading p, .production .detail-copy > p { font-size: 15px; }
  .production .page-hero { padding: 36px 0 40px; }
  .production .page-hero h1 { font-size: clamp(34px, 6.4vw, 45px); letter-spacing: -.035em; }
  .production .page-hero p { font-size: 15px; }
  .production .intro-side { padding-left: 20px; }
  .production .intro-side p { font-size: 22px; }
  .production .aside-card { padding: 25px; }
  .production .bullet-list li, .production .faq-list details p { font-size: 14px; }
  .production .related-section { padding-top: 0; }
  .production .scope-section + .section { padding-top: 0; }
  .production .faq-grid { gap: 30px; }
  .production .contact-band .actions { gap: 12px; }
  .production-header .concept-brand, .production-header .production-call, .production-header .language-switch, .production-header .production-menu { order: 0; }
}
@media(max-width:600px) {
  .production .container, .production .wrap { width: calc(100% - 36px); }
  /* Keep the complete background wordmark inside the mobile card. */
  .production .night-feature .orbit-wire { right: -20px; }
  .production .production-header { display: grid; grid-template-columns: minmax(0,1fr) auto auto; padding: 20px 0; min-height: 84px; gap: 12px 8px; }
  .production-header .production-call { grid-column: 1 / -1; grid-row: 2; width: auto; min-height: 44px; padding: 8px 13px; justify-self: start; }
  .production .production-header .brand-wordmark { font-size: 26px; }
  .production .production-header .brand-wordmark small { font-size: 7px; letter-spacing: .12em; }
  .production-header .language-switch { padding: 3px; }
  .production-header .language-switch a { min-width: 28px; }
  .production .page-hero h1 { font-size: clamp(32px, 8.4vw, 43px); }
  .production .context-card h3 { font-size: 23px; }
  .production .footer-top { grid-template-columns: 1fr; gap: 28px; }
}
@media(max-width:370px) {
  .production .production-header { gap: 6px; }
  .production .production-header .brand-wordmark { font-size: 22px; letter-spacing: .07em; }
  .production .production-header .concept-brand { gap: 7px; }
  .production-header .language-switch a { min-width: 26px; padding-left: 3px; padding-right: 3px; }
  .production .production-menu { width: 38px; }
}
@media(prefers-reduced-motion:no-preference) {
  .production .service-hero .page-hero-grid > div { animation: opal-night-arrive 650ms cubic-bezier(.2,.75,.2,1) both; }
}

/* Readable navigation cards and direct messenger contacts. */
.production .night-feature-top > span:first-child,
.production .night-small > span { font-size: 14px; line-height: 1.55; letter-spacing: .06em; }
.production .night-feature-bottom p, .production .night-small > div { font-size: 15px; line-height: 1.6; }
.production .eyebrow, .production .side-label { font-size: 14px; }
.production .service-directory-link { display: inline-flex; align-items: center; min-height: 48px; padding: 12px 18px; background: #132b50; color: #e2ecff; border: 1px solid #5875a5; border-radius: 8px; font-size: 16px; font-weight: 500; text-decoration: none; }
.production .service-directory-link:hover { background: #1c3963; border-color: #94bbff; }
.production .service-directory-nav { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 24px; margin-top: 28px; }
.production .service-directory-nav .service-directory-link { justify-content: center; gap: 10px; padding: 10px 12px; background: transparent; color: #c8d8f1; border: 0; border-radius: 4px; text-decoration: underline; text-decoration-color: #5875a5; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.production .service-directory-nav .service-directory-link:is(:hover, :focus-visible) { background: transparent; color: #a9cbff; text-decoration-color: #a9cbff; }
@media (max-width: 600px) {
  .production .service-directory-nav { flex-direction: column; align-items: stretch; gap: 4px; }
  .production .service-directory-nav .service-directory-link { width: 100%; }
}
.production .service-row { grid-template-columns: minmax(0,1fr) auto; }
.production .service-row > div { grid-column: 1; }
.production .header-contact { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.production .messenger-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.production .messenger-links a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 10px; border: 1px solid #5875a5; border-radius: 7px; color: #e6efff; font-size: 14px; background: #142b51; text-decoration: none; }
.production .messenger-links a:hover { background: #254571; border-color: #94bbff; }
.production .messenger-links svg, .production .footer-links .action-icon { width: 18px; height: 18px; flex-shrink: 0; vertical-align: middle; }
.production .messenger-links.compact { margin: 0; }
.production .messenger-links.compact a { padding: 8px; }
.production .messenger-links.compact span { font-size: 11px; }
@media (max-width:1250px) { .production-header .production-nav { display: none; } .production .production-menu { display: block; } .production-header .concept-brand { margin-right: auto; } }
@media (min-width:1051px) and (max-width:1250px) { .production-header .production-nav { position: absolute; inset: 100% 0 auto; margin: 0; padding: 20px 36px; background: #10264a; border-bottom: 1px solid #5875a5; flex-direction: column; align-items: stretch; gap: 4px; } .production-header .production-nav.is-open { display:flex; } }
@media (max-width:600px) { .production .header-contact { grid-column: 1 / -1; grid-row: 2; gap: 8px; } .production-header .production-call { min-height: 44px; padding: 8px 10px; font-size: 14px; } .production .night-small > span { font-size: 13px; } .production .night-small > div { font-size: 14px; } }

/* Messenger shortcuts: recognizable symbols and brand colors. */
.production .messenger-links a { color: #fff; font-weight: 600; }
.production .messenger-links a.messenger-viber { background: #7360a8; border-color: #a79ace; }
.production .messenger-links a.messenger-whatsapp { background: #087c47; border-color: #25d366; }
.production .messenger-links a.messenger-telegram { background: #087aaf; border-color: #36b9f4; }
.production .messenger-links a:hover { filter: brightness(1.15); }
.production .messenger-links.compact a { width: 44px; height: 44px; padding: 10px; justify-content: center; }
.production .messenger-links.compact span { display: none; }
.production .messenger-links svg { width: 22px; height: 22px; }

/* Equal service cards: a checkerboard in two columns, alternating on mobile. */
.production .concept-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.production .concept-cards > .concept-card {
  --card-background: #132b50;
  --card-ink: #f1f6ff;
  --card-muted: #b5c9e7;
  --card-arrow: #a9cbff;
  --card-border: #4f6b98;
  grid-column: auto;
  min-width: 0;
  background: var(--card-background);
  color: var(--card-ink);
  border-color: var(--card-border);
}
.production .concept-cards > .concept-card p { color: var(--card-muted); font-size: 16px; line-height: 1.7; }
.production .concept-cards > .concept-card .card-arrow { color: var(--card-arrow); }
.production .concept-cards > .concept-card:is(:hover, :focus-visible) {
  background: var(--card-background);
  color: var(--card-ink);
  border-color: var(--card-arrow);
  outline-color: var(--card-arrow);
}
@media (min-width: 601px) {
  .production .concept-cards > .concept-card:nth-child(4n + 1),
  .production .concept-cards > .concept-card:nth-child(4n) {
    --card-background: #eaf1fd;
    --card-ink: #132c52;
    --card-muted: #365f96;
    --card-arrow: #365f96;
    --card-border: #eaf1fd;
  }
}
@media (max-width: 600px) {
  .production .concept-cards { grid-template-columns: minmax(0, 1fr); }
  .production .concept-cards > .concept-card p { font-size: 15px; }
  .production .concept-cards > .concept-card:nth-child(odd) {
    --card-background: #eaf1fd;
    --card-ink: #132c52;
    --card-muted: #365f96;
    --card-arrow: #365f96;
    --card-border: #eaf1fd;
  }
}

/* The same light/dark palette for service catalogues and internal page cards. */
.production .palette-card {
  --surface-background: #132b50;
  --surface-ink: #f1f6ff;
  --surface-muted: #b5c9e7;
  --surface-arrow: #a9cbff;
  --surface-border: #4f6b98;
  background: var(--surface-background);
  color: var(--surface-ink);
  border: 1px solid var(--surface-border);
  border-radius: 14px;
  min-width: 0;
}
.production .palette-card p,
.production .palette-card small,
.production .palette-card .registration-address { color: var(--surface-muted); }
.production .palette-card .arrow,
.production .palette-card .row-arrow { color: var(--surface-arrow); }
/* Override legacy row hover backgrounds while retaining each card's contrast. */
.production a.palette-card:is(:hover, :focus-visible) {
  background: var(--surface-background);
  color: var(--surface-ink);
  border-color: var(--surface-arrow);
  outline-color: var(--surface-arrow);
}
.production .palette-stack { display: grid; gap: 14px; border: 0; }
.production .palette-stack > .palette-card { padding: 26px; }
.production .palette-card.service-row { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) 30px; }
.production .palette-card.service-row > h3 { grid-column: 1; grid-row: 1; }
.production .palette-card.service-row > p { grid-column: 2; grid-row: 1; }
.production .palette-card.service-row > .row-arrow { grid-column: 3; grid-row: 1; }
.production .palette-card.contact-card h2 { color: var(--surface-muted); font-size: 14px; line-height: 1.5; }
.production .palette-card.contact-card > a:hover { color: var(--surface-arrow); }
.production .palette-three > .palette-card:nth-child(odd),
.production .palette-stack > .palette-card:nth-child(odd) {
  --surface-background: #eaf1fd;
  --surface-ink: #132c52;
  --surface-muted: #365f96;
  --surface-arrow: #365f96;
  --surface-border: #eaf1fd;
}
@media (min-width: 761px) {
  .production .palette-two > .palette-card:nth-child(4n + 1),
  .production .palette-two > .palette-card:nth-child(4n) {
    --surface-background: #eaf1fd;
    --surface-ink: #132c52;
    --surface-muted: #365f96;
    --surface-arrow: #365f96;
    --surface-border: #eaf1fd;
  }
}
.production .light-section { background: #eaf1fd; color: #132c52; border-color: #c2d2e9; }
.production .light-section p,
.production .light-section .bullet-list li { color: #365f96; }
.production .light-section .eyebrow { color: #365f96; }
.production .light-section .bullet-list li { border-color: #b9cae4; }
.production .light-section .bullet-list li::before { color: #365f96; }
.production .light-section .aside-card { color: #f1f6ff; }
.production .light-section .aside-card p { color: #b5c5e2; }
.production .light-section .aside-card .eyebrow { color: #a9c3ee; }
.production .light-section .btn.secondary { color: #132c52; border-color: #7894bc; }
.production .light-section .btn.secondary:hover { background: #d7e5fb; }
.production .light-section :focus-visible { outline-color: #315fdb; }
.production .palette-card.contact-card > a:focus-visible { outline-color: var(--surface-arrow); }
@media (max-width: 760px) {
  /* Larger introductory copy beneath mobile page headings. */
  .production .page-hero-grid > div > p,
  .production .concept-hero .lead {
    font-size: 17px;
    line-height: 1.75;
  }
  /* Readable descriptions across mobile service and information cards. */
  .production .bullet-list li,
  .production .context-card p,
  .production .deliverable p,
  .production .aside-card p,
  .production .service-row p,
  .production .related-link small,
  .production .concept-cards > .concept-card p,
  .production .night-feature-bottom p,
  .production .night-small > div {
    font-size: 16px;
    line-height: 1.7;
  }
  .production .palette-card.service-row { grid-template-columns: minmax(0, 1fr) 26px; gap: 12px 18px; padding: 22px; }
  .production .palette-card.service-row > h3 { grid-column: 1; grid-row: 1; }
  .production .palette-card.service-row > p { grid-column: 1; grid-row: 2; }
  .production .palette-card.service-row > .row-arrow { grid-column: 2; grid-row: 1 / 3; }
  .production .palette-two > .palette-card {
    --surface-background: #132b50;
    --surface-ink: #f1f6ff;
    --surface-muted: #b5c9e7;
    --surface-arrow: #a9cbff;
    --surface-border: #4f6b98;
  }
  .production .palette-two > .palette-card:nth-child(odd) {
    --surface-background: #eaf1fd;
    --surface-ink: #132c52;
    --surface-muted: #365f96;
    --surface-arrow: #365f96;
    --surface-border: #eaf1fd;
  }
}

.production .form-privacy { font-size: 16px; line-height: 1.7; margin-top: 22px; }
.production .form-privacy a { color: #b8d3ff; text-decoration: underline; text-underline-offset: .2em; }
@media(max-width:760px) { .production .form-consent { font-size:16px; line-height:1.7; } }