
.sec-hero .k-table-card { margin-bottom: 0.9em; }
.sec-hero-log h4 { margin-bottom: 0.2em; }
.sec-hero-log .ft-log li:last-child { padding-bottom: 0; }
.sec-hero-log .ft-log time { color: var(--app-text-3); }
.sec-door { display: grid; gap: var(--space-4); justify-items: center; align-content: center; padding: var(--space-6) var(--space-4); border-radius: var(--radius-card); background: var(--ink); box-shadow: var(--shadow); }
.sec-door-mark { display: grid; place-content: center; width: 2.75rem; height: 2.75rem; border-radius: var(--radius); background: var(--orange); }
.sec-door-mark svg { width: 1.7rem; height: 1.7rem; fill: var(--card); }
.sec-door-card { width: 100%; padding: var(--space-4); border-radius: var(--radius-card); background: var(--card); font-size: 0.8125rem; line-height: 1.4; color: var(--app-text-2); }
.sec-door-line { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.2em 0.8em; margin-top: 0.6em; padding: 0.6em 0.75em; border-radius: var(--radius-sm); background: var(--app-bg-alt); color: var(--app-text); }
.sec-door-line b { font-weight: 600; color: var(--green-text); }
.sec-door-ask { margin: 0.9em 0 0.6em; }
.sec-door .sec-digits { gap: 0.3em; margin-bottom: 0.9em; }
.sec-door .sec-digits span { font-size: 1.25em; border-radius: var(--radius-sm); background: var(--app-bg); }
.sec-door-ok { font-weight: 600; color: var(--green-text); }
@media (max-width: 55.99em) { .sec-door { order: -1; } .sec-door-card { max-width: 22rem; } }
.sec-pair { display: grid; gap: var(--space-4); width: 100%; align-items: start; }
.sec-pair > * { min-width: 0; }
@media (min-width: 44em) { .sec-pair { grid-template-columns: 1fr 1fr; } }
.sec-card-title { margin-bottom: 0.35em; font-size: 1.25em; font-weight: 700; letter-spacing: -0.02em; color: var(--app-text); }
.sec-label { margin: 1em 0 0.4em; font-size: 0.86em; font-weight: 500; color: var(--app-text-2); }
.sec-digits { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.4em; margin-bottom: 1em; }
.sec-digits span { display: grid; place-content: center; aspect-ratio: 1 / 1.1; border-radius: 0.6em; background: var(--card); border: 1px solid var(--app-border); font-size: 1.5em; font-weight: 700; color: var(--app-text); font-variant-numeric: tabular-nums; }
.sec-2fa .k-check { margin-bottom: 1em; }
.sec-codes { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45em; margin: 1em 0; }
.sec-codes li { position: relative; display: flex; gap: 0.4em; padding: 0.65em 0.7em; border-radius: 0.6em; background: var(--card); border: 1px solid var(--app-border); }
.sec-codes i { flex: 1; height: 0.5em; border-radius: 1em; background: var(--ink-faint); opacity: 0.55; }
.sec-codes li.is-used { opacity: 0.45; }
.sec-codes li.is-used::after { content: ""; position: absolute; left: 0.5em; right: 0.5em; top: 50%; height: 1.5px; background: var(--app-text); }
.sec-ms { justify-content: center; gap: 0.7em; margin-top: 0.6em; background: var(--card); }
.sec-or { display: flex; align-items: center; gap: 0.8em; margin: 0.9em 0 0.6em; font-size: 0.82em; color: var(--app-text-3); }
.sec-or::before, .sec-or::after { content: ""; flex: 1; height: 1px; background: var(--app-border); }
.sec-pw { width: min(100%, 26rem); }
.sec-dots { justify-content: flex-start; gap: 0.3em; }
.sec-dots i { width: 0.5em; height: 0.5em; border-radius: 50%; background: var(--app-text); }
.sec-checks { display: grid; gap: 0.45em; margin: 0.9em 0 1em; }
.sec-checks li, .sec-checks li > span { position: relative; padding-left: 1.7em; color: var(--app-text-2); }
.sec-checks li.k-swap { padding-left: 0; }
.sec-checks li:not(.k-swap)::before, .sec-checks li > span::before { content: "✓"; position: absolute; left: 0; top: 0.1em; display: grid; place-content: center; width: 1.3em; height: 1.3em; border-radius: 50%; font-size: 0.75em; font-weight: 800; color: var(--card); background: var(--green-text); }
.sec-checks li > span.is-bad { font-weight: 600; color: var(--red-text); }
.sec-checks li > span.is-bad::before { content: "×"; background: var(--red-text); }
.sec-allow { margin-top: 0.8em; }
.sec-allow h4 { display: flex; align-items: center; justify-content: space-between; gap: 0.6em; }
.sec-allow .ft-line span:first-child { color: var(--app-text-3); }
.sec-matrix td, .sec-matrix thead th:not(:first-child) { text-align: center; }
.sec-matrix thead th { white-space: normal; line-height: 1.2; }
.sec-matrix i { display: inline-grid; place-content: center; width: 1.5em; height: 1.5em; border-radius: 50%; font-style: normal; }
.sec-matrix i.y { background: var(--green-bg); }
.sec-matrix i.y::before { content: "✓"; font-size: 0.8em; font-weight: 800; color: var(--green-text); }
.sec-matrix i.n::before { content: ""; width: 0.7em; height: 2px; border-radius: 2px; background: var(--app-border); }
.sec-matrix .sec-group th { padding-block: 0.45em; font-size: 0.76em; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--app-text-3); background: var(--app-bg); }
@media (max-width: 39.99em) { .sec-matrix tbody th { white-space: normal; } }
.sec-branches li.is-dim { opacity: 0.6; }
.sec-request { width: min(100%, 30rem); }
.sec-request-btn { margin: 1em 0; }
.sec-bank dd { font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }
.sec-reveal { margin-top: 1em; }
.sec-reveal-pw { max-width: 20em; }
.screen .ft-log[data-at] { margin-top: 0.8em; padding-top: 0.2em; border-top: 1px solid var(--app-border); }
.sec-alerts > li { align-items: flex-start; }
.sec-alerts .ft-rows-lead { min-width: 5em; text-align: center; margin-top: 0.15em; }
.sec-ended > * { transition: opacity 0.4s var(--ease-smooth); }
.js [data-step="2"] .sec-ended > :not(:last-child), .js [data-step="3"] .sec-ended > :not(:last-child), [data-steps]:not([data-step]) .sec-ended > :not(:last-child) { opacity: 0.45; }
.sec-scan { height: 0.45em; margin-top: 0.7em; border-radius: 1em; background: var(--app-bg-alt); overflow: hidden; }
.sec-scan i { display: block; height: 100%; border-radius: 1em; background: linear-gradient(90deg, var(--orange-light), var(--orange-deep)); transform-origin: 0 50%; }
.js .is-live .sec-scan:not(.sec-scan--still) i { animation: growXs 1.1s var(--ease-out) both; }
.sec-scan--still i { width: 62%; background: var(--app-border); }
.sec-next { margin-top: var(--space-6); }
.sec-bank dd span { font-size: 1em; color: inherit; }
.sec-bank dd { font-size: 1.1em; }
.page-security .k-rec-side b span { font-size: 1em; color: inherit; }
.page-security .fstage .k-email { margin-inline: auto; }
.sec-sign { display: flex; align-items: flex-end; gap: 0.8em; margin-top: 0.9em; padding: 0.6em 0.9em; border-radius: 0.7em; border: 1px dashed var(--app-border); background: var(--card); font-size: 0.82em; color: var(--app-text-3); }
.sec-sign svg { flex: 1; max-width: 11em; height: 2.2em; }
.sec-sign path { fill: none; stroke: var(--ink); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.page-security .fhero-facts li { flex: 1 1 40%; max-width: none; }
.sec-door, .sec-door-card { min-width: 0; }
.fhero--j .sec-door { padding: var(--space-5) var(--space-3); }
.fhero--j .sec-door .sec-digits { gap: 0.25em; }
.fhero--j .sec-door .sec-digits span { font-size: 1.05em; }
@media (min-width: 56em) { .page-security .fhero--j .stage-duo { grid-template-columns: minmax(0, 1fr) 13.25rem; } }
.sec-kicker { margin: 0 0 var(--space-4); }
@media (min-width: 60em) { .page-security .jx--side { align-items: stretch; } .page-security .jx--side > .jx-side { align-self: start; } .page-security .jx--side > .jx-stage { grid-row: 1; } }
@media (min-width: 60em) {
  .page-security .jp--row { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
  .page-security .jp--row > .jp-copy { padding-inline: clamp(1.25rem, 0.75rem + 1.2vw, 1.9rem); }
  .page-security .jp--row .jp-screen .screen { font-size: 13px; }
  .page-security .jp--row .jp-screen .screen.sec-wide { font-size: 12px; }
}
.jp-screen .sec-pair { grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.jp-screen .sec-matrix th, .jp-screen .sec-matrix td { padding-block: 0.32em; padding-inline: 0.5em; }
.jp-screen .sec-matrix .sec-group th { padding-block: 0.3em; }
.jp-screen .sec-wide td { white-space: normal; }
@media (min-width: 60em) { .page-security #see .jp--row { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); } }
.jp-screen .k-email { margin-inline: auto; }
.sec-line { display: grid; gap: var(--space-2) var(--space-10); margin-top: var(--space-8); padding-top: var(--space-5); border-top: 1px solid var(--line-strong); }
.sec-line b { font-family: var(--font-display); font-weight: 600; font-size: var(--text-xl); line-height: 1.2; letter-spacing: var(--track-display); color: var(--ink); }
.sec-line span { font-size: var(--text-sm); line-height: 1.55; color: var(--ink-soft); }
@media (min-width: 52em) { .sec-line { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; } }
.jp-screen .sec-digits { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.jp-screen .sec-digits span { min-width: 0; }
@media (max-width: 43.99em) {
  .fhero--j .sec-hero > .sec-door { display: none; }
  .jp-screen .sec-pair { gap: var(--space-2); }
  .jp-screen .sec-pair .screen { padding: 0.9em; }
  .jp-screen .sec-digits { gap: 0.2em; }
  .jp-screen .sec-digits span { font-size: 1.15em; border-radius: 0.4em; }
  .jp-screen .sec-matrix th, .jp-screen .sec-matrix td { padding-inline: 0.35em; }
  .jp-screen .sec-matrix tbody th { padding-left: 0.6em; }
  .jp-screen .sec-matrix thead th:first-child, .jp-screen .sec-matrix .sec-group th { padding-left: 0.6em; }
}
@media (min-width: 60em) { html:not(.js) .page-security .jx--side > .jx-side { position: sticky; top: calc(var(--header-h) + 1rem); } }
.sec-over { margin-bottom: var(--space-4); }
@media (min-width: 60em) {
  .sec-over { margin-bottom: var(--space-5); }
  .js .page-security .jx--side > .jx-side { align-self: stretch; display: flex; flex-direction: column; }
  .js .page-security .jx--side .jx-tabs { margin-top: auto; }
}
@media (max-width: 35.99em) {
  .js .page-security #in .jx-tabs > li:last-child { grid-column: 1 / -1; }
  .jp-screen .k-pagehead h3 small { display: block; margin: 0.15em 0 0; }
}
@media (min-width: 60em) {
  .js #watch-monitor-rules > summary { padding-block: 0.15rem; }
  .js #watch-monitor-rules > .jd-body { padding-top: var(--space-1); }
  .js #watch-monitor-rules .jd-tags { display: block; font-size: var(--text-xs); line-height: 1.55; color: var(--ink-soft); }
  .js #watch-monitor-rules .jd-tags li { display: inline; padding: 0; border: 0; background: none; font-size: inherit; font-weight: 500; color: inherit; white-space: normal; }
  .js #watch-monitor-rules .jd-tags li + li::before { content: "\00b7"; margin-inline: 0.45em; color: var(--ink-faint); }
  .js .page-security #watch-monitor > .jp-copy { gap: var(--space-3); }
}
.page-security .jd-body .ft-more { margin-top: var(--space-5); }
@media (min-width: 72em) { .page-security .specs { grid-template-columns: repeat(4, minmax(0, 1fr)); } .page-security .specs > .spec:last-child { grid-column: span 2; } }
@media (min-width: 48em) and (max-width: 71.99em) { .page-security .specs { grid-template-columns: repeat(3, minmax(0, 1fr)); } .page-security .specs > .spec:last-child { grid-column: span 2; } }
@media (min-width: 32em) and (max-width: 47.99em) { .page-security .specs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-security .specs > .spec:last-child { grid-column: 1 / -1; } }
@media (max-width: 39.99em) { .page-security .ft-mini-screen { min-height: 0; } }
.js .page-security .jd .is-live .a-up, .js .page-security .jd .is-live .a-pop { animation-duration: 0.3s; animation-delay: calc(var(--i, 0) * 25ms); }
@media (max-width: 39.99em) {
  .jp-screen .sec-pair { grid-template-columns: minmax(0, 1fr); }
  .page-security .k-hide-s { display: none; }
}
.sec-pick .jd-note { margin-bottom: var(--space-4); }
.sec-pick .jp-screen > .screen { width: min(100%, 24rem); font-size: 14px; }
@media (min-width: 60em) {
  .page-security .sec-pick.jx--side { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .page-security .sec-pick > .jx-side, .page-security .sec-pick > .jx-stage { grid-column: 1; grid-row: auto; }
  .js .page-security .sec-pick > .jx-side, .page-security .sec-pick > .jx-side { display: grid; grid-template-columns: minmax(0, 17.5rem) minmax(0, 1fr); gap: var(--space-10); align-items: start; }
  .sec-pick .jd-note { margin-bottom: 0; }
  .js .page-security .sec-pick .jx-tabs { margin-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .sec-pick .jx-tab { min-height: 2.6rem; border-color: var(--line); background: var(--card); }
  .page-security .sec-pick .jp--row { --jp-h: 15rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .page-security .sec-pick .jp--row .jp-screen .screen { font-size: 15px; }
}
