.deck:where(.astro-4kbad6cx){--beat-gap:clamp(80px, 22vb, 200px);gap:var(--beat-gap);max-inline-size:min(1320px,94vi);padding-block:var(--beat-gap) 120px;flex-direction:column;margin-inline:auto;display:flex}.deck-progress:where(.astro-4kbad6cx){z-index:10;background:var(--tng-color-fill-primary-default,#d40605);transform-origin:0;block-size:4px;animation:linear both deck-progress;animation-timeline:scroll(root);position:fixed;inset-block-start:0;inset-inline:0;transform:scaleX(0)}@keyframes deck-progress{to{transform:scaleX(1)}}.beat:where(.astro-4kbad6cx){scroll-margin-block-start:60px}.beat-head:where(.astro-4kbad6cx){margin-block-end:32px}.beat-bullets:where(.astro-4kbad6cx){flex-direction:column;gap:12px;margin-block-start:32px;padding-inline-start:24px;display:flex}.beat-lede:where(.astro-4kbad6cx){max-inline-size:520px;margin-block-start:24px}.reveal:where(.astro-4kbad6cx){animation:linear both reveal;animation-timeline:view();animation-range:entry 6% cover 26%}@keyframes reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.beat-hero:where(.astro-4kbad6cx){flex-direction:column;justify-content:center;min-block-size:72vb;display:flex}.deck-scroll-hint:where(.astro-4kbad6cx){opacity:.6;margin-block-start:40px;animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(6px)}}.flow:where(.astro-4kbad6cx){background:var(--tng-color-background-subtle,#00000008);border:1px solid var(--tng-color-border-default,#0000001f);border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex}.flow-systems:where(.astro-4kbad6cx){gap:12px;margin:0;padding:0;list-style:none;display:flex}.flow-systems:where(.astro-4kbad6cx) li:where(.astro-4kbad6cx){font:inherit;border:1px solid var(--tng-color-border-default,#0000001f);border-radius:999px;padding:4px 14px;font-weight:600}.flow-systems:where(.astro-4kbad6cx) li:where(.astro-4kbad6cx):not(:last-child):after{content:"→";opacity:.5;margin-inline-start:12px}.flow-spine:where(.astro-4kbad6cx){gap:12px;margin:0;padding:24px 0 0;list-style:none;display:flex;position:relative}.flow-node:where(.astro-4kbad6cx){background:var(--tng-color-background-default,#fff);border:1px solid var(--tng-color-border-default,#0000001f);border-radius:12px;flex-direction:column;flex:1 1 0;gap:4px;padding:16px;display:flex;position:relative}.flow-node:where(.astro-4kbad6cx) strong:where(.astro-4kbad6cx){font-size:15px}.flow-node:where(.astro-4kbad6cx) span:where(.astro-4kbad6cx){opacity:.66;font-size:12px}.flow-spine:where(.astro-4kbad6cx) .flow-node:where(.astro-4kbad6cx):not(:last-of-type):after{content:"→";opacity:.45;position:absolute;inset-block-start:50%;inset-inline-end:-7px;transform:translate(50%,-50%)}.flow-node:where(.astro-4kbad6cx).is-fork{border-color:var(--tng-color-fill-primary-default,#d40605)}.flow-token:where(.astro-4kbad6cx){aspect-ratio:1;background:var(--tng-color-fill-primary-default,#d40605);inline-size:22px;box-shadow:0 0 0 6px color-mix(in srgb, var(--tng-color-fill-primary-default,#d40605) 25%, transparent);border-radius:50%;animation:ease-in-out both token-travel;animation-timeline:view();animation-range:entry 15% exit 85%;position:absolute;inset-block-start:6px;inset-inline-start:0}@keyframes token-travel{0%{inset-inline-start:0}to{inset-inline-start:calc(100% - 22px)}}.flow-branch:where(.astro-4kbad6cx){align-items:center;gap:12px;padding-inline-start:62%;display:flex}.flow-branch-line:where(.astro-4kbad6cx){background:var(--tng-color-border-default,#00000040);block-size:1px;inline-size:30px}.flow-node:where(.astro-4kbad6cx).is-downstream{border-style:dashed;flex:none}.tiers:where(.astro-4kbad6cx){flex-wrap:wrap;align-items:stretch;gap:16px;margin-block-end:16px;display:flex}.tiers-tier:where(.astro-4kbad6cx){border:1px solid var(--tng-color-border-default,#0000001f);border-radius:12px;flex-direction:column;flex:1 1 0;gap:8px;min-inline-size:0;padding:16px;display:flex}.tiers-label:where(.astro-4kbad6cx){font-size:13px;font-weight:600}.tiers-tier:where(.astro-4kbad6cx) code:where(.astro-4kbad6cx){word-break:break-all;font-size:12px}.tiers-val:where(.astro-4kbad6cx){opacity:.72;align-items:center;gap:6px;margin-block-start:auto;font-size:12px;display:flex}.tiers-swatch:where(.astro-4kbad6cx){border:1px solid #0000001f;border-radius:4px;flex:none;block-size:16px;inline-size:16px}.tiers-arrow:where(.astro-4kbad6cx){opacity:.5;align-items:center;display:flex}.tiers-caption:where(.astro-4kbad6cx){opacity:.66;margin-block-end:32px;font-size:13px}.compare:where(.astro-4kbad6cx){border:1px solid var(--tng-color-border-default,#0000001f);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.compare-head:where(.astro-4kbad6cx),.compare-row:where(.astro-4kbad6cx){grid-template-columns:2fr 1fr 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.compare-head:where(.astro-4kbad6cx){background:var(--tng-color-background-subtle,#0000000a);font-weight:600}.compare-row:where(.astro-4kbad6cx):not(:last-child){border-block-end:1px solid var(--tng-color-border-default,#00000014)}.compare-name:where(.astro-4kbad6cx){word-break:break-all;font-size:13px}.compare-cell:where(.astro-4kbad6cx){align-items:center;gap:8px;display:flex}.compare-swatch:where(.astro-4kbad6cx){border:1px solid #0000001f;border-radius:4px;flex:none;block-size:20px;inline-size:20px}.demo-form:where(.astro-4kbad6cx){background:var(--tng-color-background-default,#fff);border:1px solid var(--tng-color-border-default,#0000001f);border-radius:16px;grid-template-columns:repeat(2,1fr);align-items:start;gap:24px 32px;padding:32px;display:grid}.demo-form:where(.astro-4kbad6cx) .tng-field:where(.astro-4kbad6cx){margin:0}.demo-form-actions:where(.astro-4kbad6cx){flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;margin-block-start:8px;display:flex}@media (width<=400px){.demo-form:where(.astro-4kbad6cx){grid-template-columns:1fr}}.deck-outro:where(.astro-4kbad6cx){text-align:center;flex-direction:column;gap:16px;margin-block-start:var(--beat-gap);display:flex}@supports not (animation-timeline:view()){.reveal:where(.astro-4kbad6cx){animation:none}}