/* YUIFAB site-wide tonmana (matches top). Loaded last so it can override per-page CSS. */
:root{
  --radius:20px;
  --radius-btn:12px;
  --shadow:0 1px 2px rgba(27,42,74,.04);
  --hair:#E8EDF4;
}

html,body{background:#F5F7FA !important;}
.wrap{max-width:1080px !important;}
.hdwrap{max-width:1160px !important;}

/* cursor demo off */
html.cur-on,html.cur-on *{cursor:auto !important;}
.cur-ring,.cur-dot{display:none !important;}

header{
  background:#0E1830 !important;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.cta-btn,.hd .cta-btn{
  background:var(--cta-bg,#C2662F) !important;
  color:#fff !important;
  border-radius:12px !important;
}
.hd .panel{
  border-radius:16px !important;
  border-color:#E8EDF4 !important;
  box-shadow:0 12px 32px rgba(27,42,74,.12) !important;
}

/* inner page hero */
.page-hero{
  background:#0E1830 !important;
  padding:88px 0 72px !important;
}
.page-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(169,180,200,.32);
  background:rgba(255,255,255,.07);
  letter-spacing:.12em !important;
  font-size:11px !important;
  color:#D5DEEE !important;
  margin-bottom:20px !important;
}
.page-hero h1{
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  line-height:1.35 !important;
  text-wrap:pretty;
}
.page-hero p{color:#C5D0E4 !important;font-size:16px !important;line-height:1.75;}

section{padding:80px 0;}
h2{
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  line-height:1.3 !important;
  text-wrap:pretty;
}
.sec-eyebrow{
  display:inline-flex;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(27,42,74,.06);
  letter-spacing:.08em !important;
  font-family:var(--sans) !important;
  color:#1B2A4A !important;
  font-size:11px !important;
}

.card,.st,.art,.relation,.form-wrap,.faq details,.sw,.typefig,.fig,.fl,.money .m{
  border-radius:20px !important;
  border-color:#E8EDF4 !important;
  box-shadow:0 1px 2px rgba(27,42,74,.04);
  background:#fff;
}
.art{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.art:hover{
  transform:translateY(-3px);
  border-color:#D5DDE8 !important;
  box-shadow:0 14px 36px rgba(27,42,74,.08);
}

.btn-main,.submit,.bc-btn,.art-cta a{
  border-radius:12px !important;
  background:var(--cta-bg,#C2662F) !important;
  color:#fff !important;
}
.btn-ghost{border-radius:12px !important;}

.cta-band{background:#0E1830 !important;border-radius:0;}
.art-cta{
  background:#0E1830 !important;
  border-radius:20px !important;
}

.art-head h1{
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  text-wrap:pretty;
}
.art-body h2{font-weight:700 !important;letter-spacing:-.015em !important;}
.art-body table{
  border-radius:12px;
  overflow:hidden;
  border:1px solid #E8EDF4;
}
.art-body th,.art-body td{border-color:#E8EDF4 !important;}
table.company{border-radius:12px;overflow:hidden;}
table.company th,table.company td{border-color:#E8EDF4 !important;}

footer{background:#fff !important;border-top:1px solid #E8EDF4 !important;}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  border-radius:8px;
}

/* AI widget vs footer / mobile menu */
#copilot-container{
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}
#copilot-container.is-footer-hidden,
body:has(.mobnav.open) #copilot-container{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(12px);
}