<!-- БЛОК: Общие стили сайта ProDokshin / шрифты, палитра, анимации -->
<style id="pd-global-style">
  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap");

  :root {
    --pd-font-body: Manrope, Arial, sans-serif;
    --pd-font-heading: Oswald, "Arial Narrow", Arial, sans-serif;

    --pd-bg-main: #F6F8F6;
    --pd-bg-secondary: #EFF5F4;
    --pd-bg-card: #FFFFFF;
    --pd-bg-card-soft: rgba(255, 255, 255, 0.86);
    --pd-bg-glass: rgba(255, 255, 255, 0.74);

    --pd-text-main: #14232B;
    --pd-text-secondary: #647278;
    --pd-text-muted: #809094;
    --pd-text-invert: #F7FAFA;

    --pd-accent-purple: #138B97;
    --pd-accent-purple-light: #48B8BF;
    --pd-accent-blue: #003E49;
    --pd-accent-cyan: #48B8BF;

    --pd-border-soft: #D9E3E2;
    --pd-border-strong: rgba(0, 62, 73, 0.22);
    --pd-border-accent: rgba(19, 139, 151, 0.48);

    --pd-gradient-main: linear-gradient(90deg, #003E49 0%, #138B97 100%);
    --pd-gradient-soft: linear-gradient(135deg, #003E49 0%, #138B97 100%);
    --pd-shadow-accent: 0 22px 64px rgba(19, 139, 151, 0.18);

    --pd-radius-button: 12px;
    --pd-radius-card: 16px;
    --pd-radius-large: 20px;

    --pd-container: 1320px;
    --pd-gutter: 32px;
    --pd-section-space: 120px;
    --pd-section-space-mobile: 72px;
    --pd-ease: cubic-bezier(0.22, 1, 0.36, 1);
  }

  html {
    background: var(--pd-bg-main);
    scroll-behavior: smooth;
    overflow-x: hidden;
  }

  body {
    min-width: 320px;
    margin: 0;
    overflow-x: hidden;
    background:
      radial-gradient(circle at 78% 8%, rgba(19, 139, 151, 0.08), transparent 30%),
      radial-gradient(circle at 12% 18%, rgba(0, 62, 73, 0.05), transparent 28%),
      var(--pd-bg-main);
    color: var(--pd-text-main);
    font-family: var(--pd-font-body);
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body,
  button,
  input,
  textarea,
  select {
    font-family: var(--pd-font-body);
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  ::selection {
    color: #ffffff;
    background: rgba(19, 139, 151, 0.78);
  }

  #works,
  #portfolio,
  #workflow,
  #agencies,
  #pricing,
  #about,
  #faq,
  #contacts,
  #pd-site-footer {
    scroll-margin-top: 112px;
  }

  body::-webkit-scrollbar {
    width: 10px;
  }

  body::-webkit-scrollbar-track {
    background: #F6F8F6;
  }

  body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #003E49, #138B97);
    border: 2px solid #F6F8F6;
    border-radius: 999px;
  }

  img,
  video,
  svg,
  canvas {
    max-width: 100%;
  }

  img,
  video {
    height: auto;
  }

  a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
  }

  a,
  button,
  input,
  textarea,
  select {
    -webkit-tap-highlight-color: transparent;
  }

  button,
  [type="button"],
  [type="submit"],
  [role="button"] {
    cursor: pointer;
  }

  button:focus-visible,
  a:focus-visible,
  input:focus-visible,
  textarea:focus-visible,
  select:focus-visible {
    outline: 2px solid rgba(19, 139, 151, 0.85);
    outline-offset: 3px;
  }

  #allrecords,
  #allrecords .t-rec,
  #allrecords .t396__artboard,
  #allrecords .t-cover,
  #allrecords .t-cover__carrier,
  #allrecords .t-cover__filter {
    background-color: transparent;
  }

  #allrecords {
    overflow-x: hidden;
    background: transparent;
    color: var(--pd-text-main);
    font-family: var(--pd-font-body);
  }

  .t-body,
  .t-text,
  .t-name,
  .t-title,
  .t-descr,
  .t-heading,
  .t-btn,
  .t-input,
  .t-submit {
    font-family: var(--pd-font-body) !important;
    letter-spacing: 0 !important;
  }

  .pd-page {
    min-height: 100vh;
    background: var(--pd-bg-main);
    color: var(--pd-text-main);
  }

  .pd-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: var(--pd-section-space) 0;
    background: transparent;
    color: var(--pd-text-main);
  }

  .pd-section--alt {
    background:
      linear-gradient(180deg, rgba(239, 245, 244, 0.96), rgba(246, 248, 246, 0.98)),
      var(--pd-bg-secondary);
  }

  .pd-section--tight {
    padding: 84px 0;
  }

  .pd-section--no-top {
    padding-top: 0;
  }

  .pd-section--no-bottom {
    padding-bottom: 0;
  }

  .pd-container {
    width: min(var(--pd-container), calc(100% - (var(--pd-gutter) * 2)));
    margin: 0 auto;
    position: relative;
  }

  .pd-grid {
    display: grid;
    gap: 24px;
  }

  .pd-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pd-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pd-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pd-kicker,
  .pd-eyebrow {
    width: fit-content;
    margin: 0 0 16px;
    padding: 7px 12px;
    border: 1px solid rgba(19, 139, 151, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #003E49;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 600;
  }

  .pd-title {
    max-width: 980px;
    margin: 0;
    color: var(--pd-text-main);
    font-size: 46px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: 0;
    text-wrap: balance;
  }

  .pd-title,
  .pd-title--large,
  .t-title,
  .t-heading,
  #pd-hero-video .pd-hero__title,
  #works.pd-more .pd-more__title,
  #services.pd-services .pd-services__title,
  #process.pd-hiw .pd-hiw__title,
  #guarantees.pd-guarantees .pd-guarantees__title,
  #portfolio.pd-portfolio .pd-portfolio__title,
  #workflow.pd-workflow .pd-workflow__title,
  #agencies.pd-agency .pd-agency__title,
  #pricing.pd-pricing .pd-pricing__title,
  #about.pd-about .pd-about__title,
  #faq.pd-faq .pd-faq__title,
  #rec2481788231 .pd-lead-form__title,
  #pd-child-offer .pd-child-offer__title,
  #pd-loading-screen .pd-loader__title {
    font-family: var(--pd-font-heading) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  #works.pd-more .pd-more__card h3,
  #works.pd-more .pd-more__preview-title,
  #services.pd-services .pd-services__name,
  #process.pd-hiw .pd-hiw__step-title,
  #guarantees.pd-guarantees .pd-guarantees__card h3,
  #portfolio.pd-portfolio .pd-portfolio__active-title,
  #portfolio.pd-portfolio .pd-portfolio__copy strong,
  #workflow.pd-workflow .pd-workflow__step h3,
  #agencies.pd-agency .pd-agency__step strong,
  #pricing.pd-pricing .pd-pricing__card h3,
  #pricing.pd-pricing .pd-pricing__price-box strong,
  #about.pd-about .pd-about__name,
  #about.pd-about .pd-about__statement,
  #faq.pd-faq .pd-faq__question span:first-child,
  #pd-site-footer .pd-footer__title {
    font-family: var(--pd-font-heading) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  .pd-title--large {
    font-size: 64px;
    line-height: 1.04;
  }

  .pd-title--center,
  .pd-lead--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .pd-gradient-text {
    background: var(--pd-gradient-main);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .pd-lead {
    max-width: 760px;
    margin: 20px 0 0;
    color: rgba(244, 246, 250, 0.78);
    font-size: 18px;
    line-height: 1.62;
  }

  .pd-text {
    color: rgba(244, 246, 250, 0.76);
    font-size: 16px;
    line-height: 1.65;
  }

  .pd-muted {
    color: var(--pd-text-muted);
  }

  .pd-card {
    min-width: 0;
    border: 1px solid var(--pd-border-soft);
    border-radius: var(--pd-radius-card);
    background:
      linear-gradient(180deg, rgba(16, 24, 44, 0.78), rgba(8, 13, 26, 0.74)),
      var(--pd-bg-card);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.2);
  }

  .pd-card--pad {
    padding: 28px;
  }

  .pd-card--interactive {
    transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
  }

  .pd-card--interactive:hover {
    transform: translateY(-4px);
    border-color: rgba(19, 139, 151, 0.42);
    box-shadow: 0 24px 72px rgba(19, 139, 151, 0.16);
  }

  .pd-button,
  .pd-button:visited {
    min-height: 52px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: var(--pd-radius-button);
    background: var(--pd-gradient-main);
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    box-shadow: var(--pd-shadow-accent);
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease, background 240ms ease;
  }

  .pd-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 26px 72px rgba(19, 139, 151, 0.3);
  }

  .pd-button--ghost,
  .pd-button--ghost:visited {
    border-color: rgba(244, 246, 250, 0.22);
    background: rgba(8, 13, 26, 0.32);
    color: rgba(244, 246, 250, 0.92);
    box-shadow: none;
  }

  .pd-button--ghost:hover {
    border-color: rgba(72, 184, 191, 0.5);
    box-shadow: none;
  }

  .pd-button--small {
    min-height: 42px;
    padding: 0 16px;
    font-size: 14px;
  }

  .pd-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }

  .pd-line {
    height: 1px;
    border: 0;
    background: linear-gradient(90deg, transparent, rgba(138, 158, 200, 0.34), transparent);
  }

  .pd-form {
    display: grid;
    gap: 14px;
  }

  .pd-field {
    display: grid;
    gap: 7px;
  }

  .pd-label {
    color: rgba(244, 246, 250, 0.74);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
  }

  .pd-input,
  .pd-textarea,
  .pd-select,
  .pd-form input:not([type="checkbox"]):not([type="radio"]),
  .pd-form textarea,
  .pd-form select {
    width: 100%;
    min-height: 52px;
    border: 1px solid rgba(138, 158, 200, 0.22);
    border-radius: 12px;
    background: rgba(5, 8, 17, 0.58);
    color: var(--pd-text-main);
    font-size: 15px;
    line-height: 1.35;
    padding: 0 15px;
    outline: none;
    transition: border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
  }

  .pd-textarea,
  .pd-form textarea {
    min-height: 126px;
    padding-top: 14px;
    resize: vertical;
  }

  .pd-input::placeholder,
  .pd-textarea::placeholder,
  .pd-form input::placeholder,
  .pd-form textarea::placeholder {
    color: rgba(167, 174, 192, 0.56);
  }

  .pd-input:focus,
  .pd-textarea:focus,
  .pd-select:focus,
  .pd-form input:not([type="checkbox"]):not([type="radio"]):focus,
  .pd-form textarea:focus,
  .pd-form select:focus {
    border-color: rgba(72, 184, 191, 0.62);
    background: rgba(5, 8, 17, 0.72);
    box-shadow: 0 0 0 4px rgba(72, 184, 191, 0.08);
  }

  .pd-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(244, 246, 250, 0.68);
    font-size: 12px;
    line-height: 1.45;
  }

  .pd-consent input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 1px 0 0;
    accent-color: var(--pd-accent-purple);
  }

  .pd-consent a {
    color: rgba(72, 184, 191, 0.92);
  }

  .pd-chip {
    min-height: 34px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(138, 158, 200, 0.18);
    border-radius: 999px;
    background: rgba(8, 13, 26, 0.42);
    color: rgba(244, 246, 250, 0.78);
    font-size: 13px;
    line-height: 1;
  }

  .pd-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 720ms var(--pd-ease), transform 720ms var(--pd-ease);
  }

  .pd-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .pd-visually-hidden {
    width: 1px !important;
    height: 1px !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    clip-path: inset(50%) !important;
  }

  .pd-hide-desktop {
    display: none !important;
  }

  @media (max-width: 1024px) {
    :root {
      --pd-gutter: 24px;
      --pd-section-space: 92px;
    }

    .pd-grid--4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pd-grid--3 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pd-title {
      font-size: 40px;
    }

    .pd-title--large {
      font-size: 52px;
    }
  }

  @media (max-width: 767px) {
    :root {
      --pd-gutter: 20px;
      --pd-section-space: var(--pd-section-space-mobile);
    }

    body {
      font-size: 15px;
    }

    .pd-section,
    .pd-section--tight {
      padding: var(--pd-section-space-mobile) 0;
    }

    .pd-container {
      width: min(100% - 40px, 560px);
    }

    .pd-grid,
    .pd-grid--2,
    .pd-grid--3,
    .pd-grid--4 {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .pd-title,
    .pd-title--large {
      font-size: 34px;
      line-height: 1.14;
    }

    .pd-lead {
      margin-top: 16px;
      font-size: 16px;
      line-height: 1.55;
    }

    .pd-card--pad {
      padding: 20px;
    }

    .pd-actions {
      width: 100%;
      gap: 10px;
    }

    .pd-button {
      width: 100%;
      min-height: 50px;
      padding: 0 16px;
      font-size: 14px;
      text-align: center;
    }

    .pd-hide-mobile {
      display: none !important;
    }

    .pd-hide-desktop {
      display: block !important;
    }
  }

  @media (max-width: 380px) {
    .pd-container {
      width: min(100% - 32px, 560px);
    }

    .pd-title,
    .pd-title--large {
      font-size: 31px;
    }
  }

  /* Shared motion layer for ProDokshin T123 blocks */
  html.pd-motion-enabled .pd-motion-reveal {
    opacity: 0 !important;
    transform: translate3d(0, 30px, 0) scale(0.985) !important;
    filter: blur(10px);
    transition:
      opacity 820ms var(--pd-ease),
      transform 820ms var(--pd-ease),
      filter 820ms var(--pd-ease),
      border-color 260ms ease,
      background 260ms ease,
      box-shadow 260ms ease !important;
    transition-delay: var(--pd-motion-delay, 0ms) !important;
    will-change: opacity, transform, filter;
  }

  html.pd-motion-enabled .pd-motion-reveal[data-pd-motion-side="left"] {
    transform: translate3d(-34px, 18px, 0) scale(0.985) !important;
  }

  html.pd-motion-enabled .pd-motion-reveal[data-pd-motion-side="right"] {
    transform: translate3d(34px, 18px, 0) scale(0.985) !important;
  }

  html.pd-motion-enabled .pd-motion-reveal[data-pd-motion-side="zoom"] {
    transform: translate3d(0, 20px, 0) scale(0.965) !important;
  }

  html.pd-motion-enabled .pd-motion-reveal.pd-motion-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: blur(0);
  }

  @media (hover: hover) and (pointer: fine) {
    #pd-hero-video .pd-hero__button,
    #services.pd-services .pd-services__cta,
    #works.pd-more .pd-more__cta,
    #portfolio.pd-portfolio .pd-portfolio__button,
    #workflow.pd-workflow .pd-workflow__cta,
    #agencies.pd-agency .pd-agency__cta,
    #client-value.pd-value .pd-value__bottom,
    #pricing.pd-pricing .pd-pricing__button,
    #guarantees.pd-guarantees .pd-guarantees__cta,
    #about.pd-about .pd-about__cta,
    #faq.pd-faq .pd-faq__cta,
    #pd-site-footer .pd-footer__top-link {
      transition:
        transform 260ms var(--pd-ease),
        box-shadow 260ms var(--pd-ease),
        border-color 260ms ease,
        filter 260ms ease !important;
      will-change: transform;
    }

    #pd-hero-video .pd-hero__button:hover,
    #services.pd-services .pd-services__cta:hover,
    #works.pd-more .pd-more__cta:hover,
    #portfolio.pd-portfolio .pd-portfolio__button:hover,
    #workflow.pd-workflow .pd-workflow__cta:hover,
    #agencies.pd-agency .pd-agency__cta:hover,
    #pricing.pd-pricing .pd-pricing__button:hover,
    #guarantees.pd-guarantees .pd-guarantees__cta:hover,
    #about.pd-about .pd-about__cta:hover,
    #faq.pd-faq .pd-faq__cta:hover,
    #pd-site-footer .pd-footer__top-link:hover {
      transform: translate3d(0, -3px, 0) scale(1.018) !important;
      box-shadow: 0 24px 70px rgba(19, 139, 151, 0.28) !important;
      filter: saturate(1.08);
    }

    #services.pd-services .pd-services__tab,
    #works.pd-more .pd-more__item,
    #portfolio.pd-portfolio .pd-portfolio__item,
    #workflow.pd-workflow .pd-workflow__card,
    #workflow.pd-workflow .pd-workflow__control,
    #workflow.pd-workflow .pd-workflow__summary-item,
    #agencies.pd-agency .pd-agency__promise-row,
    #agencies.pd-agency .pd-agency__panel,
    #agencies.pd-agency .pd-agency__step-card,
    #agencies.pd-agency .pd-agency__benefit-option,
    #client-value.pd-value .pd-value__card,
    #pricing.pd-pricing .pd-pricing__card,
    #guarantees.pd-guarantees .pd-guarantees__card,
    #about.pd-about .pd-about__principle,
    #about.pd-about .pd-about__fact,
    #faq.pd-faq .pd-faq__item,
    #pd-site-footer .pd-footer__brand-card,
    #pd-site-footer .pd-footer__links-card,
    #pd-site-footer .pd-footer__legal-card {
      transition:
        transform 320ms var(--pd-ease),
        border-color 320ms ease,
        box-shadow 320ms ease,
        background 320ms ease,
        filter 320ms ease !important;
      will-change: transform;
    }

    #services.pd-services .pd-services__tab:hover,
    #works.pd-more .pd-more__item:hover,
    #portfolio.pd-portfolio .pd-portfolio__item:hover,
    #workflow.pd-workflow .pd-workflow__card:hover,
    #workflow.pd-workflow .pd-workflow__control:hover,
    #workflow.pd-workflow .pd-workflow__summary-item:hover,
    #agencies.pd-agency .pd-agency__promise-row:hover,
    #agencies.pd-agency .pd-agency__panel:hover,
    #agencies.pd-agency .pd-agency__step-card:hover,
    #agencies.pd-agency .pd-agency__benefit-option:hover,
    #client-value.pd-value .pd-value__card:hover,
    #pricing.pd-pricing .pd-pricing__card:hover,
    #guarantees.pd-guarantees .pd-guarantees__card:hover,
    #about.pd-about .pd-about__principle:hover,
    #about.pd-about .pd-about__fact:hover,
    #faq.pd-faq .pd-faq__item:hover,
    #pd-site-footer .pd-footer__brand-card:hover,
    #pd-site-footer .pd-footer__links-card:hover,
    #pd-site-footer .pd-footer__legal-card:hover {
      transform: translate3d(0, -6px, 0) scale(1.006) !important;
      border-color: rgba(72, 184, 191, 0.42) !important;
      box-shadow:
        0 26px 76px rgba(19, 139, 151, 0.16),
        0 0 0 1px rgba(255, 255, 255, 0.035) inset !important;
      filter: saturate(1.06);
    }

    #works.pd-more .pd-more__stage,
    #portfolio.pd-portfolio .pd-portfolio__screen,
    #client-value.pd-value .pd-value__frame,
    #about.pd-about .pd-about__photo {
      transition:
        transform 520ms var(--pd-ease),
        box-shadow 520ms ease,
        border-color 520ms ease,
        filter 520ms ease !important;
      will-change: transform;
    }

    #works.pd-more .pd-more__stage:hover,
    #portfolio.pd-portfolio .pd-portfolio__screen:hover,
    #client-value.pd-value .pd-value__frame:hover,
    #about.pd-about .pd-about__photo:hover {
      transform: translate3d(0, -5px, 0) scale(1.006) rotate(-0.35deg) !important;
      border-color: rgba(19, 139, 151, 0.44) !important;
      box-shadow: 0 32px 90px rgba(19, 139, 151, 0.16) !important;
      filter: saturate(1.08) contrast(1.02);
    }
  }

  /* Calm teal palette override for the current ProDokshin site */
  body:has(#pd-hero-video),
  body:has(#works.pd-more),
  body:has(#workflow.pd-workflow),
  body:has(#pricing.pd-pricing),
  body:has(#faq.pd-faq) {
    background: #F6F8F6 !important;
  }

  #pd-site-header {
    --pd-h-text: #14232B !important;
    --pd-h-soft: #647278 !important;
    --pd-h-muted: #809094 !important;
    --pd-h-purple: #138B97 !important;
    --pd-h-blue: #003E49 !important;
    --pd-h-cyan: #48B8BF !important;
    --pd-h-gradient: linear-gradient(90deg, #003E49, #138B97) !important;
    color: #14232B !important;
  }

  #pd-site-header .pd-header__bar {
    border-color: rgba(0, 62, 73, 0.13) !important;
    background: rgba(246, 248, 246, 0.86) !important;
    box-shadow: 0 16px 50px rgba(0, 62, 73, 0.08) !important;
  }

  #pd-site-header.is-scrolled .pd-header__bar {
    background: rgba(255, 255, 255, 0.94) !important;
  }

  #pd-site-header .pd-header__logo {
    background: transparent !important;
    box-shadow: none !important;
  }

  #pd-site-header .pd-header__link,
  #pd-site-header .pd-header__phone,
  #pd-site-header .pd-header__name {
    color: #14232B !important;
  }

  #pd-site-header .pd-header__desc,
  #pd-site-header .pd-header__mobile-link span {
    color: #647278 !important;
  }

  #pd-site-header .pd-header__link:hover,
  #pd-site-header .pd-header__mobile-link:hover {
    color: #138B97 !important;
    background: rgba(19, 139, 151, 0.08) !important;
  }

  #pd-site-header .pd-header__cta {
    background: #003E49 !important;
    color: #FFFFFF !important;
    box-shadow: 0 14px 34px rgba(0, 62, 73, 0.18) !important;
  }

  #pd-site-header .pd-header__burger,
  #pd-site-header .pd-header__mobile {
    border-color: rgba(0, 62, 73, 0.14) !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  #pd-marquee {
    --pd-marquee-bg: #003E49 !important;
    --pd-marquee-text: #F7FAFA !important;
    --pd-marquee-muted: rgba(247, 250, 250, 0.68) !important;
    --pd-marquee-border: rgba(255, 255, 255, 0.14) !important;
    --pd-marquee-gradient: linear-gradient(90deg, #FFFFFF, #48B8BF) !important;
    background: #003E49 !important;
  }

  #pd-marquee::before {
    background: linear-gradient(90deg, #003E49 0%, rgba(0, 62, 73, 0) 100%) !important;
  }

  #pd-marquee::after {
    background: linear-gradient(270deg, #003E49 0%, rgba(0, 62, 73, 0) 100%) !important;
  }

  #pd-marquee .pd-marquee__item {
    color: rgba(247, 250, 250, 0.86) !important;
  }

  #pd-marquee .pd-marquee__item--brand {
    color: #FFFFFF !important;
  }

  #portfolio.pd-portfolio,
  #about.pd-about {
    --pd-w-text: #F7FAFA !important;
    --pd-w-soft: rgba(247, 250, 250, 0.68) !important;
    --pd-w-muted: rgba(247, 250, 250, 0.48) !important;
    --pd-w-purple: #48B8BF !important;
    --pd-w-blue: #138B97 !important;
    --pd-w-cyan: #48B8BF !important;
    --pd-w-gradient: linear-gradient(90deg, #48B8BF, #FFFFFF) !important;
    --pd-a-text: #F7FAFA !important;
    --pd-a-soft: rgba(247, 250, 250, 0.68) !important;
    --pd-a-muted: rgba(247, 250, 250, 0.48) !important;
    --pd-a-purple: #48B8BF !important;
    --pd-a-blue: #138B97 !important;
    --pd-a-cyan: #48B8BF !important;
    --pd-a-gradient: linear-gradient(90deg, #48B8BF, #FFFFFF) !important;
    background:
      radial-gradient(circle at 16% 20%, rgba(72, 184, 191, 0.16), transparent 32%),
      linear-gradient(135deg, #003740 0%, #00515B 100%) !important;
    color: #F7FAFA !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__eyebrow,
  #about.pd-about .pd-about__eyebrow,
  #agencies.pd-agency .pd-agency__eyebrow {
    border-color: rgba(72, 184, 191, 0.34) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: #BDEEF0 !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__title,
  #portfolio.pd-portfolio .pd-portfolio__title span,
  #about.pd-about .pd-about__title,
  #about.pd-about .pd-about__title span,
  #agencies.pd-agency .pd-agency__title,
  #agencies.pd-agency .pd-agency__title span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: #F7FAFA !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__lead,
  #about.pd-about .pd-about__lead,
  #about.pd-about .pd-about__caption,
  #agencies.pd-agency .pd-agency__lead {
    color: rgba(247, 250, 250, 0.72) !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__button,
  #portfolio.pd-portfolio .pd-portfolio__bottom,
  #about.pd-about .pd-about__cta {
    border-color: rgba(255, 255, 255, 0.55) !important;
    background: transparent !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__button:hover,
  #about.pd-about .pd-about__cta:hover {
    border-color: #138B97 !important;
    background: #138B97 !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__play {
    background: #FFFFFF !important;
    color: #003E49 !important;
  }

  #portfolio.pd-portfolio .pd-portfolio__screen,
  #portfolio.pd-portfolio .pd-portfolio__item,
  #about.pd-about .pd-about__photo,
  #about.pd-about .pd-about__principle,
  #about.pd-about .pd-about__fact,
  #about.pd-about .pd-about__quote {
    border-color: rgba(117, 211, 220, 0.22) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
  }

  #workflow.pd-workflow,
  #faq.pd-faq {
    --pd-w-text: #14232B !important;
    --pd-w-soft: #647278 !important;
    --pd-w-muted: #809094 !important;
    --pd-w-purple: #138B97 !important;
    --pd-w-blue: #003E49 !important;
    --pd-w-cyan: #48B8BF !important;
    --pd-w-gradient: linear-gradient(90deg, #003E49, #138B97) !important;
    --pd-f-text: #14232B !important;
    --pd-f-soft: #647278 !important;
    --pd-f-muted: #809094 !important;
    --pd-f-purple: #138B97 !important;
    --pd-f-blue: #003E49 !important;
    --pd-f-cyan: #48B8BF !important;
    --pd-f-gradient: linear-gradient(90deg, #003E49, #138B97) !important;
    background: #EFF5F4 !important;
    color: #14232B !important;
  }

  #faq.pd-faq {
    background: #F6F8F6 !important;
  }

  #workflow.pd-workflow .pd-workflow__eyebrow,
  #faq.pd-faq .pd-faq__eyebrow,
  #pricing.pd-pricing .pd-pricing__eyebrow {
    border-color: rgba(19, 139, 151, 0.26) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #003E49 !important;
  }

  #workflow.pd-workflow .pd-workflow__title,
  #workflow.pd-workflow .pd-workflow__title span,
  #faq.pd-faq .pd-faq__title,
  #faq.pd-faq .pd-faq__title span,
  #pricing.pd-pricing .pd-pricing__title,
  #pricing.pd-pricing .pd-pricing__title span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: #14232B !important;
  }

  #workflow.pd-workflow .pd-workflow__lead,
  #faq.pd-faq .pd-faq__lead,
  #pricing.pd-pricing .pd-pricing__lead {
    color: #647278 !important;
  }

  #workflow.pd-workflow .pd-workflow__control,
  #workflow.pd-workflow .pd-workflow__summary,
  #workflow.pd-workflow .pd-workflow__summary-item,
  #workflow.pd-workflow .pd-workflow__card,
  #workflow.pd-workflow .pd-workflow__step,
  #faq.pd-faq .pd-faq__item {
    border-color: #D9E3E2 !important;
    background: #FFFFFF !important;
    color: #14232B !important;
    box-shadow: none !important;
  }

  #workflow.pd-workflow .pd-workflow__step-num,
  #workflow.pd-workflow .pd-workflow__summary-icon,
  #workflow.pd-workflow .pd-workflow__check,
  #faq.pd-faq .pd-faq__icon,
  #pricing.pd-pricing .pd-pricing__dot {
    background: #138B97 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
  }

  #workflow.pd-workflow .pd-workflow__tag,
  #pricing.pd-pricing .pd-pricing__tag,
  #pricing.pd-pricing .pd-pricing__factor {
    border-color: #D9E3E2 !important;
    background: #FFFFFF !important;
    color: #003E49 !important;
  }

  #workflow.pd-workflow .pd-workflow__cta,
  #pricing.pd-pricing .pd-pricing__button,
  #faq.pd-faq .pd-faq__cta {
    background: #003E49 !important;
    border-color: #003E49 !important;
    color: #FFFFFF !important;
    box-shadow: 0 18px 44px rgba(0, 62, 73, 0.18) !important;
  }

  #agencies.pd-agency {
    --pd-a-text: #F7FAFA !important;
    --pd-a-soft: rgba(247, 250, 250, 0.70) !important;
    --pd-a-muted: rgba(247, 250, 250, 0.48) !important;
    --pd-a-purple: #48B8BF !important;
    --pd-a-blue: #138B97 !important;
    --pd-a-cyan: #48B8BF !important;
    --pd-a-gradient: linear-gradient(90deg, #138B97, #48B8BF) !important;
    background: #07343B !important;
    color: #F7FAFA !important;
  }

  #agencies.pd-agency .pd-agency__panel,
  #agencies.pd-agency .pd-agency__step-card,
  #agencies.pd-agency .pd-agency__benefit-detail,
  #agencies.pd-agency .pd-agency__benefit-option {
    border-color: rgba(117, 211, 220, 0.22) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #F7FAFA !important;
    box-shadow: none !important;
  }

  #agencies.pd-agency .pd-agency__cta {
    background: #138B97 !important;
    border-color: #138B97 !important;
    color: #FFFFFF !important;
    box-shadow: 0 18px 44px rgba(19, 139, 151, 0.22) !important;
  }

  #pricing.pd-pricing {
    --pd-p-text: #14232B !important;
    --pd-p-soft: #647278 !important;
    --pd-p-muted: #809094 !important;
    --pd-p-purple: #138B97 !important;
    --pd-p-blue: #003E49 !important;
    --pd-p-cyan: #48B8BF !important;
    --pd-p-gradient: linear-gradient(90deg, #003E49, #138B97) !important;
    background: #FFFFFF !important;
    color: #14232B !important;
  }

  #pricing.pd-pricing .pd-pricing__formula,
  #pricing.pd-pricing .pd-pricing__card,
  #pricing.pd-pricing .pd-pricing__note,
  #pricing.pd-pricing .pd-pricing__price-box {
    border-color: #D9E3E2 !important;
    background: #F6F8F6 !important;
    color: #14232B !important;
    box-shadow: none !important;
  }

  #pricing.pd-pricing .pd-pricing__card:nth-of-type(2),
  #pricing.pd-pricing .pd-pricing__card.is-featured {
    border-color: #138B97 !important;
    background: #EFF8F7 !important;
  }

  #pd-site-footer {
    --pd-ft-text: #F7FAFA !important;
    --pd-ft-soft: rgba(247, 250, 250, 0.68) !important;
    --pd-ft-muted: rgba(247, 250, 250, 0.46) !important;
    --pd-ft-purple: #48B8BF !important;
    --pd-ft-blue: #138B97 !important;
    --pd-ft-cyan: #48B8BF !important;
    --pd-ft-gradient: linear-gradient(90deg, #138B97, #48B8BF) !important;
    background: #002B33 !important;
    color: #F7FAFA !important;
  }

  #pd-site-footer .pd-footer__brand-card,
  #pd-site-footer .pd-footer__links-card,
  #pd-site-footer .pd-footer__legal-card,
  #pd-site-footer .pd-footer__bottom {
    border-color: rgba(117, 211, 220, 0.18) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: #F7FAFA !important;
    box-shadow: none !important;
  }

  #pd-site-footer a:hover {
    color: #48B8BF !important;
  }

  @media (hover: hover) and (pointer: fine) {
    #works.pd-more .pd-more__item:hover,
    #workflow.pd-workflow .pd-workflow__card:hover,
    #workflow.pd-workflow .pd-workflow__summary-item:hover,
    #pricing.pd-pricing .pd-pricing__card:hover,
    #faq.pd-faq .pd-faq__item:hover {
      border-color: rgba(19, 139, 151, 0.42) !important;
      background: #F2F8F7 !important;
      box-shadow: 0 22px 58px rgba(0, 62, 73, 0.10) !important;
    }

    #portfolio.pd-portfolio .pd-portfolio__item:hover,
    #agencies.pd-agency .pd-agency__panel:hover,
    #agencies.pd-agency .pd-agency__benefit-option:hover,
    #about.pd-about .pd-about__principle:hover,
    #about.pd-about .pd-about__fact:hover {
      border-color: rgba(72, 184, 191, 0.44) !important;
      box-shadow: 0 26px 76px rgba(0, 43, 51, 0.18) !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: 1ms !important;
    }

    .pd-reveal {
      opacity: 1;
      transform: none;
    }

    .pd-motion-reveal,
    .pd-motion-reveal.pd-motion-visible {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
    }
  }
</style>


