.trio-flow{background:transparent;overflow-x:clip;position:relative}.trio-flow__wash{background:radial-gradient(closest-side,color-mix(in srgb,var(--trio-glow) 11.3%,transparent) 0,color-mix(in srgb,var(--trio-glow) 9.8%,transparent) 21%,color-mix(in srgb,var(--trio-glow) 5.9%,transparent) 42%,color-mix(in srgb,var(--trio-glow) 2.5%,transparent) 63%,color-mix(in srgb,var(--trio-glow) .5%,transparent) 84%,transparent 100%);border-radius:50%;height:1150px;left:50%;margin-left:-950px;pointer-events:none;position:absolute;top:-385px;width:1900px;z-index:0}.trio-flow__inner{margin-inline:auto;max-width:1084px;padding:34px 22px 0;position:relative;z-index:1}.trio-flow [data-cat="1"]{--trio-cat:var(--trio-cat-1)}.trio-flow [data-cat="2"]{--trio-cat:var(--trio-cat-2)}.trio-flow [data-cat="3"]{--trio-cat:var(--trio-cat-3)}.trio-flow [data-cat="4"]{--trio-cat:var(--trio-cat-4)}.trio-flow [data-cat="5"]{--trio-cat:var(--trio-cat-5)}.trio-flow [data-cat="6"]{--trio-cat:var(--trio-cat-6)}.trio-flow [data-cat="7"]{--trio-cat:var(--trio-cat-7)}.trio-flow__stage{align-items:start;display:grid;gap:30px;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.trio-flow__note{background:var(--trio-surface);border:1px solid var(--trio-hairline);border-radius:10px;-webkit-mask-image:linear-gradient(180deg,var(--trio-ink) 0,var(--trio-ink) 80%,color-mix(in srgb,var(--trio-ink) 35%,transparent) 93%,transparent 100%);mask-image:linear-gradient(180deg,var(--trio-ink) 0,var(--trio-ink) 80%,color-mix(in srgb,var(--trio-ink) 35%,transparent) 93%,transparent 100%);overflow:hidden}.trio-flow__meta{background:var(--trio-n-050);border-bottom:1px solid var(--trio-n-100);display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:15px 20px}.trio-flow__meta-item{min-width:0}.trio-flow__meta dt{color:var(--trio-primary);font-family:var(--trio-font-body);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.trio-flow__meta dd{color:color-mix(in srgb,var(--trio-ink) 55%,var(--trio-muted));font-family:var(--trio-font-mono-doc);font-size:.72rem;line-height:1.4;margin:3px 0 0}.trio-flow__note-body{color:var(--trio-n-500);contain:paint;font-family:var(--trio-font-mono-doc);font-size:.78rem;height:545px;line-height:2;overflow:hidden;padding:18px 20px 0}.trio-flow__block-heading{color:var(--trio-n-800);font-family:var(--trio-font-body);font-size:.625rem;font-weight:700;letter-spacing:.12em;margin:16px 0 0;text-transform:uppercase}.trio-flow__note-body>:first-child{margin-top:0}.trio-flow__block-body p{margin:5px 0 0}.trio-flow__hl{background-image:linear-gradient(color-mix(in srgb,var(--trio-cat) 12%,var(--trio-surface)),color-mix(in srgb,var(--trio-cat) 12%,var(--trio-surface)));background-repeat:no-repeat;background-size:100% 100%;border-bottom:1.5px solid var(--trio-cat);box-decoration-break:clone;-webkit-box-decoration-break:clone;color:color-mix(in srgb,var(--trio-cat) 72%,var(--trio-ink));font-weight:700;padding:1px 2px 0}.trio-flow__extract{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.trio-flow__counter{align-items:center;background:color-mix(in srgb,var(--trio-accent) 14%,transparent);border-radius:6px;box-shadow:inset 0 0 0 1px var(--trio-success);color:var(--trio-success);display:inline-flex;font-family:var(--trio-font-body);font-size:.5625rem;font-weight:700;gap:7px;letter-spacing:.08em;margin:0;padding:6px 11px;text-transform:uppercase}.trio-flow__counter-dot{background:var(--trio-success);border-radius:50%;flex:none;height:6px;width:6px}.trio-flow__count{font-family:var(--trio-font-mono)}.trio-flow__vars{align-self:stretch;display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.trio-flow__var{align-items:center;background:var(--trio-surface);border:1px solid var(--trio-n-100);border-radius:8px;box-shadow:0 8px 20px -14px color-mix(in srgb,var(--trio-navy) 35%,transparent);display:flex;gap:9px;padding:9px 12px}.trio-flow__dot{background:var(--trio-cat);border-radius:50%;flex:0 0 7px;height:7px;width:7px}.trio-flow__var-text{min-width:0}.trio-flow__var-label{color:var(--trio-cat);display:block;font-family:var(--trio-font-body);font-size:.53rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.trio-flow__var-value{color:var(--trio-n-800);display:block;font-family:var(--trio-font-mono-doc);font-size:.72rem;line-height:1.3;margin-top:2px}.trio-flow__stage--anim .trio-flow__hl{background-size:0 100%;border-bottom-color:transparent;color:var(--trio-n-500);font-weight:400;transition:background-size .6s cubic-bezier(.4,0,.2,1),color .4s ease .12s,border-color .4s ease .12s}.trio-flow__stage--anim .trio-flow__hl.is-on{background-size:100% 100%;border-bottom-color:var(--trio-cat);color:color-mix(in srgb,var(--trio-cat) 72%,var(--trio-ink));font-weight:700}.trio-flow__stage--anim .trio-flow__var{opacity:0;transform:translate(-30px,12px) rotate(-6deg);transition:opacity .45s ease .28s,transform .55s cubic-bezier(.2,.85,.3,1) .28s}.trio-flow__stage--anim .trio-flow__var.is-on{opacity:1;transform:none}.trio-flow__toggle{align-items:center;background:transparent;border:1px solid var(--trio-hairline);border-radius:50%;color:var(--trio-muted);cursor:pointer;display:inline-flex;font-size:.56rem;height:26px;justify-content:center;line-height:1;opacity:.5;transition:opacity .2s ease;width:26px}.trio-flow__toggle:focus-visible,.trio-flow__toggle:hover{opacity:1}.trio-flow__toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--trio-primary) 20%,transparent);outline:none}.trio-flow__toggle-play,.trio-flow__toggle[data-paused] .trio-flow__toggle-pause{display:none}.trio-flow__toggle[data-paused] .trio-flow__toggle-play{display:inline}@media (prefers-reduced-motion:reduce){.trio-flow__stage--anim .trio-flow__hl,.trio-flow__stage--anim .trio-flow__var{transition:none}}@media (max-width:1024px){.trio-flow__stage{gap:22px}.trio-flow__note-body{height:460px}}@media (max-width:860px){.trio-flow__inner{padding-top:40px}.trio-flow__stage{grid-template-columns:minmax(0,1fr)}.trio-flow__note-body{height:360px;padding-inline:16px}.trio-flow__vars{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.trio-flow__stage--anim .trio-flow__var{transform:translateY(10px)}}@media (max-width:520px){.trio-flow__meta{gap:8px 16px}.trio-flow__note-body{height:320px}}