.app-shell .hero .eyebrow {
  color: rgba(21, 21, 21, 0.75);
  font-size: clamp(15px, 0.95vw, 16px);
  letter-spacing: 0.14em;
}

.app-shell .hero .talk-link {
  font-size: clamp(15px, 1vw, 17px);
}

.app-shell .hero .talk-link > span {
  color: rgba(21, 21, 21, 0.7);
  font-size: clamp(15px, 1vw, 17px);
}

.app-shell .hero-summary > p {
  color: rgba(21, 21, 21, 0.76);
  font-size: clamp(17px, 1.15vw, 19px);
  line-height: 1.55;
}

.app-shell .capability-dock .capability-description {
  color: rgba(21, 21, 21, 0.72);
  font-size: clamp(17px, 1.12vw, 19px);
  line-height: 1.55;
}

.dsl-cord {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  pointer-events: none;
  will-change: transform;
}
.dsl-deck-mark,
.dsr-more {
  display: none;
}

@media (max-width: 1050px) {
  html {
    --dsl-edge: clamp(20px, 6vw, 44px);
    --dsl-pad: clamp(40px, 6vh, 64px);
    --dsl-h2: clamp(1.9rem, 7.4vw, 2.7rem);
    --dsl-ink: #f7f7f5;
    --dsl-muted: rgba(247, 247, 245, 0.68);
    --dsl-soft: rgba(247, 247, 245, 0.48);
    --dsl-rule: rgba(247, 247, 245, 0.18);
    --m-tap: 44px;
  }
  .app-shell .hero--landing .hero-lead {
    padding-inline: var(--dsl-edge);
  }

  .app-shell .landing-canvas,
  .app-shell .landing-canvas.is-complete {
    padding-top: clamp(48px, 8vh, 96px);
  }

  .app-shell .landing-canvas > section {
    margin-block: 0;
    scroll-margin-top: 12px;
  }

  .app-shell .ds-overview .dms-frame,
  .app-shell .ds-own .dms-frame,
  .app-shell .print-faq .pfqa-frame,
  .app-shell .pgc-brief .pgc-frame {
    min-height: 0;
    padding: var(--dsl-pad) var(--dsl-edge);
  }

  .app-shell .ds-run .dsr-head {
    padding: var(--dsl-pad) var(--dsl-edge) 0;
  }

  .app-shell .ds-run .dms-frame {
    padding: 26px var(--dsl-edge) var(--dsl-pad);
  }
  .app-shell .landing-canvas [data-dsl-eyebrow] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    font-size: clamp(15px, 0.95vw, 16px);
    font-weight: 750;
    letter-spacing: 0.16em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  .app-shell .landing-canvas [data-dsl-eyebrow]::before {
    width: 28px;
    height: 2px;
    flex: 0 0 auto;
    background: var(--signal);
    transform-origin: left center;
    content: "";
  }

  .app-shell .landing-canvas [data-dsl-intro] h2 {
    width: auto;
    max-width: none;
    margin: 0;
    font-size: var(--dsl-h2);
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-wrap: balance;
  }

  .app-shell .ds-overview .cap-lede,
  .app-shell .ds-own .own-lede,
  .app-shell .ds-run .dsr-lede,
  .app-shell .print-faq .pfqa-lede {
    max-width: none;
    margin: 14px 0 0;
    color: rgba(21, 21, 21, 0.7);
    font-size: clamp(17px, 1.12vw, 19px);
    letter-spacing: 0;
    line-height: 1.55;
  }

  .app-shell .hero-summary > p {
    font-size: clamp(17px, 1.12vw, 19px);
    line-height: 1.55;
  }
  .app-shell .capability-dock.ds-dock .dock-prompt {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px var(--dsl-edge) 15px var(--dsl-edge);
    border-bottom: 0;
    color: rgba(21, 21, 21, 0.68);
    font-size: 15px;
    font-weight: 750;
    letter-spacing: 0.16em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  .app-shell .capability-dock.ds-dock .dock-prompt::before {
    width: 26px;
    height: 2px;
    flex: 0 0 auto;
    background: var(--signal);
    content: "";
  }

  .capability-dock.ds-dock ol {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
  }

  .capability-dock.ds-dock li {
    position: relative;
    border-top: 1px solid var(--line);
    border-right: 0;
    border-bottom: 0;
  }

  .capability-dock.ds-dock li:last-child:nth-child(odd) {
    grid-column: auto;
  }

  .app-shell .capability-dock.ds-dock a {
    display: grid;
    height: auto;
    min-height: 64px;
    padding: 13px var(--dsl-edge);
    overflow: visible;
    align-items: center;
    background: none;
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-rows: auto auto;
    transition: none;
  }

  .app-shell .capability-dock.ds-dock a::before,
  .app-shell .capability-dock.ds-dock a::after {
    content: none;
    animation: none;
  }

  .app-shell .capability-dock.ds-dock a:hover,
  .app-shell .capability-dock.ds-dock a:focus-visible,
  .app-shell .capability-dock.ds-dock a:active {
    color: inherit;
    background: none;
  }

  .app-shell .capability-dock.ds-dock a:hover .capability-description,
  .app-shell .capability-dock.ds-dock a:focus-visible .capability-description {
    color: rgba(21, 21, 21, 0.62);
  }

  .app-shell .capability-dock.ds-dock .capability-name {
    max-width: none;
    margin: 0;
    color: var(--ink);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.25;
    grid-area: 1 / 1 / 2 / 2;
  }

  .app-shell .capability-dock.ds-dock .capability-description {
    display: block;
    max-width: none;
    min-height: 0;
    margin: 2px 0 0;
    padding-right: 0;
    color: rgba(21, 21, 21, 0.62);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    grid-area: 2 / 1 / 3 / 2;
  }

  .app-shell .capability-dock.ds-dock .capability-arrow {
    position: static;
    width: 34px;
    height: 34px;
    grid-area: 1 / 2 / 3 / 3;
    justify-self: end;
  }
  .app-shell .ds-overview .dms-frame {
    display: flex;
    flex-direction: column;
  }

  .app-shell .ds-overview .dms-intro h2 {
    max-width: 14ch;
  }

  .app-shell .ds-overview .dtl-flight {
    display: flex;
    margin: clamp(26px, 3.2vh, 38px) 0 0;
    margin-inline: calc(-1 * var(--dsl-edge)) 0;
    padding-inline: var(--dsl-edge) 0;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 12px;
    grid-template-columns: none;
    counter-reset: dsl-stop;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--dsl-edge);
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .app-shell .ds-overview .dtl-flight::-webkit-scrollbar {
    display: none;
  }

  .app-shell .ds-overview .dtl-node {
    position: relative;
    display: flex;
    width: min(74vw, 320px);
    flex: 0 0 min(74vw, 320px);
    flex-direction: column;
    padding: 0;
    border-top: 0;
    counter-increment: dsl-stop;
    scroll-snap-align: start;
  }

  .app-shell .ds-overview .dtl-node:last-child {
    margin-right: var(--dsl-edge);
  }

  .app-shell .ds-overview .dtl-node::before {
    content: none;
  }
  .app-shell .ds-overview .dtl-scene {
    order: -1;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 212px;
    max-width: none;
    margin: 0 0 14px;
    padding: 14px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
  }

  .app-shell .ds-overview .dtl-scene svg {
    width: auto;
    height: 100%;
    max-width: 100%;
  }
  .app-shell .ds-overview .dtl-scene--sms {
    padding: 0;
    align-items: flex-start;
  }

  .app-shell .ds-overview .dtl-scene--sms svg {
    width: 80%;
    height: auto;
    max-width: none;
    margin: -50% auto 0;
  }

  .app-shell .ds-overview .dtl-scene--pair {
    max-width: none;
  }
  .app-shell .ds-overview .dtl-live-pages,
  .app-shell .ds-overview .dtl-live-sms {
    display: none;
  }

  .app-shell .ds-overview .dtl-orb {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    display: grid;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--signal);
    box-shadow: 0 0 0 3px #fff;
    color: #fff;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.02em;
    line-height: 1;
    place-items: center;
  }

  .app-shell .ds-overview .dtl-orb::before {
    content: counter(dsl-stop);
  }

  .app-shell .ds-overview .dtl-caption {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 2px;
  }

  .app-shell .ds-overview .dtl-verb {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.14em;
  }

  .app-shell .ds-overview .dtl-name {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.25;
  }

  .app-shell .ds-overview .dtl-close {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 0;
    color: var(--ink);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.3;
  }

  .app-shell .ds-overview .dtl-close::before {
    width: 22px;
    height: 2px;
    flex: 0 0 auto;
    background: var(--signal);
    content: "";
  }

  @supports (animation-timeline: scroll()) {
    .app-shell .ds-overview .dms-frame {
      timeline-scope: --dsl-deck;
    }

    .app-shell .ds-overview .dtl-flight {
      scroll-timeline: --dsl-deck x;
    }

    .app-shell .ds-overview .dsl-deck-mark {
      display: block;
      width: 100%;
      height: 2px;
      margin: 16px 0 0;
      overflow: hidden;
      background: rgba(21, 21, 21, 0.12);
    }

    .app-shell .ds-overview .dsl-deck-mark > i {
      display: block;
      width: 25%;
      height: 100%;
      background: var(--signal);
      animation: dslDeckMark linear both;
      animation-timeline: --dsl-deck;
    }

    @keyframes dslDeckMark {
      from { translate: 0 0; }
      to { translate: 300% 0; }
    }
  }
  #ownership {
    --own-art-h: clamp(104px, 28vw, 120px);
    --own-gap: 16px;
    --own-rule: rgba(247, 247, 245, 0.32);
    border-top-color: transparent;
    color: var(--dsl-ink);
    background:
      radial-gradient(circle, rgba(247, 247, 245, 0.085) 1px, transparent 1.4px) 0 0 / 18px 18px,
      radial-gradient(900px 460px at 14% 10%, rgba(255, 255, 255, 0.035), transparent 68%),
      linear-gradient(145deg, #17191b 0%, #111315 56%, #191b1d 100%);
  }

  #ownership ::selection,
  #faqs ::selection {
    background: rgba(215, 25, 32, 0.55);
    color: #fff;
  }

  #ownership a,
  #faqs a,
  #faqs button {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.08);
  }

  #ownership a:focus-visible,
  #faqs a:focus-visible,
  #faqs button:focus-visible,
  #faqs input:focus-visible {
    outline-offset: 3px;
  }

  .app-shell .ds-own [data-dsl-eyebrow],
  .app-shell .ds-own .dms-intro h2 {
    color: var(--dsl-ink);
    text-shadow: none;
  }

  .app-shell .ds-own .own-lede {
    color: var(--dsl-muted);
  }

  .app-shell .ds-own .cap-body {
    margin-top: 0;
  }

  .app-shell .ds-own .own-stage {
    margin-top: 20px;
  }

  .app-shell .ds-own .own-list {
    gap: 30px 0;
  }

  .app-shell .ds-own .own-slot {
    border-color: rgba(247, 247, 245, 0.34);
  }

  .app-shell .ds-own .own-fig--trace {
    opacity: 0.2;
    filter: grayscale(1) invert(1);
  }

  .app-shell .ds-own .own-tag {
    left: calc(var(--own-art-w) + 20px);
    color: var(--dsl-soft);
    font-size: 10px;
  }

  .app-shell .ds-own .own-tag--to {
    color: var(--dsl-ink);
  }

  .app-shell .ds-own .own-plate {
    border-color: rgba(255, 255, 255, 0.22);
  }

  .app-shell .ds-own .own-plate::before {
    box-shadow:
      0 24px 46px -14px rgba(0, 0, 0, 0.85),
      0 6px 14px -6px rgba(0, 0, 0, 0.6);
    opacity: 0.7;
  }

  .app-shell .ds-own .own-seal {
    background: #17191b;
    box-shadow: 0 0 0 3px #17191b;
  }

  .app-shell .ds-own .own-cap {
    max-width: none;
    padding-top: 14px;
  }

  .app-shell .ds-own .own-kicker {
    color: var(--dsl-soft);
    font-size: 11px;
  }

  .app-shell .ds-own .own-claim {
    margin: 6px 0 6px;
    color: var(--dsl-ink);
    font-size: 1.125rem;
  }

  .app-shell .ds-own .own-fact {
    color: var(--dsl-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
  }

  .app-shell .ds-own .own-choice {
    margin-top: 12px;
  }

  .app-shell .ds-own .own-choice span {
    border-color: rgba(247, 247, 245, 0.4);
    color: var(--dsl-ink);
  }

  .app-shell .ds-own .own-choice .own-or {
    color: var(--dsl-soft);
  }

  .app-shell .ds-own .own-close {
    margin-top: 30px;
    padding-top: 18px;
    border-top-color: var(--dsl-rule);
  }

  .app-shell .ds-own .own-cta,
  .app-shell .ds-own .own-cta > span {
    color: var(--dsl-ink);
  }

  .app-shell .ds-own .own-cta > span {
    color: var(--dsl-muted);
  }
  .app-shell .ds-run .dsr-lockup {
    gap: 12px;
  }

  .app-shell .ds-run .dsr-head {
    gap: 18px;
  }

  .app-shell .ds-run .dsr-head-copy {
    gap: 10px;
  }

  .app-shell .ds-run .dsr-lede {
    margin-top: 0;
  }

  .app-shell .ds-run .dsr-included {
    max-width: none;
    font-size: 15px;
    line-height: 1.5;
  }

  .app-shell .ds-run .dsr-part {
    display: grid;
    gap: 2px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ink);
  }

  .app-shell .ds-run .dsr-entries + .dsr-part {
    margin-top: 36px;
  }

  .app-shell .ds-run .dsr-part-role {
    gap: 10px;
    font-size: 1.125rem;
  }

  .app-shell .ds-run .dsr-part-note {
    font-size: 0.875rem;
  }

  .app-shell .ds-run .dsr-entries {
    counter-reset: dsl-row;
  }

  .app-shell .ds-run .dsr-entries[start="9"] {
    counter-reset: dsl-row 8;
  }

  .app-shell .ds-run .dsr-entry {
    display: grid;
    padding: 15px 0 16px;
    column-gap: 12px;
    counter-increment: dsl-row;
    grid-template-columns: 30px minmax(0, 1fr) 36px;
  }

  .app-shell .ds-run .dsr-entry::before {
    padding-top: 5px;
    color: var(--signal);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    letter-spacing: 0.08em;
    grid-area: 1 / 1 / 2 / 2;
    content: counter(dsl-row, decimal-leading-zero);
  }

  .app-shell .ds-run .dsr-entry-head {
    margin: 0;
    grid-area: 1 / 2 / 2 / 3;
  }

  .app-shell .ds-run .dsr-name {
    font-size: 1.0625rem;
    letter-spacing: -0.015em;
    line-height: 1.25;
  }

  .app-shell .ds-run .dsr-more {
    position: static;
    display: grid;
    width: 36px;
    height: 36px;
    margin: -4px 0 0;
    padding: 0;
    border: 1px solid rgba(21, 21, 21, 0.28);
    border-radius: 50%;
    background: #fff;
    color: var(--ink);
    cursor: pointer;
    grid-area: 1 / 3 / 2 / 4;
    place-items: center;
    -webkit-tap-highlight-color: transparent;
    transition: border-color 200ms ease, color 200ms ease;
  }
  .app-shell .ds-run .dsr-more::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
  }

  .app-shell .ds-run .dsr-more i {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
  }

  .app-shell .ds-run .dsr-more i::before,
  .app-shell .ds-run .dsr-more i::after {
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 1px;
    background: currentColor;
    content: "";
  }

  .app-shell .ds-run .dsr-more i::before {
    width: 12px;
    height: 1.6px;
  }

  .app-shell .ds-run .dsr-more i::after {
    width: 1.6px;
    height: 12px;
    transition: transform 240ms cubic-bezier(0.2, 0.75, 0.2, 1);
  }

  .app-shell .ds-run .dsr-entry.is-open .dsr-more {
    border-color: var(--signal);
    color: var(--signal);
  }

  .app-shell .ds-run .dsr-entry.is-open .dsr-more i::after {
    transform: scaleY(0);
  }

  .app-shell .ds-run .dsr-more:focus-visible {
    outline: 3px solid var(--signal);
    outline-offset: 2px;
  }

  .app-shell .ds-run .dsr-does {
    display: -webkit-box;
    max-width: none;
    margin: 5px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgba(21, 21, 21, 0.66);
    font-size: 0.9375rem;
    line-height: 1.45;
    grid-area: 2 / 2 / 3 / 4;
  }

  .app-shell .ds-run .dsr-entry.is-open .dsr-does {
    display: block;
    color: rgba(21, 21, 21, 0.78);
  }

  .app-shell .ds-run .dsr-fig-inline {
    display: none;
    width: 100%;
    max-width: 330px;
    margin: 14px 0 4px;
    grid-area: 3 / 2 / 4 / 4;
  }

  .app-shell .ds-run .dsr-fig-craft {
    display: none;
    max-width: none;
    margin: 0 0 4px;
    font-size: 0.8125rem;
    line-height: 1.45;
    grid-area: 4 / 2 / 5 / 4;
  }

  .app-shell .ds-run .dsr-stop {
    display: none;
    max-width: none;
    margin: 10px 0 0;
    color: rgba(21, 21, 21, 0.66);
    font-size: 0.9375rem;
    line-height: 1.5;
    grid-area: 5 / 2 / 6 / 4;
  }

  .app-shell .ds-run .dsr-entry.is-open .dsr-fig-inline,
  .app-shell .ds-run .dsr-entry.is-open .dsr-fig-craft,
  .app-shell .ds-run .dsr-entry.is-open .dsr-stop {
    display: block;
  }

  .app-shell .ds-run .dsr-foot {
    gap: 14px;
    margin-top: 32px;
  }

  .app-shell .ds-run .dsr-close {
    max-width: none;
    font-size: 1.125rem;
    line-height: 1.35;
  }

  .app-shell .ds-run .talk-link {
    display: inline-flex;
    min-height: var(--m-tap);
    align-items: center;
    font-size: 15px;
  }
  #faqs {
    border-top-color: transparent;
    color: var(--dsl-ink);
    background:
      radial-gradient(circle, rgba(247, 247, 245, 0.085) 1px, transparent 1.4px) 0 0 / 18px 18px,
      radial-gradient(900px 460px at 14% 10%, rgba(255, 255, 255, 0.035), transparent 68%),
      linear-gradient(145deg, #17191b 0%, #111315 56%, #191b1d 100%);
  }

  .app-shell .print-faq [data-dsl-eyebrow],
  .app-shell .print-faq .pfqa-intro h2 {
    color: var(--dsl-ink);
    text-shadow: none;
  }

  .app-shell .print-faq .pfqa-lede {
    color: var(--dsl-muted);
  }

  .app-shell .print-faq .pfqa-progress {
    display: none;
  }

  .app-shell .print-faq .pfqa-search {
    margin-top: 26px;
  }

  .app-shell .print-faq .pfqa-search > label {
    color: var(--dsl-soft);
    font-size: 15px;
    letter-spacing: 0.16em;
  }

  .app-shell .print-faq .pfqa-search-field:not(:focus-within) {
    border-bottom-color: rgba(247, 247, 245, 0.32);
  }

  .app-shell .print-faq .pfqa-search-field:not(:focus-within) > svg {
    stroke: var(--dsl-muted);
  }

  .app-shell .print-faq .pfqa-search-field input {
    min-height: 48px;
    color: var(--dsl-ink);
    background: transparent;
    font-size: 1rem;
  }

  .app-shell .print-faq .pfqa-search-field input::placeholder {
    color: var(--dsl-soft);
  }

  .app-shell .print-faq .pfqa-search-clear {
    width: var(--m-tap);
    height: var(--m-tap);
    color: var(--dsl-ink);
  }

  .app-shell .print-faq .pfqa-search-clear i::before,
  .app-shell .print-faq .pfqa-search-clear i::after {
    background: var(--dsl-ink);
  }

  .app-shell .print-faq .pfqa-search-meta {
    color: var(--dsl-muted);
    font-size: 15px;
  }

  .app-shell .print-faq .pfqa-search-meta > span:last-child {
    display: none;
  }

  .app-shell .print-faq .pfqa-list {
    max-height: none;
    overflow: visible;
    border-bottom-color: var(--dsl-rule);
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
  }

  .app-shell .print-faq .pfqa-item {
    border-top-color: var(--dsl-rule);
  }

  .app-shell .print-faq .pfqa-item.is-active {
    background: rgba(247, 247, 245, 0.04);
  }

  .app-shell .print-faq .pfqa-question {
    min-height: 52px;
    padding: 15px 0;
    gap: 12px;
  }

  .app-shell .print-faq .pfqa-question:focus-visible {
    outline: 3px solid var(--signal);
    outline-offset: -3px;
  }

  .app-shell .print-faq .pfqa-number {
    color: var(--dsl-muted);
    font-size: 13px;
  }

  .app-shell .print-faq .pfqa-question-copy,
  .app-shell .print-faq .pfqa-item.is-active .pfqa-question-copy {
    color: var(--dsl-ink);
    font-size: 1.0625rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .app-shell .print-faq .pfqa-toggle::before,
  .app-shell .print-faq .pfqa-toggle::after {
    background: var(--dsl-ink);
  }

  .app-shell .print-faq .pfqa-answer-inner p,
  .app-shell .print-faq .pfqa-answer-inner li {
    color: rgba(247, 247, 245, 0.72);
    font-size: 1rem;
    line-height: 1.6;
  }

  .app-shell .print-faq .pfqa-answer-inner a {
    color: var(--dsl-ink);
  }

  .app-shell .print-faq .pfqa-empty {
    border-top-color: var(--dsl-rule);
    color: var(--dsl-muted);
  }
  html.dsl-lane {
    --dsl-lane: clamp(18px, 5.5vw, 30px);
    --dsl-runway: clamp(160px, 26vh, 240px);
    --dsl-runway: clamp(160px, 26svh, 240px);
  }

  html.dsl-lane .app-shell .landing-canvas,
  html.dsl-lane .app-shell .landing-canvas.is-complete {
    padding-top: var(--dsl-runway);
  }

  html.dsl-lane .app-shell .ds-overview .dms-frame,
  html.dsl-lane .app-shell .ds-own .dms-frame,
  html.dsl-lane .app-shell .ds-run .dsr-head,
  html.dsl-lane .app-shell .ds-run .dms-frame,
  html.dsl-lane .app-shell .print-faq .pfqa-frame,
  html.dsl-lane .app-shell .pgc-brief .pgc-frame,
  html.dsl-lane .app-shell .capability-dock.ds-dock a {
    padding-right: calc(var(--dsl-edge) + var(--dsl-lane));
  }

  html.dsl-lane .app-shell .ds-overview .dtl-node:last-child {
    margin-right: calc(var(--dsl-edge) + var(--dsl-lane));
  }
}

@media (max-width: 1050px) and (prefers-reduced-motion: no-preference) {
  html.dsl-on .landing-canvas [data-dsl-intro]:not(.dsl-landed) [data-dsl-eyebrow]::before {
    transform: scaleX(0);
  }
}
@media (max-width: 1050px) and (prefers-reduced-motion: no-preference) {
  html.dsl-in {
    --dsl-d: 520ms;
    --dsl-s: 60ms;
    --dsl-r: 640ms;
    --dsl-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    --dsl-draw: cubic-bezier(0.2, 0.7, 0.2, 1);
    --dsl-a: 0ms;
  }

  html.dsl-in.page-arriving .dsl-first {
    --dsl-a: 500ms;
  }

  html.dsl-in [data-dsl-b="1"] { --dsl-b: 1; }
  html.dsl-in [data-dsl-b="2"] { --dsl-b: 2; }
  html.dsl-in [data-dsl-b="3"] { --dsl-b: 3; }
  html.dsl-in [data-dsl-b="4"] { --dsl-b: 4; }
  html.dsl-in [data-dsl-b="5"] { --dsl-b: 5; }
  html.dsl-in [data-dsl-b="6"] { --dsl-b: 6; }
  html.dsl-in [data-dsl-i="1"] { --dsl-i: 1; }
  html.dsl-in [data-dsl-i="2"] { --dsl-i: 2; }
  html.dsl-in [data-dsl-i="3"] { --dsl-i: 3; }

  html.dsl-in [data-dsl] .dsl-rise,
  html.dsl-in [data-dsl].dsl-rise {
    transition-property: opacity, translate;
    transition-duration: var(--dsl-d);
    transition-timing-function: var(--dsl-ease);
    transition-delay:
      calc(var(--dsl-a, 0ms) + (var(--dsl-b, 0) + var(--dsl-i, 0)) * var(--dsl-s));
  }

  html.dsl-in [data-dsl]:not(.is-in) .dsl-rise,
  html.dsl-in [data-dsl]:not(.is-in).dsl-rise {
    opacity: 0;
    translate: 0 14px;
  }

  html.dsl-in [data-dsl] .dsl-print,
  html.dsl-in [data-dsl].dsl-print {
    clip-path: inset(-0.25em 0 -0.25em 0);
    transition-property: clip-path, translate;
    transition-duration: var(--dsl-r);
    transition-timing-function: var(--dsl-draw);
    transition-delay:
      calc(var(--dsl-a, 0ms) + (var(--dsl-b, 0) + var(--dsl-i, 0)) * var(--dsl-s));
  }

  html.dsl-in [data-dsl]:not(.is-in) .dsl-print,
  html.dsl-in [data-dsl]:not(.is-in).dsl-print {
    clip-path: inset(-0.25em 0 100% 0);
    translate: 0 8px;
  }

  html.dsl-in [data-dsl] .dsl-drawn,
  html.dsl-in [data-dsl].dsl-drawn {
    transition-property: transform;
    transition-duration: var(--dsl-r);
    transition-timing-function: var(--dsl-draw);
    transition-delay:
      calc(var(--dsl-a, 0ms) + (var(--dsl-b, 0) + var(--dsl-i, 0)) * var(--dsl-s));
    transform-origin: left center;
  }

  html.dsl-in [data-dsl]:not(.is-in) .dsl-drawn,
  html.dsl-in [data-dsl]:not(.is-in).dsl-drawn {
    transform: scaleX(0);
  }

  html.dsl-in [data-dsl] .dsl-nudge {
    transition-property: translate;
    transition-duration: var(--dsl-d);
    transition-timing-function: var(--dsl-ease);
    transition-delay:
      calc(var(--dsl-a, 0ms) + (var(--dsl-b, 0) + var(--dsl-i, 0)) * var(--dsl-s));
  }

  html.dsl-in [data-dsl]:not(.is-in) .dsl-nudge {
    translate: -6px 0;
  }
  html.dsl-in .print-faq .pfqa-item {
    position: relative;
    border-top-color: transparent;
  }

  html.dsl-in .print-faq .pfqa-item::before,
  html.dsl-in .ds-run .dsr-entry::after {
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    height: 1px;
    background: var(--dsl-rule);
    pointer-events: none;
    content: "";
  }

  html.dsl-in .ds-run .dsr-entry {
    border-top: 1px solid transparent;
    margin-top: -1px;
  }

  html.dsl-in .ds-run .dsr-entry::after {
    top: -1px;
    background: var(--line);
  }

  html.dsl-in .ds-run .dsr-entry:first-child::after {
    content: none;
  }

  html.dsl-in .print-faq .pfqa-item::before,
  html.dsl-in .ds-run .dsr-entry::after,
  html.dsl-in .landing-canvas [data-dsl-eyebrow]::before {
    transition-property: transform;
    transition-duration: var(--dsl-r);
    transition-timing-function: var(--dsl-draw);
    transition-delay:
      calc(var(--dsl-a, 0ms) + (var(--dsl-b, 0) + var(--dsl-i, 0)) * var(--dsl-s));
    transform-origin: right center;
  }

  html.dsl-in .print-faq .pfqa-item[data-dsl]:not(.is-in)::before,
  html.dsl-in .ds-run .dsr-entry[data-dsl]:not(.is-in)::after,
  html.dsl-in [data-dsl]:not(.is-in) [data-dsl-eyebrow]::before {
    transform: scaleX(0);
  }

  html.dsl-in .landing-canvas [data-dsl-eyebrow]::before {
    transform-origin: left center;
  }
  html.dsl-in.dsl-lane .landing-canvas > section [data-dsl]:not(.is-in) .dsl-rise,
  html.dsl-in.dsl-lane .landing-canvas > section [data-dsl]:not(.is-in).dsl-rise,
  html.dsl-in.dsl-lane .landing-canvas > section [data-dsl]:not(.is-in) .dsl-print,
  html.dsl-in.dsl-lane .landing-canvas > section [data-dsl]:not(.is-in).dsl-print {
    opacity: 1;
    translate: 14px 0px;
    clip-path: inset(-0.25em -0.25em -0.25em 100%);
  }

  html.dsl-in.dsl-lane .landing-canvas > section .dsl-rise,
  html.dsl-in.dsl-lane .landing-canvas > section .dsl-print {
    translate: 0px 0px;
    clip-path: inset(-0.25em -0.25em -0.25em -0.25em);
    transition-property: clip-path, translate;
    transition-duration: var(--dsl-r);
    transition-timing-function: var(--dsl-draw);
  }

  html.dsl-in.dsl-lane [data-dsl] .dsl-drawn,
  html.dsl-in.dsl-lane [data-dsl].dsl-drawn {
    transform-origin: right center;
  }
  .app-shell .ds-run .dsr-entry.is-open .dsr-fig-inline {
    animation: dslFigIn 360ms cubic-bezier(0.2, 0.75, 0.2, 1) both;
  }

  @keyframes dslFigIn {
    from {
      opacity: 0;
      translate: 0 8px;
    }
  }
}

html.dsl-measuring [data-dsl] .dsl-rise,
html.dsl-measuring [data-dsl].dsl-rise,
html.dsl-measuring [data-dsl] .dsl-print,
html.dsl-measuring [data-dsl].dsl-print,
html.dsl-measuring [data-dsl] .dsl-nudge {
  transition: none;
}
.sm-seq {
  --p: clamp(0, calc((var(--draw) - var(--sa)) / var(--sd)), 1);
  --q: calc(var(--p) - 1);
  --e: calc(1 - var(--q) * var(--q));
  --back: calc(1 + 2.7 * var(--q) * var(--q) * var(--q) + 1.7 * var(--q) * var(--q));
}
.sm-band {
  --s1: clamp(0, calc((var(--draw) - 0.215) / 0.06), 1);
  --s2: clamp(0, calc((var(--draw) - 0.36) / 0.06), 1);
  --s3: clamp(0, calc((var(--draw) - 0.505) / 0.06), 1);
  --s4: clamp(0, calc((var(--draw) - 0.65) / 0.06), 1);
  transform: translateY(calc((
    var(--s1) * var(--s1) * (3 - 2 * var(--s1)) +
    var(--s2) * var(--s2) * (3 - 2 * var(--s2)) +
    var(--s3) * var(--s3) * (3 - 2 * var(--s3)) +
    var(--s4) * var(--s4) * (3 - 2 * var(--s4))) * 68px));
}

.sm-band-fill {
  fill: var(--signal);
  fill-opacity: 0.075;
}

.sm-slot {
  opacity: calc(1 - var(--p));
}

.sm-post,
.sm-badge,
.sm-ping,
.sm-bar {
  transform-box: fill-box;
  transform-origin: center;
}
.sm-post {
  --f: calc(1 - var(--p) * var(--p) * (3 - 2 * var(--p)));
  opacity: calc(var(--p) * 5);
  transform:
    translate(calc(var(--f) * 16px), calc(var(--f) * -30px))
    rotate(calc(var(--f) * -10deg))
    scale(calc(1 + var(--f) * 0.95));
}

.sm-card {
  fill: #fff;
  stroke: rgba(21, 21, 21, 0.22);
  stroke-width: 1;
}

.sm-shadow {
  fill: rgba(21, 21, 21, 0.16);
  opacity: var(--f);
  transform: translate(calc(var(--f) * 5px), calc(var(--f) * 12px));
}

.sm-ping {
  fill: none;
  stroke: var(--signal);
  stroke-width: 1.25;
  opacity: calc(3.2 * var(--p) * (1 - var(--p)));
  transform: scale(calc(1 + 0.42 * var(--e)));
}

.sm-badge {
  opacity: calc(var(--p) * 3);
  transform: scale(var(--back));
}

.sm-tick {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sm-pill {
  opacity: var(--p);
  transform: translateX(calc((1 - var(--e)) * -12px));
}

.sm-pill-plate {
  fill: #fff;
  stroke: var(--signal);
  stroke-width: 1.25;
}

.sf-bd.sm-line {
  stroke-dashoffset: calc(1 - var(--e));
  opacity: calc(var(--p) * 40);
}

.sm-inx {
  opacity: var(--p);
  transform: translateX(calc((1 - var(--e)) * 18px));
}

.sm-rise {
  opacity: var(--p);
  transform: translateY(calc((1 - var(--e)) * 12px));
}

.sm-bar {
  transform-origin: 50% 100%;
  transform: scaleY(var(--e));
}
.tx-thread {
  --s2: clamp(0, calc((var(--draw) - 0.52) / 0.06), 1);
  --s3: clamp(0, calc((var(--draw) - 0.64) / 0.06), 1);
  --s4: clamp(0, calc((var(--draw) - 0.8) / 0.06), 1);
  transform: translateY(calc(220px
    - var(--s2) * var(--s2) * (3 - 2 * var(--s2)) * 104px
    - var(--s3) * var(--s3) * (3 - 2 * var(--s3)) * 64px
    - var(--s4) * var(--s4) * (3 - 2 * var(--s4)) * 52px));
}

.tx-sent,
.tx-reply {
  transform-box: fill-box;
  transform-origin: 100% 100%;
  opacity: calc(var(--p) * 3);
  transform: scale(calc(0.5 + 0.5 * var(--back)));
}

.tx-reply {
  transform-origin: 0% 100%;
}

.tx-typing {
  opacity: calc(min(1, var(--p) * 4) * min(1, (1 - var(--p)) * 4));
}

.tx-draw {
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--e));
  opacity: calc(var(--p) * 6);
}

.tx-ok {
  stroke-width: 1.4;
}

.tx-struck {
  opacity: calc(1 - 0.55 * var(--p));
}

.tx-scan {
  transform: translateY(calc(var(--p) * 78px));
  opacity: calc(min(1, var(--p) * 8) * min(1, (1 - var(--p)) * 8));
}

.tx-wave {
  opacity: var(--p);
}
.fx-fade {
  opacity: var(--p);
}

.fx-pop {
  transform-box: fill-box;
  transform-origin: center;
  opacity: calc(var(--p) * 3);
  transform: scale(var(--back));
}

.fx-growx {
  transform-box: fill-box;
  transform-origin: 0% 50%;
  transform: scaleX(var(--e));
}

.fx-inl {
  opacity: var(--p);
  transform: translateX(calc((1 - var(--e)) * -22px));
}

.fx-pulse {
  fill: none;
  stroke: var(--signal);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 0.001 0.999;
  stroke-dashoffset: 1;
  opacity: 0;
}
.qr-cover {
  fill: #fff;
  transform-box: fill-box;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 - var(--p)));
}

.qr-head {
  transform: translateY(calc(var(--p) * 67px));
  opacity: calc(min(1, var(--p) * 10) * min(1, (1 - var(--p)) * 10));
}
.lp-cursor {
  opacity: calc(var(--p) * 5);
  transform: translate(calc((1 - var(--e)) * 170px), calc((1 - var(--e)) * 64px));
}

.lp-arrow {
  fill: var(--ink);
  stroke: #fff;
  stroke-width: 1.4;
  stroke-linejoin: round;
}

.lp-press {
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(calc(1 - 0.32 * var(--p) * (1 - var(--p))));
}
.ab-b {
  opacity: calc(var(--p) * 8);
  transform: translateX(calc((1 - var(--e)) * -240px));
}

.ab-label {
  fill: rgba(255, 255, 255, 0.6);
}

.tk-fill {
  fill: rgba(21, 21, 21, 0.42);
}
.rp-back {
  transform: translate(calc((1 - var(--e)) * -30px), calc((1 - var(--e)) * -20px));
}

.rp-bubble {
  transform-box: fill-box;
  transform-origin: 20% 100%;
  opacity: calc(var(--p) * 3);
  transform: scale(var(--back));
}
.hs-scan {
  transform: translateY(calc(var(--p) * 114px));
  opacity: calc(min(1, var(--p) * 8) * min(1, (1 - var(--p)) * 8));
}
.dm-cover {
  fill: #fff;
  transform-box: fill-box;
  transform-origin: 100% 50%;
  transform: scaleX(calc(1 - var(--p)));
}

.dm-caret {
  transform: translateX(calc(var(--p) * 214px));
  opacity: calc(min(1, var(--p) * 12) * min(1, (1 - var(--p)) * 12));
}

.dm-renew {
  transform-box: fill-box;
  transform-origin: center;
  opacity: calc(var(--p) * 5);
  transform: rotate(calc((1 - var(--e)) * -320deg));
}

.dm-old {
  fill: rgba(21, 21, 21, 0.16);
}

.dm-drain {
  opacity: calc(1 - 0.7 * var(--p));
}

@media (prefers-reduced-motion: no-preference) {
  .sm-queued {
    animation: smMarch 1.6s linear infinite;
  }

  .sm-dot {
    animation: smType 1.5s ease-in-out infinite;
  }

  .tx-wave-1,
  .tx-wave-2,
  .tx-wave-3 {
    animation: txWave 2.4s ease-in-out infinite;
  }

  .tx-wave-2 { animation-delay: 0.28s; }
  .tx-wave-3 { animation-delay: 0.56s; }

  .fx-pulse {
    opacity: 1;
    animation: fxPulse 2.2s linear infinite;
  }

  .fx-dot {
    animation: fxDot 1.5s ease-in-out infinite;
  }

  .fx-dot:nth-of-type(2) { animation-delay: 0.18s; }
  .fx-dot:nth-of-type(3) { animation-delay: 0.36s; }

  .qr-scanline {
    animation: qrScan 1.8s ease-in-out infinite alternate;
  }

  .hs-led {
    animation: hsLed 1.6s steps(1, end) infinite;
  }

  .sm-march {
    animation: smMarch 1.1s linear infinite reverse;
  }

  .dm-file {
    animation: dmFile 2.2s cubic-bezier(0.4, 0, 0.4, 1) infinite;
  }

  .sm-dot:nth-of-type(2) { animation-delay: 0.18s; }
  .sm-dot:nth-of-type(3) { animation-delay: 0.36s; }
}

@keyframes fxPulse {
  0% { stroke-dashoffset: 1; opacity: 0; }
  12%, 88% { opacity: 1; }
  100% { stroke-dashoffset: 0.002; opacity: 0; }
}

@keyframes fxDot {
  0%, 60%, 100% { opacity: 1; transform: translateY(0); }
  30% { opacity: 0.35; transform: translateY(-1.4px); }
}

@keyframes qrScan {
  from { transform: translateY(-24px); }
  to { transform: translateY(24px); }
}

@keyframes hsLed {
  0%, 100% { opacity: 1; }
  86% { opacity: 0.25; }
}

@keyframes dmFile {
  0% { transform: translateX(-36px); opacity: 0; }
  18%, 80% { opacity: 1; }
  100% { transform: translateX(34px); opacity: 0; }
}

@keyframes txWave {
  0%, 55%, 100% { stroke: rgba(21, 21, 21, 0.3); }
  22% { stroke: var(--signal); }
}

@keyframes smMarch {
  to { stroke-dashoffset: -13; }
}

@keyframes smType {
  0%, 60%, 100% { fill: rgba(21, 21, 21, 0.18); transform: translateY(0); }
  30% { fill: rgba(21, 21, 21, 0.55); transform: translateY(-1.6px); }
}
@supports (animation-timeline: view()) {
  @media (min-width: 1051px) and (prefers-reduced-motion: no-preference) {
    .ds-run .dsr-fig[data-k="2"] {
      animation-range: cover 0% cover 34%, cover 0% cover 34%, cover 10% cover 70%;
    }

    .ds-run .dsr-fig[data-k="3"] {
      animation-range: cover 0% cover 34%, cover 0% cover 34%, cover 16% cover 74%;
    }

    .ds-run .dsr-fig:not([data-k="1"]):not([data-k="2"]):not([data-k="3"]):not([data-k="11"]) {
      animation-range: cover 0% cover 34%, cover 0% cover 34%, cover 14% cover 74%;
    }

    .ds-run .dsr-fig[data-k="11"] {
      animation-range: cover 0% cover 34%, cover 14% cover 74%;
    }
  }
}
@media (max-width: 1050px) and (prefers-reduced-motion: no-preference) {
  .app-shell .ds-run .dsr-entry:not([data-k="1"]).is-open .dsr-fig-inline {
    animation:
      dslFigIn 360ms cubic-bezier(0.2, 0.75, 0.2, 1) both,
      dsrDraw 3200ms cubic-bezier(0.3, 0, 0.4, 1) 120ms both;
  }
}