@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap");

/*
  TEMP FULL SITE CSS
  Converted from kinetic_pages.less for the temporary Cloudflare-hosted site.
  The original XenForo LESS is preserved unchanged in /xenforo-source/kinetic_pages.less.
  Page class names intentionally remain the same for easy migration back into XenForo Page nodes.
*/

:root {
  /* Temporary-site equivalents of the Kinetic/Quill default light theme. */
  --xf-borderColor: #ddd0c2;
  --xf-contentAltBg: #f6efe4;
  --xf-contentBg: #fffbf4;
  --xf-linkColor: #76583b;
  --xf-paletteGreen3: #4f7c59;
  --xf-paletteOrange3: #9a6700;
  --xf-textColor: #261f19;
  --xf-textColorMuted: #79726a;
  --site-bg: #f6efe4;
  --site-header: #76583b;
  --site-header-hover: #684d34;
  --site-header-pressed: #5e462f;
  --site-width: 1200px;
  --font-sans: "Atkinson Hyperlegible Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Kinetic/Quill default dark theme. */
    --xf-borderColor: #3a332c;
    --xf-contentAltBg: #181512;
    --xf-contentBg: #211d19;
    --xf-linkColor: #d7b894;
    --xf-paletteGreen3: #81b88b;
    --xf-paletteOrange3: #ffd54f;
    --xf-textColor: #f8f4ee;
    --xf-textColorMuted: #a7a49f;
    --site-bg: #181512;
    --site-header: #211d19;
    --site-header-hover: #332a23;
    --site-header-pressed: #3b3027;
  }
}

* { box-sizing: border-box; }
html { color-scheme: light dark; }
body {
  margin: 0;
  background: var(--site-bg);
  color: var(--xf-textColor);
  font-family: var(--font-sans);
  line-height: 1.4;
}
a { color: var(--xf-linkColor); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Keep technical/fixed-width text visually aligned with the main Atkinson family. */
code, pre, kbd, samp, .is-monospace, .kMono {
  font-family: var(--font-mono);
}
.siteHeader {
  background: var(--site-header);
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.18);
}
.siteHeader__inner {
  max-width: var(--site-width);
  margin: 0 auto;
  padding: 18px 20px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.siteBrand {
  color: #fff;
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: 1.1;
  white-space: nowrap;
}
.siteBrand:hover { text-decoration: none; }
.siteNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.siteNav__group { position: relative; }
.siteNav__topLink,
.siteNav__group > .siteNav__topLink {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 7px;
  color: #fff8ef;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.siteNav__group > .siteNav__topLink::after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 7px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: .75;
}
.siteNav__topLink:hover,
.siteNav__topLink[aria-current="page"],
.siteNav__group:focus-within > .siteNav__topLink {
  background: var(--site-header-hover);
  text-decoration: none;
}
.siteNav__dropdown {
  position: absolute;
  z-index: 50;
  top: calc(100% + 4px);
  left: 50%;
  min-width: 180px;
  padding: 6px;
  border: 1px solid var(--xf-borderColor);
  border-radius: 8px;
  background: var(--xf-contentBg);
  box-shadow: 0 8px 24px rgba(0,0,0,.16);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -4px);
  transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}
.siteNav__dropdown a {
  display: block;
  padding: 9px 11px;
  border-radius: 6px;
  color: var(--xf-textColor);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.siteNav__dropdown a:hover,
.siteNav__dropdown a[aria-current="page"] {
  background: var(--xf-contentAltBg);
  color: var(--xf-linkColor);
  text-decoration: none;
}
.siteNav__group:hover .siteNav__dropdown,
.siteNav__group:focus-within .siteNav__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.siteMain { max-width: var(--site-width); margin: 22px auto 0; padding: 0 20px 10px; }
.siteFooter { margin-top:44px; background:var(--xf-contentBg); border-top:1px solid var(--xf-borderColor); }
.siteFooter__inner { max-width:var(--site-width); margin:0 auto; padding:24px 20px 30px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; color:var(--xf-textColorMuted); font-size:14px; }
.siteFooter__links { display:flex; gap:14px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:8px 14px; border:1px solid var(--xf-borderColor); border-radius:8px; background:var(--xf-contentAltBg); color:var(--xf-textColor); font-weight:600; cursor:pointer; }
.button:hover { text-decoration:none; background:color-mix(in srgb, var(--xf-contentAltBg) 86%, var(--xf-linkColor)); }
.button--primary { border-color:var(--site-header-pressed); background:var(--xf-linkColor); color:#fff; }
.button--primary:hover { background:var(--site-header-hover); }
.button--cta { padding:10px 17px; }
@media (prefers-color-scheme: dark) {
  .siteHeader { color: var(--xf-textColor); }
  .siteBrand,
  .siteNav__topLink,
  .siteNav__group > .siteNav__topLink { color: var(--xf-textColor); }
  .button--primary { color:#181512; }
}
@media (max-width: 720px) {
  .siteHeader__inner { padding: 15px 12px 10px; gap: 8px; }
  .siteNav { gap: 2px; }
  .siteNav__topLink,
  .siteNav__group > .siteNav__topLink { padding: 8px 9px; font-size: 13px; }
  .siteNav__dropdown { min-width: 165px; }
  .siteMain { margin-top:14px; padding-inline:12px; }
}
@media (max-width: 520px) {
  .siteNav { width: 100%; }
  .siteNav__topLink,
  .siteNav__group > .siteNav__topLink { padding-inline: 8px; letter-spacing: .02em; }
}

/*
	Kinetic shared marketing/page styles
	Target: XenForo 2.3.x public templates

	Keep colors tied to XenForo style properties so these pages inherit
	the active Kinetic/XenForo light or dark theme rather than hard-coding
	a separate visual system.
*/

.kineticPage
{
	--k-radius-xl: 22px;
	--k-radius-lg: 16px;
	--k-radius-md: 12px;
	--k-gap: 20px;
	--k-gap-lg: 30px;
	--k-max-reading: 760px;
}

/* ---------- Shared hero ---------- */

.kHero
{
	position: relative;
	overflow: hidden;
	margin-bottom: 34px;
	padding: 66px 48px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-xl);
	background:
		radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--xf-linkColor) 18%, transparent), transparent 32%),
		linear-gradient(145deg, var(--xf-contentBg), var(--xf-contentAltBg));
}

.kHero--compact
{
	padding-top: 44px;
	padding-bottom: 44px;
}

.kHero--split
{
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
	align-items: center;
	gap: 38px;
}

.kHero-inner
{
	position: relative;
	z-index: 1;
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
}

.kHero--split .kHero-inner
{
	max-width: none;
	margin: 0;
	text-align: start;
}

.kEyebrow
{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 16px;
	padding: 7px 12px;
	border: 1px solid var(--xf-borderColor);
	border-radius: 999px;
	background: var(--xf-contentAltBg);
	color: var(--xf-textColorMuted);
	font-size: 13px;
	font-weight: 600;
}

.kHero-title
{
	margin: 0;
	color: var(--xf-textColor);
	font-size: clamp(36px, 6vw, 64px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -.035em;
}

.kHero--compact .kHero-title
{
	font-size: clamp(32px, 5vw, 50px);
}

.kAccent
{
	color: var(--xf-linkColor);
}

.kHero-copy
{
	max-width: 720px;
	margin: 22px auto 0;
	color: var(--xf-textColorMuted);
	font-size: 18px;
	line-height: 1.65;
}

.kHero--split .kHero-copy
{
	margin-inline-start: 0;
	margin-inline-end: 0;
}

.kActions
{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.kHero-inner:not(.kTextStart) .kActions
{
	justify-content: center;
}

.kTextStart
{
	text-align: start;
}

/* ---------- General sections ---------- */

.kSection
{
	margin-bottom: 42px;
}

.kSection--narrow
{
	max-width: var(--k-max-reading);
	margin-inline: auto;
}

.kSectionHead
{
	margin-bottom: 19px;
}

.kSectionHead--center
{
	max-width: 760px;
	margin-inline: auto;
	margin-bottom: 24px;
	text-align: center;
}

.kSectionTitle
{
	margin: 0 0 7px;
	font-size: 25px;
	font-weight: 750;
}

.kSectionCopy,
.kMuted
{
	color: var(--xf-textColorMuted);
}

.kSectionCopy
{
	margin: 0;
	line-height: 1.6;
}

.kLead
{
	font-size: 18px;
	line-height: 1.75;
}

.kGrid2,
.kGrid3,
.kGrid4
{
	display: grid;
	gap: var(--k-gap);
}

.kGrid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kGrid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kGrid4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.kCard
{
	padding: 24px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-lg);
	background: var(--xf-contentBg);
}

.kCard--soft
{
	border-color: transparent;
	background: var(--xf-contentAltBg);
}

.kCard--interactive
{
	display: flex;
	flex-direction: column;
	transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.kCard--interactive:hover
{
	transform: translateY(-2px);
	border-color: var(--xf-linkColor);
	box-shadow: 0 9px 30px rgba(0, 0, 0, .08);
}

.kCardIcon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--xf-linkColor) 10%, transparent);
	color: var(--xf-linkColor);
	font-size: 20px;
}

.kCardTitle
{
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
}

.kCardCopy
{
	margin: 0;
	color: var(--xf-textColorMuted);
	line-height: 1.6;
}

.kCardFooter
{
	margin-top: auto;
	padding-top: 22px;
}

.kCallout
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 28px 30px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-lg);
	background: var(--xf-contentBg);
}

.kCallout h2,
.kCallout h3
{
	margin: 0 0 6px;
}

.kCallout p
{
	margin: 0;
	color: var(--xf-textColorMuted);
}

.kPill
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--xf-contentAltBg);
	color: var(--xf-textColorMuted);
	font-size: 12px;
	font-weight: 650;
}

.kPill--good
{
	background: color-mix(in srgb, var(--xf-paletteGreen3) 15%, transparent);
	color: var(--xf-paletteGreen3);
}

.kPill--warn
{
	background: color-mix(in srgb, var(--xf-paletteOrange3) 16%, transparent);
	color: var(--xf-paletteOrange3);
}

/* ---------- Home ---------- */

.kHomeProducts .kCard
{
	min-height: 265px;
}

.kHomeTrust
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 18px;
	border-radius: var(--k-radius-lg);
	background: var(--xf-contentAltBg);
}

.kTrustItem
{
	display: flex;
	gap: 10px;
	padding: 10px;
}

.kTrustItem > i,
.kTrustItem > svg
{
	color: var(--xf-linkColor);
}

/* ---------- Product overview ---------- */

.kProductMap
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-xl);
}

.kProductMapItem
{
	position: relative;
	padding: 30px;
	background: var(--xf-contentBg);
}

.kProductMapItem + .kProductMapItem
{
	border-inline-start: 1px solid var(--xf-borderColor);
}

.kProductMapNumber
{
	margin-bottom: 16px;
	color: var(--xf-linkColor);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* ---------- Product detail ---------- */

.kProductVisual
{
	min-height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-lg);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--xf-linkColor) 14%, transparent), transparent 55%),
		var(--xf-contentAltBg);
}

.kProductVisualIcon
{
	font-size: 86px;
	color: var(--xf-linkColor);
	opacity: .85;
}

.kFeatureList
{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kFeature
{
	display: flex;
	gap: 11px;
	padding: 17px;
	border-radius: var(--k-radius-md);
	background: var(--xf-contentAltBg);
}

.kFeatureIcon
{
	flex: 0 0 auto;
	color: var(--xf-linkColor);
}

.kFeatureTitle
{
	display: block;
	margin-bottom: 3px;
	font-weight: 700;
}

.kFeatureText
{
	color: var(--xf-textColorMuted);
	font-size: 14px;
	line-height: 1.5;
}

/* ---------- About ---------- */

.kStory
{
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr);
	gap: 36px;
	align-items: start;
}

.kStoryAside
{
	position: sticky;
	top: 78px;
	padding: 24px;
	border-radius: var(--k-radius-lg);
	background: var(--xf-contentAltBg);
}

.kStoryAside ul
{
	margin: 12px 0 0;
	padding-inline-start: 18px;
	color: var(--xf-textColorMuted);
	line-height: 1.7;
}

/* ---------- Roadmap ---------- */

.kRoadmapLegend
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.kRoadmap
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: start;
}

.kRoadmapLane
{
	padding: 18px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-lg);
	background: var(--xf-contentAltBg);
}

.kRoadmapLaneTitle
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
	font-size: 17px;
	font-weight: 750;
}

.kRoadmapItem
{
	padding: 16px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-md);
	background: var(--xf-contentBg);
}

.kRoadmapItem + .kRoadmapItem
{
	margin-top: 10px;
}

.kRoadmapItem h3
{
	margin: 0 0 5px;
	font-size: 15px;
}

.kRoadmapItem p
{
	margin: 0;
	color: var(--xf-textColorMuted);
	font-size: 13px;
	line-height: 1.5;
}

/* ---------- Changelog ---------- */

.kRelease
{
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 26px;
	padding: 26px 0;
	border-bottom: 1px solid var(--xf-borderColor);
}

.kRelease:first-child
{
	padding-top: 0;
}

.kReleaseVersion
{
	font-size: 21px;
	font-weight: 800;
}

.kReleaseDate
{
	margin-top: 5px;
	color: var(--xf-textColorMuted);
	font-size: 13px;
}

.kReleaseBody h3
{
	margin: 0 0 9px;
	font-size: 18px;
}

.kReleaseBody ul
{
	margin: 8px 0 0;
	padding-inline-start: 19px;
	line-height: 1.7;
}

/* ---------- Accessibility ---------- */

.kAccessibilityPromise
{
	padding: 30px;
	border-inline-start: 5px solid var(--xf-linkColor);
	border-radius: var(--k-radius-md);
	background: var(--xf-contentAltBg);
}

.kAccessRow
{
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 26px;
	padding: 22px 0;
	border-bottom: 1px solid var(--xf-borderColor);
}

.kAccessRow h3
{
	margin: 0;
	font-size: 17px;
}

.kAccessRow p
{
	margin: 0;
	color: var(--xf-textColorMuted);
	line-height: 1.65;
}

/* ---------- FAQ ---------- */

.kFaq
{
	max-width: 850px;
	margin-inline: auto;
}

.kFaq details
{
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-md);
	background: var(--xf-contentBg);
}

.kFaq details + details
{
	margin-top: 10px;
}

.kFaq summary
{
	cursor: pointer;
	padding: 18px 20px;
	font-weight: 700;
}

.kFaqAnswer
{
	padding: 0 20px 19px;
	color: var(--xf-textColorMuted);
	line-height: 1.65;
}

/* ---------- Pricing ---------- */

.kPricing
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.kPriceCard
{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 26px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-xl);
	background: var(--xf-contentBg);
}

.kPriceCard--featured
{
	border-color: var(--xf-linkColor);
	box-shadow: inset 0 0 0 1px var(--xf-linkColor);
}

.kPrice
{
	margin: 18px 0 6px;
	font-size: 34px;
	font-weight: 800;
}

.kPriceMeta
{
	color: var(--xf-textColorMuted);
	font-size: 13px;
}

.kPriceFeatures
{
	margin: 22px 0;
	padding: 0;
	list-style: none;
}

.kPriceFeatures li
{
	display: flex;
	gap: 9px;
	padding: 7px 0;
}

.kPriceFeatures i,
.kPriceFeatures svg
{
	color: var(--xf-linkColor);
}

.kPriceFooter
{
	margin-top: auto;
}

/* ---------- Press ---------- */

.kPressIntro
{
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
	gap: 30px;
}

.kBoilerplate
{
	padding: 24px;
	border-inline-start: 4px solid var(--xf-linkColor);
	background: var(--xf-contentAltBg);
	border-radius: var(--k-radius-md);
	line-height: 1.75;
}

.kAssetCard
{
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 18px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-md);
	background: var(--xf-contentBg);
}

.kAssetCard + .kAssetCard
{
	margin-top: 10px;
}

.kAssetIcon
{
	width: 42px;
	text-align: center;
	color: var(--xf-linkColor);
	font-size: 22px;
}

/* ---------- Status ---------- */

.kStatusSummary
{
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 22px 25px;
	border: 1px solid var(--xf-borderColor);
	border-radius: var(--k-radius-lg);
	background: var(--xf-contentBg);
}

.kStatusDot
{
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--xf-paletteGreen3);
	box-shadow: 0 0 0 5px color-mix(in srgb, var(--xf-paletteGreen3) 15%, transparent);
}

.kService
{
	display: grid;
	grid-template-columns: minmax(160px, 1fr) auto;
	align-items: center;
	gap: 18px;
	padding: 18px 20px;
	border-bottom: 1px solid var(--xf-borderColor);
	background: var(--xf-contentBg);
}

.kService:first-child
{
	border-radius: var(--k-radius-lg) var(--k-radius-lg) 0 0;
}

.kService:last-child
{
	border-bottom: 0;
	border-radius: 0 0 var(--k-radius-lg) var(--k-radius-lg);
}

.kServiceName
{
	font-weight: 700;
}

.kServiceMeta
{
	margin-top: 3px;
	color: var(--xf-textColorMuted);
	font-size: 13px;
}

/* ---------- Responsive ---------- */

@media (max-width: 900px)
{
	.kHero
	{
		padding: 48px 25px;
	}

	.kHero--split,
	.kStory,
	.kPressIntro
	{
		grid-template-columns: 1fr;
	}

	.kStoryAside
	{
		position: static;
	}

	.kGrid3,
	.kGrid4,
	.kHomeTrust,
	.kProductMap,
	.kRoadmap,
	.kPricing
	{
		grid-template-columns: 1fr;
	}

	.kGrid2,
	.kFeatureList
	{
		grid-template-columns: 1fr;
	}

	.kProductMapItem + .kProductMapItem
	{
		border-inline-start: 0;
		border-top: 1px solid var(--xf-borderColor);
	}
}

@media (max-width: 650px)
{
	.kHero
	{
		padding: 38px 18px;
	}

	.kHero-copy
	{
		font-size: 16px;
	}

	.kActions,
	.kCallout
	{
		align-items: stretch;
		flex-direction: column;
	}

	.kActions .button,
	.kCallout .button
	{
		width: 100%;
	}

	.kRelease,
	.kAccessRow
	{
		grid-template-columns: 1fr;
		gap: 10px;
	}
}


/* ---------- Temporary static-shell polish (2026-08 account prototype pass) ---------- */
:where(a,button,input,select,textarea):focus-visible { outline:3px solid color-mix(in srgb,var(--xf-linkColor) 42%,transparent); outline-offset:3px; }
.siteHeader__inner { padding-top:16px; padding-bottom:11px; }
.siteBrand { font-size:26px; letter-spacing:-.035em; }
.siteNav__group { display:flex; align-items:center; }
.siteNav__group > .siteNav__topLink::after { display:none; }
.siteNav__menuToggle { display:inline-grid; place-items:center; width:28px; height:32px; margin-left:-7px; border:0; border-radius:6px; background:transparent; color:#fff8ef; cursor:pointer; }
.siteNav__menuToggle span { width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; opacity:.78; }
.siteNav__menuToggle:hover,.siteNav__menuToggle:focus-visible,.siteNav__group.is-open .siteNav__menuToggle { background:var(--site-header-hover); }
.siteNav__group.is-open .siteNav__dropdown { opacity:1; visibility:visible; transform:translate(-50%,0); }
.siteNav__account { margin-left:4px; border:1px solid rgba(255,255,255,.28); }
.siteFooter__links a { min-height:30px; display:inline-flex; align-items:center; }
.button:disabled { cursor:not-allowed; opacity:.58; }
.kCard,.kPriceCard,.kAssetCard,.kStatusSummary,.kCallout { box-shadow:0 1px 0 rgba(0,0,0,.025); }
@media (prefers-color-scheme:dark){.siteNav__menuToggle{color:var(--xf-textColor)}.siteNav__account{border-color:var(--xf-borderColor)}}
@media (hover:none),(max-width:720px){.siteNav__group:hover .siteNav__dropdown:not(:focus-within){opacity:0;visibility:hidden;transform:translate(-50%,-4px)}.siteNav__group.is-open .siteNav__dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}}
@media (max-width:650px){.siteHeader__inner{align-items:stretch}.siteBrand{text-align:center}.siteNav{justify-content:center}.siteNav__dropdown{position:fixed; top:auto; left:12px; right:12px; min-width:0; transform:translateY(-4px)}.siteNav__group.is-open .siteNav__dropdown{transform:translateY(0)}.siteNav__account{margin-left:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}