/* Approved light palette shared by marketing, resources and client pages. */
@import url('/assets/light-preview.css');
.m5-sitewide {
  color-scheme:light;
  --m5-surface:#e9edf3;--m5-red:#b53024;--m5-orange:#a44b12;
  --m5-gradient:linear-gradient(135deg,#087b96,#6242c4);
  --m5-gradient-cta:linear-gradient(135deg,#087b96,#6242c4);
  --m5-gradient-text:linear-gradient(135deg,#08758d,#6242c4);
  --bg:#faf9f6;--elevated:#f0f2f4;--card:#fff;--surface:#fff;
  --bg-card:#fff;--bg-card-hover:#edf0f6;
  --panel:#fff;--panel-2:#f0f2f4;--panel-3:#e9edf3;
  --border:#dce1e8;--border-hover:#a8b9ca;--line:#dce1e8;--line-strong:#a8b9ca;
  --text:#192438;--text-bright:#192438;--text-sec:#536174;--text-muted:#637085;
  --text-dim:#536174;--muted:#536174;--muted-2:#637085;--dim:#637085;
  --cyan:#087b96;--purple:#6242c4;--green:#17764f;--red:#b53024;
  --grad:linear-gradient(135deg,#087b96,#6242c4);
  --grad-accent:linear-gradient(135deg,#087b96,#6242c4);
  --grad-cta:linear-gradient(135deg,#087b96,#6242c4);
}
.m5-sitewide #mainNav,.m5-sitewide .m5-footer {
  --m5-gradient:linear-gradient(135deg,#00d4ff,#7c5cff);
  --m5-bg-card:#16161f;--m5-surface:#1e1e2a;
}
.m5-sitewide .topic-links a,.m5-sitewide .feature-links a,
.m5-sitewide .m5-choice-cards li {background:#fff;border-color:#dce1e8;color:#192438}
.m5-sitewide .m5-choice-cards strong {color:#192438}
.m5-sitewide .topic-heading p {color:#536174}
.m5-sitewide .sources,.m5-sitewide .m5-compare-wrap {border-color:#dce1e8}
.m5-sitewide .m5-compare th {background:#e9edf3;color:#192438}
.m5-sitewide .m5-compare tr:nth-child(even) {background:#f0f2f4}
.m5-sitewide .m5-btn-primary {color:#fff!important;text-shadow:none}
.m5-sitewide .m5-btn-primary:hover {color:#fff!important}
.m5-sitewide .m5-booking-modal__dialog,.m5-sitewide .modal-content {background:#fff;border-color:#dce1e8}
.m5-sitewide .m5-booking-modal__header {border-color:#dce1e8}
.m5-sitewide .m5-booking-modal__title {color:#192438}
.m5-sitewide .m5-booking-modal__close {background:#e9edf3;color:#192438;border-color:#dce1e8}
.m5-sitewide .form-error {color:#a72d22;background:#fff0ed}
.m5-sitewide input,.m5-sitewide textarea,.m5-sitewide select {color-scheme:light}
.m5-sitewide input::placeholder,.m5-sitewide textarea::placeholder {color:#637085;opacity:1}
/* Blog buttons and labels need their own contrast on the light cards. */
.m5-sitewide .post-card-cat,.m5-sitewide .cat-badge {color:#6242c4!important;background:#ede8f7!important}
.m5-sitewide .filter-btn.active {color:#fff;background:#6242c4;border-color:#6242c4}
.m5-sitewide .blog-cta a:not(.secondary) {color:#fff!important}
.m5-sitewide .blog-cta a.secondary {color:#086f89;background:transparent}
.m5-sitewide .article-body blockquote,.m5-sitewide .article-body .callout {background:#edf2f7}
/* Training and the self-guided demo retain their functional layouts. */
.m5-sitewide>nav {--text:#f0f0f5;--text-sec:#b6bacb;--text-muted:#aeb2c4;--cyan:#00d4ff;--purple:#7c5cff;background:#0a0a0f}
.m5-sitewide .card-num,.m5-sitewide .card-dur,.m5-sitewide .modal-close {color:#fff}
.m5-sitewide .btn {color:#fff}
.m5-sitewide .topbar .brand {background:#172235;border-radius:10px;padding:10px 14px}
.m5-sitewide .video-card {box-shadow:0 12px 30px #24344808}
.m5-sitewide .video-card-thumb {background:#e9edf3}
.m5-sitewide>nav+.hero {background:transparent}
.m5-sitewide>footer:not(.m5-footer) {background:#0a0a0f;color:#f0f0f5;--text:#f0f0f5;--text-sec:#b6bacb;--text-muted:#aeb2c4;--cyan:#00d4ff;--border:#ffffff18}

/* Frosted navigation keeps the page visible behind readable dark links. */
.m5-sitewide #mainNav {
  --m5-text:#192438;--m5-text-muted:#33455c;--m5-text-dim:#536174;
  --m5-accent:#08758d;--m5-border:#cad6e1;
  background:rgba(250,249,246,.76)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);
  border-bottom:1px solid #ffffffb8;box-shadow:0 3px 22px #22364c08,inset 0 -1px 0 #c5d2df55;
}
.m5-sitewide #mainNav.scrolled {background:rgba(250,249,246,.88)!important}
.m5-sitewide #mainNav .m5-nav-links {gap:22px}
.m5-sitewide #mainNav .m5-nav-links>li>a:not(.m5-nav-cta),
.m5-sitewide #mainNav .m5-has-sub>button {color:#263a51;font-weight:600;font-size:14px}
.m5-sitewide #mainNav .m5-nav-links>li>a.active {color:#086a80}
.m5-sitewide #mainNav .m5-logo {perspective:600px}
.m5-sitewide #mainNav .m5-logo-img {
  filter:none;opacity:1;
  animation:m5-logo-spin 1.25s cubic-bezier(.22,.61,.36,1) .15s 1 both;
  transform-origin:center;
}
@keyframes m5-logo-spin {
  from {transform:rotateY(0deg)}
  to {transform:rotateY(360deg)}
}
@media(prefers-reduced-motion:reduce){
  .m5-sitewide #mainNav .m5-logo-img {animation:none;transform:none}
}
.m5-sitewide #mainNav .m5-nav-sub {background:rgba(250,252,255,.97);border-color:#ced9e4;box-shadow:0 18px 50px #20354c22;backdrop-filter:blur(24px)}
.m5-sitewide #mainNav .m5-nav-sub a {color:#20334a!important}
.m5-sitewide #mainNav .m5-menu-description {color:#536174}
.m5-sitewide #mainNav .m5-nav-sub a:hover {background:#e6eef5}
.m5-sitewide #mainNav .m5-mobile-toggle span {background:#20334a}
.m5-sitewide #mainNav a:focus-visible,.m5-sitewide #mainNav button:focus-visible {outline-color:#08758d}

/* Tinted glass buttons: a readable base, translucent highlight and inset rim. */
.m5-sitewide .m5-btn,.m5-sitewide .m5-hero-cta {border-radius:999px;isolation:isolate;transition:transform .2s,box-shadow .2s,background .2s}
.m5-sitewide .m5-btn-primary,.m5-sitewide .m5-hero-cta-primary {
  background:linear-gradient(180deg,#ffffff26,transparent 50%),linear-gradient(120deg,#08748bef,#5043acdf)!important;
  border:1px solid #ffffffa8!important;color:#fff!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
  box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #16334d40,0 8px 24px #264b7426;
  text-shadow:0 1px 2px #15344840;
}
.m5-sitewide .m5-btn-secondary,.m5-sitewide .m5-hero-cta-secondary {
  background:linear-gradient(160deg,#ffffffd9,#ffffff75)!important;border:1px solid #a4b7c985!important;color:#24374e!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffa3,0 6px 20px #264b7414;
}
.m5-sitewide .m5-btn:hover,.m5-sitewide .m5-hero-cta:hover {transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffffa0,0 12px 28px #264b7433}
.m5-sitewide .m5-hero-xray {display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:15px;font-weight:600;text-decoration:none;color:#086a80;min-height:36px}
.m5-sitewide .m5-hero-cta-primary {gap:12px}
.m5-sitewide .m5-aria-jobs-more {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;margin-top:20px;padding:16px 28px;font-size:18px;font-weight:600;text-decoration:none}

/* Full-width editorial images give the four agency jobs a visual entry point. */
.m5-sitewide .m5-job-card {border-radius:18px;box-shadow:0 12px 34px #22384e0b}
.m5-sitewide .m5-job-card .m5-job-visual {width:calc(100% + 36px);height:164px;flex-shrink:0;margin:-20px -18px 22px;border:0;border-radius:18px 18px 0 0;overflow:hidden;background:#e9edf3;position:relative}
.m5-sitewide .m5-job-visual img {display:block;width:100%;height:100%;object-fit:cover}
.m5-sitewide .m5-job-card:first-child .m5-job-visual img {object-position:66% center}
.m5-sitewide .m5-job-card>.m5-job-kicker {flex:0;margin:0 0 12px;font-size:10px;line-height:1.6;min-height:32px}
.m5-sitewide .m5-job-card h3 {min-height:44px;margin:0 0 12px;font-size:18px;line-height:1.25}
.m5-sitewide .m5-job-card>p:not(.m5-job-kicker) {line-height:1.65}
.m5-sitewide .m5-job-more summary {min-height:40px}
@media(max-width:960px){
 .m5-sitewide #mainNav .m5-nav-links {background:rgba(250,252,255,.98)!important;backdrop-filter:blur(24px);border-bottom:1px solid #ced9e4}
 .m5-sitewide #mainNav .m5-nav-sub {background:#eff3f8;box-shadow:none}
}
@media(max-width:768px){
 .m5-sitewide .m5-job-card .m5-job-visual {height:200px}
 .m5-sitewide .m5-job-card>.m5-job-kicker,.m5-sitewide .m5-job-card h3 {min-height:0}
 .m5-sitewide .m5-aria-jobs-more {width:100%;font-size:17px;padding:16px 20px}
 .m5-sitewide .m5-hero-btns {flex-direction:column;align-items:stretch}
 .m5-sitewide .m5-hero-cta {justify-content:center}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .m5-sitewide #mainNav {background:#faf9f6!important}
 .m5-sitewide .m5-hero-cta-secondary,.m5-sitewide .m5-btn-secondary {background:#f7f9fc!important}
}
@media(prefers-reduced-transparency:reduce){
 .m5-sitewide #mainNav {background:#faf9f6!important;backdrop-filter:none}
 .m5-sitewide .m5-btn-primary,.m5-sitewide .m5-hero-cta-primary {background:#176f8a!important;backdrop-filter:none}
 .m5-sitewide .m5-btn-secondary,.m5-sitewide .m5-hero-cta-secondary {background:#fff!important;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 .m5-sitewide .m5-btn,.m5-sitewide .m5-hero-cta {transition:none}
 .m5-sitewide .m5-btn:hover,.m5-sitewide .m5-hero-cta:hover {transform:none}
}