@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
/* Weave (weave_theme.py): CoreWeave-style presentation of the Solmate site.
   White ground, electric blue, bold geometric display type, square buttons,
   mono labels with a diamond bullet, a diamond lattice behind the hero. */
:root {
  --wv-ink: #0b0d12; --wv-copy: #22262e; --wv-muted: #5a6170; --wv-blue: #c9a96e; --wv-blue-deep: #a8864a;
  --wv-rule: #dde2ec; --wv-soft: #f5f7fb;
  --white-ink: #0b0d12; --white-copy: #22262e; --white-muted: #5a6170; --white-green: #c9a96e; --white-rule: #dde2ec;
}
html, body { background: #fff; color: var(--wv-ink); }
body, body *:not(code):not(pre) { font-family: Sora, "Segoe UI", Arial, sans-serif; }
p, li { color: var(--wv-copy); }

/* Display type: big, bold, tight; the highlighted word in electric blue. */
h1, h2, .titleBig, .titleBigBrd, .hai-hero__h1, .hai-h2 { font-family: Sora, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.035em !important; color: var(--wv-ink); }
.hai-hero__h1 { font-size: clamp(48px, 5.6vw, 88px) !important; line-height: 1 !important; }
.hai-hero__h1 b, .textGreen, .hai-h2 b { color: var(--wv-blue) !important; }
.hai-hero__sub { color: var(--wv-copy) !important; font-size: 18px !important; line-height: 1.55 !important; max-width: 40em; }
.titleBigBrd { border-left: 0 !important; padding-left: 0 !important; }

/* Labels: monospace, uppercase, a black diamond in front. */
.hai-hero__eyebrow, .titleSmall p, .sm-ov__group-title, .legal-notice__title, .hai-dash .sm-ov__status,
[class*="__eyebrow"], .sm-contact__eyebrow {
  font-family: "JetBrains Mono", ui-monospace, monospace !important; font-weight: 400 !important;
  letter-spacing: .04em !important; text-transform: uppercase; color: var(--wv-ink) !important;
}
.hai-hero__eyebrow::before, .titleSmall p::before, .sm-ov__group-title::before, .sm-contact__eyebrow::before {
  content: "\25C6"; margin-right: .7em; font-size: .85em; color: var(--wv-ink);
}

/* Buttons: square. Primary solid blue; secondary white with a blue outline. */
[data-cta-variant="primary"], .button.sm-cta:not(.hai-hero-ghost), .hai-go.sm-cta, .hai-submit.sm-cta {
  background: var(--wv-blue) !important; border: 1px solid var(--wv-blue) !important; color: #fff !important;
  border-radius: 0 !important; box-shadow: none !important; font-weight: 600 !important;
}
[data-cta-variant="primary"]:hover, .button.sm-cta:not(.hai-hero-ghost):hover { background: var(--wv-blue-deep) !important; }
[data-cta-variant="primary"] *, .button.sm-cta:not(.hai-hero-ghost) *, .hai-go.sm-cta *, .hai-submit.sm-cta * { color: #fff !important; }
.hai-hero-ghost, [data-cta-variant="secondary"] {
  background: #fff !important; border: 1px solid var(--wv-blue) !important; color: var(--wv-blue) !important; border-radius: 0 !important; box-shadow: none !important;
}
.hai-hero-ghost *, [data-cta-variant="secondary"] * { color: var(--wv-blue) !important; }
.sm-cta__mark { display: none !important; }

/* Hero: a diamond lattice in blue on the right, fading into the white page. The film stays, framed square. */
body.home .sectionVideoHero.v1 { position: relative; overflow: hidden; }
body.home .sectionVideoHero.v1::before {
  content: ""; position: absolute; inset: 0 0 0 38%; z-index: 0; pointer-events: none;
  background:
    linear-gradient(90deg, #fff 0%, #ffffffd9 18%, #ffffff00 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='96' viewBox='0 0 72 96'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234F8DFF'/%3E%3Cstop offset='1' stop-color='%231A3BE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M18 4 L30 26 L18 48 L6 26 Z' fill='url(%23g)' opacity='.85'/%3E%3Cpath d='M54 52 L66 74 L54 96 L42 74 Z' fill='url(%23g)' opacity='.55'/%3E%3Cpath d='M54 0 L60 12 L54 24 L48 12 Z' fill='%23B8C6FF' opacity='.7'/%3E%3C/svg%3E") repeat;
  -webkit-mask-image: radial-gradient(ellipse 80% 90% at 85% 45%, #000 40%, transparent 80%);
          mask-image: radial-gradient(ellipse 80% 90% at 85% 45%, #000 40%, transparent 80%);
  transform: perspective(900px) rotateY(-22deg) scale(1.15); transform-origin: right center;
}
body.home .sectionVideoHero.v1 .hai-hero, body.home .sectionVideoHero.v1 .boxVideo { position: relative; z-index: 1; }
body.home .sectionVideoHero.v1 .decor, body.home .sectionVideoHero.v1 .container, body.home .sectionVideoHero.v1 .hai-hero { background: transparent !important; }
.sectionVideoHero.v1 .boxVideo { border-radius: 0 !important; box-shadow: 0 30px 80px #c9a96e26; }
.sectionVideoHero .boxVideo video { filter: grayscale(1) sepia(1) hue-rotate(185deg) saturate(3) brightness(.9); }

/* Panels: square, hairline, no shadow. */
.hai-adx .card, .sm-contact { border-radius: 0 !important; box-shadow: none !important; border: 1px solid var(--wv-rule) !important; background: #fff !important; }
.sm-contact::before { background: none !important; }
.sectionVideoHero.v1 .boxVideo, .hai-pp__ph, .listRecords .boxThumbnail { border-radius: 0 !important; }
.hai-tv__label { background: var(--wv-blue) !important; }
.hai-tv__label, .hai-tv__label * { color: #fff !important; }
.hai-tv__head { border-left-color: var(--wv-blue) !important; }

/* Dashboard on white: figures bold, the fair value in blue. */
.hai-dash .sm-ov__value { font-family: Sora, sans-serif !important; font-weight: 600 !important; letter-spacing: -.03em !important; color: var(--wv-ink); }
.hai-dash .sm-ov__tile[data-figure="usd_fair_value"] .sm-ov__value { color: var(--wv-blue) !important; }
.hai-dash .sm-ov__fine p, .hai-dash .sm-ov__cap { font-family: Sora, sans-serif !important; }
.imgLogoCircle, img[src$=".png"][src*="logo"] { filter: hue-rotate(100deg); }
@media (max-width: 767px) { body.home .sectionVideoHero.v1::before { inset: auto 0 0 0; height: 260px; opacity: .5; } }

/* Bare metal (JP, 12 Oct 2026): every highlight is brushed silver; blue stays
   for action (buttons, links). On white the steel runs dark at the edges so
   the type keeps its contrast, with one bright band like light on a chassis. */
:root {
  --wv-steel: linear-gradient(100deg, #2b313b 0%, #5d6676 18%, #aeb6c2 34%, #e6eaef 42%, #a2abb8 50%, #535c6b 66%, #2f3540 82%, #79828f 100%);
  --wv-steel-face: linear-gradient(180deg, #f7f8fa 0%, #dfe3e8 45%, #c9cfd6 55%, #eef0f3 100%);
  --wv-steel-rim: #b9c0ca;
}
@keyframes wv-sheen { from { background-position: 0% 50%; } to { background-position: 200% 50%; } }
.hai-hero__h1 b, .textGreen, .hai-h2 b, .hai-dash .sm-ov__tile[data-figure="usd_fair_value"] .sm-ov__value,
.hai-tv__head li {
  background: var(--wv-steel); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important;
  animation: wv-sheen 9s linear infinite;
}
@media (prefers-reduced-motion: reduce) { .hai-hero__h1 b, .textGreen, .hai-h2 b, .hai-tv__head li, .hai-dash .sm-ov__value { animation: none !important; } }

/* News band: a brushed-steel label plate, steel headline, steel ticker chips. */
.hai-tv__label { background: var(--wv-steel-face) !important; border-right: 1px solid var(--wv-steel-rim); box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #9aa2ad; }
.hai-tv__label, .hai-tv__label * { color: #20252d !important; }
.hai-tv__head { background: #fafbfc !important; border-left-color: var(--wv-steel-rim) !important; }
.hai-tv__track b { background: var(--wv-steel-face) !important; color: #2b313b !important; border: 1px solid var(--wv-steel-rim); }

/* Labels and bullets in steel; the diamond bullet becomes a small steel facet. */
.hai-hero__eyebrow, .titleSmall p, .sm-ov__group-title, .legal-notice__title, [class*="__eyebrow"] { color: #4a5260 !important; }
.hai-hero__eyebrow::before, .titleSmall p::before, .sm-ov__group-title::before, .sm-contact__eyebrow::before {
  background: var(--wv-steel); -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Hero: the lattice turns to steel and blue facets; the film gets a machined rim. */
body.home .sectionVideoHero.v1::before {
  background:
    linear-gradient(90deg, #fff 0%, #ffffffd9 18%, #ffffff00 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='96' viewBox='0 0 72 96'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F2F4F7'/%3E%3Cstop offset='.45' stop-color='%23A9B1BD'/%3E%3Cstop offset='.55' stop-color='%23D9DEE4'/%3E%3Cstop offset='1' stop-color='%235D6676'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234F8DFF'/%3E%3Cstop offset='1' stop-color='%231A3BE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M18 4 L30 26 L18 48 L6 26 Z' fill='url(%23s)'/%3E%3Cpath d='M54 52 L66 74 L54 96 L42 74 Z' fill='url(%23b)' opacity='.8'/%3E%3Cpath d='M54 0 L60 12 L54 24 L48 12 Z' fill='url(%23s)' opacity='.8'/%3E%3C/svg%3E") repeat !important;
}
.sectionVideoHero.v1 .boxVideo { border: 1px solid var(--wv-steel-rim) !important; box-shadow: 0 0 0 4px #eef0f3, 0 0 0 5px #c9cfd6, 0 30px 80px #2b313b26 !important; }

/* Panels get a steel hairline instead of grey. */
.hai-adx .card, .sm-contact { border-color: var(--wv-steel-rim) !important; }

/* The bar field replaces the diamond lattice (bars.js draws it on a canvas). */
body.home .sectionVideoHero.v1::before { display: none !important; }
body.home .sectionVideoHero.v1 { background: #fff !important; }
.wv-bars { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }

/* JP, 12 Oct 2026: news headline in solid black; the hero's highlight in blue,
   keeping the moving sheen (a bright band of light across the blue). */
.hai-tv__head li {
  background: none !important; animation: none !important;
  color: #0b0d12 !important; -webkit-text-fill-color: #0b0d12 !important;
}
.hai-hero__h1 b {
  background: linear-gradient(100deg, #a8864a 0%, #c9a96e 22%, #e8d5a6 36%, #f2e6c8 43%, #e8d5a6 50%, #c9a96e 64%, #a8864a 82%, #c9a96e 100%) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
  animation: wv-sheen 9s linear infinite;
}

/* JP, 12 Oct 2026: "Real Infrastructure" is plain blue, no gradient, no sheen. */
.hai-hero__h1 b {
  background: none !important; animation: none !important;
  color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important;
}
/* The hero leads; the news band steps down beneath it: smaller, lighter type
   on a cool grey strip, and the page below sits on that same grey, so the
   white hero is the brightest, largest thing on the screen. */
.hai-tv { background: #eef1f5 !important; border-block: 1px solid #dde2ec !important; box-shadow: none !important; }
.hai-tv__head { background: #eef1f5 !important; }
/* JP: the headline itself stays as before (large, bold, black). */
.hai-tv__crawl { background: #f5f7fa !important; }
.hai-tv__track, .hai-tv__track * { font-size: 12px !important; }
.hai-tv__brand { font-size: 18px !important; }
.hai-story, .hai-story > section, #dashboard, .hai-dash, .hai-ab { background: #f5f7fa !important; }
#dashboard *:is(.decor,.container,.dashboard,.boxPart2,.boxInfo), .sectionInfrastructure, .sectionInfrastructure .boxPart2, .hai-story .decor { background: #f5f7fa !important; }
/* JP: the LIVE label plate in Solmate blue, white type. */
.hai-tv__label { background: #c9a96e !important; border-right: 0 !important; box-shadow: none !important; }
.hai-tv__label, .hai-tv__label * { color: #fff !important; -webkit-text-fill-color: #fff !important; }

/* Dark ground for the gold Weave (weavegold_theme.py). */
:root {
  --wg-bg: #08090b; --wg-step: #0f1114; --wg-plat: #e8e6e1; --wg-steel: #9aa0a8; --wg-line: #2a2d33; --wg-gold: #c9a96e;
  --wv-ink: #e8e6e1; --wv-copy: #c3c6cb; --wv-muted: #9aa0a8; --wv-rule: #2a2d33;
  --white-ink: #e8e6e1; --white-copy: #c3c6cb; --white-muted: #9aa0a8; --white-green: #c9a96e; --white-rule: #2a2d33;
}
html, body { background: var(--wg-bg) !important; color: var(--wg-plat) !important; }
article, .decor, .decor.white1, .decor.white2, .decor.black, .decor.black1, .decor.black2, .section, .sectionRecords,
.sectionNews, .sectionEvents, .sectionInfrastructure, .sectionInfrastructure .boxPart1, .sectionInfrastructure .boxPart2,
.hai-story, .hai-story > section, .hai-ab, .hai-adx, .sm-flywheel, footer, footer .containerSmall,
body.home .sectionVideoHero.v1, .sectionVideoHero.v1 .hai-hero, #capital, #capital .decor, .hai-adx .scrolly { background: var(--wg-bg) !important; }
/* The step below the hero: one shade lighter, as the grey was on white. */
#dashboard, #dashboard *:is(.decor,.container,.dashboard,.boxPart2,.boxInfo), .hai-dash, .hai-story .decor { background: var(--wg-step) !important; }
#header:before, #header .sub-menu, #header .menuBox, #header .menuBox .menuBoxShadow { background: #08090bf2 !important; border-color: var(--wg-line) !important; }
#header .menu a, #header a { color: var(--wg-plat) !important; }
h1, h2, h3, .titleBig, .titleBigBrd, .hai-hero__h1, .hai-h2, .sm-ov__value, .sm-ov__label { color: var(--wg-plat) !important; }
p, li, .hai-hero__sub, .sm-ov__cap, .sm-ov__fine p { color: var(--wg-steel) !important; }
.hai-hero__eyebrow, .titleSmall p, .sm-ov__group-title, .legal-notice__title, [class*="__eyebrow"], .sm-ov__status { color: var(--wg-gold) !important; }
/* Highlight word: solid gold, like the blue was solid. */
.hai-hero__h1 b { color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; }
/* Buttons: primary gold fill with black label, secondary black with gold rim. */
[data-cta-variant="primary"], .button.sm-cta:not(.hai-hero-ghost), .hai-go.sm-cta, .hai-submit.sm-cta { background: #c9a96e !important; border-color: #c9a96e !important; }
[data-cta-variant="primary"] *, .button.sm-cta:not(.hai-hero-ghost) *, .hai-go.sm-cta *, .hai-submit.sm-cta *, [data-cta-variant="primary"], .button.sm-cta:not(.hai-hero-ghost) { color: #0b0c0f !important; }
.hai-hero-ghost, [data-cta-variant="secondary"] { background: transparent !important; border-color: #c9a96e !important; }
.hai-hero-ghost *, [data-cta-variant="secondary"] *, .hai-hero-ghost { color: #e8d5a6 !important; }
/* News band: dark strip, platinum headline, gold LIVE plate with black type. */
.hai-tv, .hai-tv__head, .hai-tv__crawl { background: #121418 !important; border-color: var(--wg-line) !important; }
.hai-tv__head li { color: var(--wg-plat) !important; -webkit-text-fill-color: var(--wg-plat) !important; }
.hai-tv__label { background: #c9a96e !important; }
.hai-tv__label, .hai-tv__label * { color: #0b0c0f !important; -webkit-text-fill-color: #0b0c0f !important; }
.hai-tv__track b { background: #1b1d22 !important; color: #e8d5a6 !important; border-color: #3a3d44 !important; }
.hai-tv__track, .hai-tv__track * { color: var(--wg-plat); }
/* Panels and film. */
.hai-adx .card, .sm-contact { background: #121418 !important; border-color: var(--wg-line) !important; }
.hai-adx .stage { background: var(--wg-bg) !important; }
.hai-adx .stage .stage__map { filter: grayscale(1) brightness(.55) !important; opacity: .8 !important; }
.sectionVideoHero.v1 .boxVideo { border-color: #3a3d44 !important; box-shadow: 0 0 0 4px #121418, 0 0 0 5px #3a3d44, 0 30px 80px #00000099 !important; }
.sectionVideoHero .boxVideo video { filter: grayscale(1) sepia(.55) saturate(.9) brightness(.85) contrast(1.05) !important; }
.imgLogoCircle, img[src$=".png"][src*="logo"] { filter: grayscale(1) sepia(1) saturate(.8) hue-rotate(-8deg) !important; }
.sectionNews h2, .sectionNews h3, .sectionNews a { color: var(--wg-plat) !important; }
strong, b, .last-updated strong, .fig-disclaimer strong, .sm-ov__fine strong { color: var(--wg-plat) !important; -webkit-text-fill-color: var(--wg-plat) !important; }
.hai-hero__h1 b { color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; }
/* Silver highlights on black: the steel runs light, not dark. */
:root { --wv-steel: linear-gradient(100deg, #8f949b 0%, #c9cdd3 18%, #f4f5f7 34%, #ffffff 42%, #d8dbe0 50%, #a3a8b0 66%, #c9cdd3 82%, #8f949b 100%); }
.textGreen, .hai-h2 b, .hai-dash .sm-ov__tile[data-figure="usd_fair_value"] .sm-ov__value, .titleBig .textGreen { background: var(--wv-steel) !important; background-size: 200% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
footer a, footer li, footer p, footer .menu a { color: var(--wg-steel) !important; }
footer .listSocials path { fill: var(--wg-plat) !important; }
footer, footer .cols3 { border-color: var(--wg-line) !important; }
/* JP: the hero film in its own full colour, no tint. */
.sectionVideoHero .boxVideo video, .sectionVideoHero video { filter: none !important; }
/* JP: the USD fair value in gold. */
.hai-dash .sm-ov__tile[data-figure="usd_fair_value"] .sm-ov__value { background: none !important; animation: none !important; color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; }
/* Capital of Capital map (JP): a real night Earth, no white veil, plain white city names. */
.hai-adx .stage .stage__map { filter: saturate(1.05) brightness(1.05) contrast(1.05) !important; opacity: 1 !important; }
.hai-adx .stage::after { background: linear-gradient(90deg, #08090bf2 0%, #08090bb3 30%, #08090b26 62%, #08090b00 80%) !important; }
@media (max-width: 767px) { .hai-adx .stage::after { background: linear-gradient(180deg, #08090b00, #08090b00 55%, #08090b 100%) !important; } }
.hai-adx .node-label, .hai-adx .hub-label { fill: #fff !important; stroke: none !important; stroke-width: 0 !important; paint-order: normal !important; }
.hai-adx .glowlayer { opacity: .85 !important; }
/* Media (On the Record): thumbnails blend into the black/gold page as warm
   monochrome, and come back to their own colours under the mouse. No white glow. */
.sectionRecords .shadowEllipse, #media .shadowEllipse { display: none !important; }
.sectionRecords, .sectionRecords .decor { background: var(--wg-bg) !important; }
.listRecords .boxThumbnail, .listRecords img {
  filter: grayscale(1) sepia(.45) saturate(.85) brightness(.72) contrast(1.05);
  transition: filter .5s ease, transform .5s ease;
}
.listRecords .boxItem:hover .boxThumbnail, .listRecords .boxItem:hover img,
.listRecords .boxItem:focus-within .boxThumbnail, .listRecords .boxItem:focus-within img { filter: none; }
.listRecords .boxItem a { color: var(--wg-plat) !important; }
.listRecords .boxItem:hover a h3, .listRecords .boxItem:hover h3 { color: #e8d5a6 !important; }
@media (hover: none) { .listRecords .boxThumbnail, .listRecords img { filter: grayscale(.4) sepia(.2) brightness(.9); } }
/* Insights (Latest from Solmate): same blend as the media cards. */
.listPosts .cartPost .image .boxBkg {
  filter: grayscale(1) sepia(.45) saturate(.85) brightness(.72) contrast(1.05);
  transition: filter .5s ease;
}
.listPosts .cartPost:hover .boxBkg, .listPosts .cartPost:focus-within .boxBkg { filter: none; }
.listPosts .cartPost:hover h3, .listPosts .cartPost:hover .title { color: #e8d5a6 !important; }
@media (hover: none) { .listPosts .cartPost .image .boxBkg { filter: grayscale(.4) sepia(.2) brightness(.9); } }

/* NASDAQ: SLMT in gold. */
.flx-rewards .titleBig .textGreen, .flx-rewards .titleBig span { background: none !important; animation: none !important; color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; }

/* Capital of Capital card: smaller and tighter. */
.hai-adx .card { max-width: 400px !important; padding: 28px 30px !important; }
.hai-adx .card h2 { font-size: clamp(30px, 2.6vw, 40px) !important; line-height: 1.05 !important; margin-bottom: 14px !important; }
.hai-adx .card p { font-size: 14px !important; line-height: 1.55 !important; }
.hai-adx .card .points { margin-top: 18px !important; }
.hai-adx .card .points li { margin-bottom: 12px !important; }
.hai-adx .card .points h3 { font-size: 16px !important; }

/* City names: readable on any part of the map, a soft dark halo, no outline. */
.hai-adx .node-label, .hai-adx .hub-label { fill: #fff !important; stroke: none !important; filter: drop-shadow(0 0 3px #000) drop-shadow(0 0 8px #000c) drop-shadow(0 1px 1px #000) !important; font-weight: 600 !important; }

/* Enquiry dialogs: obsidian panel, platinum type, gold accents (no white). */
.hai-dlg::backdrop, .sm-updates::backdrop { background: #000000b3 !important; backdrop-filter: blur(6px); }
.hai-panel, .sm-updates .hai-sub { background: linear-gradient(180deg, #16181c, #0e1013) !important; color: var(--wg-plat) !important; border: 1px solid #c9a96e55 !important; box-shadow: 0 30px 120px #000c, inset 0 1px 0 #ffffff0d !important; }
.hai-head { border-color: #2a2d33 !important; }
.hai-head h2, .hai-head h2 *, .hai-sub h2, .hai-success h3, .hai-sub__done h3 { color: var(--wg-plat) !important; -webkit-text-fill-color: var(--wg-plat) !important; background: none !important; }
.hai-head h2 b, .hai-head .hai-context { color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; }
.hai-field label, .hai-sub__email-label { color: #d8dbe0 !important; }
.hai-head > p:last-child, .hai-dlg .hai-hint, .hai-field label span, .hai-details summary span, .hai-success p, .sm-updates .hai-sub__note, .sm-updates .hai-sub__lede, .sm-updates .hai-check, .hai-sub__done p { color: var(--wg-steel) !important; }
.hai-field input, .hai-field select, .hai-field textarea, .hai-inline { background: #0a0b0d !important; color: var(--wg-plat) !important; border: 1px solid #33363d !important; }
.hai-inline input { color: var(--wg-plat) !important; }
.hai-field input::placeholder, .hai-field textarea::placeholder, .hai-inline input::placeholder { color: #6f757d !important; }
.hai-field input:focus, .hai-field select:focus, .hai-field textarea:focus { border-color: #c9a96e !important; outline: 1px solid #c9a96e !important; box-shadow: 0 0 0 4px #c9a96e1f !important; }
.hai-x { color: var(--wg-steel) !important; } .hai-x:hover { color: #fff !important; background: #1d2025 !important; }
.hai-hint a, .hai-details summary { color: #e8d5a6 !important; }
.hai-details { border-color: #2a2d33 !important; }
.hai-check .box { background: #0a0b0d !important; border-color: #4a4e56 !important; }
.hai-success > svg { stroke: #c9a96e !important; }
.hai-submit, .hai-panel button[type="submit"] { background: linear-gradient(100deg, #e8d5a6, #c9a96e 45%, #a8864a) !important; color: #0b0c0f !important; border: 0 !important; }
.hai-submit *, .hai-panel button[type="submit"] * { color: #0b0c0f !important; }
/* Keep Europe clear: on wide screens the card sits on the page gutter, not over London. */
@media (min-width: 1100px) { .hai-adx .card { max-width: 370px !important; position: relative; left: calc(72px - 15vw); } }
.hai-adx .node.is-on .node-label, .hai-adx .node-label { opacity: 1; }
/* The fitted map is a framed object now: soft edges so it sits in the night. */
.hai-adx .stage .stage__map { -webkit-mask-image: radial-gradient(ellipse 70% 72% at 50% 50%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 70% 72% at 50% 50%, #000 62%, transparent 100%); }
.hai-adx .stage::after { background: linear-gradient(90deg, #08090bcc 0%, #08090b66 25%, #08090b00 40%) !important; }
@media (max-width: 900px) { .hai-adx .stage::after { background: none !important; } .hai-adx .node-label, .hai-adx .hub-label { font-size: 26px !important; } }
/* Labels are in map units; the fitted map is drawn small, so the type scales up. */
@media (min-width: 901px) { .hai-adx .node-label, .hai-adx .hub-label { font-size: 25px !important; } .hai-adx .hub-label { font-size: 30px !important; } }
@media (max-width: 900px) {
  .hai-adx .node-label, .hai-adx .hub-label { font-size: 44px !important; letter-spacing: .06em !important; }
  /* The card starts under the map band, so the whole world stays in view. */
  .hai-adx .card { margin-top: calc(64px + 100vw * 0.5625 + 8px) !important; }
}
/* Mobile header (JP): fixed on top while scrolling, like the original, with a
   gold hamburger that reads on the dark bar. */
@media (max-width: 1100px) {
  #header { position: fixed !important; top: 0 !important; left: 0; right: 0; z-index: 9999 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
  #header:before { background: #08090bf5 !important; backdrop-filter: blur(10px); }
  #header .menuIcon, #header .menuIcon .line { opacity: 1 !important; }
  #header .menuIcon .line, #header .menuIcon .line::before, #header .menuIcon .line::after,
  #header .menuIcon::before, #header .menuIcon::after { background-color: #c9a96e !important; border-color: #c9a96e !important; }
  #header .menuIcon .line { background-color: transparent !important; }
  #header .menuIcon .line::before, #header .menuIcon .line::after { height: 2px !important; }
}

/* Flywheel (JP, 12 Oct 2026): the gold flywheel film replaces the ring. The
   film runs full width of the section, edges dissolving into the black; the
   three stages sit beneath it as a row of three. */
#flywheel .listInfrastructureBox { display: block !important; }
#flywheel .boxDecor.wg-flywheel {
  position: relative !important; width: 100% !important; height: auto !important; max-width: none !important;
  aspect-ratio: 16 / 9; margin: 24px 0 40px !important; inset: auto !important; transform: none !important;
  overflow: hidden; border-radius: 4px;
}
#flywheel .wg-flywheel__film {
  display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover;
  -webkit-mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, #000 60%, transparent 100%);
          mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, #000 60%, transparent 100%);
}
#flywheel .listInfrastructure { position: relative !important; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 40px; inset: auto !important; width: 100% !important; height: auto !important; transform: none !important; }
#flywheel .listInfrastructure .boxItem { position: static !important; inset: auto !important; width: auto !important; max-width: none !important; transform: none !important; margin: 0 !important; padding: 22px 0 0 !important; border-top: 1px solid #c9a96e66; text-align: left !important; }
#flywheel .listInfrastructure .name p { color: #c9a96e !important; font-weight: 600 !important; font-size: 18px !important; margin: 0 0 10px !important; }
#flywheel .listInfrastructure .desc p { color: var(--wg-steel) !important; font-size: 14px !important; line-height: 1.6 !important; }
@media (max-width: 767px) {
  #flywheel .boxDecor.wg-flywheel { margin: 16px -16px 28px !important; width: calc(100% + 32px) !important; border-radius: 0; }
  #flywheel .listInfrastructure { grid-template-columns: 1fr; gap: 28px; }
}
#flywheel .listInfrastructure { padding: 0 !important; }

/* ── Layout round (JP, 12 Oct 2026) ─────────────────────────────────────── */
/* Mobile: no bar field in the hero, neither behind the buttons nor the film. */
@media (max-width: 900px) { .wv-bars { display: none !important; } }
/* Six leaders in one row on desktop. */
@media (min-width: 1100px) { .hai-ab .hai-pp, .hai-ab [class*="__grid"] { grid-template-columns: repeat(6, 1fr) !important; } }
/* The flywheel now sits inside the story band: give it its own breathing room. */
.hai-story #flywheel { padding: 96px 0 72px !important; background: var(--wg-bg) !important; }
.hai-story #flywheel .container { max-width: 1290px; margin: 0 auto; padding: 0 16px; }
.hai-story #flywheel .titleSmall, .hai-story #flywheel .titleBig { text-align: center; }
/* Notice under the figures. */
.hai-dash .legal-notice--short { margin: 48px 0 0 !important; padding-top: 28px !important; border-top: 1px solid var(--wg-line) !important; }
/* News section. */
.wg-news { background: var(--wg-bg) !important; padding: 88px 0 48px; }
.wg-news .titleBigBrd { color: var(--wg-plat) !important; }
/* Abu Dhabi map: one screen, no scroll track; it plays once when it arrives. */
.hai-adx .scrolly { height: auto !important; }
.hai-adx .stage { position: relative !important; height: 100vh !important; min-height: 640px; max-height: 960px; }
@media (max-width: 900px) { .hai-adx .stage { height: auto !important; min-height: 0; max-height: none; padding-bottom: 32px; } .hai-adx .stage__inner { position: relative !important; } }
/* Return paths on article pages. */
.wg-return { margin: 48px 0; padding: 28px 30px; background: #121418; border: 1px solid #c9a96e55; border-left: 3px solid #c9a96e; }
.wg-return__eyebrow { margin: 0 0 6px !important; font: 500 11px/1.4 "JetBrains Mono", ui-monospace, monospace !important; letter-spacing: .08em; text-transform: uppercase; color: #c9a96e !important; }
.wg-return__title { margin: 0 0 18px !important; font: 600 20px/1.35 Sora, Inter, sans-serif !important; color: var(--wg-plat) !important; }
.wg-return__links { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; }
.wg-return__btn { display: inline-block; padding: 12px 18px; background: #c9a96e; color: #0b0c0f !important; font-weight: 600; font-size: 14px; text-decoration: none !important; }
.wg-return__link { color: #e8d5a6 !important; font-size: 14px; text-decoration: none !important; }
.wg-return__link::after { content: " \2192"; }
.wg-return--end { max-width: 1100px; margin: 64px auto; }
.wg-pill { position: fixed; left: 16px; bottom: 16px; z-index: 9990; padding: 10px 16px; background: #0b0c0fe6; border: 1px solid #c9a96e; color: #e8d5a6 !important; font: 600 13px/1 Sora, Inter, sans-serif; text-decoration: none !important; backdrop-filter: blur(8px); }
@media (max-width: 767px) { .wg-pill { bottom: 84px; } .wg-return { padding: 22px 20px; } }
.hai-story #flywheel, .hai-story #flywheel .decor { background: var(--wg-bg) !important; border-radius: 0 !important; box-shadow: none !important; }
.hai-dash .flx-rewards { margin-bottom: 48px !important; }
/* Article pages on the same black ground (the white build gives .sectionContent a white panel). */
.sectionContent, .sectionHero, .single .sectionContent .container { background: var(--wg-bg) !important; }
.sectionContent h2, .sectionContent h3, .sectionContent h4, .sectionContent strong, .sectionContent li strong { color: var(--wg-plat) !important; }
.sectionContent p, .sectionContent li, .sectionContent td { color: #b9bdc3 !important; }
.sectionContent a { color: #e8d5a6 !important; }
.sectionContent hr, .sectionContent table, .sectionContent th, .sectionContent td { border-color: var(--wg-line) !important; }
.sectionContent .listSocials path, .sectionContent [class*="share"] path, .sectionContent [class*="share"] svg { fill: var(--wg-plat) !important; }
.sectionContent blockquote, .sectionContent [class*="toc"], .sectionContent [class*="exhibit"] { background: #121418 !important; border-color: var(--wg-line) !important; }
.sectionContent .wg-return__btn, .wg-return .wg-return__btn { color: #0b0c0f !important; -webkit-text-fill-color: #0b0c0f !important; }
.sectionContent .wg-return__eyebrow { color: #c9a96e !important; }
.sectionContent .wg-return__title { color: var(--wg-plat) !important; }
/* The team now stands on its own: same ground and room as the other sections. */
.hai-ab { background: var(--wg-bg) !important; padding-top: 96px !important; }
.hai-ab .hai-kick, .hai-ab .hai-ab__sub { color: #c9a96e !important; }
@media (min-width: 1100px) { .hai-ab .hai-team--lead { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 18px !important; } }

/* ── Round 22:40 ─────────────────────────────────────────────────────────── */
/* Dashboard on phones in live order: figures, then NASDAQ/snapshot, then notice. */
@media (max-width: 767px) {
  #dashboard .dashboard { display: flex !important; flex-direction: column; }
  #dashboard .dashboard > .sm-ov { order: 1; }
  #dashboard .dashboard > .flx-rewards { order: 2; margin: 48px 0 0 !important; flex-direction: column; align-items: flex-start !important; }
  #dashboard .dashboard > .hai-dash-permalink { order: 3; }
  #dashboard .dashboard > .legal-notice--short { order: 4; }
  #dashboard .dashboard > * { order: 5; }
  #dashboard .dashboard > .sm-ov { order: 1; } #dashboard .dashboard > .flx-rewards { order: 2; } #dashboard .dashboard > .hai-dash-permalink { order: 3; } #dashboard .dashboard > .legal-notice--short { order: 4; }
}
/* One rhythm between sections: 72px desktop, 48px phone, no stacked gaps. */
.hai-story #flywheel { padding: 72px 0 56px !important; }
#dashboard { padding-top: 56px !important; padding-bottom: 56px !important; }
.hai-ab { padding-top: 72px !important; padding-bottom: 56px !important; }
.wg-news { padding: 72px 0 40px !important; }
.sectionRecords, .sectionEvents#investors, .sectionNews { padding-top: 72px !important; padding-bottom: 56px !important; }
.sectionRecords .decor, .sectionEvents .decor, .sectionNews .decor { padding-top: 0 !important; padding-bottom: 0 !important; }
.sm-invitation { margin-top: 40px !important; margin-bottom: 0 !important; }
#capital .sm-invitation { margin: 32px auto 0 !important; max-width: 1290px; padding-left: 72px; padding-right: 72px; }
@media (max-width: 900px) {
  .hai-story #flywheel, #dashboard, .hai-ab, .wg-news, .sectionRecords, .sectionEvents#investors, .sectionNews { padding-top: 48px !important; padding-bottom: 40px !important; }
  /* Map CTA lines up with the card above it. */
  #capital .sm-invitation { padding-left: 18px; padding-right: 18px; margin-top: 24px !important; }
  #capital .sm-invitation .sm-lead-button { width: 100% !important; }
}
/* White + silver headings (the "Insights & Ecosystem" treatment) on more sections. */
.hai-h2 .textGreen, .titleBigBrd .textGreen, .titleBig .textGreen, .hai-dash .titleBigBrd .textGreen {
  background: var(--wv-steel) !important; background-size: 200% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important;
}
.flx-rewards .titleBig .textGreen { background: none !important; color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; }
/* Media and insight images: gold-toned instead of black and white, brighter;
   their own colours on hover. */
.listRecords .boxThumbnail, .listRecords img, .listPosts .cartPost .image .boxBkg {
  filter: grayscale(1) sepia(1) saturate(1.35) hue-rotate(-8deg) brightness(.92) contrast(1.08) !important; opacity: 1 !important;
}
.listRecords .boxItem:hover .boxThumbnail, .listRecords .boxItem:hover img, .listPosts .cartPost:hover .boxBkg,
.listRecords .boxItem:focus-within .boxThumbnail, .listPosts .cartPost:focus-within .boxBkg { filter: none !important; }
@media (hover: none) { .listRecords .boxThumbnail, .listRecords img, .listPosts .cartPost .image .boxBkg { filter: grayscale(.5) sepia(.6) saturate(1.2) brightness(.95) !important; } }
@media (max-width: 900px) {
  #capital .sm-invitation { margin-left: 18px !important; margin-right: 18px !important; padding-left: 0 !important; padding-right: 0 !important; }
  #capital .sm-invitation__actions { align-items: flex-start !important; text-align: left !important; }
  #capital .sm-invitation [data-cta-variant="text"] { align-self: flex-start !important; text-align: left !important; padding-left: 0 !important; }
  .hai-ab { padding-top: 40px !important; }
}
@media (hover: none) { .listRecords .boxThumbnail, .listRecords img, .listPosts .cartPost .image .boxBkg { filter: grayscale(1) sepia(1) saturate(1.35) hue-rotate(-8deg) brightness(.92) contrast(1.08) !important; } }
.sectionRecords, .sectionRecords .decor { border-radius: 0 !important; border-top: 0 !important; }
.sectionRecords::before, .sectionRecords::after, .sectionRecords .decor::before, .sectionRecords .decor::after { display: none !important; }
@media (max-width: 900px) { #capital .sm-invitation__actions > :not([data-cta-variant="primary"]), #capital .sm-invitation__actions > :not([data-cta-variant="primary"]) * { text-align: left !important; justify-content: flex-start !important; width: auto !important; } }
/* Thumbnails: their own colours, already re-toned to Solmate gold/bronze/steel
   at build time; no gold filter over the whole image any more. */
.listRecords .boxThumbnail, .listRecords img, .listPosts .cartPost .image .boxBkg,
.listRecords .boxItem:hover .boxThumbnail, .listPosts .cartPost:hover .boxBkg { filter: none !important; }
@media (hover: none) { .listRecords .boxThumbnail, .listRecords img, .listPosts .cartPost .image .boxBkg { filter: none !important; } }
.listRecords .boxItem .boxThumbnail, .listPosts .cartPost .boxBkg { transition: transform .5s ease !important; }
.listRecords .boxItem:hover .boxThumbnail, .listPosts .cartPost:hover .boxBkg { transform: scale(1.03); }

/* ── Tight rhythm (JP, 12 Oct 23:05) ───────────────────────────────────────
   One section gap: 56px desktop, 32px phone. Inside sections, blocks sit
   24-32px apart. Nothing else adds space. */
.hai-dash .wg-dash-head { margin: 0 0 28px; }
.hai-dash .wg-dash-head__kick { margin: 0 0 8px !important; font: 500 12px/1.4 "JetBrains Mono", ui-monospace, monospace !important; letter-spacing: .08em; text-transform: uppercase; color: #c9a96e !important; }
.hai-dash .wg-dash-head__h { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: clamp(36px, 4.4vw, 64px) !important; line-height: 1.02 !important; }
@media (max-width: 767px) { #dashboard .dashboard > .wg-dash-head { order: 0 !important; } }

.hai-story #flywheel { padding: 56px 0 24px !important; }
#flywheel .boxDecor.wg-flywheel { margin: 16px 0 24px !important; }
#dashboard { padding-top: 40px !important; padding-bottom: 24px !important; }
.hai-dash .flx-rewards { margin-bottom: 32px !important; }
.hai-dash .sm-ov__groups { gap: 40px !important; }
.hai-dash .hai-dash-permalink { margin-top: 24px !important; }
.hai-dash .legal-notice--short { margin-top: 24px !important; padding-top: 20px !important; margin-bottom: 0 !important; }
.sm-invitation { margin-top: 24px !important; padding-top: 20px !important; padding-bottom: 0 !important; }
.hai-adx .stage { padding-bottom: 0 !important; }
#capital .sm-invitation { margin-top: 16px !important; margin-bottom: 0 !important; }
.hai-ab { padding-top: 56px !important; padding-bottom: 24px !important; }
.hai-ab .hai-ab__head { margin-bottom: 24px !important; }
.wg-news, .sectionRecords, .sectionEvents#investors, .sectionNews { padding-top: 56px !important; padding-bottom: 24px !important; }
.sectionRecords .titleBigBrd, .sectionNews .titleBigBrd, .sectionEvents .titleBigBrd { margin-bottom: 24px !important; }
.sectionRecords .listRecords { margin-top: 0 !important; }
.listPosts { margin-top: 0 !important; }
.listPosts .cartPost .boxInfo, .listPosts .cartPost .text { padding-bottom: 0 !important; }
.sm-contact { padding-top: 56px !important; padding-bottom: 56px !important; }
@media (max-width: 900px) {
  .hai-story #flywheel { padding: 32px 0 8px !important; }
  #dashboard { padding-top: 24px !important; padding-bottom: 8px !important; }
  .hai-dash .sm-ov__groups { gap: 28px !important; }
  .hai-dash .sm-ov__tiles { row-gap: 24px !important; }
  .hai-dash .flx-rewards { margin: 28px 0 0 !important; }
  .hai-ab, .wg-news, .sectionRecords, .sectionEvents#investors, .sectionNews { padding-top: 32px !important; padding-bottom: 8px !important; }
  .hai-ab .hai-ab__head { margin-bottom: 16px !important; }
  .hai-ab .hai-team { row-gap: 20px !important; }
  .hai-adx .stage__inner { padding-bottom: 0 !important; }
  .hai-adx .card { margin-bottom: 0 !important; }
  .sm-invitation { margin-top: 20px !important; padding-top: 16px !important; }
  .sm-contact { padding-top: 40px !important; padding-bottom: 40px !important; }
  .listPosts { row-gap: 28px !important; }
  .listPosts .cartPost .name, .listPosts .cartPost h3 { margin-bottom: 8px !important; min-height: 0 !important; }
}
/* Insight cards: no forced title height (left 80px holes on phones). */
.listPosts .cartPost .boxText, .listPosts .cartPost .name, .listPosts .cartPost .title { min-height: 0 !important; height: auto !important; }
#flywheel .decor.black1 { padding-bottom: 0 !important; }
#dashboard .dashboard.ver1 { margin-top: 0 !important; }
.listPosts .cartPost { margin-bottom: 24px !important; }
@media (max-width: 900px) { .hai-adx .card { margin-top: calc(64px + 100vw * 0.5625 - 8px) !important; } }
.hai-dash .wg-dash-head { margin-bottom: 20px !important; } @media (min-width: 768px) { .hai-dash .flx-rewards { margin-top: 0 !important; } }

/* ── Round 23:15 ─────────────────────────────────────────────────────────── */
/* News band → flywheel: tight. */
.hai-story #flywheel { padding-top: 32px !important; }
@media (max-width: 900px) { .hai-story #flywheel { padding-top: 20px !important; } }
/* NASDAQ: SLMT sits close under the figures. */
@media (max-width: 767px) { .hai-dash .flx-rewards { margin-top: 12px !important; } .hai-dash .flx-rewards .titleBig { margin-bottom: 4px !important; } }
/* The map section was pulled up 32px over the dashboard CTA, cutting the
   Contact Investor Relations button in half. */
#capital { margin-top: 0 !important; }
#dashboard [data-invitation] { margin-bottom: 24px !important; }
/* Media coverage: a little more room under "Powered by Kaleidoscope". */
#media { padding-top: 72px !important; }
@media (max-width: 900px) { #media { padding-top: 56px !important; } }
/* Text-only media items (Solmate's Santori says …): close under the video cards. */
#media .listRecordsShort { margin-top: 16px !important; }
#media .listRecordsShort .boxItem { margin-bottom: 20px !important; }
#media .listRecordsShort .name { margin-bottom: 10px !important; }
@media (max-width: 767px) { #dashboard .dashboard > .flx-rewards { margin: 16px 0 0 !important; } }
#media .listRecordsShort .boxData, #media .listRecordsShort .boxData *, #media .listRecordsShort .sourse, #media .listRecordsShort time { color: #9aa0a8 !important; -webkit-text-fill-color: #9aa0a8 !important; opacity: 1 !important; }
@media (max-width: 1100px) { #header > .flx { justify-content: space-between !important; padding-left: 16px !important; padding-right: 16px !important; } #header .logoBox { margin: 0 auto 0 0 !important; order: -1; } }

/* ── Insights page + governance documents (JP, 12 Oct 23:30) ────────────── */
/* Insights hero: no white panel; obsidian with a gold rim, white + silver title. */
.boxInfoDecor, .boxInfoDecor > .pr, .sectionHero .boxInfoDecor {
  background: linear-gradient(180deg, #14161a, #0e1013) !important; border: 1px solid #c9a96e40 !important;
  box-shadow: 0 30px 80px #00000080, inset 0 1px 0 #ffffff0d !important; color: var(--wg-plat) !important;
}
.boxInfoDecor > .pr { background: none !important; border: 0 !important; box-shadow: none !important; }
.boxInfoDecor h1.name { color: var(--wg-plat) !important; -webkit-text-fill-color: var(--wg-plat) !important; opacity: 1 !important; }
.boxInfoDecor p, .boxInfoDecor .desc, .boxInfoDecor .text { color: #b9bdc3 !important; opacity: 1 !important; }
.boxInfoDecor a, .boxInfoDecor button { color: #e8d5a6 !important; border-color: #c9a96e80 !important; background: transparent !important; }
.boxInfoDecor a:hover, .boxInfoDecor button:hover { border-color: #c9a96e !important; }
.boxInfoDecor .active, .boxInfoDecor .is-active, .boxInfoDecor .current { background: #c9a96e !important; color: #0b0c0f !important; border-color: #c9a96e !important; }
/* Article cards on the Insights page: readable dates. */
.listPosts .cartPost time, .listPosts .cartPost .date, .listPosts .cartPost .data > *:last-child { color: #9aa0a8 !important; opacity: 1 !important; }
/* Governance documents: dark cards, gold S mark, platinum titles. */
.grd { background: linear-gradient(180deg, #16181c, #0e1013) !important; border: 1px solid #c9a96e40 !important; box-shadow: 0 20px 50px #00000080 !important; }
.grd, .grd * { color: var(--wg-plat) !important; }
a:hover .grd { border-color: #c9a96e !important; }
.boxInfoDecor a[aria-current="false"] { background: transparent !important; color: #e8d5a6 !important; border: 1px solid #c9a96e80 !important; } .boxInfoDecor a[aria-current="true"] { background: #c9a96e !important; color: #0b0c0f !important; border: 1px solid #c9a96e !important; }

/* ── Disclaimer page + standalone dashboard (JP, 12 Oct 23:45) ───────────── */
/* Same treatment as the Insights hero: obsidian panel, gold rim, readable type. */
.legal-notice, .card:not(.rewards) {
  background: linear-gradient(180deg, #14161a, #0e1013) !important; border: 1px solid #c9a96e40 !important;
  box-shadow: 0 30px 80px #00000080, inset 0 1px 0 #ffffff0d !important; color: var(--wg-plat) !important;
}
.legal-notice p, .legal-notice li { color: #b9bdc3 !important; opacity: 1 !important; }
.legal-notice h2, .legal-notice h3, .legal-notice__title, .legal-notice .eyebrow, .legal-notice [class*="title"] {
  color: #c9a96e !important; -webkit-text-fill-color: #c9a96e !important; opacity: 1 !important;
}
.legal-notice hr, .legal-notice [class*="section"] { border-color: var(--wg-line) !important; }
.legal-notice small, .legal-notice .legal-notice__meta, .legal-notice p:last-child small { color: var(--wg-steel) !important; }
.hai-disclaimer-back { color: #e8d5a6 !important; border-color: #c9a96e80 !important; }
.hai-disclaimer-eyebrow { color: #c9a96e !important; }
/* Standalone dashboard cards. */
.card:not(.rewards) .titleBigBrd, .card:not(.rewards) h2, .card:not(.rewards) h3 { color: var(--wg-plat) !important; -webkit-text-fill-color: var(--wg-plat) !important; opacity: 1 !important; border-left-color: #c9a96e !important; }
.card:not(.rewards) .card-value p { color: var(--wg-plat) !important; opacity: 1 !important; }
.card:not(.rewards) .card-derived--headline .card-value p { color: #c9a96e !important; }
.card:not(.rewards) p, .card:not(.rewards) .fig-disclaimer, .card:not(.rewards) .sublabel p { color: #b9bdc3 !important; opacity: 1 !important; }
.card:not(.rewards) strong, .card:not(.rewards) b { color: var(--wg-plat) !important; }
.card:not(.rewards) .card-derived, .card:not(.rewards) .card-body > *, .card:not(.rewards) hr { border-color: var(--wg-line) !important; }
.methodology, .source-table, .source-table th, .source-table td { border-color: var(--wg-line) !important; color: #b9bdc3 !important; }
.source-table th { color: var(--wg-plat) !important; }
/* Mobile header: logo a touch smaller (JP, 13 Oct). */
@media (max-width: 1100px) { #header .logoBox img.logoImage, #header .logoBox .logoImage { height: 21px !important; width: auto !important; min-width: 0 !important; } }
/* Mobile header: a little more height, so the rule under it sits lower (JP, 13 Oct). */
@media (max-width: 1100px) { #header > .flx { padding-top: 9px !important; padding-bottom: 8px !important; align-items: center !important; } #header .buttonBox { top: 50% !important; transform: translateY(-50%) !important; } }

/* ── 13 Oct 00:05 ───────────────────────────────────────────────────────── */
/* Homepage notice: the panel needs inner room (text ran to the rim on phones). */
.hai-dash .legal-notice--short { padding: 24px 24px 22px !important; border-radius: 14px !important; }
@media (max-width: 767px) { .hai-dash .legal-notice--short { padding: 20px 18px 18px !important; } }
/* Labels: no typewriter font, no diamond. Clean Inter, small, tracked. */
.titleSmall p, .sm-ov__group-title, .legal-notice__title, [class*="__eyebrow"], .sm-contact__eyebrow,
.hai-dash .sm-ov__status, .wg-return__eyebrow, .sm-invitation__eyebrow, .hai-kick, .hai-ab__sub {
  font-family: Inter, -apple-system, sans-serif !important; font-weight: 600 !important;
  letter-spacing: .14em !important; text-transform: uppercase;
}
.hai-dash .sm-ov__status { font-weight: 500 !important; letter-spacing: .08em !important; }
.titleSmall p::before, .sm-ov__group-title::before, .sm-contact__eyebrow::before, .hai-hero__eyebrow::before { content: none !important; display: none !important; }
@media (max-width: 767px) { #flywheel .boxDecor.wg-flywheel { margin: 16px 0 24px !important; width: 100% !important; border-radius: 10px; } }