.DVmOiO{scroll-margin-top:var(--space-anchor-top);padding:96px var(--space-margin);background-color:var(--bg-surface-tint)}.tGrqlp{max-width:var(--container-wide);margin:0 auto;gap:48px}._1nJ22I,.tGrqlp{display:flex;flex-direction:column}._1nJ22I{gap:16px;max-width:820px}.ecLdiY{color:var(--text-primary)}.TbZnY9{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:48px var(--space-gutter);align-items:center}.rtItXJ{gap:32px}.ENNFwk,.rtItXJ{display:flex;flex-direction:column}.ENNFwk{gap:8px;list-style:none}.jfDqYj{display:flex;gap:16px;padding:16px 18px;border-radius:var(--radius-control);border:1px solid transparent;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.FWXAZ1{border-color:var(--border-hairline);background-color:var(--bg-surface-raised)}.FUSYdd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:1px;color:var(--text-label);transition:color var(--duration-base) var(--ease-out)}.FWXAZ1 .FUSYdd{color:var(--accent-green)}._46kRoL{display:flex;flex-direction:column;gap:5px}._7uET6X{color:var(--text-secondary);transition:color var(--duration-base) var(--ease-out)}.FWXAZ1 ._7uET6X{color:var(--text-primary)}._2hGqH8{color:var(--text-label);transition:color var(--duration-base) var(--ease-out)}.FWXAZ1 ._2hGqH8{color:var(--text-secondary)}.TfGa4X{width:100%;margin:0;text-align:left;cursor:pointer}.TfGa4X.FWXAZ1{cursor:default}@media (hover:hover){.TfGa4X:not(.FWXAZ1):not([aria-disabled=true]):hover{border-color:var(--border-hairline)}.TfGa4X:not(.FWXAZ1):not([aria-disabled=true]):hover ._7uET6X{color:var(--text-primary)}}.FjgZju{color:var(--text-label);padding-left:18px;text-wrap:pretty}.Xv2I63{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}._8l1H8O{margin:0;--demo-border:var(--border-hairline);--demo-bg:var(--bg-surface-raised);--demo-bg-inset:var(--bg-surface);--demo-text:var(--text-primary);--demo-secondary:var(--text-secondary);--demo-label:var(--text-label);--demo-accent:var(--accent-green);--demo-accent-strong:var(--accent-green-strong);--demo-wash:var(--bg-accent-wash);--demo-check-fg:var(--bg-surface-raised);--demo-cta-bg:var(--button-primary-bg,var(--bg-surface-inverse));--demo-cta-fg:var(--button-primary-fg,var(--text-inverse));--demo-cta-bg-hover:var(--button-primary-bg-hover);--demo-warn:var(--yellow-strong);--demo-pulse:color-mix(in srgb,var(--demo-accent) 38%,transparent)}._8l1H8O .t-figLabel{font-size:12px;line-height:16px}._4mkytp{--demo-border:var(--border-hairline-inverse);--demo-bg:var(--bg-panel-dark);--demo-bg-inset:var(--bg-node-dark);--demo-text:var(--text-inverse);--demo-secondary:var(--text-secondary-dark);--demo-label:var(--text-label-dark);--demo-accent:var(--accent-green-dark);--demo-accent-strong:var(--accent-green-strong-dark);--demo-wash:var(--bg-node-dark);--demo-check-fg:var(--bg-panel-dark);--demo-cta-bg:var(--accent-green-dark);--demo-cta-fg:var(--bg-surface-inverse);--demo-cta-bg-hover:color-mix(in srgb,var(--accent-green-dark) 88%,var(--text-inverse));--demo-warn:var(--yellow)}._6NeDAb{width:100%;max-width:720px;display:flex;flex-direction:column;border:1px solid var(--demo-border);border-radius:var(--radius-12);background-color:var(--demo-bg);overflow:hidden}._4mkytp._6NeDAb{box-shadow:0 24px 48px -24px color-mix(in srgb,var(--bg-surface-inverse) 40%,transparent)}.qN2vSM{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--demo-border)}.gXVb4x{display:flex;gap:6px}.gXVb4x span{width:8px;height:8px;border-radius:50%;border:1px solid var(--demo-border)}.cSjXyo,.rrgZYQ{color:var(--demo-label)}.rrgZYQ{margin-left:auto}.y5RtXS{min-height:380px;display:flex;flex-direction:column;padding:22px 24px 16px}.YU12im{color:var(--demo-label);padding:0 24px 16px;text-wrap:pretty}.zfGEi9{width:320px;border-radius:44px;padding:10px;background-color:var(--bg-surface-inverse);box-shadow:0 24px 48px -24px color-mix(in srgb,var(--text-primary) 35%,transparent),0 4px 12px color-mix(in srgb,var(--text-primary) 12%,transparent)}._2GeX5Y{position:relative;overflow:hidden;height:600px;border-radius:36px;background-color:var(--bg-surface);display:flex;flex-direction:column}.pOE62r{position:absolute;top:11px;left:50%;translate:-50% 0;width:88px;height:25px;border-radius:var(--radius-pill);background-color:var(--bg-surface-inverse);z-index:3}.GLzMvX{display:flex;align-items:center;justify-content:space-between;height:47px;padding:4px 28px 0;font-family:var(--font-brand);font-size:14px;font-weight:600;color:var(--text-primary)}.jD7nMK{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.2px}.oE24Vn{display:inline-flex;align-items:center;gap:6px}.oE24Vn svg{display:block}.gVDWPY{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 12px}.zu79Vo{font-size:19px;letter-spacing:-.4px;color:var(--text-primary)}.XLvAPi,.zu79Vo{font-family:var(--font-brand);font-weight:600}.XLvAPi{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--bg-accent-wash);color:var(--accent-green-strong);font-size:12px}.C8evR6{flex:1 1;display:flex;flex-direction:column;gap:16px;padding:6px 18px 20px;min-height:0}._67mATM{display:flex;width:100%;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:var(--radius-pill);background-color:var(--demo-cta-bg);color:var(--demo-cta-fg);font-family:var(--font-brand);font-size:14px;font-weight:500;transition:background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}._67mATM:not([aria-disabled=true]):active{transform:scale(.97)}._67mATM[aria-disabled=true]{opacity:.35;cursor:default}@media (hover:hover){._67mATM:not([aria-disabled=true]):hover{background-color:var(--demo-cta-bg-hover)}}@keyframes uCEF2q{0%{transform:scale(1);opacity:0}15%{opacity:1}70%,to{transform:scale(1.06);opacity:0}}._5lqB9W{position:relative}._5lqB9W:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 12px var(--demo-pulse);opacity:0;pointer-events:none;animation:uCEF2q 2s var(--ease-out) infinite}._6GBnSU{padding:15px 14px;margin-block:-5px;border-radius:var(--radius-pill);color:var(--text-label);transition:color var(--duration-fast) var(--ease-out)}@media (hover:hover){._6GBnSU:hover{color:var(--text-primary)}}.FBFnn8{display:flex;flex-direction:column;gap:18px;flex:1 1}.TEzY7F{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.NQUJMo{font-family:var(--font-brand);font-size:16px;font-weight:600;line-height:22px;color:var(--demo-text)}.qNbO9m{color:var(--demo-label)}._239d5B{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--demo-border);border-radius:var(--radius-control);background-color:var(--demo-bg-inset)}._3Krn3u{font-size:15px;font-weight:600;line-height:20px;color:var(--demo-text)}._3Krn3u,._3zO7hb{font-family:var(--font-brand)}._3zO7hb{font-size:13px;line-height:19px;color:var(--demo-secondary)}.yqluHZ{color:var(--demo-label);border:1px solid var(--demo-border);border-radius:var(--radius-pill);padding:4px 10px;white-space:nowrap}.vnUZY3{color:var(--demo-accent-strong);border-color:var(--demo-accent)}.TlkrYe{color:var(--demo-text);border-color:var(--demo-warn)}.R9X8sb{color:var(--demo-label);text-wrap:balance}.D2lGlY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xWe8qC{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}._0FXWDi,.xWe8qC{font-family:var(--font-mono)}._0FXWDi{font-size:26px;line-height:32px;font-weight:500;color:var(--demo-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sE1zQa{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--demo-border);opacity:.3;transition:opacity var(--duration-base) var(--ease-out)}.sE1zQa:last-child{border-bottom:none}.sE1zQa[data-done=true]{opacity:1}._83RJ7d{font-family:var(--font-brand);font-size:13px;line-height:19px;color:var(--demo-secondary);min-width:0}.tB3FuW{margin-left:auto;color:var(--demo-label);white-space:nowrap}.ZvwhTP{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;border:1px solid var(--demo-border);border-radius:50%;color:transparent;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.ZvwhTP svg{width:9px;height:9px;display:block}[data-done=true] .ZvwhTP,[data-done=true]>.ZvwhTP{background-color:var(--demo-accent);border-color:var(--demo-accent);color:var(--demo-check-fg)}.imQUDK{font-family:var(--font-brand);font-size:20px;line-height:28px;color:var(--demo-secondary);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.imQUDK strong{color:var(--demo-text);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.MVdAuc{color:var(--demo-label);text-decoration:line-through;text-decoration-color:var(--demo-label)}.RRD1R4{font-family:var(--font-brand);font-size:14px;line-height:21px;color:var(--demo-secondary);max-width:540px}.RRD1R4 strong{color:var(--demo-text);font-weight:600}.Altzrn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:var(--demo-accent);border:1px solid var(--demo-accent);border-radius:var(--radius-4);padding:8px 12px}.kkwfSR{font-size:12px}@media (max-width:1023.98px){.DVmOiO{padding-top:88px;padding-bottom:88px}.TbZnY9{grid-template-columns:minmax(0,1fr);gap:40px;justify-items:center}.rtItXJ{max-width:560px;width:100%}.Xv2I63{order:-1;scroll-margin-top:var(--space-anchor-top)}._6NeDAb{max-width:640px}}@media (max-width:639.98px){.DVmOiO{padding-top:72px;padding-bottom:72px}.y5RtXS{padding:18px 16px 14px;min-height:0}.YU12im{padding:0 16px 14px}.rrgZYQ,.tB3FuW{display:none}._67mATM{min-height:44px}.zfGEi9{width:min(320px,100%)}._2GeX5Y{height:580px}}@media (prefers-reduced-motion:reduce){._5lqB9W:after{content:none}.FUSYdd,.ZvwhTP,._2hGqH8,._7uET6X,.jfDqYj,.sE1zQa{transition:none}}.TfGa4X:focus-visible{outline:2px solid var(--accent-green);outline-offset:3px}.TfGa4X[aria-disabled=true]{cursor:not-allowed}.pd91Kj{flex-direction:column;gap:16px}._3ZbRrc,.pd91Kj{display:flex;align-items:center}._3ZbRrc{justify-content:center;height:34px}.bE7LlO{display:flex;flex-direction:column;gap:3px}.bE7LlO strong{font-family:var(--font-brand);font-size:18px;line-height:24px;letter-spacing:-.2px;color:var(--text-primary);font-weight:600}.nwSck0{display:flex;flex-direction:column;gap:10px;padding:18px 18px 16px;border:1px solid var(--border-hairline);border-radius:14px;background-color:var(--bg-surface-raised);transition:border-color var(--duration-base) var(--ease-out)}.SF8ZPN{border-color:var(--accent-green)}.U7eElA{display:flex;align-items:center;justify-content:space-between;gap:8px}.JAxdE2{color:var(--accent-green-strong);background-color:var(--bg-accent-wash);border-radius:var(--radius-pill);padding:3px 8px;white-space:nowrap}.Q78fki{display:flex;justify-content:space-between;gap:8px}.w1Bowh{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--border-hairline);border-radius:14px;background-color:var(--bg-surface-raised)}.TbOA8z{font-size:15px;font-weight:600;line-height:20px;color:var(--text-primary)}.JEXOmL,.TbOA8z{font-family:var(--font-brand)}.JEXOmL{font-size:13px;line-height:19px;color:var(--text-secondary)}.myjudY{flex-direction:column;list-style:none}.myjudY,.nmT48q{display:flex;gap:10px}.nmT48q{align-items:center;font-family:var(--font-brand);font-size:13px;line-height:18px;color:var(--text-label);transition:color var(--duration-base) var(--ease-out)}.nmT48q[data-done=true]{color:var(--text-primary)}.H3i1gR{display:flex;flex-direction:column;gap:6px}.wEJZ9w{display:flex;gap:10px;padding:10px 0}.eVkKyY,.wEJZ9w{align-items:center}.eVkKyY{display:inline-flex;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background-color:var(--bg-accent-wash);color:var(--accent-green-strong);font-family:var(--font-brand);font-size:12px;font-weight:600}.cewqOI{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.JWbZaL{font-size:13px;font-weight:500;line-height:18px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.JWbZaL,.jFYJtw{font-family:var(--font-brand)}.jFYJtw{font-size:12px;line-height:16px;color:var(--text-secondary)}.Y7bJmV{flex:none;font-family:var(--font-mono);font-size:12px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent-green-strong)}.kd0EnT{font-family:var(--font-brand);font-size:14px;line-height:20px;color:var(--text-secondary)}.kd0EnT strong{color:var(--text-primary);font-weight:600}.ClYPgZ{position:absolute;top:46px;left:12px;right:12px;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border-hairline);border-radius:14px;background-color:var(--bg-surface-raised);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 14%,transparent)}.uLVFYk{color:var(--accent-green);font-size:12px}._6QSmlC{font-family:var(--font-brand);font-size:12px;line-height:17px;color:var(--text-secondary)}._6QSmlC strong{color:var(--text-primary);font-weight:600}@media (prefers-reduced-motion:reduce){.nmT48q,.nwSck0{transition:none}}