.ind-demo{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.4}.ind-msg{max-width:86%;padding:9px 13px;border-radius:16px;letter-spacing:-.005em}.ind-msg--in{align-self:flex-end;border-bottom-right-radius:5px;background:var(--c-accent);color:#fff}.ind-slot{display:grid;justify-items:start}.ind-slot>*{grid-area:1/1}.ind-msg--out{border-bottom-left-radius:5px;color:#f2f2f3}.ind-msg--out,.ind-typing{background:rgba(22,22,26,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.ind-typing{display:inline-flex;gap:4px;padding:12px 14px;border-radius:16px 16px 16px 5px;opacity:0}.ind-typing i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}.ind-done{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:2px;padding:7px 12px 7px 9px;border-radius:12px;background:rgba(20,115,58,.22);box-shadow:inset 0 0 0 1px rgba(74,222,128,.28);color:#c9f7d8;font-size:13px;font-weight:500}.ind-done svg{flex:none;color:#4ade80}.ind-panel .ind-demo,.ind-panel .ind-flow{font-size:15px}.ind-flow{display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:1.35}.ind-node{position:relative;display:flex;align-items:center;gap:11px;padding:11px 14px 11px 11px;border-radius:14px;background:rgba(22,22,26,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#f2f2f3}.ind-node+.ind-node:before{content:"";position:absolute;left:25px;top:-19px;width:2px;height:20px;border-radius:2px;background:linear-gradient(180deg,rgba(255,122,45,.25),var(--c-accent));transform-origin:top}.ind-ico{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,122,45,.16);color:var(--c-accent)}.ind-node--done{background:rgba(20,115,58,.2);box-shadow:inset 0 0 0 1px rgba(74,222,128,.28);color:#d8fae3}.ind-node--done .ind-ico{background:rgba(74,222,128,.16);color:#4ade80}[data-play=wait] .ind-node+.ind-node:before,[data-play=wait] .ind-step{opacity:0}[data-play=go] [data-on=true] .ind-step{animation:ind-in .46s var(--ease-out-apple) both;animation-delay:var(--at,0s)}[data-play=go] [data-on=true] .ind-typing{animation:ind-typing .76s ease both;animation-delay:.52s}[data-play=go] [data-on=true] .ind-typing i{animation:ind-dot .76s ease-in-out infinite}[data-play=go] [data-on=true] .ind-typing i:nth-child(2){animation-delay:.12s}[data-play=go] [data-on=true] .ind-typing i:nth-child(3){animation-delay:.24s}[data-play=go] [data-on=true] .ind-node+.ind-node:before{animation:ind-wire .38s var(--ease-out-apple) both;animation-delay:calc(var(--at, 0s) - .3s)}@keyframes ind-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes ind-typing{0%{opacity:0;transform:translateY(6px)}18%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes ind-dot{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-3px);opacity:1}}@keyframes ind-wire{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (max-width:1023px){.ind-rail{display:flex;gap:12px;margin-inline:-24px;padding:4px 24px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;overscroll-behavior-x:contain}.ind-rail::-webkit-scrollbar{display:none}}.cmp-pick,.cmp-v[data-r]:not([data-r="0"]){display:none}@media (max-width:767px){.cmp-pick{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--color-bg-elev);box-shadow:inset 0 0 0 1px var(--c-hairline)}.cmp-pick label{flex:1 1 0;min-width:0;padding:9px 8px;border-radius:10px;text-align:center;font-size:13px;font-weight:500;line-height:1.2;color:var(--color-text-2);cursor:pointer;transition:background-color .2s ease,color .2s ease}.cmp-pick input:focus-visible+label{outline:2px solid var(--c-accent);outline-offset:1px}.cmp-pick input:checked+label{background:var(--c-accent-soft);color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-accent) 55%,transparent)}.cmp-table,.cmp-table tbody,.cmp-table thead{display:block}.cmp-table{min-width:0!important}.cmp-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cmp-table td,.cmp-table th{display:block;width:auto!important;min-width:0;padding:12px 14px!important}.cmp-table .cmp-label{grid-column:1/-1;padding-bottom:2px!important;font-size:12.5px!important;color:var(--color-text-3)!important;background:transparent!important}.cmp-table thead .cmp-label{display:none}.cmp-table .cmp-me{grid-column:1;grid-row:2}.cmp-table thead .cmp-me{grid-row:1}.cmp-table .cmp-v{grid-column:2;grid-row:2;color:var(--color-text-2)!important}.cmp-table thead .cmp-v{grid-row:1;color:var(--color-text)!important;font-weight:600!important}.cmp:has(input[value="1"]:checked) .cmp-v[data-r="0"],.cmp:has(input[value="2"]:checked) .cmp-v[data-r="0"],.cmp:has(input[value="3"]:checked) .cmp-v[data-r="0"]{display:none}.cmp:has(input[value="0"]:checked) .cmp-v[data-r="0"],.cmp:has(input[value="1"]:checked) .cmp-v[data-r="1"],.cmp:has(input[value="2"]:checked) .cmp-v[data-r="2"],.cmp:has(input[value="3"]:checked) .cmp-v[data-r="3"]{display:block;animation:cmp-swap .25s var(--ease-out-apple) both}}@media (min-width:768px){.cmp-v[data-r]:not([data-r="0"]){display:table-cell}.cmp-table .cmp-label{position:sticky;left:0;z-index:1;background:var(--color-bg)}}@keyframes cmp-swap{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.gx-desk{position:relative;isolation:isolate}.gx-desk:after,.gx-desk:before{content:"";position:absolute;inset:0;border-radius:6px}.gx-desk:before{background:#dddcd8;transform:rotate(1.2deg) translate(.8%,.4%)}.gx-desk:after{background:#c6c5c1;transform:rotate(2.4deg) translate(1.6%,.8%);box-shadow:0 40px 70px -30px rgba(0,0,0,.9);z-index:-1}.gx-sheet{position:relative;z-index:1;padding:34px 36px 30px;border-radius:6px;background:linear-gradient(122deg,#fbfbf9 46%,#ffecd9);color:#15171c;box-shadow:8px 0 60px -16px rgba(255,122,45,.45),0 40px 60px -26px rgba(0,0,0,.7)}.gx-caption{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#84878e}.gx-title{margin-top:6px;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.025em}.gx-clauses{margin-top:18px;border-top:2px solid #15171c}.gx-clauses li{padding-block:14px;border-bottom:1px solid #dfddd8}.gx-clause-title{display:inline;padding:1px 3px;margin-left:-3px;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.012em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(90deg,rgba(255,158,77,.6) 50%,transparent 0);background-repeat:no-repeat;background-position:0 88%;background-size:200% 62%}.gx-clause-body{margin-top:6px;font-size:14px;line-height:1.55;color:#4b4e56}.gx-sign{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px}.gx-line{position:relative;height:44px;border-bottom:1px solid #15171c}.gx-sign p{margin-top:6px;font-size:12px;color:#84878e}.gx-sign svg{position:absolute;left:4px;bottom:4px;color:#1d3c8f}.gx-index li{display:flex;align-items:center;gap:14px;padding-block:14px;border-top:1px solid var(--c-hairline)}.gx-index li:last-child{border-bottom:1px solid var(--c-hairline)}.gx-tick{display:grid;flex:none;place-items:center;width:22px;height:22px;margin-left:auto;border-radius:50%;background:var(--c-accent);color:#fff}[data-play=wait] .gx-clause-title{background-position:100% 88%}[data-play=wait] .gx-tick{opacity:0;transform:scale(.4)}[data-play=wait] .gx-sign svg{clip-path:inset(0 100% 0 0)}[data-play=go] .gx-clause-title{animation:gx-mark .62s cubic-bezier(.6,0,.3,1) both;animation-delay:calc(.3s + var(--i) * .65s)}[data-play=go] .gx-tick{animation:gx-tick .36s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.7s + var(--i) * .65s)}[data-play=go] .gx-sign svg{animation:gx-sign 1.1s ease-in-out both;animation-delay:3s}@keyframes gx-mark{0%{background-position:100% 88%}to{background-position:0 88%}}@keyframes gx-tick{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes gx-sign{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (max-width:640px){.gx-desk{margin-right:12px}.gx-desk:before{transform:translate(6px,6px)}.gx-desk:after{transform:translate(12px,12px)}.gx-sheet{padding:24px 20px 22px}.gx-title{font-size:21px}.gx-clause-title{font-size:15px}.gx-clause-body{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.cmp-v,.gx-clause-title,.gx-sign svg,.gx-tick,.ind-node:before,.ind-step,.ind-typing{animation:none!important}}