/* Shared header and footer for all eight static pages. */
@font-face{font-family:Lato;src:url('../assets/fonts/lato-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('../assets/fonts/lato-900.woff2') format('woff2');font-weight:800 900;font-display:swap}
:root{--header-height:64px;--r-ink:#111c2d;--r-muted:#5e6e83;--r-surface:#f3f7fb;--r-radius:10px;--r-blue:#075fc4;--r-red:#9f1d23;--r-line:#e1e8ef;--r-font:Lato,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.site-header{position:sticky;top:0;z-index:50;height:var(--header-height);background:#fff;color:var(--r-ink);line-height:1.65}
.r-container{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}
.r-header-inner{display:flex;align-items:center;gap:35px;height:100%}
.r-logo{display:inline-flex;flex-shrink:0;align-items:center;width:220px}
.r-logo img{display:block;width:100%;height:auto}
.r-header .r-logo img{width:120px;max-width:100%}
@media(max-width:640px){.r-header .r-logo img{width:108px}}
.r-navigation{display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;margin-left:24px}
/* The Chinese glyphs sit slightly above the brand wordmark at equal padding. */
.r-navigation a{font-size:16px;line-height:1.5;color:#4b5566;padding-block:17px 15px}
.r-navigation :is(a,button):hover,.r-footer a:hover{color:var(--r-red)}
.r-header-actions{margin-left:auto;display:flex;align-items:center;gap:20px;flex-shrink:0}
.r-header button{font-family:inherit}

.r-login{font-size:14px;line-height:1.5;padding:12px 0;border:0;background:none;color:#4b5566}
.r-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;border:0;border-radius:6px;background:var(--r-red);color:white;padding:0 26px;font-size:15px;font-weight:600;white-space:nowrap}
.r-button:hover{color:white}
.r-button img{filter:brightness(0) invert(1);flex-shrink:0}
.r-register{min-height:36px;padding-inline:24px;font-size:14px;line-height:1.5;border-radius:5px}






.r-menu-toggle{display:none;border:0;background:none;align-items:center;justify-content:center;width:42px;height:44px;padding:8px}
.r-mobile-menu{position:absolute;top:var(--header-height);left:0;right:0;background:#fff;padding:16px 24px 22px;box-shadow:0 12px 20px #11243b15;max-height:calc(100dvh - var(--header-height));overflow-y:auto}
.r-mobile-menu a,.r-mobile-menu>button{display:block;padding:13px 10px;width:100%;font-size:16px;text-align:left;border:0;background:none}
.r-mobile-menu>button{color:var(--r-red);font-weight:600}
@media(max-width:1390px){.r-container{width:calc(100% - 96px)}.r-header-inner{gap:24px}.r-logo{width:185px}.r-navigation{margin-left:8px;gap:20px}.r-header-actions{gap:17px}.r-register{padding-inline:20px}}
@media(max-width:1150px){.r-header-inner{gap:18px}.r-navigation{margin-left:0;gap:16px}.r-header-actions{gap:14px}.r-logo{width:180px}}
@media(max-width:1023px){:root{--header-height:60px}.r-container{width:calc(100% - 48px)}.r-navigation,.r-login{display:none}.r-header-actions{margin-left:auto;gap:12px}.r-menu-toggle{display:flex}.r-register{font-size:12px;line-height:inherit;min-height:34px;padding:0 19px}.r-logo{width:190px}}
@media(max-width:640px){:root{--header-height:56px}.r-container{width:calc(100% - 40px)}.r-header-inner{gap:10px}.r-logo{width:166px}.r-header-actions{gap:6px}.r-register{padding-inline:13px;min-height:32px;font-size:12px}.r-menu-toggle{width:36px}}
@media(max-width:370px){.r-container{width:calc(100% - 32px)}.r-logo{width:150px}.r-register{padding-inline:10px}.r-header-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){.r-button{transition:none}}
.r-mobile-menu [data-home-info]{color:var(--r-ink);font-weight:400}

.r-footer {
  padding: 32px 0 0;
  border-top: 1px solid var(--r-line);
  background: #f5f6f7;
  color: var(--r-ink);
  line-height: 1.65;
}
.r-footer-main {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(20px, 3.75vw, 48px);
  padding-bottom: 36px;
}
.r-footer .r-footer-main > .r-logo {
  width: 160px;
  max-width: 100%;
}
.r-footer .footer-group summary {
  display: block;
  min-height: 0;
  margin: 4px 0 12px;
  color: var(--r-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
.r-footer .footer-group summary::-webkit-details-marker { display: none; }
.r-footer .footer-group summary i { display: none; }
.r-footer .footer-group ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.r-footer .footer-group :is(a, button) {
  display: flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 3px 0;
  border: 0;
  background: none;
  color: var(--r-muted);
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.r-footer .footer-group :is(a, button):hover,
.r-footer-bottom button:hover {
  color: var(--r-red);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.r-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  padding: 20px 0 34px;
  border-top: 1px solid var(--r-line);
  color: var(--r-muted);
  font-size: 12px;
}
.r-footer-bottom p { margin: 0; }
.r-footer-legal {
  display: flex;
  gap: 24px;
  margin-inline-start: auto;
}
.r-footer-bottom button {
  min-height: 32px;
  padding: 4px 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
}
.r-footer-bottom .floating-actions { position: static; }
.r-footer-bottom .support-toggle { width: auto; gap: 6px; border-radius: 0; box-shadow: none; }
.r-footer-bottom .support-toggle i { font-size: 13px; }
.r-footer-bottom .support-toggle span { display: inline; }
@media (width > 640px) {
  /* Keep the legal controls above the fixed consultation button at the page end. */
  :is(.search-template-refined, .detail-template-refined) .r-footer-bottom { padding-bottom: 72px; }
}
@media (max-width: 640px) {
  .r-footer { padding-top: 24px; }
  .r-footer-main { display: block; padding-bottom: 0; }
  .r-footer .r-footer-main > .r-logo { width: 144px; margin-bottom: 16px; }
  .r-footer .footer-group { border-top: 1px solid var(--r-line); }
  .r-footer .footer-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    margin: 0;
    padding: 8px 0;
    font-size: 14px;
  }
  .r-footer .footer-group summary i { display: block; color: var(--r-muted); font-size: 9px; }
  .r-footer .footer-group[open] summary i { transform: rotate(45deg); }
  .r-footer .footer-group ul { gap: 0; padding-bottom: 8px; }
  .r-footer .footer-group :is(a, button) { width: 100%; min-height: 44px; }
  .r-footer-bottom { flex-direction: column; align-items: flex-start; gap: 4px; padding: 16px 0 20px; }
  .r-footer-legal { margin-inline-start: 0; }
  .r-footer-bottom button { min-height: 44px; }
}

.r-header,.r-footer{font-family:var(--r-font)}
.r-button,.support-toggle,.modal-submit,.retention-primary,.retention-secondary,.detail-button,.company-fit-cta,.workbench-filter-apply,.workbench-search>button,.r-proof-action{
  position:relative;isolation:isolate;overflow:hidden;
}
/* A single light sweep for action surfaces, never an idle loop or a moving button. */
:is(.r-button,.support-toggle,.modal-submit,.retention-primary,.retention-secondary,.detail-button,.company-fit-cta,.workbench-filter-apply,.workbench-search>button,.r-proof-action)::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(110deg,transparent 28%,rgb(255 255 255 / 8%) 40%,rgb(255 255 255 / var(--button-sheen-strength, .38)) 50%,rgb(255 255 255 / 8%) 60%,transparent 72%);
  opacity:0;transform:translateX(-115%);
}
:is(.retention-secondary,.detail-button--secondary,.company-fit-cta,.r-proof-action){--button-sheen-strength:.85}
:is(.r-button,.support-toggle,.modal-submit,.retention-primary,.retention-secondary,.detail-button,.company-fit-cta,.workbench-filter-apply,.workbench-search>button,.r-proof-action):is(:disabled,[aria-disabled="true"],[aria-busy="true"])::before{content:none}
@keyframes button-sheen{
  0%{transform:translateX(-115%);opacity:0}
  12%{opacity:1}
  78%{opacity:1}
  100%{transform:translateX(115%);opacity:0}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :is(.r-button,.support-toggle,.modal-submit,.retention-primary,.retention-secondary,.detail-button,.company-fit-cta,.workbench-filter-apply,.workbench-search>button,.r-proof-action):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover::before{animation:button-sheen 680ms cubic-bezier(.22,.61,.36,1) both}
}
@media(prefers-reduced-motion:no-preference){
  :is(.r-button,.support-toggle,.modal-submit,.retention-primary,.retention-secondary,.detail-button,.company-fit-cta,.workbench-filter-apply,.workbench-search>button,.r-proof-action):not(:disabled,[aria-disabled="true"],[aria-busy="true"]):focus-visible::before{animation:button-sheen 680ms cubic-bezier(.22,.61,.36,1) both}
}
.r-navigation a[aria-current]{color:var(--r-red);font-weight:600}
.r-account-state:empty{display:none}
.r-account-state .workspace-demo-account{display:inline-flex;align-items:center;color:var(--r-muted);font-size:12px;white-space:nowrap;background:none;border:0;padding:8px 0}
.r-header :is(a,button):focus-visible,.r-footer :is(a,button,summary):focus-visible{outline:2px solid var(--r-blue);outline-offset:3px}
@media(max-width:1023px){.r-preview-label{display:none}.r-account-state .workspace-demo-account{font-size:12px}.r-header-actions [hidden]{display:none!important}}
@media(max-width:640px){.detail-page .floating-actions{background:#fff}}
@media(max-width:800px){
  :is(.detail-page.detail-template-refined,.search-page.search-template-refined) .support-toggle{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}
  :is(.detail-page.detail-template-refined,.search-page.search-template-refined) .support-toggle span{display:none}
  .detail-template-refined .floating-actions[data-project-actions-visible]:not(:focus-within):has(.support-toggle[aria-expanded="false"]){visibility:hidden;pointer-events:none}
}