/* Ergo Workspace product styles */
:root {
  --ergo-accent: #fe9603;
  --ergo-ink: #203140;
  --ergo-soft: #f6f7fb;
  --ergo-muted: #66768b;
}
#particles-line { display: none; }
html { scroll-behavior: smooth; }
.page-title .page-title-content span,
.heading-block span,
.text-muted { max-width: 78ch; }
.card { border-radius: 20px; }
.button.button-rounded { border-radius: 999px; }
.slider-title h1, .slider-title h2 { line-height: 1.05; letter-spacing: -0.03em; }
.slider-title p { font-size: 1.05rem; max-width: 58ch; }
#result .card, #result .p-3.rounded { margin-top: 1rem; }
#result h3 { line-height: 1.15; }
#result h5 { line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
#result .card-body, .home-review-card .card-body { padding-left: 1.5rem; padding-right: 1.5rem; }
#result ul, #result ol, .home-review-card ul { padding-left: 1.2rem; }
#supportFaqs .accordion-button { font-weight: 600; }
[id$="-guide"]:target { outline: 3px solid rgba(254,150,3,0.35); box-shadow: 0 0 0 10px rgba(254,150,3,0.08); }
#result, #explain { transition: all .2s ease; }
#logo a { display: inline-flex; align-items: center; }
#logo img { height: 34px; width: auto; max-width: 150px; object-fit: contain; }
.site-footer-links {
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(32,49,64,.12);
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  justify-content: center;
  font-size: .92rem;
  color: var(--ergo-muted);
}
.site-footer-links a {
  color: #5d6b7d;
  text-decoration: none;
}
.site-footer-links a:hover {
  color: var(--ergo-ink);
  text-decoration: underline;
}
@media (min-width: 992px) {
  .content-wrap > .container.py-5:last-child { padding-top: 2rem !important; }
  .primary-menu-trigger { display: none !important; }
  .primary-menu,
  .primary-menu.with-arrows {
    display: flex !important;
    position: static !important;
    height: auto !important;
    width: auto !important;
    margin: 0 0 0 1.5rem !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .primary-menu .menu-container,
  .primary-menu.with-arrows .menu-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 1rem;
    width: auto !important;
    height: auto !important;
  }
}
@media (max-width: 991.98px) {
  #logo img { height: 28px; max-width: 120px; }
  .primary-menu-trigger { display: block !important; }
  .primary-menu,
  .primary-menu.with-arrows {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    margin: 0 12px !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 0.75rem 1rem !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.12) !important;
  }
  #header.dark .primary-menu,
  .dark .primary-menu { background: #203140 !important; }
  body.menu-open .primary-menu,
  body.menu-open .primary-menu.with-arrows { display: block !important; }
  body.menu-open .primary-menu .menu-container,
  body.menu-open .primary-menu.with-arrows .menu-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: .35rem !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .primary-menu .menu-item,
  .primary-menu.with-arrows .menu-item { display: block !important; width: 100% !important; }
  .primary-menu .menu-link,
  .primary-menu.with-arrows .menu-link { display: block !important; width:100% !important; padding: .85rem .5rem !important; border-radius: 14px !important; }
  .primary-menu .menu-link div,
  .primary-menu.with-arrows .menu-link div { display: block !important; white-space: normal !important; }
}


#logo { line-height: 1 !important; }
#logo a { display: inline-flex !important; align-items: center !important; }
#logo img,
#logo .logo-default,
#logo .logo-dark {
  height: 30px !important;
  max-height: 30px !important;
  width: auto !important;
  max-width: 120px !important;
  object-fit: contain !important;
}
@media (max-width: 991.98px) {
  #logo img,
  #logo .logo-default,
  #logo .logo-dark {
    height: 24px !important;
    max-height: 24px !important;
    max-width: 100px !important;
  }
}


#logo,
#logo a {
  height: 30px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}
#logo img,
#logo .logo-default,
#logo .logo-dark {
  display: block !important;
  height: 30px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  width: auto !important;
  max-width: 120px !important;
}
@media (max-width: 991.98px) {
  #logo,
  #logo a {
    height: 24px !important;
    max-height: 24px !important;
    min-height: 24px !important;
    line-height: 24px !important;
  }
  #logo img,
  #logo .logo-default,
  #logo .logo-dark {
    height: 24px !important;
    max-height: 24px !important;
    min-height: 24px !important;
    max-width: 100px !important;
  }
}

/* 20260505d visual cleanup */
#logo,
#logo a {
  height: 26px !important;
  max-height: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}
#logo img,
#logo .logo-mark,
#logo .logo-default,
#logo .logo-dark {
  display: block !important;
  height: 26px !important;
  max-height: 26px !important;
  min-height: 26px !important;
  width: auto !important;
  max-width: 110px !important;
  object-fit: contain !important;
}
.ergo-compact-page-title {
  position: relative;
  padding: 92px 0 34px !important;
  min-height: auto !important;
}
.ergo-compact-page-title .page-title-content h1 {
  font-size: clamp(1.45rem, 2.4vw, 2.1rem) !important;
  line-height: 1.12 !important;
  margin-bottom: .35rem !important;
}
.ergo-compact-page-title .page-title-content span {
  font-size: .98rem !important;
  line-height: 1.45 !important;
  opacity: .94 !important;
}
.ergo-page-title-bg {
  opacity: .16 !important;
  object-fit: cover !important;
}
@media (max-width: 991.98px) {
  #logo,
  #logo a {
    height: 22px !important;
    max-height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
  #logo img,
  #logo .logo-mark,
  #logo .logo-default,
  #logo .logo-dark {
    height: 22px !important;
    max-height: 22px !important;
    min-height: 22px !important;
    max-width: 92px !important;
  }
  .ergo-compact-page-title {
    padding: 84px 0 28px !important;
  }
}


/* 20260505e unified inner-page intro */
.ergo-intro-shell { padding: 72px 0 12px; }
.ergo-intro-card {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,247,251,.98));
  border: 1px solid rgba(32,49,64,.08);
  border-radius: 24px;
  padding: 28px 28px 24px;
  box-shadow: 0 18px 50px rgba(23,32,48,.08);
}
.ergo-intro-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6a7688;
  margin-bottom: .85rem;
}
.ergo-intro-kicker::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--ergo-accent);
}
.ergo-intro-card h1 {
  font-size: clamp(1.5rem, 2.6vw, 2.4rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  margin-bottom: .65rem;
}
.ergo-intro-card p {
  margin: 0;
  max-width: 62ch;
  color: #5d6b7d;
  font-size: 1rem;
  line-height: 1.55;
}
@media (max-width: 991.98px) {
  .ergo-intro-shell { padding: 64px 0 8px; }
  .ergo-intro-card { padding: 22px 18px 18px; border-radius: 18px; }
}


/* 20260505g footer prominence + trust polish */
.site-footer-links { margin-top: 1.5rem; padding: 1.25rem 0 2.25rem; font-size: 1rem; gap: .9rem 1.15rem; font-weight: 500; }
.site-footer-links a { color: #4a5a6d; }
.site-footer-links a:hover { color: var(--ergo-ink); }
#result .badge i, #result h5 i { vertical-align: -1px; }
.home-review-card ul li + li { margin-top: .55rem; }


/* 20260505h homepage depth */
.home-hero-surface { position: relative; }
.home-hero-surface::after { content:''; position:absolute; inset:auto 5% 8% auto; width:300px; height:300px; border-radius:999px; background: radial-gradient(circle, rgba(254,150,3,.18), rgba(254,150,3,0) 70%); pointer-events:none; }
.home-section-kicker { display:inline-flex; align-items:center; gap:.45rem; font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; color:#6a7688; margin-bottom:.85rem; }
.home-section-kicker::before { content:''; width:10px; height:10px; border-radius:999px; background:var(--ergo-accent); }
.home-deep-band { background: linear-gradient(180deg, #203140 0%, #243748 100%); color:#fff; border-radius:28px; overflow:hidden; box-shadow:0 20px 60px rgba(23,32,48,.18); }
.home-deep-band .text-muted { color:rgba(240,245,249,.75) !important; }
.home-visual-card { background:#fff; border-radius:24px; box-shadow:0 18px 45px rgba(23,32,48,.08); overflow:hidden; height:100%; }
.home-visual-card img { width:100%; display:block; background:#f6f7fb; }
.home-visual-card .card-body { padding:1.4rem 1.4rem 1.45rem; }
.home-metric-strip { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1rem; }
.home-metric { background:#fff; border:1px solid rgba(32,49,64,.08); border-radius:22px; padding:1.15rem 1.15rem 1.05rem; box-shadow:0 12px 36px rgba(23,32,48,.06); }
.home-metric strong { display:block; font-size:1.6rem; line-height:1; color:#203140; margin-bottom:.45rem; }
.home-list-clean { list-style:none; padding-left:0; margin:0; }
.home-list-clean li + li { margin-top:.75rem; }
.home-list-clean li span { color:#66768b; display:block; margin-top:.18rem; }
@media (max-width: 991.98px) { .home-metric-strip { grid-template-columns:1fr 1fr; } .home-deep-band { border-radius:22px; } }
@media (max-width: 575.98px) { .home-metric-strip { grid-template-columns:1fr; } }
.site-footer-links { margin-top: 1rem; padding: 1rem 0 1.8rem; font-size: 1.04rem; gap: 1rem 1.25rem; font-weight: 600; }


/* 20260505i hero rebuild */
.home-hero-surface { position: relative; overflow:hidden; background: radial-gradient(circle at top right, rgba(254,150,3,.18), rgba(254,150,3,0) 28%), linear-gradient(135deg, #eef2f7 0%, #e7ecf3 100%) !important; }
.home-hero-surface::before { content:''; position:absolute; inset:0; background: linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.22)); pointer-events:none; }
.home-hero-panel { position: relative; z-index:2; background: rgba(255,255,255,.92); border:1px solid rgba(32,49,64,.08); border-radius:28px; padding:2rem 2rem 1.75rem; box-shadow:0 24px 70px rgba(23,32,48,.12); backdrop-filter: blur(6px); }
.home-hero-panel h1 { font-size: clamp(2.2rem, 4.2vw, 4.2rem); line-height: .96; letter-spacing:-0.045em; margin-bottom: .9rem; }
.home-hero-panel p { font-size:1.04rem; line-height:1.7; color:#566679; }
.home-hero-visual { position:relative; z-index:2; }
.home-hero-scene { display:block; width:100%; border-radius:30px; box-shadow:0 28px 80px rgba(23,32,48,.16); }
.home-mini-stack { display:grid; gap:1rem; margin-top:1rem; }
.home-mini-card { background: rgba(255,255,255,.95); border-radius:20px; border:1px solid rgba(32,49,64,.08); padding:1rem 1rem .95rem; box-shadow:0 18px 45px rgba(23,32,48,.1); }
.home-mini-card strong { display:block; color:#203140; margin-bottom:.25rem; }
.home-mini-card span { color:#66768b; font-size:.95rem; line-height:1.45; display:block; }
.home-hero-action-row { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.home-hero-note { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem; margin-top:1.2rem; }
.home-hero-note div { background:rgba(255,255,255,.88); border:1px solid rgba(32,49,64,.06); border-radius:18px; padding:.9rem 1rem; font-size:.92rem; color:#5e6e81; box-shadow:0 14px 35px rgba(23,32,48,.08); }
.home-hero-note strong { display:block; color:#203140; margin-bottom:.18rem; }
@media (max-width: 991.98px) { .home-hero-panel { padding:1.4rem 1.3rem 1.2rem; border-radius:22px; } .home-hero-note { grid-template-columns:1fr; } .home-hero-panel h1 { font-size: clamp(1.9rem, 9vw, 3rem); } }


/* homepage hero normal-flow fix */
.home-hero-block { position: relative; padding: 96px 0 28px; }
.home-hero-inner { position: relative; z-index: 2; }
#slider.home-hero-block, .home-hero-block .slider-inner { min-height: auto !important; height: auto !important; }
@media (max-width: 991.98px) { .home-hero-block { padding: 78px 0 18px; } }

.site-footer-meta{padding:0 0 2rem;text-align:center;color:#748294;font-size:.92rem;display:grid;gap:.25rem;}


/* 20260505m contrast fix */
.text-muted { color: #556579 !important; }
.home-visual-card .text-muted,
.home-metric span,
.card .text-muted,
.ergo-intro-card p,
.site-footer-meta,
.home-mini-card span { color: #556579 !important; }
.home-section-kicker,
.ergo-intro-kicker { color: #5b6c80 !important; }
.site-footer-links a { color: #46576a !important; }
.site-footer-meta { color: #66778a !important; }


/* 20260505n contrast hardening */
body, p, li, span { -webkit-font-smoothing: antialiased; }
.text-muted,
.text-body-secondary,
.card p,
.card li,
.card span,
.card .text-muted,
.home-visual-card p,
.home-visual-card li,
.home-visual-card span,
.home-metric span,
.home-mini-card span,
.ergo-intro-card p,
.heading-block span,
.site-footer-meta,
.container .text-muted { color: #49586b !important; opacity: 1 !important; }
.card .text-muted strong, .home-visual-card .text-muted strong { color: #253646 !important; }
body .bg-light .text-muted,
body .bg-white .text-muted,
body [class*="bg-"] .text-muted { color: #4f5f72 !important; opacity: 1 !important; }
.home-section-kicker, .ergo-intro-kicker { color: #546579 !important; opacity: 1 !important; }
.site-footer-links a { color: #415264 !important; }
.site-footer-meta { color: #5d6e82 !important; }

.audit-result-flash{scroll-margin-top:88px;box-shadow:0 0 0 4px rgba(254,150,3,.18),0 18px 44px rgba(23,32,48,.12)!important;border-radius:20px;animation:auditPulse .9s ease-out 1}
@keyframes auditPulse{0%{box-shadow:0 0 0 0 rgba(254,150,3,.24)}70%{box-shadow:0 0 0 12px rgba(254,150,3,0)}100%{box-shadow:0 0 0 0 rgba(254,150,3,0)}}
@media (max-width: 991.98px){.form-select.form-select-lg,.form-control.form-control-lg{font-size:1rem!important;padding:.85rem .95rem!important}.header-misc .button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px}.primary-menu .menu-link:hover,.primary-menu .menu-link:focus{background:#f6f7fb!important}.home-hero-panel{padding:1.15rem 1rem 1rem;border-radius:20px}.ergo-intro-card{padding:18px 16px 16px}.container.py-5{padding-top:1.4rem!important;padding-bottom:1.4rem!important}#result .card{border:1px solid rgba(32,49,64,.08)!important;box-shadow:none!important;background:#f8fafc!important}#result .card-body{padding:1rem .95rem!important}#result h5{font-size:1rem!important;line-height:1.42!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}#result h5 i{display:inline-block;vertical-align:-1px;margin-right:.45rem!important}#result .badge{white-space:normal!important;text-align:left!important;line-height:1.35!important}}
