/* ── Full-width CTA background on all pages ── */
.y5aiv {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow-x: clip !important;
}
html:has(.y5aiv),
html:has(.y5aiv) body {
  overflow-x: clip !important;
}

img, a img {
    border: none;
    padding: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 10px;
    display: inline-block;
    max-width: 40%;
    height: auto;
    image-rendering: optimizeQuality;
    vertical-align: top;
}


/* 1. Remove the background of the main navigation menu bar */
#header,
#header-aside,
#header .menu-items {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important; /* Removes any shadow under the bar */
}

/* 2. Ensure standard menu items have readable text against your page background */
#header .menu-items li a {
    color: #333333 !important;
}

/* 3. Remove the dark hover/active background from all items EXCEPT "Get a Proposal" */
#header .menu-items li.current-menu-item:not(#menu-item-436),
#header .menu-items li.current-menu-ancestor:not(#menu-item-436),
#header .menu-items li:hover:not(#menu-item-436) {
    background-color: transparent !important;
}



/* 4. Keep/apply a brand-red background only on the "Get a Proposal" button (last menu item) */
#header .menu-items li#menu-item-436,
#header .menu-items li#menu-item-436:hover,
#header .menu-items li#menu-item-436.current-menu-item {
    background-color: #FF0C00 !important;
}
#header .menu-items li#menu-item-436 > a {
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* == Y5 HEADER 2026 START == */
/* Apple-style glass nav: one 56px row, logo left, menu right. Replaces the previous Y5 HEADER 2026 block entirely. */
:root{--y5nav:56px}
#header.site-header{background:rgba(251,251,253,.92)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif}
#header.site-header::before,#header.site-header::after,#header-primary::before,#header-primary::after,#header-supplementary::before,#header-supplementary::after{display:none!important;content:none!important}
.sticky-wrapper{height:var(--y5nav)!important}
#header.site-header{display:flow-root}
#header-primary{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#main{clear:both}
#header-primary>.hgrid{max-width:1124px;padding:0 22px!important}
@media (min-width:901px){
#header-primary .table{display:flex!important;align-items:center;height:var(--y5nav);margin:0!important}
#branding{padding:0!important;margin:0!important}
#site-logo,#site-logo-mixedcustom{margin:0!important;padding:0!important}
#site-logo img{max-height:26px!important;width:auto!important;display:block}
#header-aside{display:none!important}
#header-supplementary{position:absolute!important;top:0;left:0;right:0;height:var(--y5nav);background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
#header-supplementary>.hgrid{max-width:1124px;height:100%;padding:0 22px!important;display:flex;justify-content:flex-end;align-items:center}
#header-supplementary .hgrid-span-12{width:auto!important;pointer-events:auto}
}
#site-logo img{max-height:26px!important;width:auto!important;display:block}
#header-aside{display:none!important}
#header-supplementary{background:transparent!important;border:0!important;box-shadow:none!important}
@media (min-width:901px){
#menu-primary,#menu-primary-items{background:transparent!important;border:0!important;height:auto!important}
#menu-primary-items>li{background:transparent!important;border:0!important;margin:0!important}
#menu-primary-items>li>a{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 14px!important;line-height:var(--y5nav)!important;height:var(--y5nav);font-size:13px!important;font-weight:400!important;letter-spacing:-.01em!important;text-transform:none!important;color:rgba(0,0,0,.8)!important;transition:color .2s ease}
#menu-primary-items>li>a::before,#menu-primary-items>li>a::after,#menu-primary-items>li::before,#menu-primary-items>li::after{display:none!important}
#menu-primary-items>li>a:hover,#menu-primary-items>li.current-menu-item>a{color:#000!important}
#menu-primary-items>li.current-menu-item>a .menu-title-text{font-weight:500}
/* CTA pill */
#header #menu-primary-items>li#menu-item-436{display:flex!important;align-items:center;height:var(--y5nav)!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-left:10px!important}
#header #menu-primary-items>li#menu-item-436>a{box-sizing:border-box!important;height:32px!important;line-height:32px!important;padding:0 16px!important;border-radius:980px!important;background:#E00B00!important;color:#fff!important;font-weight:500!important;transition:background-color .2s ease,transform .35s cubic-bezier(.16,1,.3,1)}
#header #menu-primary-items>li#menu-item-436>a:hover{background:#C40A00!important}
#header #menu-primary-items>li#menu-item-436>a:active{transform:scale(.95);transition-duration:.08s}
/* dropdown: glass panel */
#menu-primary-items .sub-menu{background:rgba(251,251,253,.92)!important;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:1px solid rgba(0,0,0,.08)!important;border-radius:16px!important;box-shadow:0 24px 48px -16px rgba(0,0,0,.18)!important;padding:8px!important;min-width:260px}
#menu-primary-items .sub-menu li{background:transparent!important;border:0!important}
#menu-primary-items .sub-menu a{background:transparent!important;border:0!important;border-radius:10px;padding:9px 14px!important;font-size:14px!important;font-weight:400!important;letter-spacing:-.01em;text-transform:none!important;color:#1d1d1f!important;transition:background-color .15s ease}
#menu-primary-items .sub-menu a:hover{background:rgba(0,0,0,.05)!important;color:#000!important}
}
/* hide the grey page-title strip on redesigned pages */
body:has(.y5x) .loop-meta-wrap,body:has(.y5aiv) .loop-meta-wrap{display:none!important}
body:has(.y5x) #main,body:has(.y5x) .main{padding-top:0!important;margin-top:0!important}
@media (max-width:900px){
 #site-logo img{max-height:22px!important}
 #header-primary .table{display:flex!important;align-items:center;min-height:52px}
 .sticky-wrapper{height:auto!important}
}
#header #menu-primary-items a,#header #menu-primary-items a *{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif!important}
/* nested dropdowns open to the LEFT so they stay on-screen */
@media (min-width:901px){#header #menu-primary-items .sub-menu .sub-menu{left:auto!important;right:calc(100% + 8px)!important;top:-9px!important;margin:0!important}
#header #menu-primary-items .sub-menu .sub-menu::after{content:"";position:absolute;top:0;bottom:0;right:-10px;width:10px}
#header #menu-primary-items .sub-menu li{position:relative}}
/* == Y5 HEADER 2026 END == */



/* ═══════════════════════════════════════════
   Y5 MEDIA — FOOTER REDESIGN CSS
   ═══════════════════════════════════════════ */


#footer,
#post-footer {
  --y5-void: #0A0A0C;
  --y5-surface: #111113;
  --y5-surface-raised: #1A1A1E;
  --y5-red: #E02B20;
  --y5-red-bright: #FF4438;
  --y5-white: #F0F0F2;
  --y5-gray: #6E6E73;
  --y5-gray-light: #9A9A9F;
  --y5-border: rgba(255,255,255,0.06);
}

#footer.site-footer {
  background: var(--y5-surface) !important;
  border-top: 1px solid var(--y5-border) !important;
  padding: 60px 0 0 !important;
}

#footer .hgrid {
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding: 60px 40px 50px !important;
}

#footer .widget-title {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--y5-gray) !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: none !important;
}

#footer .textwidget {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 14px !important;
  color: var(--y5-gray-light) !important;
  line-height: 1.6 !important;
}

#footer .textwidget p {
  color: var(--y5-gray-light) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 12px !important;
}

#footer .textwidget a {
  color: var(--y5-gray-light) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  font-size: 14px !important;
}

#footer .textwidget a:hover {
  color: var(--y5-white) !important;
}

#footer .textwidget ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer .textwidget ul li {
  margin-bottom: 12px !important;
  padding: 0 !important;
}

#footer .textwidget ul li a {
  color: var(--y5-gray-light) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: color 0.2s !important;
}

#footer .textwidget ul li a:hover {
  color: var(--y5-white) !important;
}

#footer .footer-column:first-child .widget-title {
  display: none !important;
}

#footer .y5-footer-logo {
  display: flex;
  align-items: baseline;
  gap: 0;
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none !important;
  color: var(--y5-white) !important;
}

#footer .y5-footer-logo .y {
  color: var(--y5-red);
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-size: 34px;
  line-height: 1;
}

#footer .y5-footer-logo .five {
  color: var(--y5-red);
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  top: -8px;
  margin-right: 1px;
}

#footer .y5-footer-logo .media-text {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--y5-white);
}

#footer .y5-footer-tagline {
  font-size: 14px;
  line-height: 1.6;
  color: var(--y5-gray);
  margin-bottom: 24px;
  max-width: 260px;
}

#footer .y5-social {
  display: flex;
  gap: 12px;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer .y5-social a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  border: 1px solid var(--y5-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--y5-gray) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: border-color 0.2s, color 0.2s, background 0.2s !important;
  padding: 0 !important;
}

#footer .y5-social a:hover {
  border-color: var(--y5-red) !important;
  color: var(--y5-red) !important;
  background: rgba(224, 43, 32, 0.06) !important;
}

#footer .y5-social a svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

#footer .y5-contact-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 20px;
}

#footer .y5-contact-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: var(--y5-surface-raised);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--y5-red);
  font-size: 13px;
}

#footer .y5-contact-icon svg {
  width: 16px;
  height: 16px;
}

#footer .y5-contact-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--y5-gray);
  margin-bottom: 3px;
  font-weight: 500;
}

#footer .y5-contact-value {
  font-size: 14px;
  color: var(--y5-gray-light);
  line-height: 1.5;
}

#footer .y5-contact-value a {
  color: var(--y5-gray-light) !important;
  text-decoration: none !important;
}

#footer .y5-contact-value a:hover {
  color: var(--y5-white) !important;
}

/* Sub-Footer / Post Footer */
#post-footer {
  background: var(--y5-surface) !important;
  border-top: 1px solid var(--y5-border) !important;
  padding: 0 !important;
}

#post-footer .hgrid {
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding: 24px 40px !important;
}

#post-footer .credit {
  color: var(--y5-gray) !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 12px !important;
  text-align: center !important;
}

#post-footer .credit a {
  color: var(--y5-gray-light) !important;
  text-decoration: none !important;
}

#post-footer .credit a:hover {
  color: var(--y5-white) !important;
}

/* Responsive Footer */
@media (max-width: 768px) {
  #footer .hgrid {
    display: block !important;
  }
  #footer .footer-column {
    width: 48% !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-bottom: 36px !important;
  }
  #footer .footer-column:first-child {
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 480px) {
  #footer.site-footer {
    padding: 48px 0 0 !important;
  }
  #footer .footer-column {
    width: 100% !important;
    display: block !important;
    margin-bottom: 32px !important;
  }
  #post-footer .hgrid {
    padding: 20px 20px 24px !important;
  }
}


/* ============================================================
   Y5 MEDIA — FOOTER REDESIGN
   Premium dark footer with red accent, subtle glow effects,
   refined typography, and polished interactions.

   Paste into: WordPress > Appearance > Customize > Additional CSS
   ============================================================ */

/* ── FOOTER WRAPPER ─────────────────────────────────────────── */
#footer.site-footer {
  position: relative;
  background: linear-gradient(180deg, #0d0d0f 0%, #111113 40%, #131315 100%) !important;
  padding: 0 0 0 0 !important;
  border-top: none !important;
  overflow: hidden;
}

/* Glowing red accent line at the top */
#footer.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(220, 38, 38, 0.3) 15%,
    #dc2626 50%,
    rgba(220, 38, 38, 0.3) 85%,
    transparent 100%
  );
  border-radius: 1.5px;
  z-index: 2;
}

/* Soft ambient glow below the accent line */
#footer.site-footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 60px;
  background: radial-gradient(ellipse at top center, rgba(220, 38, 38, 0.1) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}

/* ── MAIN FOOTER GRID ───────────────────────────────────────── */
#footer .hgrid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 40px 48px !important;
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr 1.3fr;
  gap: 48px;
  align-items: start;
}

/* Reset theme column styles */
#footer .hgrid-span-3.footer-column {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── BRAND COLUMN (first) ───────────────────────────────────── */
#footer .hgrid-span-3.footer-column:first-child .widget {
  padding-right: 24px;
}

/* Logo */
#footer .hgrid-span-3.footer-column:first-child img {
  max-width: 160px;
  height: auto;
  margin-bottom: 20px;
  filter: brightness(1.05);
  transition: filter 0.3s ease;
}

#footer .hgrid-span-3.footer-column:first-child img:hover {
  filter: brightness(1.2);
}

/* Tagline text */
#footer .hgrid-span-3.footer-column:first-child .textwidget,
#footer .hgrid-span-3.footer-column:first-child .widget_text .textwidget {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  letter-spacing: 0.01em;
  max-width: 280px;
}

/* ── SECTION HEADINGS — Vertical Red Bar ────────────────────── */
#footer .widget-title {
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin-bottom: 28px !important;
  padding-bottom: 16px !important;
  padding-left: 0 !important;
  position: relative !important;
  border: none !important;
  background: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Glowing red vertical bar */
#footer .widget-title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  background: linear-gradient(180deg, #dc2626, #ff4444);
  border-radius: 2px;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(220, 38, 38, 0.4);
  transition: box-shadow 0.3s ease;
}

/* Gradient underline fading right */
#footer .widget-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(220, 38, 38, 0.5) 0%,
    rgba(220, 38, 38, 0.15) 40%,
    transparent 100%
  );
}

/* Hover: intensify the bar glow */
#footer .hgrid-span-3.footer-column:hover .widget-title::before {
  box-shadow: 0 0 14px rgba(220, 38, 38, 0.6);
}

/* Remove the theme's default heading style with top border */
#footer .widget-title span {
  border: none !important;
  padding: 0 !important;
  background: none !important;
}

/* ── FOOTER NAV LINKS ───────────────────────────────────────── */
#footer .widget ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer .widget ul li {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#footer .widget ul li a {
  display: inline-block;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
  transition: color 0.25s ease, transform 0.25s ease, padding-left 0.25s ease !important;
  position: relative;
  border: none !important;
}

#footer .widget ul li a:hover {
  color: #ffffff !important;
  padding-left: 6px !important;
}

/* Hover indicator dot */
#footer .widget ul li a::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #dc2626;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.25s ease, left 0.25s ease;
}

#footer .widget ul li a:hover::before {
  opacity: 1;
  left: -6px;
}

/* ── CONTACT COLUMN ─────────────────────────────────────────── */
/* Contact info text styling */
#footer .hgrid-span-3.footer-column:last-child .textwidget {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Contact labels (EMAIL, WHATSAPP, OFFICE) */
#footer .hgrid-span-3.footer-column:last-child .textwidget strong,
#footer .hgrid-span-3.footer-column:last-child .textwidget b {
  display: block;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.35) !important;
  margin-top: 4px;
}

/* Contact links */
#footer .hgrid-span-3.footer-column:last-child a {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  border: none !important;
  font-size: 14px !important;
}

#footer .hgrid-span-3.footer-column:last-child a:hover {
  color: #dc2626 !important;
}

/* Style the contact icon circles */
#footer .hgrid-span-3.footer-column:last-child .textwidget table {
  border: none !important;
  border-collapse: collapse !important;
}

#footer .hgrid-span-3.footer-column:last-child .textwidget table td {
  border: none !important;
  padding: 8px 12px 8px 0 !important;
  vertical-align: top;
}

/* ── SEPARATOR BETWEEN FOOTER & COPYRIGHT ───────────────────── */
#footer + .post-footer::before {
  content: "";
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 20%,
    rgba(255, 255, 255, 0.08) 50%,
    rgba(255, 255, 255, 0.06) 80%,
    transparent 100%
  );
}

/* ── COPYRIGHT / POST-FOOTER BAR ────────────────────────────── */
.post-footer {
  background: #0d0d0f !important;
  border-top: none !important;
  padding: 0 !important;
}

.post-footer .hgrid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 40px !important;
}

.post-footer,
.post-footer .credit,
.post-footer a,
.post-footer span {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.3) !important;
  letter-spacing: 0.02em !important;
}

.post-footer a {
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  border: none !important;
}

.post-footer a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ── BACK TO TOP BUTTON ─────────────────────────────────────── */
#footer ~ a[class*="top"],
a.back-to-top,
.scrolltop,
#scroll-to-top {
  background: rgba(220, 38, 38, 0.15) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(220, 38, 38, 0.3) !important;
  border-radius: 8px !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  transition: all 0.3s ease !important;
}

#footer ~ a[class*="top"]:hover,
a.back-to-top:hover,
.scrolltop:hover,
#scroll-to-top:hover {
  background: #dc2626 !important;
  color: #fff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 4px 20px rgba(220, 38, 38, 0.3) !important;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 979px) {
  #footer .hgrid {
    grid-template-columns: 1fr 1fr !important;
    gap: 40px 32px;
    padding: 48px 24px 36px !important;
  }

  #footer .hgrid-span-3.footer-column:first-child .textwidget {
    max-width: 100%;
  }
}

@media (max-width: 599px) {
  #footer .hgrid {
    grid-template-columns: 1fr !important;
    gap: 32px;
    padding: 40px 20px 32px !important;
  }

  #footer .hgrid-span-3.footer-column:first-child img {
    max-width: 140px;
  }

  #footer.site-footer::before {
    width: 80%;
  }

  .post-footer .hgrid {
    padding: 16px 20px !important;
    text-align: center;
  }
}

/* ── SUBTLE ANIMATIONS ──────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  #footer .hgrid-span-3.footer-column {
    opacity: 0;
    transform: translateY(12px);
    animation: footerFadeIn 0.6s ease forwards;
  }

  #footer .hgrid-span-3.footer-column:nth-child(1) { animation-delay: 0.1s; }
  #footer .hgrid-span-3.footer-column:nth-child(2) { animation-delay: 0.2s; }
  #footer .hgrid-span-3.footer-column:nth-child(3) { animation-delay: 0.3s; }
  #footer .hgrid-span-3.footer-column:nth-child(4) { animation-delay: 0.4s; }

  @keyframes footerFadeIn {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}


/* CTA */ 

/* ══════════════════════════════════════════════════════════
   Y5 CTA Section — Redesigned Background
   Stunning · Elegant · Positive Business Vibes
   Accent: Red

   HOW TO USE:
   1. Add this CSS to your theme (Appearance → Customize → Additional CSS,
      or enqueue in your child theme's style.css / functions.php).
   2. Add the background-layer HTML inside .y5cta BEFORE .y5wrap
      (see the HTML snippet at the bottom of this file).
   ══════════════════════════════════════════════════════════ */

/* ── Section base ── */
.y5aiv .y5cta {
  background: linear-gradient(165deg, #0a0a14 0%, #0d1117 18%, #111827 40%, #0f172a 65%, #0a0a14 100%);
  padding: 96px 0;
  position: relative;
  overflow: hidden;
}

/* Remove old red radial glow */
.y5aiv .y5cta::before {
  display: none;
}

/* ── Background layer (container for all decorative elements) ── */
.y5cta-bg-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

/* ── Red orb — top right ── */
.y5cta-bg-layer .orb-1 {
  position: absolute;
  width: 700px;
  height: 700px;
  top: -220px;
  right: -120px;
  background: radial-gradient(circle, rgba(220, 38, 38, 0.14) 0%, rgba(220, 38, 38, 0.04) 40%, transparent 70%);
  border-radius: 50%;
  animation: y5orb-drift 12s ease-in-out infinite alternate;
}

/* ── Light red orb — bottom left ── */
.y5cta-bg-layer .orb-2 {
  position: absolute;
  width: 600px;
  height: 600px;
  bottom: -180px;
  left: -80px;
  background: radial-gradient(circle, rgba(248, 113, 113, 0.10) 0%, rgba(248, 113, 113, 0.03) 45%, transparent 70%);
  border-radius: 50%;
  animation: y5orb-drift 14s ease-in-out 2s infinite alternate-reverse;
}

/* ── Subtle warm center accent (keeps the brand red hint) ── */
.y5cta-bg-layer .orb-3 {
  position: absolute;
  width: 500px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse, rgba(220, 38, 38, 0.06) 0%, transparent 60%);
  animation: y5orb-pulse 8s ease-in-out infinite;
}

/* ── Subtle grid texture ── */
.y5cta-bg-layer .grid-overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 30%, transparent 80%);
}

/* ── Horizontal light streak ── */
.y5cta-bg-layer .streak {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 5%, rgba(220, 38, 38, 0.08) 30%, rgba(220, 38, 38, 0.18) 50%, rgba(220, 38, 38, 0.08) 70%, transparent 95%);
  transform: translateY(-50%);
}

/* ── Corner diamond accents ── */
.y5cta-bg-layer .corner-tl,
.y5cta-bg-layer .corner-br {
  position: absolute;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(220, 38, 38, 0.08);
  transform: rotate(45deg);
}
.y5cta-bg-layer .corner-tl { top: 40px; left: 60px; }
.y5cta-bg-layer .corner-br { bottom: 40px; right: 60px; }

/* ── Top edge highlight ── */
.y5cta-bg-layer .top-line {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.22) 30%, rgba(248, 113, 113, 0.15) 70%, transparent);
}

/* ── Bottom edge highlight ── */
.y5cta-bg-layer .bot-line {
  position: absolute;
  bottom: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248, 113, 113, 0.14) 30%, rgba(220, 38, 38, 0.20) 70%, transparent);
}

/* ── Animations ── */
@keyframes y5orb-drift {
  0%   { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-30px, 20px) scale(1.08); }
}

@keyframes y5orb-pulse {
  0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
  50%      { opacity: 1;   transform: translate(-50%, -50%) scale(1.15); }
}

/* ── Headline: white-to-red gradient text ── */
.y5aiv .y5cta h2 {
  color: #fff;
  background: linear-gradient(135deg, #ffffff 30%, #ef4444 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
}

/* ── Subtext ── */
.y5aiv .y5cta p {
  color: rgba(203, 213, 225, 0.85);
  line-height: 1.75;
}

/* ── Primary button: polished red gradient + glow ── */
.y5aiv .y5cta .y5btn-p {
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 50%, #f87171 100%);
  border: none;
  box-shadow: 0 4px 24px rgba(220, 38, 38, 0.35), 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.y5aiv .y5cta .y5btn-p:hover {
  box-shadow: 0 6px 32px rgba(220, 38, 38, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* ── Secondary button: red border accent ── */
.y5aiv .y5cta .y5btn-o {
  border: 1px solid rgba(220, 38, 38, 0.40);
  color: rgba(248, 113, 113, 0.95);
  transition: all 0.3s ease;
}
.y5aiv .y5cta .y5btn-o:hover {
  border-color: rgba(220, 38, 38, 0.65);
  background: rgba(220, 38, 38, 0.08);
  color: #ffffff;
  transform: translateY(-2px);
}

/* ── Trust line ── */
.y5aiv .y5cta .y5trust {
  color: rgba(148, 163, 184, 0.6);
  letter-spacing: 0.08em;
}

/* ── Content z-index ── */
.y5aiv .y5cta .y5wrap {
  position: relative;
  z-index: 2;
}


/* ══════════════════════════════════════════════════════════
   Homepage Font Readability Improvements
   ══════════════════════════════════════════════════════════ */

/* ── Body text — better line spacing and size ── */
.home .entry-content p,
.home .elementor-widget-text-editor p,
.y5aiv p {
  line-height: 1.8;
  letter-spacing: 0.01em;
}

/* ── Section headings — tighter tracking, balanced weight ── */
.home h2,
.home .elementor-heading-title,
.y5aiv h2 {
  letter-spacing: -0.02em;
  line-height: 1.15;
}

/* ── Section subheadings ── */
.home h3,
.y5aiv h3 {
  letter-spacing: -0.01em;
  line-height: 1.3;
}

/* ── Hero subtext readability ── */
.y5aiv .y5cta p {
  font-size: 1.05rem;
  line-height: 1.85;
  letter-spacing: 0.015em;
}

/* ── Service cards body text ── */
.home .elementor-icon-box-description,
.home .elementor-widget-icon-box p {
  line-height: 1.75;
  letter-spacing: 0.01em;
}

/* ── Section label/kicker text ── */
.home .elementor-widget-text-editor strong,
.y5aiv .y5cta .y5trust {
  letter-spacing: 0.1em;
}

/* ── CTA Background: Match Hero Style ── */
.y5aiv .y5cta .y5cta-bg-layer {
  display: none;
}
.y5aiv .y5cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.043) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.043) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(90% 70% at 50% 30%, #000 30%, transparent 78%);
  mask-image: radial-gradient(90% 70% at 50% 30%, #000 30%, transparent 78%);
  z-index: 0;
}
.y5aiv .y5cta::after {
  content: "";
  position: absolute;
  width: 820px;
  height: 520px;
  left: 50%;
  top: -190px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(255,12,0,0.3) 0%, rgba(255,12,0,0) 66%);
  filter: blur(10px);
  z-index: 0;
}

/* ── Footer copyright bar — crisp, clean text ── */
#post-footer,
#post-footer *,
#post-footer .credit,
#post-footer .credit.small,
#post-footer p {
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#post-footer a,
#post-footer .credit a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}

#post-footer a:hover,
#post-footer .credit a:hover {
  color: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: rgba(255, 255, 255, 0.4) !important;
}

#post-footer {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* ── Footer copyright bar — crisp, clean text ── */
#post-footer,
#post-footer *,
#post-footer .credit,
#post-footer .credit.small,
#post-footer p {
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#post-footer a,
#post-footer .credit a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}

#post-footer a:hover,
#post-footer .credit a:hover {
  color: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: rgba(255, 255, 255, 0.4) !important;
}

#post-footer {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}





/* More about us - styled button */
.y5lead a[href*="about-y5media"] {
  display: inline-block;
  background: linear-gradient(135deg, #E63B2E 0%, #c0392b 100%);
  color: #ffffff !important;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 18px;
  box-shadow: none;
  border: none;
  position: relative;
}
.y5lead a[href*="about-y5media"]:hover {
  background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);
  color: #ffffff !important;
  box-shadow: none;
  transform: translateY(-2px);
}
.y5lead a[href*="about-y5media"]:after {
  content: " \2192";
  margin-left: 6px;
  transition: margin-left 0.3s ease;
}
.y5lead a[href*="about-y5media"]:hover:after {
  margin-left: 12px;
}

/* Remove red glow from y5hero */
.y5aiv.y5aiv .y5hero::after {
    display: none !important;
}
.y5hero .y5-cta-primary {
    box-shadow: none !important;
}
.y5hero .pulse {
    box-shadow: none !important;
    animation: none !important;
}

/* Remove red glow from y5cta */
.y5aiv.y5aiv .y5cta::after {
    display: none !important;
}
.y5cta-bg-layer .orb-1,
.y5cta-bg-layer .orb-2 {
    display: none !important;
}
.y5cta .y5btn.y5btn-p {
    box-shadow: none !important;
}
/* Add grid background effect to y5cta (matching y5hero) */
.y5aiv.y5aiv .y5cta::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
      linear-gradient(rgba(255,255,255,0.043) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.043) 1px, transparent 1px) !important;
    background-size: 56px 56px !important;
    -webkit-mask-image: radial-gradient(90% 70% at 50% 30%, #000 30%, transparent 78%) !important;
    mask-image: radial-gradient(90% 70% at 50% 30%, #000 30%, transparent 78%) !important;
    filter: none !important;
    z-index: 0;
}



/* ── Menu fix: keep header + dropdowns above page content ── */
#header.site-header, .sticky-wrapper, #header.stuck {
  position: relative;
  z-index: 9990 !important;
}
/* ── Menu fix: restore Font Awesome for submenu icons ── */
#header #menu-primary-items a i.hoot-megamenu-icon.fas {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  width: 1.25em;
  text-align: center;
  color: #e8322b;
}

/* ── Logo size ── */
#header #branding img.custom-logo {
  max-height: 40px !important;
  height: 40px !important;
  width: auto !important;
  max-width: none !important;
}
#header #branding .site-logo-mixed-image, #header #site-logo, #header #branding { height: auto !important; }
@media (max-width: 768px) {
  #header #branding img.custom-logo { max-height: 34px !important; height: 34px !important; }
}

/* ── Testimonials: left-aligned text + cleaner cards (justify caused rivers/hyphen breaks in narrow columns) ── */
.y5-testi-grid .y5-testi { display: flex !important; flex-direction: column; position: relative; }
.y5-testi-grid .y5-testi q {
  display: block; flex: 1 1 auto; position: relative;
  margin: 14px 0 22px; padding-top: 26px;
  text-align: left;
  hyphens: manual; -webkit-hyphens: manual;
  font-size: 15px; line-height: 1.7; quotes: none;
}
.y5-testi-grid .y5-testi q::before {
  content: "\201C" !important; position: absolute; top: -6px; left: -2px;
  font-size: 44px; line-height: 1; font-style: normal; font-family: Georgia, serif;
  color: #ff0c00; opacity: .9;
}
.y5-testi-grid .y5-testi q::after { content: "" !important; display: none !important; }
.y5-testi-grid .y5-testi-author { margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.07); }
.y5-testi-grid .y5-testi-stars { letter-spacing: 2px; }

/* ── Testimonials: thin red line hover effect ── */
.y5-testi-grid .y5-testi { overflow: hidden; transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s, border-color .35s !important; }
.y5-testi-grid .y5-testi::before {
  content: ""; position: absolute; top: 0; left: 0; height: 2px; width: 100%;
  background: linear-gradient(90deg, #ff0c00, #ff5a4f);
  transform: scaleX(0); transform-origin: left;
  transition: transform .5s cubic-bezier(.22,1,.36,1); pointer-events: none;
}
.y5-testi-grid .y5-testi:hover { border-color: rgba(255,12,0,.55) !important; }
.y5-testi-grid .y5-testi:hover::before { transform: scaleX(1); }
.y5-testi-grid .y5-testi .y5-testi-author { transition: border-color .35s; }
.y5-testi-grid .y5-testi:hover .y5-testi-author { border-top-color: rgba(255,12,0,.35); }

/* ── Remove white gap between page content and footer on Y5 pages ── */
body:has(.y5aiv) #main, body:has(.y5aiv) #main .frontpage-area, body:has(.y5aiv) #main .main-content-grid,
body:has(.y5aiv) #main #content, body:has(.y5aiv) #main .content-wrap, body:has(.y5aiv) #main article.entry,
body:has(.y5aiv) #main .entry-content, body:has(.y5aiv) #main .entry-the-content,
body:has(.y5aiv) #main .content-frontpage, body:has(.y5aiv) #main .frontpage-grid { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.entry-the-content > .y5aiv ~ p { margin: 0 !important; padding: 0 !important; }
body:has(.y5aiv) #main .entry .screen-reader-text { position: absolute !important; }
body:has(.y5aiv) #main .entry-content { border-bottom: 0 !important; }

/* ── Footer logo: clean white tile, no gold border ── */
#footer .y5-footer-logo img {
  border: 0 !important; border-radius: 10px !important; background: #fff !important;
  padding: 8px 14px !important; width: 170px !important; height: auto !important; box-sizing: content-box;
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 8px 24px -12px rgba(0,0,0,.6) !important;
}

/* y5-footer-line-anim: moving shine + pulsing glow on footer top line */
#footer.site-footer::before{
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,120,120,0) 20%,rgba(255,235,235,.95) 50%,rgba(255,120,120,0) 80%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(220,38,38,.3) 15%,#dc2626 50%,rgba(220,38,38,.3) 85%,transparent 100%);
  background-size:25% 100%,100% 100%;
  background-repeat:no-repeat;
  background-position:-40% 0,0 0;
  animation:y5LineSweep 3.2s ease-in-out infinite,y5LineGlow 3.2s ease-in-out infinite;
}
#footer.site-footer::after{animation:y5GlowPulse 3.2s ease-in-out infinite;}
@keyframes y5LineSweep{0%{background-position:-40% 0,0 0}100%{background-position:140% 0,0 0}}
@keyframes y5LineGlow{0%,100%{box-shadow:0 0 6px rgba(220,38,38,.45),0 0 14px rgba(220,38,38,.2)}50%{box-shadow:0 0 12px rgba(255,60,60,.85),0 0 28px rgba(220,38,38,.45)}}
@keyframes y5GlowPulse{0%,100%{opacity:.6}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){#footer.site-footer::before,#footer.site-footer::after{animation:none}}

/* y5-footer-line-full: stretch line edge to edge */
#footer.site-footer::before{left:0;right:0;width:100%;transform:none;border-radius:0;
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,120,120,0) 20%,rgba(255,235,235,.95) 50%,rgba(255,120,120,0) 80%,transparent 100%),
    linear-gradient(90deg,rgba(220,38,38,.35) 0%,rgba(220,38,38,.7) 25%,#dc2626 50%,rgba(220,38,38,.7) 75%,rgba(220,38,38,.35) 100%);
  background-size:18% 100%,100% 100%;background-repeat:no-repeat;}
#footer.site-footer::after{left:0;width:100%;transform:none;}

/* y5-footer-line-taper: thick in the middle, thin toward the ends */
#footer.site-footer::before{height:3px;
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,235,235,.95) 50%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(220,38,38,.5) 22%,#dc2626 50%,rgba(220,38,38,.5) 78%,transparent 100%),
    linear-gradient(90deg,rgba(220,38,38,.4) 0%,rgba(220,38,38,.8) 50%,rgba(220,38,38,.4) 100%);
  background-size:18% 2px,100% 3px,100% 1px;
  background-repeat:no-repeat;
  background-position:-40% 50%,0 50%,0 50%;
  box-shadow:none;
  animation:y5LineSweepT 3.2s ease-in-out infinite,y5LineGlowT 3.2s ease-in-out infinite;}
@keyframes y5LineSweepT{0%{background-position:-40% 50%,0 50%,0 50%}100%{background-position:140% 50%,0 50%,0 50%}}
@keyframes y5LineGlowT{0%,100%{filter:drop-shadow(0 0 3px rgba(220,38,38,.5))}50%{filter:drop-shadow(0 0 7px rgba(255,60,60,.9))}}
@media (prefers-reduced-motion:reduce){#footer.site-footer::before{animation:none}}

/* ===== y5-palette-60-30-10: red = action, blue = trust (Sep 2026) ===== */
.y5aiv .y5hero .y5-orb{opacity:.22!important}
.y5aiv .y5hero::after,.y5aiv .y5cta::after{opacity:.45}
.y5cta-bg-layer .orb-1,.y5cta-bg-layer .orb-2,.y5cta-bg-layer .orb-3{opacity:.45!important}
.y5cta-bg-layer .streak,.y5cta-bg-layer .top-line,.y5cta-bg-layer .bot-line{opacity:.4!important}
.y5hero .y5-badge{color:#60A5FA!important;border-color:rgba(96,165,250,.4)!important;background:rgba(96,165,250,.08)!important}
.y5hero .y5-badge .pulse{background:#60A5FA!important;box-shadow:0 0 0 4px rgba(96,165,250,.2)!important}
.y5-stat .y5-stat-num,.y5-stat:hover .y5-stat-num{color:#60A5FA!important}
.y5aiv .y5eyebrow{background:rgba(96,165,250,.10)!important;border-color:rgba(96,165,250,.45)!important}
.y5aiv .y5eyebrow i{background:#60A5FA!important;box-shadow:0 0 0 4px rgba(96,165,250,.2)!important}
.y5aiv .y5kicker,.y5aiv .y5step .y5num,.y5aiv .y5panel .y5tag{color:#60A5FA!important}
.y5aiv .y5list li::before{background:rgba(96,165,250,.10)!important;border-color:rgba(96,165,250,.45)!important}
.y5aiv .y5list li::after{border-color:#60A5FA!important}
.y5aiv .y5panel .y5tag{border-color:rgba(96,165,250,.4)!important}
.y5aiv .y5card.hot{border-color:rgba(220,38,38,.45)!important;background:linear-gradient(rgba(220,38,38,.06),rgba(255,255,255,.03))!important}
.y5aiv .y5sec .y5kicker,.y5aiv .y5sec .y5step .y5num,.y5aiv .y5sec .y5panel .y5tag,.y5sec .y5-stat .y5-stat-num{color:#1D4ED8!important}
.y5aiv .y5sec .y5list li::after{border-color:#1D4ED8!important}
.y5aiv .y5sec .y5list li::before{background:rgba(29,78,216,.07)!important;border-color:rgba(29,78,216,.4)!important}
.y5aiv .y5sec .y5panel .y5tag{border-color:rgba(29,78,216,.4)!important}
.y5aiv .y5cta .y5btn-o{border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.y5aiv .y5cta .y5btn-o:hover{border-color:#60A5FA!important;color:#60A5FA!important;background:transparent!important}
#footer .widget-title::before{background:linear-gradient(#60A5FA,#3B82F6)!important;box-shadow:0 0 8px rgba(96,165,250,.35)!important}
#footer .widget-title::after{background:linear-gradient(90deg,rgba(96,165,250,.35) 0%,rgba(96,165,250,.08) 40%,transparent 100%)!important}
#footer .widget ul li a::before{background:#60A5FA!important}
#footer .widget ul li a:hover,#footer .hgrid-span-3.footer-column:last-child a:hover,#footer .y5-social a:hover{color:#60A5FA!important}
#footer .y5-contact-icon{color:#7C808C!important}
#footer.site-footer::before{background:
 linear-gradient(90deg,transparent 0%,rgba(255,240,240,.8) 50%,transparent 100%),
 linear-gradient(90deg,transparent 0%,rgba(220,38,38,.35) 25%,rgba(220,38,38,.85) 50%,rgba(220,38,38,.35) 75%,transparent 100%),
 linear-gradient(90deg,rgba(96,165,250,.4) 0%,rgba(220,38,38,.55) 50%,rgba(96,165,250,.4) 100%)!important;
 background-size:18% 2px,100% 3px,100% 1px!important;background-repeat:no-repeat!important}
#footer.site-footer::after{opacity:.5}
.y5aiv .y5sec .y5gc a{color:#1D4ED8!important}
.y5aiv .y5sec .y5gc a:hover{color:#DC2626!important}
/* y5-no-cta-glow */
.y5-cta-primary,.y5-cta-primary:hover,.y5-cta-primary:focus,.y5hero .y5-cta-primary,.y5hero .y5-cta-primary:hover,.y5aiv .y5-cta-primary:hover{box-shadow:none!important;filter:none!important}
/* y5-no-hero-glow */
.y5aiv .y5hero .y5-orb{display:none!important}
.y5aiv .y5hero::after{display:none!important}
/* ===== end y5-palette-60-30-10 ===== */

/* y5-header-bigger: larger logo + menu */
#header #branding img.custom-logo{max-height:46px!important;height:46px!important}
@media (min-width:901px){
:root{--y5nav:72px}
#header #branding img.custom-logo{max-height:54px!important;height:54px!important}
#header #menu-primary-items > li > a{font-size:15px!important;padding:0 17px!important}
#header #menu-primary-items > li#menu-item-436 > a{line-height:42px!important;height:42px!important;font-size:14.5px!important;padding:0 22px!important}
}

/* y5-polish-fixes: close header gap + one brand red (#DC2626) */
#frontpage-page-content{margin-top:0!important}
.y5aiv{--red:#DC2626;--red-d:#B91C1C}
#header #menu-primary-items > li#menu-item-436 > a{background:#DC2626!important}
#header #menu-primary-items > li#menu-item-436 > a:hover{background:#B91C1C!important}
.y5hero .y5-cta-primary,.y5aiv .y5btn-p,.y5aiv .y5cta .y5btn-p{background:#DC2626!important;background-image:none!important}
.y5hero .y5-cta-primary:hover,.y5aiv .y5btn-p:hover,.y5aiv .y5cta .y5btn-p:hover{background:#B91C1C!important;background-image:none!important}
.y5hero .y5-heading em{background-image:linear-gradient(90deg,#DC2626,#EF4444)!important}


/* additional css */ 
/* =========================================================
   Y5 MEDIA — Brand consistency + service icons
   Paste into: Appearance → Customize → Additional CSS → Publish
   Safe to remove at any time (delete this block).
   ========================================================= */

/* ---------- FIX 1a: one accent colour (red) ---------- */
body .y5aiv .y5kicker,
body .y5aiv .y5sec .y5kicker,
body .y5aiv .y5step .y5num,
body .y5aiv .y5sec .y5step .y5num,
body .y5aiv .y5panel .y5tag,
body .y5aiv .y5sec .y5panel .y5tag,
body .y5sec .y5-stat .y5-stat-num { color:#FF0C00 !important; }
body .y5aiv .y5panel .y5tag { border-color:rgba(255,12,0,.4) !important; }

/* plain text links inside cards: red, not blue */
body .y5aiv .y5sec .y5gc a:not(.y5more):not(.y5btn){ color:#C40900 !important; }

/* ---------- FIX 1b: footer matches the rest of the site ---------- */
#footer, #footer p, #footer li, #footer a, #footer span:not([class*="fa"]):not([class*="icon"]),
#post-footer, #post-footer a {
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif !important;
}
#footer .widget-title, #footer h3, #footer h4 {
  font-family:Allerta,"Open Sans",sans-serif !important;
  border-left-color:#FF0C00 !important;
}
#footer .widget-title::before, #footer .widget-title span::before,
#footer h3::before, #footer h4::before { background:#FF0C00 !important; border-color:#FF0C00 !important; }
#footer a:hover { color:#FF0C00 !important; }

/* logo sits on a clean white badge instead of a harsh box (until a transparent PNG/SVG is uploaded) */
#footer img[src*="y5media-logo"] { background:#fff; padding:10px 14px; border-radius:10px; }

/* ---------- FIX 3: icons on the six homepage service cards ---------- */
.y5gc:has(> a.y5more) > h3::before{
  content:""; display:block; width:46px; height:46px; margin-bottom:16px;
  border-radius:12px; background-color:rgba(255,12,0,.09);
  background-repeat:no-repeat; background-position:center; background-size:24px 24px;
  transition:background-color .25s, transform .25s;
}
.y5gc:has(> a.y5more):hover > h3::before{ background-color:#FF0C00; transform:translateY(-2px); }

.y5gc:has(> a.y5more[href*="ai-visibility-management"]) > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF0C00%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M19 2.5v3M17.5 4h3%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="ai-visibility-management"]):hover > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M19 2.5v3M17.5 4h3%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="search-engine-optimization"]) > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF0C00%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5 21 21%22/%3E%3Cpath d=%22M8 11.5l2 2 3.5-4%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="search-engine-optimization"]):hover > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5 21 21%22/%3E%3Cpath d=%22M8 11.5l2 2 3.5-4%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="media-distribution"]) > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF0C00%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10v4h4l6 4V6L7 10H3z%22/%3E%3Cpath d=%22M16.5 8.5a5 5 0 0 1 0 7M19.5 5.5a9 9 0 0 1 0 13%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="media-distribution"]):hover > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 10v4h4l6 4V6L7 10H3z%22/%3E%3Cpath d=%22M16.5 8.5a5 5 0 0 1 0 7M19.5 5.5a9 9 0 0 1 0 13%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="content-publication"]) > h3::before, .y5gc:has(> a.y5more[href*="distribution-syndication"]) > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF0C00%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z%22/%3E%3Cpath d=%22M14 3v6h6M8 13h8M8 17h5%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="content-publication"]):hover > h3::before, .y5gc:has(> a.y5more[href*="distribution-syndication"]):hover > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z%22/%3E%3Cpath d=%22M14 3v6h6M8 13h8M8 17h5%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="whatsapp-integration-automations"]) > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF0C00%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2 4 14h7l-1 8 9-12h-7z%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="whatsapp-integration-automations"]):hover > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2 4 14h7l-1 8 9-12h-7z%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="wordpress-development"]) > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FF0C00%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m8 7-5 5 5 5M16 7l5 5-5 5M13.5 4l-3 16%22/%3E%3C/svg%3E"); }
.y5gc:has(> a.y5more[href*="wordpress-development"]):hover > h3::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23FFFFFF%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m8 7-5 5 5 5M16 7l5 5-5 5M13.5 4l-3 16%22/%3E%3C/svg%3E"); }

/* Y5 service cards with "Read more" (all pages except Get a Proposal) */
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:y5card}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a):has(> .y5gc:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc{position:relative;display:flex;flex-direction:column;counter-increment:y5card;padding:34px 24px 24px;background:#fff;border:1px solid #ECEDF0;border-radius:14px;overflow:hidden;box-shadow:0 2px 6px rgba(17,17,17,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#C40900;transform:scaleX(.25);transform-origin:left;transition:transform .35s ease}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc::after{content:counter(y5card,decimal-leading-zero);position:absolute;top:14px;right:18px;font-size:44px;font-weight:800;line-height:1;color:#C40900;opacity:.12;letter-spacing:-1px}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(196,9,0,.12);border-color:#F3C9C6}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc:hover::before{transform:scaleX(1)}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc > h3{margin:0 0 12px;padding-right:48px;font-size:19px;line-height:1.3;color:#111}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc > p{flex:1;display:flex;flex-direction:column;margin:0;font-size:15px;line-height:1.65;color:#555}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc > p > a:not(.y5more):not(.y5btn){display:inline-block;align-self:flex-start;margin-top:auto !important;position:relative;top:18px;margin-bottom:18px;background:#C40900;color:#fff !important;padding:4px 12px;border-radius:999px;font-size:.9em;font-weight:600;text-decoration:none !important;line-height:1.5;transition:background .2s}
body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc > p > a:not(.y5more):not(.y5btn):hover,body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a) > .y5gc > p > a:not(.y5more):not(.y5btn):focus{background:#9A0700;color:#fff !important}
@media (max-width:1100px){body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a):has(> .y5gc:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a):not(:has(> .y5gc:nth-child(4))){grid-template-columns:1fr}}
@media (max-width:600px){body:not(.page-id-433) .y5aiv .y5sec .y5grid:has(> .y5gc > p > a){grid-template-columns:1fr !important}}


/* == Y5 AUDIT FIXES 2026-09-25 START == */
/* 1. Mobile menu: legacy "Get a Proposal" rules (unscoped) painted the whole CTA row red under 901px. Keep only the pill. */
@media (max-width: 900px){
  #header .menu-items li#menu-item-436,
  #header .menu-items li#menu-item-436:hover,
  #header .menu-items li#menu-item-436.current-menu-item{ background-color: transparent !important; }
  #header .menu-items li#menu-item-436 > a{ margin: 8px 12px 12px !important; }
}
/* 2. Remove the 25px white strip between the header and the dark .y5aiv hero (homepage already sits flush). */
body:has(.y5aiv) #main > .main-content-grid:first-child{ margin-top: 0 !important; }
/* 3. Tribute page: the global "img{margin-left:10px}" rule pushed book covers off-centre inside their cards. */
.zas .cv img, .zas .lg img{ margin-left: auto; margin-right: auto; }
/* == Y5 AUDIT FIXES 2026-09-25 END == */


/* ══ CASE STUDY POSTS — Y5Media typography, colours & alignment ══ */
body:has(article.category-case-study), body:has(article.category-case-study) .entry-content, body:has(article.category-case-study) h1.entry-title, body.category-case-study { font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif !important; }
body:has(article.category-case-study) h1.entry-title { font-weight:800 !important; font-size:44px !important; line-height:1.12 !important; letter-spacing:-.8px; color:#0B0D10 !important; text-align:center !important; max-width:860px; margin:0 auto 10px !important; }
body:has(article.category-case-study) article.category-case-study .entry-content { max-width:820px; margin:0 auto !important; font-size:17px; line-height:1.75; color:#3A4150; text-align:left; }
body:has(article.category-case-study) .entry-featured-img-wrap img.wp-post-image { display:block; width:100%; max-width:820px !important; height:auto; margin:10px auto 36px !important; border-radius:14px; width:100% !important; box-shadow:0 12px 36px rgba(11,13,16,.14); }
body:has(article.category-case-study) article.category-case-study .entry-content p { font-size:17px; line-height:1.75; color:#3A4150; text-align:left !important; margin:0 0 18px; }
body:has(article.category-case-study) article.category-case-study .entry-content strong { color:#0B0D10; font-weight:700; }
body:has(article.category-case-study) article.category-case-study .entry-content a { color:#2563FF; font-weight:600; text-decoration:none; border-bottom:1.5px solid rgba(37,99,255,.35); }
body:has(article.category-case-study) article.category-case-study .entry-content a:hover { border-bottom-color:#2563FF; }
body:has(article.category-case-study) article.category-case-study .entry-content .entry-the-content > p:first-child { background:#F2F5FF; border-left:4px solid #2563FF; border-radius:8px; padding:14px 18px; font-size:14px !important; line-height:1.6; color:#4B5563 !important; margin-bottom:24px; }
body:has(article.category-case-study) article.category-case-study .entry-content .entry-the-content > p:first-child em { font-style:normal; }
body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading { font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:14px !important; letter-spacing:3.5px; text-transform:uppercase; color:#2563FF !important; text-align:left !important; margin:44px 0 14px !important; padding-top:26px; border-top:1px solid #E6E9F0; line-height:1.3; }
body:has(article.category-case-study) article.category-case-study .entry-content ol.wp-block-list { list-style:none; counter-reset:y5; padding:0; margin:0 0 18px; display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; }
body:has(article.category-case-study) article.category-case-study .entry-content ol.wp-block-list li { counter-increment:y5; position:relative; padding-left:52px; font-size:16.5px; line-height:1.5; color:#0B0D10; font-weight:500; text-align:left; }
body:has(article.category-case-study) article.category-case-study .entry-content ol.wp-block-list li::before { content:counter(y5,decimal-leading-zero); position:absolute; left:0; top:-3px; font-weight:800; font-size:24px; color:#2563FF; letter-spacing:-.5px; }
body:has(article.category-case-study) article.category-case-study .entry-content ul.wp-block-list { list-style:none; padding:0; margin:0 0 18px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
body:has(article.category-case-study) article.category-case-study .entry-content ul.wp-block-list li { background:#F6F8FC; border:1px solid #E6E9F0; border-radius:12px; padding:14px 16px 14px 44px; position:relative; font-size:15.5px; line-height:1.45; color:#0B0D10; font-weight:500; text-align:left; }
body:has(article.category-case-study) article.category-case-study .entry-content ul.wp-block-list li::before { content:'↑'; position:absolute; left:16px; top:12px; font-weight:800; font-size:18px; color:#00C2FF; }
body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote { border:0 !important; border-left:5px solid #2563FF !important; background:none !important; margin:6px 0 10px !important; padding:4px 0 4px 26px !important; text-align:left !important; font-style:normal !important; quotes:none; }
body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote::before, body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote::after { display:none !important; content:none !important; }
body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote p, body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote strong { font-size:28px !important; line-height:1.3 !important; font-weight:800 !important; color:#0B0D10 !important; letter-spacing:-.4px; margin:0; font-style:normal !important; text-align:left !important; }
body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading:last-of-type { background:#0B0D10; color:#fff !important; font-size:26px !important; letter-spacing:-.3px; text-transform:none; border:0; border-radius:16px 16px 0 0; padding:34px 36px 6px !important; margin:52px 0 0 !important; }
body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading:last-of-type + p { background:#0B0D10; color:#A7AFBF !important; border-radius:0 0 16px 16px; padding:6px 36px 34px; margin:0; font-size:17px; }
body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading:last-of-type + p a { display:inline-block; margin-left:6px; background:#2563FF; color:#fff; border:0; border-radius:40px; padding:10px 22px; font-weight:700; }
body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading:last-of-type + p a:hover { background:#00C2FF; color:#0B0D10; }
body.category-case-study .entry-title, body.category-case-study .entry-title a { font-family:'Inter',sans-serif !important; font-weight:800 !important; color:#0B0D10 !important; letter-spacing:-.3px; line-height:1.25 !important; }
body.category-case-study .entry-title a:hover { color:#2563FF !important; }
body.category-case-study .entry-summary, body.category-case-study .entry-summary p { font-family:'Inter',sans-serif !important; color:#3A4150 !important; font-size:15px; line-height:1.6; }
body.category-case-study .loop-title, body.category-case-study .archive-title { font-family:'Inter',sans-serif !important; font-weight:800 !important; color:#0B0D10 !important; }
@media (max-width:700px){ body:has(article.category-case-study) h1.entry-title{font-size:30px !important} body:has(article.category-case-study) article.category-case-study .entry-content{font-size:16px} body:has(article.category-case-study) article.category-case-study .entry-content ol.wp-block-list, body:has(article.category-case-study) article.category-case-study .entry-content ul.wp-block-list{grid-template-columns:1fr} body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote p, body:has(article.category-case-study) article.category-case-study .entry-content blockquote.wp-block-quote strong{font-size:22px !important} body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading:last-of-type{font-size:21px !important; padding:26px 22px 4px !important} body:has(article.category-case-study) article.category-case-study .entry-content h2.wp-block-heading:last-of-type + p{padding:4px 22px 26px} }
/* ══ END CASE STUDY POSTS ══ */

/* ══ CASE STUDY SEO/GEO SECTIONS ══ */
body:has(article.category-case-study) article.category-case-study .entry-content p.y5-at-a-glance { background:#F6F8FC; border:1px solid #E6E9F0; border-radius:12px; padding:18px 22px; font-size:16px !important; line-height:1.65; color:#3A4150; margin:6px 0 10px; }
body:has(article.category-case-study) article.category-case-study .entry-content p.y5-at-a-glance strong { color:#2563FF; }
body:has(article.category-case-study) article.category-case-study .entry-content h3.wp-block-heading { font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:19px !important; line-height:1.35; color:#0B0D10 !important; text-align:left !important; margin:24px 0 8px !important; letter-spacing:-.2px; }
body:has(article.category-case-study) article.category-case-study .entry-content p.y5-related { line-height:2.1; }
body:has(article.category-case-study) article.category-case-study .entry-content p.y5-related a { font-weight:600; }
/* ══ END CASE STUDY SEO/GEO SECTIONS ══ */


/* == Y5 ARTICLE PREMIUM START == */
.y5-article{--y5-text:#101013;--y5-muted:#5b5f6a;--y5-border:#e6e7ea;--y5-surface:#f6f7f9;--y5-accent:#DC2626;--y5-accent-soft:rgba(220,38,38,.06);
  max-width:760px;margin:0 auto;color:var(--y5-text);font-size:17px;line-height:1.75}
.y5-article p{margin:0 0 1rem}
.y5-article a{color:var(--y5-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.y5-article a:hover{text-decoration-thickness:2px}
.y5-article strong{font-weight:700;color:var(--y5-text)}
.y5-article h2{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.25;letter-spacing:-.01em;margin:3rem 0 1rem;color:var(--y5-text)}
.y5-article h3{font-size:1.2rem;line-height:1.35;margin:2rem 0 .6rem;color:var(--y5-text)}
.y5-article section{margin:0}
.y5-article .article-header{padding-bottom:1.5rem;border-bottom:1px solid var(--y5-border);margin-bottom:.5rem}
.y5-article .article-intro{font-size:1.2rem;line-height:1.65;color:var(--y5-text);font-weight:500;margin-bottom:1.25rem}
.y5-article ul.content-list,.y5-article .key-takeaways ul{list-style:none;padding:0;margin:0 0 1.25rem}
.y5-article ul.content-list li,.y5-article .key-takeaways li{position:relative;padding-left:1.4rem;margin:0 0 .6rem}
.y5-article ul.content-list li::before,.y5-article .key-takeaways li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--y5-accent)}
.y5-article ol{padding-left:1.4rem;margin:0 0 1.25rem}
.y5-article ol li{margin:0 0 .6rem;padding-left:.3rem}
.y5-article ol li::marker{color:var(--y5-accent);font-weight:700}
.y5-article ol.steps-list{list-style:none;counter-reset:y5s;padding:0}
.y5-article ol.steps-list>li{counter-increment:y5s;position:relative;padding:0 0 0 3rem;margin:0 0 1.1rem}
.y5-article ol.steps-list>li::before{content:counter(y5s);position:absolute;left:0;top:.1rem;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--y5-accent);color:var(--y5-accent);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.y5-article ol.steps-list>li p{margin:.2rem 0 0;color:var(--y5-muted)}
.y5-article .callout{margin:2rem 0;padding:1.5rem 1.75rem;background:var(--y5-accent-soft);border-left:3px solid var(--y5-accent);border-radius:0 10px 10px 0}
.y5-article .callout p{margin:0}
.y5-article .callout-label,.y5-article .section-label,.y5-article .cta-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--y5-accent);margin-bottom:.5rem}
.y5-article blockquote{margin:2rem 0;padding:.25rem 0 .25rem 1.5rem;border-left:3px solid var(--y5-text);background:none}
.y5-article blockquote p{font-size:1.25rem;line-height:1.5;font-weight:600;margin:0;color:var(--y5-text)}
.y5-article .table-wrapper{margin:1.5rem 0 2rem;overflow-x:auto;border:1px solid var(--y5-border);border-radius:10px}
.y5-article table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0;border:0}
.y5-article th{background:var(--y5-surface);text-align:left;font-weight:700;padding:.85rem 1rem;border:0;border-bottom:1px solid var(--y5-border)}
.y5-article td{padding:.85rem 1rem;border:0;border-bottom:1px solid var(--y5-border);vertical-align:top}
.y5-article tr:last-child td{border-bottom:0}
.y5-article .key-takeaways,.y5-article .action-steps{margin-top:3.5rem;padding:2rem 2rem 1rem;border:1px solid var(--y5-border);border-radius:12px;background:var(--y5-surface)}
.y5-article .action-steps{margin-top:1.5rem;background:#fff}
.y5-article .key-takeaways h2,.y5-article .action-steps h2,.y5-article .y5media-services h2,.y5-article .article-cta h2{margin-top:0}
.y5-article .y5media-services{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--y5-border)}
.y5-article .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:1.5rem 0 .5rem}
.y5-article .service-card{display:flex;flex-direction:column;padding:1.25rem;border:1px solid var(--y5-border);border-radius:10px;background:#fff;text-decoration:none!important;color:inherit;transition:border-color .15s,transform .15s}
.y5-article .service-card:hover{border-color:var(--y5-accent);transform:translateY(-2px)}
.y5-article .service-card h3{font-size:1rem;margin:0 0 .5rem}
.y5-article .service-card p{font-size:.92rem;line-height:1.55;color:var(--y5-muted);margin:0 0 .9rem;flex:1}
.y5-article .service-card span{font-size:.88rem;font-weight:700;color:var(--y5-accent)}
.y5-article .article-cta{margin:3rem 0 1rem;padding:2.5rem;border-radius:14px;background:#0c0c0e;color:#e7e8ec}
.y5-article .article-cta h2{color:#fff}
.y5-article .article-cta p{color:rgba(255,255,255,.78)}
.y5-article .article-cta a{color:#fff}
.y5-article .article-cta .cta-label{color:#ff5a4f}
.y5-article .cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:1.5rem}
.y5-article .cta-button{display:inline-block;padding:.85rem 1.5rem;border-radius:8px;background:var(--y5-accent);color:#fff!important;font-weight:700;text-decoration:none!important}
.y5-article .cta-button:hover{filter:brightness(1.08)}
.y5-article .cta-link{font-weight:700;text-decoration:none!important}
.y5-article .article-sources{margin-top:2.5rem;font-size:.9rem;color:var(--y5-muted)}
.y5-article .article-sources h2{font-size:1rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em}
.y5-article .article-sources ul li{margin-bottom:.3rem}
.y5-article code{background:var(--y5-surface);border:1px solid var(--y5-border);border-radius:4px;padding:.05rem .35rem;font-size:.88em}
@media (max-width:768px){
  .y5-article{font-size:16px}
  .y5-article .article-intro{font-size:1.1rem}
  .y5-article .service-grid{grid-template-columns:1fr}
  .y5-article .key-takeaways,.y5-article .action-steps{padding:1.5rem 1.25rem .75rem}
  .y5-article .article-cta{padding:1.75rem 1.25rem}
  .y5-article .callout{padding:1.25rem}
}
/* == Y5 ARTICLE PREMIUM END == */

/* == Y5 HOME POLISH 2026-09-29 START == */
/* Homepage refinement only (body.home). Tokens: red #DC2626 (one brand red, AA on white), radius 8/12/16, grid gap 20px. */
body.home .y5aiv{--red:#DC2626;--red-d:#B91C1C}

/* 1. Hero: bring type onto the site system (Allerta headings + Open Sans text) instead of the OS system font */
body.home .y5aiv .y5hero .y5-heading{font-family:Allerta,"Open Sans",sans-serif;font-size:clamp(32px,4.4vw,52px);line-height:1.14;letter-spacing:-.01em;margin:0 auto 20px;max-width:17ch}
body.home .y5aiv .y5hero .y5-heading em{display:inline-block}
body.home .y5aiv .y5hero .y5-badge,
body.home .y5aiv .y5hero .y5-desc,
body.home .y5aiv .y5hero .y5-offer-note,
body.home .y5aiv .y5hero .y5-cta-primary,
body.home .y5aiv .y5hero .y5-cta-secondary,
body.home .y5aiv .y5hero .y5-trust-item{font-family:inherit}
body.home .y5aiv .y5hero .y5-desc{font-size:clamp(16px,1.5vw,18px);line-height:1.7;max-width:62ch;margin:0 auto 32px}
body.home .y5aiv .y5hero .y5-offer-note{color:rgba(255,255,255,.66)}
/* Trust row was 35% white (fails contrast) and styled as clickable though it isn't a link */
body.home .y5aiv .y5hero .y5-trust-item{color:rgba(255,255,255,.62);cursor:default}
body.home .y5aiv .y5hero .y5-trust-item svg{opacity:.75}

/* 2. One button system: hero, case-study and CTA buttons share size, radius, weight and the same red */
body.home .y5aiv .y5-cta-primary,
body.home .y5aiv .y5-cta-secondary,
body.home .y5aiv .y5btn{min-height:52px;padding:0 28px;border-radius:8px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:8px}
body.home .y5aiv .y5-cta-primary,
body.home .y5aiv .y5btn-p,
body.home .y5aiv .y5cta .y5btn-p{background:var(--red);color:#fff;border:0;box-shadow:0 8px 22px -10px rgba(220,38,38,.7)}
body.home .y5aiv .y5-cta-primary:hover,
body.home .y5aiv .y5btn-p:hover,
body.home .y5aiv .y5cta .y5btn-p:hover{background:var(--red-d);color:#fff;filter:none;box-shadow:0 10px 26px -10px rgba(220,38,38,.8)}
body.home .y5aiv .y5-cta-secondary,
body.home .y5aiv .y5btn-o{border:1.5px solid rgba(255,255,255,.3);color:#fff}

/* 3. Keyboard focus: visible ring on every homepage link/button */
body.home .y5aiv a:focus-visible{outline:3px solid rgba(220,38,38,.55);outline-offset:3px;border-radius:8px}

/* 4. Brand red leftovers hard-coded as #FF0C00 */
body.home .y5aiv .y5sec .y5gc a.y5more .y5more-ic{background:var(--red)}
body.home .y5aiv .y5sec .y5gc a.y5more:hover,
body.home .y5aiv .y5sec .y5gc:hover a.y5more{background:var(--red);border-color:var(--red)}
body.home .y5aiv .y5sec .y5gc a.y5more:hover .y5more-ic,
body.home .y5aiv .y5sec .y5gc:hover a.y5more .y5more-ic{color:var(--red)}

/* 5. Testimonials: space under the heading like every other grid, equal author rows, no empty role line */
body.home .y5aiv .y5-testi-grid{margin-top:34px;gap:20px}
body.home .y5aiv .y5-testi-grid .y5-testi-author{min-height:76px}
body.home .y5aiv .y5-testi-role:empty{display:none}
body.home .y5aiv .y5-testi-grid .y5-testi q::before{color:var(--red)}

/* 6. Rhythm: two consecutive white sections (Testimonials -> How we start) got a hairline so they don't merge */
body.home .y5aiv .y5sec:not(.alt) + .y5sec:not(.alt){border-top:1px solid var(--line)}
/* Card grids share one gap */
body.home .y5aiv .y5grid,
body.home .y5aiv .y5cs-grid{gap:20px}
body.home .y5aiv .y5steps{gap:14px}

/* 7. Tablet: keep two columns instead of one long stack */
@media (min-width:600px) and (max-width:880px){
  body.home .y5aiv .y5grid{grid-template-columns:1fr 1fr;gap:18px}
  body.home .y5aiv .y5vs{grid-template-columns:1fr 1fr;gap:18px}
  body.home .y5aiv .y5card{padding:24px}
}

/* Trust bar: once it wraps, drop the separator dots that end up at line ends/starts */
@media (max-width:880px){
  body.home .y5aiv .y5trustbar .y5tb{gap:8px 20px}
  body.home .y5aiv .y5trustbar .y5tb i{display:none}
  body.home .y5aiv .y5trustbar .y5tb-l{flex-basis:100%;text-align:center}
}

/* 8. Mobile */
@media (max-width:600px){
  body.home .y5aiv .y5wrap{padding:0 20px}
  body.home .y5aiv .y5sec,
  body.home .y5aiv .y5dark{padding:52px 0}
  body.home .y5aiv .y5cta{padding:60px 0}
  body.home .y5aiv .y5hero{padding:56px 0 48px}
  body.home .y5aiv .y5hero .y5-badge{margin-bottom:22px}
  body.home .y5aiv .y5hero .y5-desc{font-size:16px;margin-bottom:26px}
  /* Stacked, equal-width, thumb-sized buttons */
  body.home .y5aiv .y5hero .y5-cta-row,
  body.home .y5aiv .y5btns{flex-direction:column;align-items:stretch;max-width:340px;margin-left:auto;margin-right:auto;gap:12px}
  body.home .y5aiv .y5-cta-primary,
  body.home .y5aiv .y5-cta-secondary,
  body.home .y5aiv .y5btn{width:100%}
  /* Contact row: one item per line instead of a ragged wrap */
  body.home .y5aiv .y5hero .y5-trust-row{flex-direction:column;gap:10px;padding-top:22px}
  body.home .y5aiv .y5-testi{padding:26px 22px 22px}
  body.home .y5aiv .y5-testi-grid .y5-testi-author{min-height:0}
  body.home .y5aiv .y5chips span{font-size:14px;padding:8px 15px}
}
/* 9. Slightly wider content container (was 1140px) */
body.home .y5aiv .y5wrap{max-width:1240px}
body.home .y5aiv .y5result .y5rc{max-width:1080px}
/* == Y5 HOME POLISH 2026-09-29 END == */


/* Footer "Get in Touch" icon hover effects */
.y5-contact-item .y5-contact-icon{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
.y5-contact-item .y5-contact-icon svg{position:relative;z-index:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.y5-contact-item .y5-contact-icon::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#ff0c00,#b30800);transform:scale(0);border-radius:50%;transition:transform .35s ease,border-radius .35s ease}
.y5-contact-item:hover .y5-contact-icon{color:#fff;border-color:#ff0c00;transform:translateY(-3px);box-shadow:0 6px 18px rgba(255,12,0,.35)}
.y5-contact-item:hover .y5-contact-icon::before{transform:scale(1.5);border-radius:0}
.y5-contact-item:hover .y5-contact-icon svg{transform:scale(1.12) rotate(-8deg)}
.y5-contact-item .y5-contact-label{transition:color .3s ease}
.y5-contact-item:hover .y5-contact-label{color:#ff0c00}
.y5-contact-item .y5-contact-value a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.y5-contact-item .y5-contact-icon,.y5-contact-item .y5-contact-icon svg,.y5-contact-item .y5-contact-icon::before{transition:none}.y5-contact-item:hover .y5-contact-icon,.y5-contact-item:hover .y5-contact-icon svg{transform:none}}

/* == Y5 POST FEATURED IMAGE 2026 START == */
/* Blog posts: show the featured image at article width instead of the global 40% image cap */
body.single-post .entry-featured-img-wrap img.wp-post-image { display:block; width:100% !important; max-width:820px !important; height:auto; margin:10px auto 32px !important; border-radius:14px; box-shadow:0 12px 36px rgba(11,13,16,.14); }
/* == Y5 POST FEATURED IMAGE 2026 END == */

/* == Y5 MOBILE + A11Y 2026-10-10 START == */
/* Compact one-row mobile header with a 44px menu button and 48px menu rows */
@media only screen and (max-width:969px){
#header.site-header{position:relative}
#header-primary .table{display:flex;align-items:center;min-height:60px}
#header #branding{width:auto;text-align:left}
#header-primary #site-logo,#header .site-logo-with-image{text-align:left;margin:0}
#header-primary #site-logo img{height:34px !important;width:auto !important;max-width:none;margin:13px 0 !important}
#header .site-logo-with-image .site-logo-mixed-image{margin:0}
#header-supplementary{border:0 !important;background:#fff !important}
#header-supplementary .hgrid-span-12,#menu-primary{position:static}
#menu-primary .menu-toggle{position:absolute;top:8px;right:14px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #e6e7ea;border-radius:12px;background:#fff;color:#101013}
#menu-primary .menu-toggle:focus-visible{outline:2px solid #FF0C00;outline-offset:2px}
#menu-primary .menu-toggle-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#menu-primary .menu-toggle i{font-size:18px;margin:0}
#menu-primary-items{background:#fff;border-top:1px solid #e6e7ea;padding:6px 0 18px;text-align:left}
#header #menu-primary-items > li > a{display:flex;align-items:center;box-sizing:border-box;min-height:48px;margin:0;padding:10px 22px;font-size:16px}
#header #menu-primary-items > li > a *{font-size:16px;line-height:1.3}
#header #menu-primary-items ul li a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;margin:0;padding:8px 22px 8px 36px;font-size:15px}
#header #menu-primary-items ul li a *{font-size:15px;line-height:1.3}
#header .menu-items li#menu-item-436 > a{display:flex !important;justify-content:center;margin:10px 22px 0 !important;padding:12px 20px !important;border-radius:999px !important}
}
/* Minimum text size and larger tap targets on phones */
@media only screen and (max-width:640px){
.y5aiv .y5kicker,.y5aiv .y5tb-l,.y5aiv .y5mit-k,.y5aiv .y5cs-badge,.y5aiv .y5-testi-role,.y5aiv .y5rtags span,.y5aiv .y5rc strong,#footer .y5-contact-label{font-size:13px !important}
nav.y5media-legal .y5media-legal__link{padding-top:11px !important;padding-bottom:11px !important}
#footer .widget .textwidget ul li a{display:inline-block !important;padding-top:11px !important;padding-bottom:11px !important}
#footer .y5-contact-value a{display:inline-block !important;padding-top:12px !important;padding-bottom:12px !important}
.y5aiv .y5rc a{display:inline-block !important;padding-top:11px !important;padding-bottom:11px !important}
}
/* Colour contrast (WCAG AA 4.5:1 for small text on light backgrounds) */
.y5aiv .y5sec:not(.y5dark) .y5kicker{color:#C40900 !important}
.y5aiv .y5rc .b strong{color:#5b606b !important}
.y5aiv .y5-testi-role{color:#646973 !important}
/* Visible keyboard focus */
.y5aiv a:focus-visible,.y5aiv button:focus-visible,#header a:focus-visible,#footer a:focus-visible,.y5media-legal a:focus-visible{outline:2px solid #FF0C00;outline-offset:3px;border-radius:4px}
/* == Y5 MOBILE + A11Y 2026-10-10 END == */

/* == Y5 ICONS 2026-10-10 START == */
/* Inline SVG icon set (Lucide-style, no icon library). Usage: add class y5i-NAME to a .y5gc card, e.g. <div class="y5gc y5i-search">. */
.y5aiv [class*="y5i-"] > h3::before{content:"";display:block;width:46px;height:46px;margin-bottom:16px;border-radius:12px;background:rgba(255,12,0,.09) var(--y5i) center/24px 24px no-repeat;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}
.y5aiv .y5dark [class*="y5i-"] > h3::before,.y5aiv .y5mit [class*="y5i-"] > h3::before{background-color:rgba(255,12,0,.18)}
/* Icon drawn as a mask layer so it can change colour on hover (tile turns solid red, icon turns white) */
@supports ((-webkit-mask:url("")) or (mask:url(""))){
.y5aiv [class*="y5i-"] > h3{position:relative}
.y5aiv [class*="y5i-"] > h3::before{background-image:none}
.y5aiv [class*="y5i-"] > h3::after{content:"";position:absolute;top:0;left:0;width:46px;height:46px;background-color:#FF0C00;-webkit-mask:var(--y5i) center/24px 24px no-repeat;mask:var(--y5i) center/24px 24px no-repeat;transition:background-color .25s ease,transform .25s ease;pointer-events:none}
.y5aiv .y5dark [class*="y5i-"] > h3::after,.y5aiv .y5mit [class*="y5i-"] > h3::after{background-color:#FF4A40}
.y5aiv [class*="y5i-"]:focus-within > h3::before{background-color:#FF0C00}
.y5aiv [class*="y5i-"]:focus-within > h3::after{background-color:#fff}
@media (hover:hover){
.y5aiv [class*="y5i-"]:hover > h3::before{background-color:#FF0C00;transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(255,12,0,.6)}
.y5aiv [class*="y5i-"]:hover > h3::after{background-color:#fff;transform:translateY(-2px)}
}
}
.y5i-cap{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.42 10.92a1 1 0 0 0-.02-1.84L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.83l8.57 3.91a2 2 0 0 0 1.66 0z'/%3E%3Cpath d='M22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E")}
.y5i-cart{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E")}
.y5i-chart{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E")}
.y5i-check{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.8 10A10 10 0 1 1 17 3.34'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E")}
.y5i-clock{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.y5i-code{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 16 4-4-4-4'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3Cpath d='m14.5 4-5 16'/%3E%3C/svg%3E")}
.y5i-database{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/svg%3E")}
.y5i-eye{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.y5i-file{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E")}
.y5i-globe{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E")}
.y5i-lock{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3Crect x='3' y='10' width='18' height='12' rx='2'/%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3'/%3E%3C/svg%3E")}
.y5i-mail{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.y5i-megaphone{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-5v12L3 14v-3z'/%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'/%3E%3C/svg%3E")}
.y5i-message{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}
.y5i-mic{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cpath d='M12 19v3'/%3E%3C/svg%3E")}
.y5i-network{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='16' width='6' height='6' rx='1'/%3E%3Crect x='2' y='16' width='6' height='6' rx='1'/%3E%3Crect x='9' y='2' width='6' height='6' rx='1'/%3E%3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M12 12V8'/%3E%3C/svg%3E")}
.y5i-newspaper{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8'/%3E%3Cpath d='M15 18h-5'/%3E%3Cpath d='M10 6h8v4h-8V6Z'/%3E%3C/svg%3E")}
.y5i-palette{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.93 0 1.65-.75 1.65-1.69 0-.44-.18-.83-.44-1.12-.29-.29-.44-.65-.44-1.13a1.64 1.64 0 0 1 1.67-1.67h2c3.05 0 5.55-2.5 5.55-5.55C21.97 6.01 17.46 2 12 2z'/%3E%3Cpath d='M13.5 6.5h.01'/%3E%3Cpath d='M17.5 10.5h.01'/%3E%3Cpath d='M8.5 7.5h.01'/%3E%3Cpath d='M6.5 12.5h.01'/%3E%3C/svg%3E")}
.y5i-phone{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.y5i-refresh{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E")}
.y5i-search{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.y5i-server{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='8' x='2' y='2' rx='2'/%3E%3Crect width='20' height='8' x='2' y='14' rx='2'/%3E%3Cpath d='M6 6h.01'/%3E%3Cpath d='M6 18h.01'/%3E%3C/svg%3E")}
.y5i-share{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51 6.83 3.98'/%3E%3Cpath d='m15.41 6.51-6.82 3.98'/%3E%3C/svg%3E")}
.y5i-shield{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.y5i-sparkles{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0l1.58 6.14a2 2 0 0 0 1.44 1.44l6.14 1.58a.5.5 0 0 1 0 .96l-6.14 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3C/svg%3E")}
.y5i-target{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}
.y5i-trending{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpath d='M16 7h6v6'/%3E%3C/svg%3E")}
.y5i-users{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.y5i-video{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.22 3.48a.5.5 0 0 0 .78-.42V7.87a.5.5 0 0 0-.75-.43L16 10.5'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E")}
.y5i-workflow{--y5i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0C00' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='8' x='3' y='3' rx='2'/%3E%3Cpath d='M7 11v4a2 2 0 0 0 2 2h4'/%3E%3Crect width='8' height='8' x='13' y='13' rx='2'/%3E%3C/svg%3E")}
/* Rating stars drawn as SVG instead of text characters */
.y5aiv .y5-testi-stars,.y5aiv .y5stars{font-size:0 !important;letter-spacing:0 !important;line-height:0;width:100px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F59E0B'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") left center/20px 18px repeat-x}
/* == Y5 ICONS 2026-10-10 END == */

/* == Y5 ICON EFFECTS 2026-10-10 START == */
/* Restrained hover effects for existing icon tiles (transform, colour and shadow only) */
.y5c-ico,.y5stat-ic,.y5ic,.y5pfx-a,#footer .y5-contact-icon{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease}
@media (hover:hover){
.y5c-row:hover .y5c-ico,.y5stat:hover .y5stat-ic,a.y5chc:hover .y5ic{transform:translateY(-2px) scale(1.06);box-shadow:0 10px 20px -10px rgba(255,12,0,.55)}
a.y5pfx:hover .y5pfx-a{transform:translateX(3px)}
#footer .y5-contact-item:hover .y5-contact-icon{transform:translateY(-2px);background-color:rgba(255,12,0,.14);border-color:rgba(255,12,0,.55)}
}
@media (prefers-reduced-motion:reduce){
.y5aiv [class*="y5i-"] > h3::before,.y5aiv [class*="y5i-"] > h3::after,.y5c-ico,.y5stat-ic,.y5ic,.y5pfx-a,#footer .y5-contact-icon{transition:none !important;transform:none !important}
}
/* == Y5 ICON EFFECTS 2026-10-10 END == */

/* == Y5 TIDY 2026-10-10 START == */
/* Back-to-top: small square tucked into the corner so it no longer sits over body text */
.fixed-goto-top{right:10px!important;bottom:10px!important;width:32px!important;height:32px!important;line-height:30px!important;font-size:12px!important;background:#151515!important;color:#F6F4EE!important;border:1px solid rgba(246,244,238,.3)!important;border-radius:0!important}
.fixed-goto-top.waypoints-goto-top.topshow{opacity:.55}
.fixed-goto-top.waypoints-goto-top.topshow:hover,.fixed-goto-top.waypoints-goto-top.topshow:focus-visible{opacity:1;background:#D10A00!important}
/* Footer logo: small squared label aligned with the tagline, no shadow */
#footer .y5-footer-logo img{width:128px!important;height:auto!important;padding:5px 9px!important;margin:0 0 4px 0!important;border-radius:2px!important;box-shadow:none!important;background:#fff!important}
/* Footer contact labels: readable contrast (was 3.6:1) */
#footer .y5-contact-label{color:#A8A39A!important;font-size:12px!important}
/* Homepage Insights list: no dates */
body.home .y5e-posts time{display:none}
body.home .y5e-posts li{grid-template-columns:minmax(0,1fr)}
/* == Y5 TIDY 2026-10-10 END == */

/* == Y5 HOVER 2026-10-10 START == */
/* Restrained editorial hover states for homepage blocks and footer columns: tint, hairline and colour only */
.y5e{--hov:#FDFCF9}
.y5e .y5e-white,.y5e .y5e-fig-box{--hov:#F6F4EE}
.y5e-svc>li,.y5e-ind>div,.y5e-posts li,.y5e .y5e-case,.y5e-faq details,.y5e-fig-src li{transition:background-color .18s ease,box-shadow .18s ease}
.y5e-facts dl>div,.y5e-points li,.y5e-quotes blockquote,.y5e-steps li{position:relative}
.y5e-facts dl>div::after,.y5e-points li::after,.y5e-quotes blockquote::after,.y5e-steps li::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left center;transition:transform .28s ease;pointer-events:none}
.y5e-facts dt,.y5e-steps .n,.y5e-quotes cite,.y5e-ba dt{transition:color .18s ease}
.y5e-steps li::before{transition:transform .2s ease}
.y5e-ba>div{transition:border-color .18s ease}
.y5e-case-img{display:block;overflow:hidden}
.y5e-case-img img{transition:transform .4s ease}
@media (hover:hover){
.y5e-svc>li:hover,.y5e-ind>div:hover,.y5e-posts li:hover,.y5e .y5e-case:hover,.y5e-faq details:hover{background-color:var(--hov);box-shadow:-16px 0 0 var(--hov),-18px 0 0 var(--redink),16px 0 0 var(--hov)}
.y5e-fig-src li:hover{background-color:var(--hov);box-shadow:inset 2px 0 0 var(--redink)}
.y5e-svc>li:hover h3 a{text-decoration-color:var(--redink)}
.y5e .y5e-case:hover h3 a,.y5e-posts li:hover h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}
.y5e-case:hover .y5e-case-img img{transform:scale(1.04)}
.y5e-facts dl>div:hover::after,.y5e-points li:hover::after,.y5e-quotes blockquote:hover::after,.y5e-steps li:hover::after{transform:scaleX(1)}
.y5e-facts dl>div:hover dt,.y5e-quotes blockquote:hover cite,.y5e-ba>div:hover dt{color:var(--ink)}
.y5e-steps li:hover .n{color:var(--redink)}
.y5e-steps li:hover::before{transform:scale(1.5)}
.y5e-ba>div:hover{border-left-color:var(--redink)}
body.y5e-on #footer#footer#footer .widget:hover .widget-title::after{background-size:100% 100%!important}
}
body.y5e-on #footer#footer#footer .widget-title::after{background:linear-gradient(#FF0C00,#FF0C00) left center/0% 100% no-repeat,rgba(246,244,238,.16)!important;transition:background-size .3s ease}
@media (prefers-reduced-motion:reduce){
.y5e-svc>li,.y5e-ind>div,.y5e-posts li,.y5e .y5e-case,.y5e-faq details,.y5e-fig-src li,.y5e-case-img img,.y5e-steps li::before,.y5e-facts dl>div::after,.y5e-points li::after,.y5e-quotes blockquote::after,.y5e-steps li::after,#footer .widget-title::after{transition:none!important}
.y5e-case:hover .y5e-case-img img{transform:none}
}
/* == Y5 HOVER 2026-10-10 END == */

/* == Y5 PREMIUM BAND 2026-10-10 START == */
/* Homepage dark band presenting the two premium services */
.y5e-prem .y5e-label{color:#B9B4A9}
.y5e-prem .y5e-label b{display:inline-block;width:7px;height:7px;background:var(--red);margin-right:.9em;vertical-align:.08em}
.y5e-prem .y5e-intro{color:#C9C4B8}
.y5e-prem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #4A4741}
.y5e-prem-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px clamp(24px,4vw,56px) 0 0}
.y5e-prem-item+.y5e-prem-item{border-left:1px solid #33312D;padding:28px 0 0 clamp(24px,4vw,56px)}
.y5e-prem-item::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left center;transition:transform .28s ease;pointer-events:none}
.y5e-prem-k{font-family:var(--mono);font-size:13px;line-height:1.5;color:#B9B4A9;margin:0}
.y5e .y5e-prem-item h3{font-size:clamp(26px,2.7vw,36px);line-height:1.12;margin-top:10px}
.y5e .y5e-prem-item h3 a{text-decoration:underline;text-decoration-color:#4A4741;text-decoration-thickness:1px;text-underline-offset:.16em;transition:text-decoration-color .15s}
.y5e-prem-item>p:not(.y5e-prem-k){color:#C9C4B8;font-size:16.5px;line-height:1.55;margin:14px 0 0;max-width:34em}
.y5e .y5e-prem-item ul{align-self:stretch;margin:24px 0 30px;border-top:1px solid #33312D}
.y5e-prem-item li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:baseline;padding:11px 0 12px;border-bottom:1px solid #33312D;font-size:15px;line-height:1.45;color:var(--paper)}
.y5e-prem-item li::before{content:"";width:5px;height:5px;background:var(--red);transform:translateY(-2px)}
.y5e .y5e-btn--line{margin-top:auto;background:transparent;border-color:#8A857B;color:var(--paper)}
.y5e .y5e-btn--line:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
@media (hover:hover){
.y5e-prem-item:hover::after{transform:scaleX(1)}
.y5e .y5e-prem-item h3 a:hover{text-decoration-color:var(--paper)}
}
@media (max-width:900px){
.y5e-prem-grid{grid-template-columns:minmax(0,1fr)}
.y5e-prem-item{padding-right:0}
.y5e-prem-item+.y5e-prem-item{border-left:0;border-top:1px solid #4A4741;margin-top:40px;padding-left:0}
}
@media (prefers-reduced-motion:reduce){.y5e-prem-item::after{transition:none!important}}
/* == Y5 PREMIUM BAND 2026-10-10 END == */

/* == Y5 CASE FEATURE 2026-10-10 START == */
/* Homepage Evidence: full-width before/after case panel (Fig. 2) */
.y5e-fig2{margin:0}
.y5e-fig2-box{border:1px solid var(--ink);background:var(--white)}
.y5e-fig2-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:11px 20px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:12.5px;line-height:1.45;color:var(--ink3)}
.y5e .y5e-fig2-h h3{font-family:var(--mono);font-size:12.5px;font-weight:500;line-height:1.45;letter-spacing:0;color:var(--ink)}
.y5e-fig2-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.y5e-fig2-ba>div{padding:clamp(24px,3.4vw,44px) clamp(20px,3.4vw,44px) clamp(28px,3.8vw,48px)}
.y5e-fig2-ba .b{background:var(--paper)}
.y5e-fig2-ba .a{background:var(--ink);color:var(--paper)}
.y5e .y5e-fig2-ba p{margin:0}
.y5e .y5e-fig2-ba .k{font-family:var(--mono);font-size:13px;line-height:1.4;color:var(--ink3)}
.y5e-fig2-ba .a .k{color:#B9B4A9}
.y5e-fig2-ba .a .k::before{content:"";display:inline-block;width:7px;height:7px;background:var(--red);margin-right:.8em;vertical-align:.06em}
.y5e .y5e-fig2-ba .s{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.7vw,50px);line-height:1.06;text-wrap:balance;letter-spacing:-.022em;margin-top:14px}
.y5e-fig2-ba .b .s{font-style:italic;color:var(--ink3)}
.y5e .y5e-fig2-ba .d{font-size:16.5px;line-height:1.55;margin-top:18px;max-width:30em}
.y5e-fig2-ba .b .d{color:var(--ink2)}
.y5e-fig2-ba .a .d{color:#C9C4B8}
.y5e-fig2-f{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--col);align-items:end;padding:20px;border-top:1px solid var(--ink)}
.y5e .y5e-fig2-f p{font-size:16px;line-height:1.55;color:var(--ink2);max-width:46em;margin:0}
.y5e .y5e-fig2 figcaption{padding:0;text-align:left;font-family:var(--mono);font-size:12.5px;line-height:1.45;color:var(--ink3);margin-top:12px}
@media (max-width:760px){
.y5e-fig2-ba{grid-template-columns:minmax(0,1fr)}
.y5e-fig2-f{grid-template-columns:minmax(0,1fr);row-gap:14px}
}
/* == Y5 CASE FEATURE 2026-10-10 END == */

/* == Y5 MID CTA 2026-10-10 START == */
/* Homepage: call-to-action rows after Services and Evidence */
.y5e-next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--col);row-gap:20px;margin-top:40px;padding:26px 0 28px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.y5e .y5e-next .y5e-next-k{font-family:var(--mono);font-size:13px;line-height:1.4;color:var(--ink3);margin:0}
.y5e .y5e-next .y5e-next-k::before{content:"";display:inline-block;width:7px;height:7px;background:var(--red);margin-right:.8em;vertical-align:.06em}
.y5e .y5e-next .y5e-next-t{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.3vw,29px);line-height:1.18;letter-spacing:-.012em;color:var(--ink);margin:8px 0 0;max-width:22em;text-wrap:balance}
.y5e-next-a{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
@media (max-width:760px){.y5e-next{grid-template-columns:minmax(0,1fr)}}
/* == Y5 MID CTA 2026-10-10 END == */

/* == Y5 HOME ICON START == */
/* Mobile menu: show the word "Home" beside the home icon */
@media only screen and (max-width: 969px){
#menu-primary-items > li.y5-home .screen-reader-text{position:static!important;clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;width:auto!important;height:auto!important;margin:0 0 0 10px!important;padding:0!important;overflow:visible!important;white-space:normal!important}
}
/* == Y5 HOME ICON END == */

/* == Y5 ABOUT HOVER START == */
/* Hover effects for the About page only */
.page-id-1023 .y5l .l-kicker::before{transition:width .25s ease}
.page-id-1023 .y5l .l-gc,.page-id-1023 .y5l .l-step,.page-id-1023 .y5l .l-fnd{position:relative}
.page-id-1023 .y5l .l-gc,.page-id-1023 .y5l .l-step,.page-id-1023 .y5l .l-panel{transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.page-id-1023 .y5l .l-gc::after,.page-id-1023 .y5l .l-step::after,.page-id-1023 .y5l .l-fnd::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--redink);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.page-id-1023 .y5l .l-gc::after{left:-14px;right:-14px}
.page-id-1023 .y5l .l-step::after{left:-14px;right:-14px;top:auto;bottom:-1px;background:var(--red)}
.page-id-1023 .y5l .l-step h3,.page-id-1023 .y5l .l-num,.page-id-1023 .y5l .l-contact a{transition:color .2s ease}
@media (hover:hover){.page-id-1023 .y5l section:hover .l-kicker::before{width:22px}
.page-id-1023 .y5l .l-gc:hover{background-color:#F6F4EE;box-shadow:-14px 0 0 #F6F4EE,14px 0 0 #F6F4EE,-14px 14px 0 #F6F4EE,14px 14px 0 #F6F4EE,0 14px 0 #F6F4EE}
.page-id-1023 .y5l .l-step:hover{background-color:#1F1F1E;box-shadow:-14px 0 0 #1F1F1E,14px 0 0 #1F1F1E}
.page-id-1023 .y5l .l-gc:hover::after,.page-id-1023 .y5l .l-step:hover::after,.page-id-1023 .y5l .l-fnd:hover::after{transform:scaleX(1)}
.page-id-1023 .y5l .l-steps .l-step:hover .l-num{color:var(--red)}
.page-id-1023 .y5l .l-steps .l-step:hover h3{color:#fff}
.page-id-1023 .y5l .l-panel:hover{border-color:var(--ink);box-shadow:6px 6px 0 var(--rule);transform:translate(-3px,-3px)}
.page-id-1023 .y5l .l-contact a:hover{color:#fff;text-decoration-thickness:2px}}
@media (prefers-reduced-motion:reduce){.page-id-1023 .y5l .l-kicker::before,.page-id-1023 .y5l .l-gc,.page-id-1023 .y5l .l-step,.page-id-1023 .y5l .l-panel,.page-id-1023 .y5l .l-gc::after,.page-id-1023 .y5l .l-step::after,.page-id-1023 .y5l .l-fnd::after{transition:none}
.page-id-1023 .y5l .l-panel:hover{transform:none}}
/* == Y5 ABOUT HOVER END == */