/* Wuaci public master site */
:root {
  --site-aubergine: #111111;
  --site-aubergine-dark: #111111;
  --site-aubergine-light: #d4d4d4;
  --site-copper: #b86e3d;
  --site-copper-dark: #8f4f2a;
  --site-copper-light: #d89a72;
  --site-jade: #355c8a;
  --site-jade-dark: #24466e;
  --site-jade-light: #6f91b7;
  --site-canvas: #f5f6f7;
  --site-surface: #ffffff;
  --site-ink: #111111;
  --site-muted: #6f6f6f;
  --site-line: #d4d4d4;
  --site-success: #16a34a;
  --site-warning: #f59e0b;
  --site-hero: #160c18;
}

html { scroll-behavior: smooth; }
body.auth-page:has(.wuaci-site),
.auth-main:has(.wuaci-site) { min-height: 100vh; padding: 0; background: var(--site-canvas); }
.wuaci-site { min-width: 320px; overflow: hidden; color: var(--site-ink); background: var(--site-canvas); font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif; }
.wuaci-site * { box-sizing: border-box; }
.wuaci-site a { color: inherit; text-decoration: none; }
.wuaci-site summary { font: inherit; }
.wuaci-site h1,
.wuaci-site h2,
.wuaci-site h3,
.wuaci-site p { margin-top: 0; }

.site-hero-shell { color: #fff; background: radial-gradient(circle at 69% 35%, rgba(111,58,91,.22), transparent 34rem), radial-gradient(circle at 100% 0, rgba(168,111,145,.1), transparent 30rem), var(--site-hero); }
.site-header { display: grid; width: min(1180px, calc(100% - 3rem)); min-height: 5.75rem; align-items: center; gap: 2rem; margin: 0 auto; grid-template-columns: auto 1fr auto; }
.site-logo { display: inline-flex; width: 112px; align-items: center; }
.site-logo img { display: block; width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: clamp(1.2rem, 3vw, 2.4rem); font-size: .76rem; font-weight: 650; }
.site-nav > a,
.site-nav summary { color: rgba(255,255,255,.9); }
.site-nav > a:hover,
.site-nav summary:hover { color: var(--site-copper-light); }
.site-nav details { position: relative; }
.site-nav summary { display: flex; align-items: center; gap: .38rem; padding: .7rem 0; list-style: none; cursor: pointer; }
.site-nav summary::-webkit-details-marker { display: none; }
.site-nav details[open] summary { color: var(--site-copper-light); }
.site-nav-menu { position: absolute; z-index: 20; top: calc(100% + .3rem); left: 50%; display: grid; width: 15rem; gap: .15rem; padding: .45rem; color: var(--site-ink); background: var(--site-surface); border: 1px solid var(--site-line); border-radius: .65rem; box-shadow: 0 18px 50px rgba(0,0,0,.26); transform: translateX(-50%); }
.site-nav-menu a { display: grid; gap: .12rem; padding: .7rem .75rem; border-radius: .4rem; }
.site-nav-menu a:hover { color: var(--site-aubergine-dark); background: var(--site-canvas); }
.site-nav-menu strong { font-size: .76rem; }
.site-nav-menu small { color: var(--site-muted); font-size: .62rem; font-weight: 500; }
.site-header-actions { display: flex; align-items: center; gap: 1rem; font-size: .75rem; font-weight: 700; }
.site-signin-link:hover { color: var(--site-copper-light); }
.site-mobile-menu { display: none; }

.site-button { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; gap: .65rem; padding: .75rem 1.1rem; border: 1px solid transparent; border-radius: .45rem; font-size: .78rem; font-weight: 760; transition: transform .15s ease, background .15s ease, border-color .15s ease; }
.site-button:hover { transform: translateY(-2px); }
.site-button-small { min-height: 2.6rem; padding: .65rem .9rem; }
.site-button-light { color: var(--site-ink) !important; background: var(--site-surface); box-shadow: 0 8px 24px rgba(0,0,0,.16); }
.site-button-light:hover { color: var(--site-aubergine-dark) !important; background: #fff; }
.site-button-ghost { color: #fff !important; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.025); }
.site-button-ghost:hover { border-color: var(--site-aubergine-light); background: rgba(168,111,145,.09); }
.site-button-aubergine { color: #fff !important; background: var(--site-aubergine); }
.site-button-aubergine:hover { background: var(--site-aubergine-dark); }

.site-hero { display: grid; width: min(1180px, calc(100% - 3rem)); min-height: 35rem; align-items: center; gap: clamp(3rem, 7vw, 7rem); margin: 0 auto; padding: 3.2rem 0 4.5rem; grid-template-columns: minmax(0,.82fr) minmax(32rem,1.18fr); }
.site-eyebrow { margin-bottom: 1.25rem; color: var(--site-copper-light); font-size: .66rem; font-weight: 820; letter-spacing: .06em; text-transform: uppercase; }
.site-hero h1 { margin-bottom: 1.55rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 5.5vw, 4.9rem); font-weight: 500; line-height: 1.02; letter-spacing: -.055em; }
.site-hero-lede { max-width: 30rem; margin-bottom: 0; color: rgba(255,255,255,.75); font-size: clamp(1rem, 1.5vw, 1.12rem); line-height: 1.65; }
.site-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.85rem; }

.site-dashboard { position: relative; min-width: 0; padding: 1.45rem 1.45rem .85rem; background: linear-gradient(145deg, rgba(111,58,91,.2), rgba(78,40,63,.13)), rgba(255,255,255,.025); border: 1px solid rgba(168,111,145,.28); border-radius: .75rem; box-shadow: 0 30px 65px rgba(0,0,0,.32); }
.site-dashboard-label { position: absolute; top: -1.7rem; right: 0; color: rgba(255,255,255,.42); font-size: .56rem; letter-spacing: .06em; text-transform: uppercase; }
.site-dashboard-head { display: flex; justify-content: space-between; gap: 1rem; color: rgba(255,255,255,.78); font-size: .68rem; }
.site-dashboard-head b { display: inline-grid; width: .85rem; height: .85rem; margin-left: .2rem; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .5rem; }
.site-dashboard-total { display: block; margin-top: 1.1rem; font-size: 1.65rem; font-weight: 560; }
.site-dashboard-change { margin: .35rem 0 0; font-size: .66rem; }
.site-dashboard-change b,
.site-dashboard-metrics .is-up { color: #5ed8ad; }
.site-dashboard-change span { color: rgba(255,255,255,.38); }
.site-line-chart { margin: .7rem -.15rem 0; }
.site-line-chart svg { display: block; width: 100%; height: 9.7rem; overflow: visible; }
.site-chart-area { fill: url(#chart-fill); }
.site-chart-line { fill: none; stroke: #d98bd1; stroke-width: 2.2; vector-effect: non-scaling-stroke; }
.site-line-chart > div { display: flex; justify-content: space-between; padding: 0 .8rem .8rem; color: rgba(255,255,255,.32); font-size: .52rem; }
.site-dashboard-metrics { display: grid; gap: .5rem; padding-top: .8rem; border-top: 1px solid rgba(255,255,255,.07); grid-template-columns: repeat(4,minmax(0,1fr)); }
.site-dashboard-metrics article { display: grid; min-width: 0; gap: .45rem; padding: .8rem; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.055); border-radius: .42rem; }
.site-dashboard-metrics small { overflow: hidden; color: rgba(255,255,255,.65); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.site-dashboard-metrics strong { overflow: hidden; font-size: clamp(.72rem,1.2vw,.95rem); font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.site-dashboard-metrics span { font-size: .56rem; }
.site-dashboard-metrics .is-watch { color: var(--site-copper-light); }

.site-trust { padding: 2.2rem 1.5rem; text-align: center; background: var(--site-surface); border-bottom: 1px solid var(--site-line); }
.site-trust p { margin-bottom: 1.3rem; font-size: .72rem; font-weight: 760; }
.site-trust-list { display: flex; max-width: 940px; align-items: center; justify-content: space-between; gap: 1.5rem; margin: 0 auto; color: #817b76; font-family: Georgia, "Times New Roman", serif; font-size: 1.05rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.site-trust-list i { width: 1px; height: 1.8rem; flex: 0 0 auto; background: var(--site-line); }

.site-section { width: min(1180px, calc(100% - 3rem)); margin: 0 auto; padding: clamp(4.5rem,8vw,7rem) 0; }
.site-section-heading { max-width: 50rem; margin: 0 auto 2.5rem; text-align: center; }
.site-section-heading-left { margin-left: 0; text-align: left; }
.site-section-kicker { margin-bottom: .6rem; color: var(--site-aubergine); font-size: .65rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.site-section-heading h2,
.site-pricing h2,
.site-signin h2 { margin-bottom: .75rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem,4vw,3.05rem); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; }
.site-section-heading > span { color: var(--site-muted); font-size: .92rem; }

.site-products { padding-bottom: clamp(4.5rem,8vw,7.5rem); }
.site-product-grid { display: grid; gap: 1.3rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.site-product-card { position: relative; min-width: 0; min-height: 31rem; overflow: hidden; padding: 2rem 2rem 0; color: #fff; border-radius: .65rem; isolation: isolate; }
.site-product-card::before { position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 90% 105%, rgba(255,255,255,.14), transparent 19rem); content: ""; }
.site-product-business { background: linear-gradient(145deg,var(--site-copper),var(--site-copper-dark)); }
.site-product-finance { background: linear-gradient(145deg,var(--site-jade),var(--site-jade-dark)); }
.site-product-copy { max-width: 25rem; }
.site-product-copy > p { margin-bottom: .55rem; color: rgba(255,255,255,.7); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-product-copy h3 { margin-bottom: .7rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.65rem; font-weight: 500; }
.site-product-copy > span { display: block; color: rgba(255,255,255,.86); font-size: .83rem; line-height: 1.55; }
.site-product-copy > a { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1rem; font-size: .74rem; font-weight: 800; }
.site-product-copy > a:hover { text-decoration: underline; text-underline-offset: .25rem; }
.site-business-preview,
.site-finance-preview { position: absolute; right: 2rem; bottom: -1px; left: 2rem; min-height: 14rem; color: var(--site-ink); background: var(--site-surface); border-radius: .6rem .6rem 0 0; box-shadow: 0 18px 45px rgba(38,35,33,.2); }
.site-business-preview header,
.site-finance-preview header { display: flex; min-height: 2.9rem; align-items: center; justify-content: space-between; padding: .7rem 1rem; border-bottom: 1px solid var(--site-line); font-size: .63rem; font-weight: 760; }
.site-business-preview header small,
.site-finance-preview header small { color: var(--site-muted); font-size: .5rem; }
.site-business-preview-body { display: grid; gap: 1rem; padding: 1.1rem; grid-template-columns: 1fr .9fr; }
.site-business-preview-body > div small,
.site-business-preview-body > div strong,
.site-business-preview-body > div span { display: block; }
.site-business-preview-body small { color: var(--site-muted); font-size: .52rem; }
.site-business-preview-body strong { margin-top: .38rem; font-size: 1rem; }
.site-business-preview-body span { margin-top: .25rem; color: var(--site-success); font-size: .51rem; }
.site-mini-bars { display: flex; height: 4.6rem; align-items: flex-end; gap: .3rem; margin-top: .6rem; }
.site-mini-bars i { width: 100%; height: 30%; background: var(--site-copper-light); border-radius: 2px 2px 0 0; }
.site-mini-bars i:nth-child(2) { height: 58%; }.site-mini-bars i:nth-child(3) { height: 42%; }.site-mini-bars i:nth-child(4) { height: 75%; }.site-mini-bars i:nth-child(5) { height: 51%; }.site-mini-bars i:nth-child(6) { height: 88%; }.site-mini-bars i:nth-child(7) { height: 63%; }
.site-business-preview dl { display: grid; gap: .45rem; margin: 0; }
.site-business-preview dl div { display: flex; justify-content: space-between; gap: .7rem; padding-bottom: .38rem; border-bottom: 1px solid var(--site-line); }
.site-business-preview dt,
.site-business-preview dd { margin: 0; font-size: .54rem; }
.site-business-preview dt { color: var(--site-muted); }
.site-finance-preview-body { display: grid; align-items: center; gap: 1rem; padding: 1.1rem; grid-template-columns: 7.5rem 1fr; }
.site-donut { display: grid; width: 6.8rem; height: 6.8rem; place-items: center; background: conic-gradient(var(--site-jade) 0 48%,var(--site-jade-light) 48% 68%,#dfe7e3 68% 100%); border-radius: 50%; }
.site-donut::before { position: absolute; width: 4.3rem; height: 4.3rem; background: var(--site-surface); border-radius: 50%; content: ""; }
.site-donut span { position: relative; display: grid; text-align: center; }
.site-donut strong { font-size: 1rem; }.site-donut small { color: var(--site-jade); font-size: .48rem; }
.site-finance-preview dl { display: grid; gap: .65rem; margin: 0; }
.site-finance-preview dl div { display: flex; justify-content: space-between; gap: .7rem; }
.site-finance-preview dt,
.site-finance-preview dd { margin: 0; font-size: .56rem; }
.site-finance-preview dt { color: var(--site-muted); }.site-finance-preview dt i { display: inline-block; width: .3rem; height: .3rem; margin-right: .4rem; background: var(--site-jade); border-radius: 50%; }

.site-solutions { width: 100%; padding-right: max(1.5rem,calc((100% - 1180px)/2)); padding-left: max(1.5rem,calc((100% - 1180px)/2)); background: var(--site-surface); border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); }
.site-solution-grid { display: grid; gap: 2.5rem; grid-template-columns: repeat(4,minmax(0,1fr)); }
.site-solution-grid article { min-width: 0; }
.site-solution-icon { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: 50%; font-size: 1rem; font-weight: 800; }
.site-solution-icon.is-copper { color: var(--site-copper-dark); background: color-mix(in srgb,var(--site-copper-light) 20%,var(--site-surface)); }
.site-solution-icon.is-aubergine { color: var(--site-aubergine-dark); background: color-mix(in srgb,var(--site-aubergine-light) 18%,var(--site-surface)); }
.site-solution-icon.is-jade { color: var(--site-jade-dark); background: color-mix(in srgb,var(--site-jade-light) 22%,var(--site-surface)); }
.site-solution-grid h3 { margin: 1rem 0 .45rem; font-size: .83rem; }
.site-solution-grid p { margin: 0; color: var(--site-muted); font-size: .75rem; line-height: 1.65; }

.site-pricing { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.site-pricing > div:first-child { max-width: 44rem; }
.site-pricing > div:first-child > p:last-child { max-width: 39rem; margin-bottom: 0; color: var(--site-muted); line-height: 1.65; }
.site-pricing-actions { display: grid; flex: 0 0 auto; gap: .8rem; text-align: center; }
.site-text-link { color: var(--site-aubergine) !important; font-size: .75rem; font-weight: 800; }

.site-resources { padding-top: 1rem; }
.site-resource-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.site-resource-grid a { display: grid; min-height: 12rem; align-content: space-between; padding: 1.4rem; background: var(--site-surface); border: 1px solid var(--site-line); border-radius: .6rem; transition: border-color .15s ease, transform .15s ease; }
.site-resource-grid a:hover { border-color: var(--site-aubergine-light); transform: translateY(-3px); }
.site-resource-grid small { color: var(--site-aubergine); font-size: .63rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.site-resource-grid strong { max-width: 18rem; font-family: Georgia,"Times New Roman",serif; font-size: 1.25rem; font-weight: 500; line-height: 1.25; }
.site-resource-grid span { color: var(--site-muted); font-size: .7rem; font-weight: 760; }

.site-signin { display: flex; min-height: 10rem; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.3rem max(1.5rem,calc((100% - 850px)/2)); color: #fff; background: radial-gradient(circle at 75% 0,rgba(168,111,145,.24),transparent 22rem),var(--site-aubergine-dark); }
.site-signin p { margin-bottom: .35rem; color: var(--site-aubergine-light); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.site-signin h2 { margin-bottom: .35rem; font-size: clamp(1.6rem,3vw,2.3rem); }
.site-signin > div:first-child > span { color: rgba(255,255,255,.65); font-size: .78rem; }
.site-signin > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.site-signin > div:last-child a { display: inline-flex; min-height: 2.8rem; align-items: center; padding: .7rem .9rem; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.18); border-radius: .4rem; font-size: .72rem; font-weight: 760; }
.site-signin > div:last-child a:hover { background: rgba(255,255,255,.13); border-color: var(--site-aubergine-light); }

.site-footer { padding: 3rem max(1.5rem,calc((100% - 1180px)/2)) 1.4rem; background: var(--site-surface); }
.site-footer-grid { display: grid; gap: 2.5rem; grid-template-columns: 1.45fr repeat(4,1fr); }
.site-footer-brand p { max-width: 16rem; margin: .8rem 0; color: var(--site-muted); font-size: .74rem; line-height: 1.6; }
.site-footer-brand > a:last-child { color: var(--site-aubergine); font-size: .72rem; font-weight: 760; }
.site-footer nav { display: grid; align-content: start; gap: .65rem; }
.site-footer nav strong { margin-bottom: .25rem; font-size: .7rem; }
.site-footer nav a { width: max-content; color: var(--site-muted); font-size: .7rem; }
.site-footer nav a:hover { color: var(--site-aubergine); }
.site-footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; padding-top: 1.2rem; color: var(--site-muted); border-top: 1px solid var(--site-line); font-size: .66rem; }
.site-footer-bottom a:hover { color: var(--site-aubergine); }

@media (max-width: 1000px) {
  .site-nav { display: none; }
  .site-header { grid-template-columns: auto 1fr auto auto; }
  .site-header-actions { justify-self: end; }
  .site-mobile-menu { position: relative; display: block; }
  .site-mobile-menu > summary { display: grid; width: 2.5rem; height: 2.5rem; align-content: center; gap: .25rem; padding: .6rem; list-style: none; border: 1px solid rgba(255,255,255,.2); border-radius: .4rem; cursor: pointer; }
  .site-mobile-menu > summary::-webkit-details-marker { display: none; }
  .site-mobile-menu > summary span { height: 1px; background: #fff; }
  .site-mobile-menu nav { position: absolute; z-index: 30; top: calc(100% + .5rem); right: 0; display: grid; width: min(19rem,calc(100vw - 3rem)); padding: .5rem; color: var(--site-ink); background: var(--site-surface); border: 1px solid var(--site-line); border-radius: .6rem; box-shadow: 0 20px 50px rgba(0,0,0,.3); }
  .site-mobile-menu nav a { padding: .75rem; border-radius: .35rem; font-size: .78rem; font-weight: 700; }
  .site-mobile-menu nav a:hover { color: var(--site-aubergine); background: var(--site-canvas); }
  .site-hero { grid-template-columns: 1fr; }
  .site-hero-copy { max-width: 42rem; }
  .site-dashboard { width: min(100%,43rem); }
  .site-solution-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-footer-grid { grid-template-columns: 1.4fr repeat(2,1fr); }
}

@media (max-width: 720px) {
  .site-header { width: min(100% - 2rem,1180px); min-height: 4.8rem; gap: .8rem; grid-template-columns: 1fr auto; }
  .site-header-actions { display: none; }
  .site-logo { width: 96px; }
  .site-hero { width: min(100% - 2rem,1180px); min-height: 0; gap: 2.7rem; padding: 3rem 0; grid-template-columns: minmax(0,1fr); }
  .site-hero h1 { font-size: clamp(2.7rem,13vw,4.1rem); }
  .site-dashboard { padding: 1rem .75rem .65rem; }
  .site-line-chart svg { height: 8rem; }
  .site-dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-trust-list { flex-wrap: wrap; justify-content: center; gap: .75rem 1.1rem; font-size: .78rem; }
  .site-trust-list i { height: 1rem; }
  .site-section { width: min(100% - 2rem,1180px); }
  .site-product-grid,
  .site-solution-grid,
  .site-resource-grid { grid-template-columns: 1fr; }
  .site-product-card { min-height: 30rem; padding: 1.4rem 1.4rem 0; }
  .site-business-preview,
  .site-finance-preview { right: 1.1rem; left: 1.1rem; }
  .site-pricing,
  .site-signin { display: grid; }
  .site-pricing-actions { justify-items: start; text-align: left; }
  .site-signin > div:last-child { justify-content: flex-start; }
  .site-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 440px) {
  .site-hero-actions .site-button { width: 100%; }
  .site-line-chart > div span:nth-child(even) { display: none; }
  .site-business-preview-body { grid-template-columns: 1fr 1fr; }
  .site-finance-preview-body { grid-template-columns: 6rem 1fr; }
  .site-donut { width: 5.6rem; height: 5.6rem; }
  .site-donut::before { width: 3.5rem; height: 3.5rem; }
  .site-footer-grid { grid-template-columns: 1fr; }
  .site-footer-brand { grid-column: auto; }
  .site-footer-bottom { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .site-button,
  .site-resource-grid a { transition: none; }
}