#diff:not(:where(.sp *)){ color-scheme: dark; --bg: #0a0a0b; --ink: #f4f4f5; --ink-2: rgba(244,244,245,.92);
  --dim: rgba(244,244,245,.5); --dim-f: rgba(244,244,245,.5);
  --blue: #00b4f8; --gold: #c9a84c; --gold-hi: #e6c979;
  --head: Karantina, "Secular One", sans-serif; --body: "Secular One", Karantina, sans-serif;
  --gutter: 20px; --ease: cubic-bezier(.2,.8,.2,1);
  --rail: 8px;      
  --inset: 36px;     }
#faq:not(:where(.sp *)) { color-scheme: dark; --bg: #0a0a0b; --ink: #f4f4f5; --ink-2: rgba(244,244,245,.92);
  --dim: rgba(244,244,245,.5); --dim-f: rgba(244,244,245,.5);
  --blue: #00b4f8; --gold: #c9a84c; --gold-hi: #e6c979;
  --head: Karantina, "Secular One", sans-serif; --body: "Secular One", Karantina, sans-serif;
  --gutter: 20px; --ease: cubic-bezier(.2,.8,.2,1);
  --rail: 8px;      
  --inset: 36px;     }
#diff h2:not(:where(.sp *)),#diff h3:not(:where(.sp *)),#diff p:not(:where(.sp *)),#diff ol:not(:where(.sp *)){ margin: 0; padding: 0; }
#faq h2:not(:where(.sp *)), #faq h3:not(:where(.sp *)), #faq p:not(:where(.sp *)), #faq ol:not(:where(.sp *)) { margin: 0; padding: 0; }
#diff :not(:where(.sp *))::selection{ background: rgba(0,180,248,.35); color: #fff; }
#faq :not(:where(.sp *))::selection { background: rgba(0,180,248,.35); color: #fff; }
#diff:not(:where(.sp *)){ position: relative; padding: 104px var(--gutter) 22vh;
  background: linear-gradient(180deg, transparent, rgba(6,28,46,.3) 30%, rgba(6,28,46,.3) 72%, transparent); }
#faq:not(:where(.sp *)) { position: relative; padding: 104px var(--gutter) 22vh;
  background: linear-gradient(180deg, transparent, rgba(6,28,46,.3) 30%, rgba(6,28,46,.3) 72%, transparent); }
#diff:not(:where(.sp *))::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 620px; pointer-events: none;
  background: radial-gradient(75% 60% at 50% 0%, rgba(6,36,58,.75), transparent 72%); }
#faq:not(:where(.sp *))::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 620px; pointer-events: none;
  background: radial-gradient(75% 60% at 50% 0%, rgba(6,36,58,.75), transparent 72%); }
#diff .sec-t:not(:where(.sp *)){ position: relative; z-index: 1; max-width: 920px; margin: 0 auto; font-family: var(--head); font-weight: 700;
  font-size: clamp(3.8rem, 17vw, 6rem); line-height: .9; text-align: center; text-wrap: balance; }
#faq .sec-t:not(:where(.sp *)) { position: relative; z-index: 1; max-width: 920px; margin: 0 auto; font-family: var(--head); font-weight: 700;
  font-size: clamp(3.8rem, 17vw, 6rem); line-height: .9; text-align: center; text-wrap: balance; }
#diff .list:not(:where(.sp *)){ list-style: none; }
#faq .list:not(:where(.sp *)) { list-style: none; }
#diff .claims:not(:where(.sp *)){ position: relative; z-index: 1; max-width: 1080px; margin: 56px auto 0; padding-inline-start: var(--inset); }
#faq .claims:not(:where(.sp *)) { position: relative; z-index: 1; max-width: 1080px; margin: 56px auto 0; padding-inline-start: var(--inset); }
#diff .rail:not(:where(.sp *)){ position: absolute; top: -36px; inset-inline-start: calc(var(--rail) - 2px); width: 4px; height: calc(100% + 36px); pointer-events: none; }
#faq .rail:not(:where(.sp *)) { position: absolute; top: -36px; inset-inline-start: calc(var(--rail) - 2px); width: 4px; height: calc(100% + 36px); pointer-events: none; }
#diff .gr:not(:where(.sp *)){ position: absolute; inset: 0; border-radius: 2px; background: linear-gradient(90deg, #040608, #161d27); box-shadow: 1px 0 0 rgba(255,255,255,.13), -1px 0 0 rgba(0,0,0,.5); }
#faq .gr:not(:where(.sp *)) { position: absolute; inset: 0; border-radius: 2px; background: linear-gradient(90deg, #040608, #161d27); box-shadow: 1px 0 0 rgba(255,255,255,.13), -1px 0 0 rgba(0,0,0,.5); }
#diff .trail:not(:where(.sp *)){ position: absolute; left: 1px; top: 0; width: 2px; height: 100%; border-radius: 1px; transform-origin: 50% 0;
  background: linear-gradient(rgba(0,180,248,.08), rgba(0,180,248,.42)); }
#faq .trail:not(:where(.sp *)) { position: absolute; left: 1px; top: 0; width: 2px; height: 100%; border-radius: 1px; transform-origin: 50% 0;
  background: linear-gradient(rgba(0,180,248,.08), rgba(0,180,248,.42)); }
#diff .lt:not(:where(.sp *)){ position: absolute; left: 1px; top: 0; z-index: 2; width: 2px; height: 30px; opacity: 0; pointer-events: none;
  background: linear-gradient(transparent, #7fd8ff); }
#faq .lt:not(:where(.sp *)) { position: absolute; left: 1px; top: 0; z-index: 2; width: 2px; height: 30px; opacity: 0; pointer-events: none;
  background: linear-gradient(transparent, #7fd8ff); }
#diff .lt:not(:where(.sp *))::after,#diff .lh:not(:where(.sp *))::after{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff;
  box-shadow: 0 0 6px 2px var(--blue), 0 0 16px 4px rgba(0,180,248,.45); }
#faq .lt:not(:where(.sp *))::after, #faq .lh:not(:where(.sp *))::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff;
  box-shadow: 0 0 6px 2px var(--blue), 0 0 16px 4px rgba(0,180,248,.45); }
#diff .lt:not(:where(.sp *))::after{ left: 50%; bottom: -4px; margin-left: -4px; }
#faq .lt:not(:where(.sp *))::after { left: 50%; bottom: -4px; margin-left: -4px; }
#diff .claim:not(:where(.sp *)){ position: relative; }
#faq .claim:not(:where(.sp *)) { position: relative; }
#diff .claim + .claim:not(:where(.sp *)){ margin-top: 72px; }
#faq .claim + .claim:not(:where(.sp *)) { margin-top: 72px; }
#diff .c-t:not(:where(.sp *)){ font-family: var(--head); font-weight: 700; font-size: 2.75rem; line-height: .98; color: var(--ink); text-wrap: balance; }
#faq .c-t:not(:where(.sp *)) { font-family: var(--head); font-weight: 700; font-size: 2.75rem; line-height: .98; color: var(--ink); text-wrap: balance; }
#diff .c-f:not(:where(.sp *)){ position: relative; margin-top: 16px; max-width: 34ch; font-size: 1.0625rem; line-height: 1.62; color: var(--ink-2); text-wrap: pretty; }
#faq .c-f:not(:where(.sp *)) { position: relative; margin-top: 16px; max-width: 34ch; font-size: 1.0625rem; line-height: 1.62; color: var(--ink-2); text-wrap: pretty; }
#diff .node:not(:where(.sp *)){ position: absolute; top: calc(.81em - 5px); inset-inline-start: calc(var(--rail) - var(--inset) - 5px); width: 10px; height: 10px; border-radius: 50%;
  background: #0b1016; box-shadow: inset 0 1px 2px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.07); }
#faq .node:not(:where(.sp *)) { position: absolute; top: calc(.81em - 5px); inset-inline-start: calc(var(--rail) - var(--inset) - 5px); width: 10px; height: 10px; border-radius: 50%;
  background: #0b1016; box-shadow: inset 0 1px 2px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.07); }
#diff .node b:not(:where(.sp *)){ position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #f3dc97, var(--gold-hi) 60%, var(--gold));
  box-shadow: 0 0 0 3px #0b1016, 0 0 12px 1px rgba(230,201,121,.35); }
#faq .node b:not(:where(.sp *)) { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #f3dc97, var(--gold-hi) 60%, var(--gold));
  box-shadow: 0 0 0 3px #0b1016, 0 0 12px 1px rgba(230,201,121,.35); }
#diff .node i:not(:where(.sp *)){ position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; opacity: 0; pointer-events: none;
  background: radial-gradient(closest-side, rgba(150,220,255,.5), rgba(0,180,248,.16) 45%, transparent); }
#faq .node i:not(:where(.sp *)) { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; opacity: 0; pointer-events: none;
  background: radial-gradient(closest-side, rgba(150,220,255,.5), rgba(0,180,248,.16) 45%, transparent); }
#diff .lead:not(:where(.sp *)){ display: none; }
#faq .lead:not(:where(.sp *)) { display: none; }
#diff .beam:not(:where(.sp *)){ position: absolute; left: 0; right: 0; top: 0; z-index: 0; height: 340px; margin-top: -170px; opacity: 0; pointer-events: none;
  background: radial-gradient(220px 160px at var(--bx, 50%) 50%, rgba(0,150,230,.22), rgba(0,120,200,.09) 55%, transparent); }
#faq .beam:not(:where(.sp *)) { position: absolute; left: 0; right: 0; top: 0; z-index: 0; height: 340px; margin-top: -170px; opacity: 0; pointer-events: none;
  background: radial-gradient(220px 160px at var(--bx, 50%) 50%, rgba(0,150,230,.22), rgba(0,120,200,.09) 55%, transparent); }
#diff.armed .c-t .w:not(:where(.sp *)){ color: var(--dim); }
#faq.armed .c-t .w:not(:where(.sp *)) { color: var(--dim); }
#diff.armed .c-f:not(:where(.sp *)){ color: var(--dim-f); }
#faq.armed .c-f:not(:where(.sp *)) { color: var(--dim-f); }
#diff.armed .node b:not(:where(.sp *)){ opacity: 0; }
#faq.armed .node b:not(:where(.sp *)) { opacity: 0; }
#diff.armed .trail:not(:where(.sp *)){ transform: scaleY(0); }
#faq.armed .trail:not(:where(.sp *)) { transform: scaleY(0); }
#diff.armed .ltr:not(:where(.sp *)){ transform: scaleX(0); }
#faq.armed .ltr:not(:where(.sp *)) { transform: scaleX(0); }
@media (min-width: 900px){#diff:not(:where(.sp *)){ --gutter: 48px; }
#faq:not(:where(.sp *)) { --gutter: 48px; }
#diff:not(:where(.sp *)){ padding-top: 128px; }
#faq:not(:where(.sp *)) { padding-top: 128px; }
#diff:not(:where(.sp *))::before{ height: 760px; }
#faq:not(:where(.sp *))::before { height: 760px; }
#diff .rail:not(:where(.sp *)){ display: none; }
#faq .rail:not(:where(.sp *)) { display: none; }
#diff .claims:not(:where(.sp *)){ max-width: 980px; margin-top: 104px; padding-inline-start: 0; }
#faq .claims:not(:where(.sp *)) { max-width: 980px; margin-top: 104px; padding-inline-start: 0; }
#diff .claim:not(:where(.sp *)){ display: grid; grid-template-columns: minmax(0, 440px) minmax(100px, 1fr) minmax(0, 360px); align-items: start; min-height: 196px; }
#faq .claim:not(:where(.sp *)) { display: grid; grid-template-columns: minmax(0, 440px) minmax(100px, 1fr) minmax(0, 360px); align-items: start; min-height: 196px; }
#diff .claim + .claim:not(:where(.sp *)){ margin-top: 88px; }
#faq .claim + .claim:not(:where(.sp *)) { margin-top: 88px; }
#diff .c-t:not(:where(.sp *)){ grid-column: 1; font-size: clamp(3rem, 4.3vw, 4.25rem); line-height: .95; }
#faq .c-t:not(:where(.sp *)) { grid-column: 1; font-size: clamp(3rem, 4.3vw, 4.25rem); line-height: .95; }
#diff .c-f:not(:where(.sp *)){ grid-column: 3; margin: var(--fm, 60px) 0 0; max-width: 30ch; font-size: 1.25rem; }
#faq .c-f:not(:where(.sp *)) { grid-column: 3; margin: var(--fm, 60px) 0 0; max-width: 30ch; font-size: 1.25rem; }
#diff .node:not(:where(.sp *)){ inset-inline-start: -21px; }
#faq .node:not(:where(.sp *)) { inset-inline-start: -21px; }
#diff .node i:not(:where(.sp *)){ width: 120px; height: 120px; margin: -60px 0 0 -60px; }
#faq .node i:not(:where(.sp *)) { width: 120px; height: 120px; margin: -60px 0 0 -60px; }
#diff .lead:not(:where(.sp *)){ display: block; position: absolute; left: var(--ll, 0); top: var(--lt, 0); width: var(--lw, 0); height: 4px; margin-top: -2px; pointer-events: none; }
#faq .lead:not(:where(.sp *)) { display: block; position: absolute; left: var(--ll, 0); top: var(--lt, 0); width: var(--lw, 0); height: 4px; margin-top: -2px; pointer-events: none; }
#diff .lg:not(:where(.sp *)){ position: absolute; inset: 0; border-radius: 2px; background: linear-gradient(180deg, #040608, #161d27); box-shadow: 0 1px 0 rgba(255,255,255,.13), 0 -1px 0 rgba(0,0,0,.5); }
#faq .lg:not(:where(.sp *)) { position: absolute; inset: 0; border-radius: 2px; background: linear-gradient(180deg, #040608, #161d27); box-shadow: 0 1px 0 rgba(255,255,255,.13), 0 -1px 0 rgba(0,0,0,.5); }
#diff .ltr:not(:where(.sp *)){ position: absolute; left: 0; right: 0; top: 1px; height: 2px; border-radius: 1px; transform-origin: 0% 50%;
    background: linear-gradient(to right, rgba(0,180,248,.08), rgba(0,180,248,.42)); }
#faq .ltr:not(:where(.sp *)) { position: absolute; left: 0; right: 0; top: 1px; height: 2px; border-radius: 1px; transform-origin: 0% 50%;
    background: linear-gradient(to right, rgba(0,180,248,.08), rgba(0,180,248,.42)); }
#diff .lh:not(:where(.sp *)){ position: absolute; left: 0; top: 1px; z-index: 2; width: 30px; height: 2px; opacity: 0; background: linear-gradient(to right, transparent, #7fd8ff); }
#faq .lh:not(:where(.sp *)) { position: absolute; left: 0; top: 1px; z-index: 2; width: 30px; height: 2px; opacity: 0; background: linear-gradient(to right, transparent, #7fd8ff); }
#diff .lh:not(:where(.sp *))::after{ left: auto; right: -4px; top: 50%; margin-top: -4px; }
#faq .lh:not(:where(.sp *))::after { left: auto; right: -4px; top: 50%; margin-top: -4px; }
#diff .beam:not(:where(.sp *)){ height: 440px; margin-top: -220px; background: radial-gradient(430px 200px at var(--bx, 50%) 50%, rgba(0,150,230,.22), rgba(0,120,200,.09) 55%, transparent); }
#faq .beam:not(:where(.sp *)) { height: 440px; margin-top: -220px; background: radial-gradient(430px 200px at var(--bx, 50%) 50%, rgba(0,150,230,.22), rgba(0,120,200,.09) 55%, transparent); }}