:root {
  --d-bg: #0B141C;
  --d-bg-2: #121E29;
  --d-bg-3: #16232F;
  --d-deep: #060D13;
  --d-line: rgba(255, 255, 255, 0.11);
  --d-line-strong: rgba(255, 255, 255, 0.2);
  --d-title: #F3F6F9;
  --d-text: #B4C1CC;
  --d-muted: #8A9AA8;
  --d-gold: #E8B93F;
  --d-gold-soft: #C9993A;

  --c-heading: #F3F6F9;
  --c-body: #B4C1CC;
  --c-white: #FFFFFF;
  --c-beige: #16232F;
  --c-border: rgba(255, 255, 255, 0.11);
  --c-accent: #E8B93F;
  --c-accent-text: #E8B93F;
  --c-icon-line: #8A9AA8;
  --c-navy-cta: #060D13;
  --c-footer: #060D13;
  --c-footer-legal: #03080C;
  --c-focus: #FFFFFF;

  --radius-card: 14px;
  --radius-btn: 8px;
  --radius-accordion: 14px;
  --section-py: clamp(72px, 7vw + 45.75px, 136px);
  --section-py-compact: clamp(52px, 4.4vw + 35.5px, 92px);
  --grid-gap: 30px;
  --header-h: 78px;
}

body {
  background-color: var(--d-bg);
  color: var(--d-text);
}

h1, h2, h3, h4, h5, h6, .ot-h2 {
  color: var(--d-title);
}

.ot-lead {
  color: #C9D5DF;
}

.ot-eyebrow {
  color: var(--d-gold);
  letter-spacing: 0.16em;
  margin-bottom: 18px;
}

.ot-section--white { background-color: var(--d-bg); }
.ot-section--beige { background-color: var(--d-bg-2); }
.ot-section--navy { background-color: var(--d-deep); }
.ot-section--blog-gray { background-color: var(--d-bg-2); }

.ot-header {
  background-color: rgba(11, 20, 28, 0.92);
  backdrop-filter: blur(10px);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--d-line);
}

.ot-logo img {
  filter: brightness(0) invert(1);
}

.ot-nav__link {
  color: #DCE5EC;
}

.ot-nav__link:hover {
  color: var(--d-gold);
}

.ot-nav__item--active > .ot-nav__link {
  color: var(--d-gold);
  border-bottom-color: var(--d-gold);
}

.ot-nav__dropdown {
  background-color: var(--d-bg-3);
  border-color: var(--d-line);
}

.ot-nav__dropdown a {
  color: #DCE5EC;
}

.ot-nav__dropdown a:hover {
  background-color: rgba(255, 255, 255, 0.06);
  color: var(--d-gold);
}

.ot-navtoggle {
  color: #DCE5EC;
}

.ot-mobilenav {
  background-color: var(--d-bg);
}

.ot-mobilenav__list a,
.ot-mobilenav__toggle {
  color: #DCE5EC;
  border-bottom-color: var(--d-line);
}

.ot-mobilenav__sub {
  background-color: var(--d-bg-2);
}

.ot-btn--cta {
  background-color: var(--d-gold);
  color: #0B141C;
  font-weight: 700;
}

.ot-btn--cta:hover,
.ot-btn--cta:focus-visible {
  background-color: #F5CA58;
  color: #0B141C;
}

.ot-btn--header {
  background-color: transparent;
  color: #DCE5EC;
  border-color: var(--d-line-strong);
}

.ot-btn--header:hover,
.ot-btn--header:focus-visible {
  background-color: transparent;
  color: var(--d-gold);
  border-color: var(--d-gold);
}

.ot-btn--herodark {
  border-color: var(--d-line-strong);
  color: #fff;
}

.ot-btn--herodark:hover,
.ot-btn--herodark:focus-visible {
  border-color: var(--d-gold);
  color: var(--d-gold);
}

.ot-btn--final {
  background-color: var(--d-gold);
  color: #0B141C;
  border-color: transparent;
}

.ot-btn--final:hover,
.ot-btn--final:focus-visible {
  background-color: #F5CA58;
  color: #0B141C;
  border-color: transparent;
}

.ot-hero {
  min-height: clamp(600px, 48vw, 780px);
}

.ot-hero--dark {
  background-color: var(--d-deep);
}

.ot-hero--dark::before {
  background-image: linear-gradient(
    92deg,
    rgba(6, 13, 19, 0.95) 0%,
    rgba(6, 13, 19, 0.78) 46%,
    rgba(6, 13, 19, 0.34) 76%,
    rgba(6, 13, 19, 0.2) 100%
  );
}

.ot-hero--soft,
.ot-hero--split {
  background-color: var(--d-bg);
}

.ot-hero--soft::before {
  background-image: linear-gradient(
    92deg,
    var(--d-bg) 0%,
    var(--d-bg) 36%,
    rgba(11, 20, 28, 0.72) 54%,
    rgba(11, 20, 28, 0.15) 78%
  );
}

.ot-hero__figure img {
  border-radius: var(--radius-card);
}

.ot-hero__info-strip {
  color: var(--d-muted);
}

.ot-hero__info-strip span + span {
  border-left-color: var(--d-line);
}

.ot-hero__subhead {
  color: #C9D5DF;
}

.ot-card,
.ot-relcard,
.ot-feature-card,
.ot-blog-card,
.ot-service-block,
.ot-result-card,
.ot-why-item,
.ot-alsolike-card,
.ot-accordion__item,
.ot-form-panel,
.ot-facts-strip,
.ot-logo-grid__item {
  background-color: var(--d-bg-2);
  border-color: var(--d-line);
  color: var(--d-text);
}

.ot-section--beige .ot-card,
.ot-section--beige .ot-service-block,
.ot-section--beige .ot-accordion__item,
.ot-section--beige .ot-relcard,
.ot-section--beige .ot-blog-card,
.ot-section--beige .ot-feature-card {
  background-color: var(--d-bg-3);
}

.ot-card:hover,
.ot-relcard:hover,
.ot-feature-card:hover,
.ot-blog-card:hover,
.ot-alsolike-card:hover {
  border-color: var(--d-gold-soft);
}

.ot-card__title,
.ot-relcard__title,
.ot-feature-card__title,
.ot-blog-card__title,
.ot-alsolike-card__title,
.ot-case-card__title,
.ot-case-teaser__title {
  color: var(--d-title);
}

.ot-card__text,
.ot-relcard__text,
.ot-blog-card__text,
.ot-alsolike-card__text {
  color: var(--d-muted);
}

.ot-card__figure,
.ot-feature-card figure,
.ot-blog-card figure,
.ot-alsolike-card figure,
.ot-case-card__figure,
.ot-media-split__figure img,
.ot-home-about__figure img,
.ot-case-teaser__figure img,
.ot-image-cols figure,
.ot-venue-examples figure,
.ot-triple-split__figure img,
.ot-report-figure img,
.ot-figure-rounded {
  border-radius: var(--radius-card);
}

.ot-accordion__button {
  background-color: transparent;
  color: var(--d-title);
}

.ot-accordion__button:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

.ot-accordion__button::before {
  color: var(--d-gold);
}

.ot-accordion__body {
  color: var(--d-text);
}

.ot-facts-strip__item + .ot-facts-strip__item {
  border-left-color: var(--d-line);
}

.ot-facts-strip__label,
.ot-detail-strip__label,
.ot-contact-details__label {
  color: var(--d-gold);
}

.ot-facts-strip__value,
.ot-detail-strip__value {
  color: var(--d-title);
}

.ot-strip {
  border-block-color: var(--d-line);
}

.ot-strip__item-title {
  color: var(--d-title);
}

.ot-strip__item-text,
.ot-scope-strip {
  color: var(--d-muted);
}

.ot-divided-cols > * + * {
  border-left-color: var(--d-line);
}

.ot-step-list__num {
  color: var(--d-gold-soft);
}

.ot-text-link {
  color: var(--d-gold);
}

.ot-text-link:hover {
  color: #F5CA58;
}

.ot-dot-list li::before,
.ot-scope-list li::before {
  background-color: var(--d-gold);
}

.ot-check-list svg,
.ot-relcard__arrow,
.ot-alsolike-card__arrow {
  color: var(--d-gold);
}

.ot-icon--line,
.ot-why-item svg {
  color: var(--d-gold-soft);
}

.ot-brand-strip img,
.ot-logo-grid__item img {
  filter: grayscale(1);
  opacity: 0.9;
  mix-blend-mode: normal;
}

.ot-brand-strip img {
  background-color: #E9EDF1;
  border-radius: 8px;
  padding: 8px 12px;
}

.ot-logo-grid__item {
  background-color: #E9EDF1;
  border-color: transparent;
}

.ot-logo-grid__item:hover img {
  filter: grayscale(0);
  opacity: 1;
}

.ot-finalcta {
  background-color: var(--d-deep);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--d-line);
}

.ot-finalcta__text {
  color: var(--d-text);
}

.ot-footer {
  background-color: var(--d-deep);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--d-line);
}

.ot-form-panel {
  background-color: var(--d-bg-2);
  border-width: 1px;
  border-style: solid;
  border-color: var(--d-line);
}

.ot-form-field label {
  color: var(--d-title);
}

.ot-form-field input,
.ot-form-field textarea {
  background-color: var(--d-bg);
  border-color: var(--d-line-strong);
  color: var(--d-title);
}

.ot-form-field input::placeholder,
.ot-form-field textarea::placeholder {
  color: #7C8B99;
}

.ot-form-field input:focus,
.ot-form-field textarea:focus {
  border-color: var(--d-gold);
}

.ot-form-consent {
  color: var(--d-text);
}

.ot-form-success {
  background-color: var(--d-bg-3);
  border-color: var(--d-line);
}

.ot-contact-legal {
  border-top-color: var(--d-line);
}

.ot-contact-legal strong {
  color: var(--d-title);
}

.ot-tursab-verification {
  background-color: var(--d-bg-3);
}

.ot-contact-social a,
.ot-contact-details svg {
  color: var(--d-muted);
}

.ot-contact-social a:hover {
  color: var(--d-gold);
}

a {
  color: var(--d-gold);
}

a:hover {
  color: #F5CA58;
}

.ot-blog {
  --blog-navy: #F3F6F9;
  --blog-blue: #E8B93F;
  --blog-blue-light: rgba(232, 185, 63, 0.14);
  --blog-gray: #121E29;
  --blog-text: #B4C1CC;
  --blog-text-muted: #8A9AA8;
}

.ot-blog .ot-blog-filter {
  background-color: transparent;
  border-color: var(--d-line-strong);
  color: #DCE5EC;
}

.ot-blog .ot-blog-filter:hover {
  background-color: rgba(232, 185, 63, 0.12);
  color: var(--d-title);
}

.ot-blog .ot-blog-filter.ot-is-active {
  background-color: var(--d-gold);
  border-color: var(--d-gold);
  color: #0B141C;
}

.ot-blog .ot-blog-featured {
  background-color: var(--d-bg-2);
  border-color: var(--d-line);
}

.ot-blog .ot-blog-featured .ot-btn {
  background-color: var(--d-gold);
  color: #0B141C;
}

.ot-blog .ot-blog-featured .ot-btn:hover {
  background-color: #F5CA58;
  color: #0B141C;
}

.ot-blog .ot-blog-meta {
  color: var(--d-muted);
}

.ot-report-body h2,
.ot-report-body h3 {
  color: var(--d-title);
}

.ot-report-figure img {
  border-color: var(--d-line);
  background-color: #fff;
}

.ot-report-info-row {
  color: var(--d-muted);
}

.ot-report-info-row span + span {
  border-left-color: var(--d-line);
}

:focus-visible {
  outline-color: #fff;
}

.ot-numbered-item h3,
.ot-col-list h3,
.ot-value-strip__item h3,
.ot-divided-cols h3,
.ot-image-cols h3,
.ot-venue-types h3,
.ot-highlight-row h3,
.ot-service-block__scope-title,
.ot-fact-row strong,
.ot-why-item strong,
.ot-text-two-col h3,
.ot-text-quad h3 {
  color: var(--d-title);
}

.ot-service-block__scope-title {
  color: var(--d-gold);
}

.ot-footer__coltitle,
.ot-footer__logo img {
  color: #fff;
}

.ot-footer__tursab {
  border-top-color: var(--d-line);
}
