/* Homepage polish: deeper ink, a teal accent with a gold highlight, and Fraunces display type. */
body.mc-home-hub{
  --hub-ink:#0E1A2B;
  --hub-ink-soft:#2A3A4E;
  --hub-muted:#5B6878;
  --hub-line:rgba(14,26,43,.12);
  --hub-gold:#B98A2E;
  --hub-green:#0F6A5C;
  --hub-paper:#F6F7F4;
  --hub-font-display:"Fraunces",Georgia,serif;
  --hub-font-body:"Manrope",system-ui,sans-serif;
  font-family:var(--hub-font-body);
  color:var(--hub-ink);
}
body.mc-home-hub .mc-hub-display{
  font-family:var(--hub-font-display);
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.05;
  text-wrap:balance;
}
body.mc-home-hub .mc-hub-accent{color:var(--hub-green);font-style:normal}
body.mc-home-hub .mc-hub-lede{font-family:var(--hub-font-body);color:var(--hub-muted);font-size:1.1rem}

/* Get started: solid ink pill, distinct from the red and green signal pills and the teal accent. */
body.mc-home-hub .mc-services-login-btn {
  background: var(--hub-ink) !important;
  color: var(--hub-paper) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}
body.mc-home-hub .mc-services-login-btn:hover,
body.mc-home-hub .mc-services-login-btn:focus-visible {
  background: var(--hub-green) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Header: a quieter rule under the bar. */
body.mc-home-hub .header_for_main { border-bottom-color: var(--hub-line); }

/* Footer: plain paper band, ink links, no rainbow stripe or gradient. */
body.mc-home-hub .mc-site-footer {
  background: var(--hub-paper) !important;
  color: var(--hub-muted) !important;
  border-top: 1px solid var(--hub-line);
  font-family: var(--hub-font-body);
}
body.mc-home-hub .mc-site-footer::before { display: none !important; }
body.mc-home-hub .mc-site-footer a { color: var(--hub-ink-soft) !important; font-weight: 600; }
body.mc-home-hub .mc-site-footer a:hover { color: var(--hub-green) !important; }

/* Desktop fit: tighten vertical spacing so the whole homepage fits one screen without scrolling. */
@media (min-width: 1000px) and (min-height: 760px) {
  body.mc-home-hub .mc-hub-hero-wrap { padding-top: 0 !important; padding-bottom: 0 !important; }
  body.mc-home-hub .mc-hub-hero { padding-top: 0.25rem; }
  body.mc-home-hub .mc-hub-lede { margin-top: 0.2rem; }
  body.mc-home-hub .mc-lane { margin-top: 0.6rem !important; padding-top: 0.7rem !important; padding-bottom: 0.7rem !important; }
  body.mc-home-hub .mc-lane + .mc-lane { margin-top: 0.7rem !important; }
  body.mc-home-hub .mc-lane-head { margin-bottom: 0.35rem; }
  body.mc-home-hub .mc-lane-also { margin-top: 0.35rem !important; }
  body.mc-home-hub .mc-site-footer { padding-top: 12px; padding-bottom: 12px; }
}

/* Headline: lighter serif, sized down, overriding the heavier sans from the hub stylesheet. */
body.mc-home-hub .mc-hub-display {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.2rem, 5.2cqi, 3.9rem) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.08 !important;
}

/* Fill the screen: the page stretches to the viewport height, so the footer sits at the bottom with no empty band. */
@media (min-width: 1000px) and (min-height: 760px) {
  html, body.mc-home-hub { min-height: 100%; }
  body.mc-home-hub { min-height: 100dvh; display: flex; flex-direction: column; }
  body.mc-home-hub > section.solutions-section { flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }
  body.mc-home-hub > .mc-site-footer { margin-top: auto; }
  body.mc-home-hub .mc-hub-display { font-size: clamp(2.2rem, min(5.2cqi, 9vh), 3.9rem) !important; }
}

/* Forecast and news strip: one calm bar in the header. Old pulse markup and script are removed. */
body.mc-home-hub .mc-strip2 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.5fr);
  width: min(680px, 100%);
  background: #fff;
  border: 1px solid var(--hub-line);
  border-radius: 12px;
  overflow: hidden;
  font-family: var(--hub-font-body);
}
body.mc-home-hub .mc-s2 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 2px 10px;
  padding: 9px 14px;
  min-width: 0;
  color: var(--hub-ink);
  text-decoration: none;
  transition: background .15s;
}
body.mc-home-hub .mc-s2:hover { background: var(--hub-paper); }
body.mc-home-hub .mc-s2:focus-visible { outline: 2px solid var(--hub-green); outline-offset: -2px; }
body.mc-home-hub .mc-s2-nw { border-left: 1px solid var(--hub-line); }
body.mc-home-hub .mc-s2-k { font-weight: 700; font-size: 0.78rem; color: var(--hub-green); white-space: nowrap; }
body.mc-home-hub .mc-s2-v { font-size: 0.88rem; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity .22s, transform .22s; }
body.mc-home-hub .mc-s2-v.is-out { opacity: 0; transform: translateY(3px); }
body.mc-home-hub .mc-s2-v b { font-weight: 800; }
body.mc-home-hub .mc-s2-v em { font-style: normal; font-size: 0.72rem; font-weight: 700; padding: 1px 7px; border-radius: 999px; margin-left: 4px; }
body.mc-home-hub .mc-s2-v em.is-buy { background: #e3f2ea; color: var(--hub-green); }
body.mc-home-hub .mc-s2-v em.is-sell { background: #f6e4ea; color: #9f1239; }
body.mc-home-hub .mc-s2-m { font-size: 0.74rem; color: var(--hub-muted); white-space: nowrap; }
@media (max-width: 720px) {
  body.mc-home-hub .mc-strip2 { grid-template-columns: minmax(0, 1fr); width: 100%; }
  body.mc-home-hub .mc-s2-nw { border-left: 0; border-top: 1px solid var(--hub-line); }
  body.mc-home-hub .mc-s2-m { display: none; }
}

/* Lanes: no white panels behind each row, so the cards sit directly on the page. */
body.mc-home-hub .mc-lane { background: transparent !important; box-shadow: none !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

/* Section titles: smaller and teal, so they read as labels under the headline. */
body.mc-home-hub .mc-lane-title { font-family: var(--hub-font-display) !important; font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important; font-weight: 600 !important; color: var(--hub-green) !important; letter-spacing: -0.01em !important; }

/* Desktop: the page never scrolls; the footer stays visible. */
@media (min-width: 1000px) and (min-height: 560px) {
  html:has(body.mc-home-hub) { overflow: hidden; }
  body.mc-home-hub { overflow: hidden; }
}

/* Short screens: drop the two small lines under the cards; the fit script scales the rest. */
html.mc-tight body.mc-home-hub .mc-lane-also, html.mc-tight body.mc-home-hub .mc-hub-partner-submit { display: none !important; }

/* Cover flip: show only one side of a card at a time, so the other side never bleeds through. */
body.mc-home-hub .mc-lane-grid .sp-flip-back,
body.mc-home-hub .mc-shop-grid .sp-flip-back { visibility: hidden; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-live .sp-flip-back,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-live .sp-flip-back,
body.mc-home-hub .mc-lane-grid .sp-service-card.is-focus .sp-flip-back,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-focus .sp-flip-back { visibility: visible; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-live .sp-flip-front,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-live .sp-flip-front,
body.mc-home-hub .mc-lane-grid .sp-service-card.is-focus .sp-flip-front,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-focus .sp-flip-front { visibility: hidden; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-live .sp-flip-back,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-live .sp-flip-back { visibility: visible; }

/* Toggled card: no flip. The front text is removed at once and only the back text appears. */
body.mc-home-hub .mc-lane-grid .sp-service-card.is-live .sp-flip,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-live .sp-flip { transform: none !important; transition: none !important; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-live .sp-flip-front,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-live .sp-flip-front { visibility: hidden !important; opacity: 0 !important; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-live .sp-flip-back,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-live .sp-flip-back { transform: none !important; backface-visibility: visible !important; visibility: visible !important; opacity: 1 !important; transition: opacity .25s ease !important; }

/* Focused card shows only its back text, with no flip. Other cards show no text while one is focused. */
body.mc-home-hub .mc-lane-grid .sp-service-card.is-focus .sp-flip,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-focus .sp-flip { transform: none !important; transition: none !important; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-focus .sp-flip-front,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-focus .sp-flip-front { visibility: hidden !important; opacity: 0 !important; }
body.mc-home-hub .mc-lane-grid .sp-service-card.is-focus .sp-flip-back,
body.mc-home-hub .mc-shop-grid .mc-shop-card.is-focus .sp-flip-back { transform: none !important; backface-visibility: visible !important; visibility: visible !important; opacity: 1 !important; }



/* Forecast and news: two separate pills in the header, with space between them. */
body.mc-home-hub .mc-strip2 { background: transparent; border: 0; border-radius: 0; overflow: visible; gap: 10px; }
body.mc-home-hub .mc-s2 { background: #fff; border: 1px solid var(--hub-line); border-radius: 12px; }
body.mc-home-hub .mc-s2-nw { border-left: 1px solid var(--hub-line); }
@media (max-width: 720px) { body.mc-home-hub .mc-s2-nw { border-top: 1px solid var(--hub-line); } }

/* Market forecast and market news: each pill has its own soft tint. */
body.mc-home-hub .mc-s2-fc { background: #eef6f2; border-color: #cfe5dc; }
body.mc-home-hub .mc-s2-nw { background: #fbf6ea; border-color: #ecdcb4; border-left: 1px solid #ecdcb4; }
body.mc-home-hub .mc-s2:hover { background: #fff; }

/* Wider pills so the longer labels fit without cutting the signal or headline. */
body.mc-home-hub .mc-strip2 { width: min(780px, 100%); grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr); }