.ld-how{--k:5.6}.ld-how-stage{display:block}.ld-how-intro{z-index:2;left:var(--gutter);right:var(--gutter);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ld-how-intro .ld-kicker{margin-bottom:clamp(18px,3svh,36px)}.ld-how-title{font-size:clamp(60px,12.4vw,236px);display:grid}.ld-how-line{will-change:transform;display:block}.ld-how-body{z-index:1;height:100%;padding:calc(var(--nav-h) + 2svh) var(--gutter) 4svh;grid-template-columns:minmax(0,22vw) minmax(0,28vw) minmax(0,1fr);align-items:center;column-gap:2vw;display:grid;position:relative}.ld-steps-wrap{grid-column:1;padding-left:28px;position:relative}.ld-steps-rail,.ld-steps-wrap:before{content:"";width:2px;position:absolute;top:8px;bottom:8px;left:0}.ld-steps-wrap:before{background:var(--ld-line)}.ld-steps-rail{z-index:1;transform-origin:top;transform:scaleY(var(--prog,0));background:#fff}.ld-steps{gap:clamp(12px,2.6svh,34px);margin:0;padding:0;list-style:none;display:grid}.ld-step{--on:0;--st:clamp(26px, min(3.3vw, 6.2svh), 62px);z-index:2;position:relative}.ld-step-n{left:-27px;top:calc(var(--st) * .46);font:400 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--ld-fg-3);align-items:center;gap:10px;margin:0;display:flex;position:absolute}.ld-step-key{--d:calc(4px - 2.6px * var(--on));background:linear-gradient(180deg, color-mix(in srgb, #fff calc(var(--on) * 100%), #0a9cff), color-mix(in srgb, #e3f2fc calc(var(--on) * 100%), #0189ee));min-width:38px;height:28px;box-shadow:inset 0 1.5px 0 rgba(255, 255, 255, calc(.3 + .7 * var(--on))), inset 0 -2px 0 rgba(0, 90, 190, calc(.14 + .03 * var(--on))), 0 var(--d) 0 color-mix(in srgb, #0a68c2 calc(var(--on) * 100%), #0075d2);transform:translate(-50%, calc(-50% + 2.6px * var(--on)));color:color-mix(in srgb, var(--brand-deep) calc(var(--on) * 100%), var(--on-brand));font:600 12.5px/1 var(--font-mono);letter-spacing:.04em;border-radius:9px;place-items:center;padding:0 9px;display:inline-grid}.ld-step-of{color:var(--ld-fg-3);display:none}.ld-step-t{width:fit-content;font:900 var(--st) / .92 var(--font-display);letter-spacing:-.03em;word-spacing:.08em;color:color-mix(in srgb, var(--on-brand) calc(var(--on) * 100%), var(--on-brand-2));margin:0 0 12px;position:relative}.ld-step-t:after{content:"";transform-origin:0;height:4px;transform:scaleX(var(--on));background:#fff;border-radius:2px;position:absolute;bottom:-8px;left:0;right:0}.ld-step-p{max-width:40ch;font:400 clamp(14.5px, min(.98vw, 1.95svh), 18px) / 1.5 var(--font-text);color:color-mix(in srgb, var(--on-brand) calc(var(--on) * 100%), var(--on-brand-2));text-wrap:pretty;margin:0}.ld-split{max-width:40ch;margin-top:clamp(10px,1.8svh,20px)}.ld-split-bar{background:#05234033;border-radius:6px;height:12px;display:block;overflow:hidden}.ld-split-bar i{transform-origin:0;width:80%;height:100%;transform:scaleX(calc(.25 + .75 * var(--on)));background:linear-gradient(#fff 0%,#e3f2fc 100%);border-radius:6px 0 0 6px;display:block;box-shadow:inset 0 -2px #0078dc40}.ld-split-key{font:400 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ld-fg-3);justify-content:space-between;margin-top:9px;display:flex}.ld-split-key b{color:var(--ld-strong);font-weight:500}.ld-chat{width:100%;max-width:580px;height:min(calc(100svh - var(--nav-h) - 11svh), clamp(660px, 62svh, 820px));background:var(--card);border-radius:22px;flex-direction:column;grid-column:2;justify-self:start;min-height:460px;display:flex;overflow:hidden;box-shadow:0 1px #003c961f,0 12px 24px -14px #00378c80}.ld-chat-head{border-bottom:1px solid var(--hair-2);flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.ld-chat-avatar{background:var(--ld-key-face);width:40px;height:40px;box-shadow:0 3px 0 var(--ld-key-lip);color:#fff;font:800 14px/1 var(--font-display);letter-spacing:-.02em;border-radius:13px;place-items:center;margin-bottom:3px;display:grid}.ld-chat-who{flex:1;min-width:0}.ld-chat-name{font:600 15px/1.2 var(--font-text);margin:0}.ld-chat-sub{font:400 12px/1 var(--font-mono);color:var(--muted);margin:3px 0 0}.ld-chat-thread{background:#e6f2fa;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;min-height:0;padding:14px 14px 12px;display:flex;overflow:hidden}.ld-chat-sys{font:400 11.5px/1.3 var(--font-mono);color:var(--ink-2);text-align:center;animation:ld-pop .5s var(--ld-ease-out) both;background:#ffffffc7;border-radius:999px;align-self:center;margin:0 0 4px;padding:5px 11px}.ld-msg{max-width:82%;animation:ld-pop .45s var(--ld-ease-out) both;border-radius:16px;padding:9px 12px 8px;position:relative}.ld-msg time{font:400 10.5px/1 var(--font-mono);color:var(--muted);text-align:right;margin-top:3px;display:block}.ld-msg-out{background:var(--brand-deep);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.ld-msg-out p{font:400 14.5px/1.4 var(--font-mono);word-break:break-word;margin:0}.ld-msg-out time{color:#ffffffdb}.ld-msg-in{background:var(--card);border-bottom-left-radius:5px;align-self:flex-start}.ld-msg-amb{padding:8px 12px 9px;animation:none}.ld-msg-amb b{font:600 12px/1 var(--font-text);color:var(--muted);margin-bottom:3px;display:block}.ld-msg-amb p{font:400 14px/1.4 var(--font-text);color:var(--ink-2);margin:0}.ld-typing{gap:5px;padding:13px 14px;display:flex}.ld-typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite ld-dot}.ld-typing i:nth-child(2){animation-delay:.15s}.ld-typing i:nth-child(3){animation-delay:.3s}@keyframes ld-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes ld-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.ld-botcard{width:min(66%,292px);max-width:none;padding:10px 10px 8px}.ld-botcard-who{font:600 12.5px/1 var(--font-text);color:var(--sky-ink);margin:0 0 7px 2px}.ld-botcard-pic{border-radius:11px;width:min(100%,176px)}.ld-botcard-pic img{opacity:0;transition:opacity .4s}.ld-botcard-pic[data-loaded="1"] img{opacity:1}.ld-botcard-title{font:400 14px/1.3 var(--font-text);margin:9px 2px 0}.ld-botcard-title b{font-weight:700}.ld-botcard-live,.ld-botcard-wait{margin:0 2px;animation:.5s both ld-fade-in}.ld-botcard-live p,.ld-botcard-wait{font:400 14px/1.35 var(--font-text);color:var(--ink);margin:0}.ld-botcard-live p+p{margin-top:6px}.ld-botcard-wait{color:var(--muted);margin-top:2px}.ld-botcard-live .ld-botcard-ca{font:400 12.5px/1.3 var(--font-mono);color:var(--ink-2)}.ld-keys{grid-template-columns:1fr 1fr;gap:5px;margin:9px 0 0;animation:.5s both ld-fade-in;display:grid}.ld-keys span{background:var(--brand-tint);height:30px;font:500 12px/1 var(--font-mono);color:var(--sky-ink);text-align:center;border-radius:8px;place-items:center;display:grid}.ld-keys .ld-keys-wide{grid-column:1/-1}@keyframes ld-fade-in{0%{opacity:0}to{opacity:1}}.ld-chat-composer{border-top:1px solid var(--hair-2);background:var(--card);flex:none;align-items:center;gap:10px;padding:11px 12px 11px 14px;display:flex}.ld-chat-cmd{background:var(--brand-tint);color:var(--brand-deep);font:500 13px/1 var(--font-mono);border-radius:8px;flex:none;padding:7px 10px 8px}.ld-chat-field{min-width:0;font:400 15px/1.2 var(--font-mono);flex:1;position:relative}.ld-chat-field input{width:100%;font:inherit;color:var(--ink);caret-color:var(--sky);cursor:text;background:0 0;border:0;outline:0;padding:8px 0;display:block}.ld-chat-field input::placeholder{color:var(--muted)}.ld-caret{top:50%;left:calc(var(--n,0) * 1ch);background:var(--sky);pointer-events:none;width:1.5px;height:1.25em;margin-top:-.62em;animation:1s steps(2,jump-none) infinite ld-blink;position:absolute}@keyframes ld-blink{50%{opacity:0}}.ld-chat-field:has(input:placeholder-shown) .ld-caret{left:0}.ld-chat-send{background:var(--paper);border:1px solid var(--hair);width:42px;height:42px;box-shadow:0 4px 0 var(--hair);color:var(--muted);transition:transform .2s var(--ld-ease), box-shadow .2s var(--ld-ease), background .2s, color .2s;border-radius:13px;flex:none;place-items:center;margin-bottom:4px;display:grid}.ld-chat-send svg{width:auto;height:19px}.ld-chat-send[data-ready="1"]{background:var(--ld-key-face);box-shadow:0 4px 0 var(--ld-key-lip);color:#fff;border-color:#0000}.ld-chat-send[data-ready="1"]:hover{transform:translateY(-1px)}.ld-chat-send[data-ready="1"]:active{box-shadow:0 1px 0 var(--ld-key-lip);transition-duration:50ms;transform:translateY(3px)}.ld-chat-send:disabled{cursor:default}.ld-chat-foot{background:var(--card);font:400 11.5px/1.4 var(--font-mono);color:var(--muted);flex:none;margin:0;padding:0 16px 12px}.ld-landing[data-motion=off] .ld-how-intro{padding:clamp(80px, 12vw, 160px) var(--gutter) 0;pointer-events:auto;position:static;transform:none}.ld-landing[data-motion=off] .ld-how-body{height:auto;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(80px,10vw,140px)}.ld-landing[data-motion=off] .ld-step{--on:1}.ld-landing[data-motion=off] .ld-step-t:after{display:none}@media (min-width:1000px) and (max-height:780px){.ld-steps{gap:clamp(8px,1.7svh,14px)}.ld-step{--st:clamp(26px, min(3.3vw, 5.2svh), 62px)}.ld-step-t{margin-bottom:7px}.ld-step-p{font-size:13.5px;line-height:1.4}.ld-split{margin-top:8px}}@media (max-width:999px){.ld-how-body{padding:calc(var(--nav-h) + 6px) var(--gutter) 14px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;row-gap:12px}.ld-steps-wrap{grid-column:1;padding-left:0}.ld-steps-wrap:before,.ld-steps-rail{display:none}.ld-steps{gap:0}.ld-step{opacity:var(--on);transform:translateY(calc((1 - var(--on)) * 14px));pointer-events:none;grid-area:1/1}.ld-step-n{position:static}.ld-step-key{transform:translateY(calc(2.6px * var(--on)));margin-bottom:4px}.ld-step-of{display:inline}.ld-step-t{color:var(--ink);margin:8px 0;font-size:clamp(36px,11.5vw,72px)}.ld-step-t:after{display:none}.ld-step-p{opacity:1;max-width:46ch;font-size:15.5px}.ld-split{opacity:1}.ld-chat{grid-column:1;justify-self:center;width:min(100%,560px);height:auto;min-height:0}.ld-landing[data-motion=off] .ld-step{opacity:1;grid-area:auto;padding-bottom:28px;transform:none}.ld-landing[data-motion=off] .ld-steps{gap:12px}}@media (max-width:760px),(max-aspect-ratio:9/10){.ld-how-body{padding-top:calc(var(--nav-h) + 29svh);row-gap:10px;padding-bottom:12px}.ld-step-t{font-size:clamp(30px,9.6vw,46px)}.ld-step-p{font-size:14px;line-height:1.42}.ld-botcard{width:min(78%,262px)}.ld-botcard-pic{width:min(100%,120px)}.ld-chat-head{padding:10px 14px}.ld-chat-avatar{width:34px;height:34px;font-size:12px}.ld-chat-thread{padding:10px 12px}}