.jump{position:sticky;top:88px;z-index:20;background-color:var(--ds-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block:1px solid var(--ds-border)}
.jump .in{display:flex;gap:6px 26px;overflow-x:auto;padding-block:6px}
.jump a{position:relative;color:var(--ds-text-2);text-decoration:none;font-weight:500;padding-block:10px;white-space:nowrap;transition:color var(--ds-dur-1) ease-out}
.jump a:hover{color:var(--ds-accent)}
.fx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,6vw,96px);align-items:center;padding-block:clamp(44px,6vw,88px);border-bottom:1px solid var(--ds-border);scroll-margin-top:150px}
.fx h2{font-size:clamp(1.6rem,1.3rem + 1.3vw,2.5rem)}
.tx p{margin-top:14px;color:var(--ds-text-2);font-size:var(--ds-fs-lead);line-height:1.7}
.vis{background-color:var(--ds-surface-2);border-radius:var(--ds-radius);padding:clamp(18px,3vw,40px);min-width:0}
.vis.ink{background-color:var(--ds-ink)}
.vc{background-color:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);box-shadow:0 18px 40px -22px rgb(12 20 19/.28);overflow:hidden}
.pad{padding:16px 18px;display:grid;gap:10px;font-size:.875rem}
.around{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,6vw,96px)}
.around div{padding-block:26px;border-top:1px solid var(--ds-border)}
.around p{margin-top:10px;color:var(--ds-text-2)}
.not{background-color:var(--ds-warn-soft);border-radius:var(--ds-radius);padding:28px;display:grid;gap:12px;font-size:.9375rem;align-self:start}
.not b{font-weight:600}
@supports (animation-timeline:view()){.tx,.vis,.around>div,.not{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 38%}.vis{animation-range:entry 6% entry 44%}}
@media (max-width:1020px){.fx,.around{grid-template-columns:minmax(0,1fr)}.jump{top:0}}