/* Quant product information: preserve the shared SJAX navigation and themes. */
html {
  scroll-behavior:auto!important;
  scroll-padding-top:0
}
main section[id] {
  scroll-margin-top:105px
}
.reveal {
  opacity:1;
  transform:none
}
.quant-hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.hero .quant-visual-note {
  font-size:12px!important;
  line-height:1.6;
  margin-bottom:0
}
.hero h1 {
  font-size:clamp(40px,4.9vw,64px)!important;
  line-height:1.18!important
}
.hero-grid {
  gap:40px
}
.section-head h2 {
  line-height:1.25!important
}
.card h3 {
  font-size:20px;
  line-height:1.45
}
.card p {
  line-height:1.85
}
.quant-trust-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.quant-scope {
  margin-top:22px;
  padding:24px 28px;
  border:1px solid var(--sj-line,#dce8e3);
  border-radius:18px;
  background:var(--sj-soft,#f1f7f3)
}
.quant-scope strong {
  font-size:16px
}
.quant-scope p {
  margin:10px 0 0;
  line-height:1.85
}
.quant-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  list-style:none;
  padding:0;
  margin:0
}
.quant-steps li {
  padding:25px 22px;
  border:1px solid var(--sj-line,#dce8e3);
  border-radius:18px;
  background:var(--sj-panel,#fff)
}
.quant-steps li>span {
  display:inline-flex;
  font-size:12px;
  font-weight:800;
  color:#8a6425;
  border-bottom:2px solid #c7a56a;
  padding-bottom:5px
}
.quant-steps h3 {
  margin:16px 0 8px;
  font-size:20px
}
.quant-steps p {
  margin:0;
  font-size:14px;
  line-height:1.8
}
.quant-faq details {
  padding:20px 24px;
  border:1px solid var(--sj-line,#dce8e3);
  border-radius:14px;
  margin:12px 0;
  background:var(--sj-panel,#fff)
}
.quant-faq summary {
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  line-height:1.6
}
.quant-faq details p {
  margin:14px 0 0;
  max-width:960px;
  line-height:1.9
}
.quant-faq details[open] {
  border-color:#b28a45
}
main a:focus-visible,summary:focus-visible {
  outline:3px solid #2563eb;
  outline-offset:5px
}
img {
  max-width:100%
}
@media(max-width:900px) {
  .quant-trust-grid {
  grid-template-columns:1fr
}
.quant-steps {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
}
@media(max-width:600px) {
  .hero-grid {
  gap:24px
}
.quant-steps {
  grid-template-columns:1fr
}
.quant-scope {
  padding:20px
}
.quant-faq details {
  padding:18px
}
.hero h1 {
  font-size:40px!important
}
}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
.btn,.btn-outline {
  transition:none
}
}

:root {
  --sj-muted:#50695d
}
.quant-scope {
  background:var(--sj-panel-soft,#f0f8f3)
}

@media(max-width:600px) {
  .hero h1 {
  font-size:34px!important
}
.section-head h2 {
  font-size:32px!important
}
}

html[data-color-mode="dark"] {
  --sj-panel:#17201b;
  --sj-panel-soft:#1d2b23;
  --sj-muted:#a7b8ae;
  --sj-text:#e7f0ea;
  --sj-line:rgba(215,235,222,.17)
}
html[data-color-mode="dark"] .quant-steps li>span {
  color:#d7ad63
}
html[data-color-mode="dark"] .quant-scope,html[data-color-mode="dark"] .quant-faq details,html[data-color-mode="dark"] .quant-steps li {
  color:#e7f0ea
}