/* SICURFORM v8 — EDITORIAL TECH: visualità informativa, non decorazione generica */
  .sf6p {
    --sf8-ease: cubic-bezier(0.23, 1, 0.32, 1);
    --sf8-shadow: 0 28px 80px rgba(7, 38, 59, 0.13);
  }
  .sf6p .sf6p__hero {
    isolation: isolate !important;
    min-height: 600px !important;
    display: grid !important;
    align-items: center !important;
  }
  .sf6p .sf6p__hero::before {
    opacity: 0.72 !important;
    mask-image: none !important;
    background-size: 52px 52px !important;
  }
  .sf6p .sf6p__hero::after {
    display: none !important;
  }
  .sf6p .sf6p__hero-grid {
    grid-template-columns: minmax(0, 1.13fr) minmax(390px, 0.87fr) !important;
    gap: 52px !important;
    align-items: center !important;
  }
  .sf6p .sf8-hero-copy {
    position: relative !important;
    z-index: 3 !important;
  }
  .sf6p .sf8-hero-copy::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    left: -28px !important;
    top: -28px !important;
    width: 110px !important;
    height: 6px !important;
    border-radius: 99px !important;
    background: linear-gradient(
      90deg,
      var(--accent),
      color-mix(in srgb, var(--accent) 35%, #ffd84a)
    ) !important;
  }
  .sf6p .sf6p__lead {
    max-width: 59ch !important;
  }
  /* Visuale hero: rete, percorso e segnali animati */
  .sf6p .sf8-visual {
    position: relative !important;
    min-height: 430px !important;
    overflow: hidden !important;
    border: 1px solid color-mix(in srgb, var(--accent) 28%, #fff) !important;
    border-radius: 34px 8px 34px 8px !important;
    background: linear-gradient(
      145deg,
      color-mix(in srgb, var(--dark) 94%, var(--accent)),
      var(--dark)
    ) !important;
    box-shadow: var(--sf8-shadow) !important;
    transform: translateZ(0) !important;
  }
  .sf6p .sf8-visual::before {
    content: "" !important;
    position: absolute !important;
    inset: -35% !important;
    background: conic-gradient(
      from 90deg,
      transparent 0 31%,
      color-mix(in srgb, var(--accent) 23%, transparent) 39%,
      transparent 47% 100%
    ) !important;
    opacity: 0.8 !important;
  }
  .sf6p .sf8-visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 26px 4px 26px 4px !important;
    pointer-events: none !important;
  }
  .sf6p .sf8-visual__grid {
    position: absolute !important;
    inset: 0 !important;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.065) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.065) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    mask-image: radial-gradient(
      circle at center,
      #000,
      transparent 78%
    ) !important;
  }
  .sf6p .sf8-visual__orbit {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 250px !important;
    height: 250px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .sf6p .sf8-visual__orbit::before,
  .sf6p .sf8-visual__orbit::after {
    content: "" !important;
    position: absolute !important;
    inset: 32px !important;
    border: 1px dashed rgba(255, 255, 255, 0.22) !important;
    border-radius: 50% !important;
  }
  .sf6p .sf8-visual__orbit::after {
    inset: 76px !important;
    border-style: solid !important;
    border-color: color-mix(in srgb, var(--accent) 58%, #fff) !important;
  }
  .sf6p .sf8-visual__orbit i {
    position: absolute !important;
    width: 14px !important;
    height: 14px !important;
    border: 3px solid var(--dark) !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 70%, #fff) !important;
  }
  .sf6p .sf8-visual__orbit i:nth-child(1) {
    left: 24px !important;
    top: 48px !important;
  }
  .sf6p .sf8-visual__orbit i:nth-child(2) {
    right: 12px !important;
    top: 112px !important;
  }
  .sf6p .sf8-visual__orbit i:nth-child(3) {
    left: 90px !important;
    bottom: -7px !important;
  }
  .sf6p .sf8-visual__core {
    position: absolute !important;
    z-index: 2 !important;
    left: 50% !important;
    top: 50% !important;
    width: 130px !important;
    height: 130px !important;
    display: grid !important;
    place-content: center !important;
    text-align: center !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: radial-gradient(
      circle at 35% 28%,
      color-mix(in srgb, var(--accent) 78%, #fff),
      var(--accent) 45%,
      var(--dark) 100%
    ) !important;
    box-shadow:
      0 0 0 15px rgba(255, 255, 255, 0.045),
      0 24px 60px rgba(0, 0, 0, 0.24) !important;
    transform: translate(-50%, -50%) !important;
  }
  .sf6p .sf8-visual__core strong {
    display: block !important;
    color: #fff !important;
    font:
      800 42px/1 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: -0.05em !important;
  }
  .sf6p .sf8-visual__core span {
    display: block !important;
    max-width: 12ch !important;
    margin: 7px auto 0 !important;
    color: rgba(255, 255, 255, 0.77) !important;
    font:
      700 10px/1.25 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
  }
  .sf6p .sf8-visual__node {
    position: absolute !important;
    z-index: 3 !important;
    max-width: 152px !important;
    display: grid !important;
    grid-template-columns: 27px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.16) !important;
    font:
      700 11px/1.25 "Manrope",
      Arial,
      sans-serif !important;
  }
  .sf6p .sf8-visual__node b {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
    color: var(--dark) !important;
    background: #fff !important;
    font-size: 9px !important;
  }
  .sf6p .sf8-visual__node--1 {
    left: 28px !important;
    top: 38px !important;
  }
  .sf6p .sf8-visual__node--2 {
    right: 24px !important;
    top: 76px !important;
  }
  .sf6p .sf8-visual__node--3 {
    right: 48px !important;
    bottom: 35px !important;
  }
  .sf6p .sf8-visual__signal {
    position: absolute !important;
    left: 30px !important;
    bottom: 34px !important;
    display: flex !important;
    gap: 5px !important;
    align-items: end !important;
  }
  .sf6p .sf8-visual__signal i {
    display: block !important;
    width: 5px !important;
    border-radius: 6px !important;
    background: color-mix(in srgb, var(--accent) 60%, #fff) !important;
  }
  .sf6p .sf8-visual__signal i:nth-child(1) {
    height: 10px !important;
  }
  .sf6p .sf8-visual__signal i:nth-child(2) {
    height: 20px !important;
  }
  .sf6p .sf8-visual__signal i:nth-child(3) {
    height: 31px !important;
  }
  /* Indice, metriche e sintesi come strumenti di orientamento */
  .sf6p .sf6p__page-nav {
    position: sticky !important;
    z-index: 35 !important;
    top: 0 !important;
    box-shadow: 0 8px 26px rgba(8, 43, 67, 0.06) !important;
  }
  .sf6p .sf6p__page-nav-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .sf6p .sf6p__page-nav a {
    padding: 9px 13px !important;
    border: 1px solid transparent !important;
  }
  .sf6p .sf6p__page-nav a.is-active {
    border-color: color-mix(in srgb, var(--accent) 24%, transparent) !important;
  }
  .sf6p .sf6p__trust {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(
      105deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 78%, var(--accent))
    ) !important;
  }
  .sf6p .sf6p__trust::after {
    content: "" !important;
    position: absolute !important;
    right: -5% !important;
    top: -180% !important;
    width: 430px !important;
    height: 430px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 50% !important;
  }
  .sf6p .sf6p__trust-item {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    column-gap: 13px !important;
    align-items: center !important;
    padding: 22px 26px !important;
  }
  .sf6p .sf6p__trust-item > b {
    grid-row: 1 / span 2 !important;
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    font:
      800 18px/1 "Manrope",
      Arial,
      sans-serif !important;
  }
  .sf6p .sf6p__trust-item > span,
  .sf6p .sf6p__trust-item > strong {
    grid-column: 2 !important;
  }
  .sf6p .sf6p__summary {
    overflow: hidden !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 22px 65px rgba(7, 40, 61, 0.12) !important;
  }
  .sf6p .sf6p__summary-label {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    min-height: 190px !important;
    padding: 30px !important;
    background: linear-gradient(
      145deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 76%, var(--accent))
    ) !important;
  }
  .sf6p .sf6p__summary-label::after {
    content: "↗" !important;
    position: absolute !important;
    right: 20px !important;
    bottom: 2px !important;
    color: rgba(255, 255, 255, 0.1) !important;
    font:
      800 92px/1 "Manrope",
      Arial,
      sans-serif !important;
  }
  .sf6p .sf6p__summary-label span {
    color: color-mix(in srgb, #fff 68%, var(--accent)) !important;
  }
  .sf6p .sf6p__summary-label h2 {
    color: #fff !important;
    font-size: 29px !important;
  }
  .sf6p .sf6p__summary ul {
    align-content: center !important;
    padding: 24px !important;
  }
  .sf6p .sf6p__summary li {
    min-height: 62px !important;
    border: 1px solid color-mix(in srgb, var(--accent) 13%, transparent) !important;
    background: linear-gradient(110deg, var(--pale), #fff) !important;
  }
  /* Sezioni riconoscibili, non una successione di blocchi testuali */
  .sf6p .sf6p__section {
    position: relative !important;
    overflow: hidden !important;
    padding: 94px 0 !important;
  }
  .sf6p .sf6p__section:nth-of-type(even) {
    background: linear-gradient(
      105deg,
      var(--paper),
      color-mix(in srgb, var(--pale) 54%, #fff)
    ) !important;
  }
  .sf6p .sf6p__section::before {
    content: attr(data-sf8-section) !important;
    position: absolute !important;
    right: max(18px, calc((100vw - 1160px) / 2)) !important;
    top: 24px !important;
    color: color-mix(in srgb, var(--accent) 7%, transparent) !important;
    font:
      800 clamp(90px, 13vw, 190px) / 1 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: -0.08em !important;
    pointer-events: none !important;
  }
  .sf6p .sf8-section-meta {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 0 12px !important;
  }
  .sf6p .sf8-section-number {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--accent) !important;
    font:
      800 10px/1 "Manrope",
      Arial,
      sans-serif !important;
  }
  .sf6p .sf8-section-icon {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
    border-radius: 11px !important;
    color: var(--accent) !important;
    background: #fff !important;
  }
  .sf6p .sf8-section-icon svg {
    width: 21px !important;
    height: 21px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  .sf6p .sf6p__section-head > .sf6p__eyebrow {
    grid-row: 2 !important;
    margin-top: 3px !important;
  }
  .sf6p .sf6p__section-head > h2 {
    grid-row: 1 !important;
  }
  .sf6p .sf6p__section-head > p:not(.sf6p__eyebrow) {
    grid-row: 2 / span 2 !important;
  }
  .sf6p .sf6p__card {
    min-height: 285px !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 48px rgba(11, 48, 70, 0.09) !important;
  }
  .sf6p .sf6p__card::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    background: radial-gradient(
      420px circle at var(--sf8-x, 80%) var(--sf8-y, 0%),
      color-mix(in srgb, var(--accent) 18%, transparent),
      transparent 42%
    ) !important;
    opacity: 0.58 !important;
    pointer-events: none !important;
    transition: opacity 180ms var(--sf8-ease) !important;
  }
  .sf6p .sf6p__card:hover::before {
    opacity: 1 !important;
  }
  .sf6p .sf6p__card-body {
    position: relative !important;
    z-index: 1 !important;
    padding: 28px !important;
  }
  .sf6p .sf8-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .sf6p .sf8-card-icon {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent) !important;
    border-radius: 16px 4px 16px 4px !important;
    color: var(--accent) !important;
    background: linear-gradient(145deg, var(--pale), #fff) !important;
    box-shadow: 0 10px 24px rgba(10, 48, 70, 0.08) !important;
  }
  .sf6p .sf8-card-icon svg {
    width: 28px !important;
    height: 28px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
  .sf6p .sf6p__card h3 {
    margin-top: 24px !important;
    font-size: 21px !important;
  }
  .sf6p .sf6p__card-index {
    padding: 5px 8px !important;
    border-radius: 99px !important;
    background: var(--pale) !important;
  }
  .sf6p .sf6p__feature {
    overflow: hidden !important;
    max-width: none !important;
    padding: 44px 48px !important;
    border-left: 0 !important;
    border-radius: 22px !important;
    background: linear-gradient(
      115deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 76%, var(--accent))
    ) !important;
    box-shadow: var(--sf8-shadow) !important;
  }
  .sf6p .sf6p__feature::before {
    content: "" !important;
    position: absolute !important;
    right: -70px !important;
    top: -120px !important;
    width: 300px !important;
    height: 300px !important;
    border: 48px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 50% !important;
  }
  .sf6p .sf6p__feature > p {
    position: relative !important;
    z-index: 1 !important;
    max-width: 32ch !important;
    color: #fff !important;
  }
  .sf6p .sf6p__feature .sf6p__list {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 30px !important;
  }
  .sf6p .sf6p__split-panel {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 20px 58px rgba(9, 45, 66, 0.1) !important;
  }
  .sf6p .sf6p__split-panel::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 7px !important;
    height: 100% !important;
    background: linear-gradient(
      var(--accent),
      color-mix(in srgb, var(--accent) 25%, #ffd84a)
    ) !important;
  }
  .sf6p .sf6p__notice {
    border: 0 !important;
    border-left: 6px solid var(--accent) !important;
    border-radius: 6px 20px 20px 6px !important;
    box-shadow: 0 18px 48px rgba(11, 48, 70, 0.08) !important;
  }
  .sf6p .sf6p__steps {
    position: relative !important;
  }
  .sf6p .sf6p__steps::before {
    content: "" !important;
    position: absolute !important;
    left: 4% !important;
    right: 4% !important;
    top: 44px !important;
    height: 2px !important;
    background: linear-gradient(
      90deg,
      var(--accent),
      color-mix(in srgb, var(--accent) 25%, var(--line))
    ) !important;
  }
  .sf6p .sf6p__steps li {
    position: relative !important;
    z-index: 1 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
  }
  .sf6p .sf6p__steps li::before {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    margin-bottom: 35px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--accent) !important;
    box-shadow: 0 0 0 8px #fff !important;
  }
  .sf6p .sf6p__closing {
    position: relative !important;
    overflow: hidden !important;
    padding: 82px 0 !important;
    background: linear-gradient(
      115deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 76%, var(--accent))
    ) !important;
  }
  .sf6p .sf6p__closing::before {
    content: "" !important;
    position: absolute !important;
    right: -130px !important;
    top: -180px !important;
    width: 480px !important;
    height: 480px !important;
    border: 70px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 50% !important;
  }
  /* Quattro famiglie con carattere riconoscibile */
  .sf6p[data-layout="channel"] .sf8-visual {
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.13),
      rgba(255, 255, 255, 0.04)
    ) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24) !important;
  }
  .sf6p[data-layout="channel"] h1 {
    max-width: 17ch !important;
    font-size: clamp(46px, 5.4vw, 70px) !important;
  }
  .sf6p[data-layout="institutional"] .sf8-visual {
    background: linear-gradient(
      145deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 78%, var(--accent))
    ) !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__hero {
    background: linear-gradient(
      100deg,
      #fff 0%,
      #fff 50%,
      var(--pale) 50%,
      color-mix(in srgb, var(--pale) 70%, #fff) 100%
    ) !important;
  }
  .sf6p[data-layout="service"] .sf8-visual {
    border-radius: 8px 34px 8px 34px !important;
  }
  .sf6p[data-layout="service"] .sf6p__hero {
    background:
      radial-gradient(
        circle at 15% 20%,
        color-mix(in srgb, var(--accent) 9%, transparent),
        transparent 28%
      ),
      linear-gradient(115deg, var(--pale), #fff 63%) !important;
  }
  .sf6p[data-layout="service"] .sf6p__steps li {
    color: #fff !important;
    background: linear-gradient(
      145deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 80%, var(--accent))
    ) !important;
    box-shadow: 0 18px 44px rgba(8, 48, 58, 0.16) !important;
  }
  .sf6p[data-layout="service"] .sf6p__steps .sf6p__item-text {
    color: #fff !important;
  }
  .sf6p[data-layout="service"] .sf6p__steps li::before {
    color: var(--dark) !important;
    background: #fff !important;
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--pale) 70%, #fff) !important;
  }
  .sf6p[data-layout="evidence"] .sf8-visual {
    border-radius: 50% 50% 14px 50% !important;
  }
  .sf6p[data-layout="evidence"] .sf8-visual::after {
    border-radius: 50% 50% 8px 50% !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__hero {
    border-left: 0 !important;
    border-bottom: 7px solid var(--accent) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__notice {
    border-left-color: #fff !important;
    background: linear-gradient(
      120deg,
      var(--dark),
      color-mix(in srgb, var(--dark) 78%, var(--accent))
    ) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__notice p,
  .sf6p[data-layout="evidence"] .sf6p__notice .sf6p__item-text {
    color: #fff !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__notice-mark {
    color: var(--dark) !important;
    background: #fff !important;
  }
  .sf6p .sf8-sources {
    width: min(100% - 40px, 1160px) !important;
    display: grid !important;
    grid-template-columns: minmax(240px, 0.5fr) minmax(0, 1fr) !important;
    gap: 34px !important;
    align-items: center !important;
    margin: 0 auto 54px !important;
    padding: 24px 28px !important;
    border: 1px solid var(--line) !important;
    border-left: 5px solid var(--accent) !important;
    border-radius: 12px !important;
    background: var(--paper) !important;
  }
  .sf6p .sf8-sources p {
    margin: 0 !important;
    color: #455d6a !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .sf6p .sf8-sources > div > p {
    margin-bottom: 5px !important;
    color: var(--accent) !important;
    font:
      800 10px/1.3 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
  }
  .sf6p .sf8-sources a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 32px !important;
    color: var(--dark) !important;
    font:
      800 15px/1.35 "Manrope",
      Arial,
      sans-serif !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }
  .sf6p .sf8-sources a:focus-visible {
    outline: 3px solid var(--accent) !important;
    outline-offset: 3px !important;
  }
  /* Micro-feedback funzionale: nessun loop ambientale continuo */
  @media (prefers-reduced-motion: no-preference) {
    .sf6p .sf8-section-icon,
    .sf6p .sf8-card-icon {
      transition:
        transform 220ms var(--sf8-ease),
        color 180ms var(--sf8-ease),
        background 180ms var(--sf8-ease) !important;
    }
    .sf6p .sf6p__section:hover .sf8-section-icon {
      transform: rotate(-5deg) translateY(-2px) !important;
    }
    .sf6p .sf6p__card:hover .sf8-card-icon {
      transform: translateY(-5px) rotate(3deg) !important;
      color: #fff !important;
      background: var(--accent) !important;
    }
  }
  @media (min-width: 1600px) {
    .sf6p .sf6p__hero-inner,
    .sf6p .sf6p__section-inner,
    .sf6p .sf6p__page-nav-inner,
    .sf6p .sf6p__closing-inner,
    .sf6p .sf6p__trust-inner,
    .sf6p .sf6p__summary,
    .sf6p .sf8-sources {
      width: min(100% - 80px, 1400px) !important;
    }
    .sf6p .sf6p__hero-grid {
      grid-template-columns: minmax(0, 1.35fr) minmax(420px, 0.65fr) !important;
    }
    .sf6p .sf6p__section-head,
    .sf6p .sf6p__faq-head {
      grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1.2fr) !important;
    }
  }
  @media (max-width: 940px) {
    .sf6p .sf6p__hero {
      min-height: 0 !important;
    }
    .sf6p .sf6p__hero-grid {
      grid-template-columns: 1fr !important;
    }
    .sf6p .sf8-visual {
      min-height: 360px !important;
      max-width: 680px !important;
    }
    .sf6p[data-layout="institutional"] .sf6p__hero {
      background: linear-gradient(180deg, #fff, var(--pale)) !important;
    }
    .sf6p .sf6p__summary {
      grid-template-columns: 210px minmax(0, 1fr) !important;
    }
  }
  @media (max-width: 640px) {
    .sf6p .sf6p__hero-grid {
      gap: 34px !important;
    }
    .sf6p .sf6p__page-nav-inner {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      overflow: visible !important;
    }
    .sf6p .sf6p__page-nav a {
      min-height: 44px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      white-space: normal !important;
    }
    .sf6p .sf8-sources {
      width: min(100% - 28px, 1160px) !important;
      grid-template-columns: 1fr !important;
      gap: 14px !important;
      padding: 22px !important;
    }
    .sf6p .sf8-hero-copy::before {
      left: 0 !important;
      top: -18px !important;
      width: 72px !important;
    }
    .sf6p .sf8-visual {
      min-height: 310px !important;
      border-radius: 24px 6px 24px 6px !important;
    }
    .sf6p .sf8-visual__orbit {
      width: 190px !important;
      height: 190px !important;
    }
    .sf6p .sf8-visual__orbit::before {
      inset: 25px !important;
    }
    .sf6p .sf8-visual__orbit::after {
      inset: 57px !important;
    }
    .sf6p .sf8-visual__core {
      width: 105px !important;
      height: 105px !important;
    }
    .sf6p .sf8-visual__core strong {
      font-size: 34px !important;
    }
    .sf6p .sf8-visual__node {
      max-width: 130px !important;
      padding: 8px !important;
      font-size: 9px !important;
    }
    .sf6p .sf8-visual__node--1 {
      left: 16px !important;
      top: 22px !important;
    }
    .sf6p .sf8-visual__node--2 {
      right: 12px !important;
      top: 50px !important;
    }
    .sf6p .sf8-visual__node--3 {
      right: 24px !important;
      bottom: 20px !important;
    }
    .sf6p .sf6p__summary {
      grid-template-columns: 1fr !important;
    }
    .sf6p .sf6p__summary-label {
      min-height: 135px !important;
    }
    .sf6p .sf6p__section {
      padding: 68px 0 !important;
    }
    .sf6p .sf8-section-meta {
      margin-bottom: 12px !important;
    }
    .sf6p .sf6p__section-head > .sf6p__eyebrow {
      margin-bottom: 10px !important;
    }
    .sf6p .sf6p__section-head > h2,
    .sf6p .sf6p__section-head > p:not(.sf6p__eyebrow) {
      grid-row: auto !important;
    }
    .sf6p .sf6p__steps::before {
      display: none !important;
    }
    .sf6p .sf6p__feature {
      padding: 32px 25px !important;
    }
    .sf6p .sf6p__trust-item {
      grid-template-columns: 42px minmax(0, 1fr) !important;
      padding: 16px 18px !important;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .sf6p .sf8-visual::before,
    .sf6p .sf8-visual__orbit,
    .sf6p .sf8-visual__orbit::before,
    .sf6p .sf8-visual__core,
    .sf6p .sf8-visual__node,
    .sf6p .sf8-visual__signal i,
    .sf6p .sf8-section-icon,
    .sf6p .sf8-card-icon {
      animation: none !important;
      transition: none !important;
      transform: none !important;
    }
    .sf6p .sf8-visual__orbit,
    .sf6p .sf8-visual__core {
      transform: translate(-50%, -50%) !important;
    }
  }