.home{--rail:#efe8dc;--list:#f6f1e8;--hl:#e7dffb;--ov:#1c1922;--ov-rule:#433b50;--ov-on:#c5b4ff;--ov-idle:#716880;--ease:cubic-bezier(.45, .05, .2, 1)}.home .hero{text-align:center;padding:112px 0 80px}.home .hero h1{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;font-size:60px;font-weight:700;line-height:1.04}.home .lead{max-width:31em;color:var(--muted);text-wrap:balance;margin:22px auto 40px;font-size:18px;line-height:1.55}.home .meta{color:var(--faint);margin-top:20px;font-size:13px}.perks{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;padding:120px 4px 96px;display:grid}.perk{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.perk-ico{background:var(--tint);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.perk h2{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:650}.perk p{color:var(--muted);font-size:15px;line-height:1.55}.qd{margin:0;position:relative}.qd-stage{isolation:isolate;--k:1.5;--ov-bottom:22px;--ov-h:calc(32px * var(--k));position:relative;overflow:hidden}.qd-spot{width:0;height:0;position:absolute}.qd-at{vertical-align:-.32em;width:0;height:1.3em;display:inline-block}.win{background:#fff;border-radius:10px;box-shadow:0 0 0 1px #221e1917,0 2px 4px #221e190d,0 28px 52px -30px #221e198c}.win-bar{border-bottom:1px solid var(--rule);height:34px;color:var(--muted);white-space:nowrap;background:#faf7f2;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding-left:12px;font-size:12.5px;display:flex;overflow:hidden}.win-bar b{color:var(--ink);font-weight:600}.win-bar .ico{color:#8d8275;flex:none}.win-ctl{color:#8d8275;flex:none;margin-left:auto}.ov{left:50%;bottom:var(--ov-bottom);z-index:5;height:var(--ov-h);padding:0 calc(12px * var(--k));border:1px solid var(--ov-rule);background:var(--ov);border-radius:999px;align-items:center;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 4px #1c19222e,0 16px 30px -14px #1c192299}.ov-bars{align-items:center;gap:calc(3px * var(--k));height:calc(24px * var(--k));display:flex}.ov-bars i{width:calc(3px * var(--k));background:var(--ov-idle);height:100%;clip-path:inset(calc((1 - var(--h)) * 50%) 0 round 99px);transition:background-color .3s ease, clip-path .45s var(--ease);display:block}.ov-bars i:first-child{--i:0;--h:.21;--hl:.36;--hp:.62;--a:.55;--d:1.18s;--dl:-.2s}.ov-bars i:nth-child(2){--i:1;--h:.375;--hl:.6;--hp:.71;--a:.78;--d:.96s;--dl:-.55s}.ov-bars i:nth-child(3){--i:2;--h:.54;--hl:.95;--hp:.58;--a:1;--d:1.32s;--dl:-.12s}.ov-bars i:nth-child(4){--i:3;--h:.71;--hl:.52;--hp:.33;--a:.84;--d:1.06s;--dl:-.8s}.ov-bars i:nth-child(5){--i:4;--h:.54;--hl:.8;--hp:.19;--a:.95;--d:1.24s;--dl:-.38s}.ov-bars i:nth-child(6){--i:5;--h:.375;--hl:.44;--hp:.24;--a:.7;--d:.92s;--dl:-.66s}.ov-bars i:nth-child(7){--i:6;--h:.21;--hl:.28;--hp:.45;--a:.5;--d:1.4s;--dl:-.15s}.qd[data-step=hold] .ov-bars i{background:var(--ov-on);transition-delay:.22s}.qd[data-step=talk] .ov-bars i{--h:var(--hl);background:var(--ov-on);animation:qd-talk var(--d) ease-in-out var(--dl) infinite}.qd[data-step=processing] .ov-bars i{--h:var(--hp);background:var(--ov-on);animation:qd-wave .9s ease-in-out calc(var(--i) * -.13s) infinite}@keyframes qd-talk{0%,to{clip-path:inset(calc((1 - .28 * var(--a)) * 50%) 0 round 99px)}18%{clip-path:inset(calc((1 - .82 * var(--a)) * 50%) 0 round 99px)}36%{clip-path:inset(calc((1 - .46 * var(--a)) * 50%) 0 round 99px)}54%{clip-path:inset(calc((1 - var(--a)) * 50%) 0 round 99px)}72%{clip-path:inset(calc((1 - .36 * var(--a)) * 50%) 0 round 99px)}86%{clip-path:inset(calc((1 - .7 * var(--a)) * 50%) 0 round 99px)}}@keyframes qd-wave{0%,to{clip-path:inset(41% 0 round 99px)}50%{clip-path:inset(14% 0 round 99px)}}.qd-say{left:50%;bottom:calc(var(--ov-bottom) + var(--ov-h) + 12px);z-index:6;border:1px solid var(--rule);text-align:center;text-wrap:balance;width:max-content;max-width:min(420px,100% - 32px);color:var(--ink);opacity:0;transition:opacity .25s ease, transform .35s var(--ease);background:#fff;border-radius:14px;padding:9px 16px 11px;font-size:15px;line-height:1.4;position:absolute;transform:translate(-50%,6px);box-shadow:0 16px 32px -20px #221e198c}.qd-say-k{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.qd[data-step=talk] .qd-say{opacity:1;transition-delay:.35s;transform:translate(-50%)}.qd-ptr{z-index:8;pointer-events:none;--x:var(--from-x,0px);--y:var(--from-y,0px);width:0;height:0;transform:translate(var(--x), var(--y));transition:transform .7s var(--ease);position:absolute;top:0;left:0}.qd:not(.is-live) .qd-ptr{display:none}.qd[data-step=aim] .qd-ptr,.qd[data-step=focus] .qd-ptr{--x:var(--at-x);--y:var(--at-y);transition-duration:1.05s}.qd[data-step=hold] .qd-ptr,.qd[data-step=talk] .qd-ptr,.qd[data-step=processing] .qd-ptr,.qd[data-step=pasted] .qd-ptr,.qd[data-step=rest] .qd-ptr{--x:var(--rest-x);--y:var(--rest-y);transition-duration:.9s}.qd-ptr svg{filter:drop-shadow(0 1px 1.4px #221e194d);transition:opacity .1s linear;position:absolute}.qd-arrow{top:-1.5px;left:-1.5px}.qd-ibeam{opacity:0;top:-11px;left:-6px}.qd[data-step=aim] .qd-arrow{opacity:0;transition-delay:.95s}.qd[data-step=aim] .qd-ibeam{opacity:1;transition-delay:.95s}.qd[data-step=focus] .qd-arrow{opacity:0}.qd[data-step=focus] .qd-ibeam{opacity:1}.qd:is([data-step=hold],[data-step=talk],[data-step=processing],[data-step=pasted],[data-step=rest]) [data-rest-shape=ibeam] .qd-arrow{opacity:0}.qd:is([data-step=hold],[data-step=talk],[data-step=processing],[data-step=pasted],[data-step=rest]) [data-rest-shape=ibeam] .qd-ibeam{opacity:1}.qd[data-step=reset] .qd-arrow,.qd[data-step=reset] .qd-ibeam{transition-delay:.2s}.qd-click{opacity:0;border:2px solid #221e1961;border-radius:50%;width:30px;height:30px;position:absolute;top:-15px;left:-15px}.qd[data-step=focus] .qd-click{animation:.6s ease-out both qd-click}@keyframes qd-click{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.15)}}.qd-line{min-height:1.5em}.qd-caret{background:var(--ink);vertical-align:-.24em;opacity:0;width:1.5px;height:1.2em;margin-left:1px;display:inline-block}.qd[data-step=focus] .qd-caret,.qd[data-step=hold] .qd-caret,.qd[data-step=talk] .qd-caret,.qd[data-step=processing] .qd-caret,.qd[data-step=pasted] .qd-caret,.qd[data-step=rest] .qd-caret{opacity:1;animation:1.06s linear infinite qd-blink}@keyframes qd-blink{0%,49%{opacity:1}50%,to{opacity:0}}.qd-ins{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;margin:0 -2px;padding:1px 2px;transition:background-color .9s,box-shadow .9s,opacity .35s;display:none}.qd[data-step=pasted] .qd-ins{background:var(--hl);box-shadow:inset 0 -2px 0 var(--accent);animation:.5s ease-out both qd-paste;display:inline}.qd[data-step=rest] .qd-ins{background:0 0;display:inline;box-shadow:inset 0 -2px #5a3ec800}.qd[data-step=reset] .qd-ins{opacity:0;display:inline}@keyframes qd-paste{0%{background-color:#d3c4f7}to{background-color:var(--hl)}}.qd-bar{align-items:center;gap:24px;padding-top:22px;display:flex}.qd-track{flex:1;gap:6px;min-width:0;padding:0;list-style:none;display:flex}.qd-track li{min-width:0}.qd-track li:first-child{flex:30 1 0}.qd-track li:nth-child(2){flex:40 1 0}.qd-track li:nth-child(3){flex:14 1 0}.qd-track li:nth-child(4){flex:34 1 0}.qd-seg{cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:11px 0;display:block}.qd-prog{background:var(--rule);border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}.qd-seg:hover .qd-prog{background:#d6ccbd}.qd-prog i{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}[data-qd-go][data-done] .qd-prog i{transform:scaleX(1)}[data-qd-go][aria-current] .qd-prog i{animation:qd-fill var(--qd-dur,3s) linear var(--qd-delay,0s) both}.qd[data-frozen] [data-qd-go][aria-current] .qd-prog i{transform:scaleX(1)}@keyframes qd-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.qd-ctl{flex:none;gap:6px;display:flex}.qd:not(.is-live) .qd-ctl{display:none}.qd-btn{border:1px solid var(--rule);height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.qd-btn:hover{color:var(--ink);border-color:#d6ccbd}.qd[data-paused] *,.qd[data-paused] :before,.qd[data-paused] :after{animation-play-state:paused!important}.qd[data-frozen] *,.qd[data-frozen] :before,.qd[data-frozen] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.qd *,.qd :before,.qd :after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.qd [data-qd-go][aria-current] .qd-prog i{transform:scaleX(1)}}.m1-stage{background-color:var(--rail);background-image:radial-gradient(#221e1912 1px,#0000 1.4px);background-position:10px 10px;background-size:20px 20px;border:1px solid #e3d9c9;border-radius:18px;height:520px}.m1-win{z-index:1;width:min(640px,100% - 48px);margin:56px auto 0;position:relative}.m1-tools{border-bottom:1px solid var(--rule);align-items:center;gap:2px;padding:8px 12px;display:flex}.m1-send{color:#fff;background:#2b2620;border-radius:7px;align-items:center;gap:7px;height:30px;margin-right:8px;padding:0 12px 0 14px;font-size:13px;font-weight:600;display:inline-flex}.m1-tool{color:#8d8275;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.m1-tool b,.m1-tool i,.m1-tool u{font-family:var(--sans);font-weight:600}.m1-sep{background:var(--rule);width:1px;height:18px;margin:0 6px}.m1-fields{padding:0 18px}.m1-fields>div{border-bottom:1px solid var(--soft);align-items:center;gap:12px;height:40px;font-size:14px;display:flex}.m1-fields span{width:58px;color:var(--muted);flex:none}.m1-fields b{font-weight:500}.m1-chip{border:1px solid var(--rule);background:var(--list);border-radius:999px;align-items:center;gap:7px;height:26px;padding:0 11px 0 4px;font-size:13px;display:inline-flex}.m1-chip i{color:#6b5d48;background:#e4d8c4;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.m1-body{padding:16px 18px 22px;font-size:15.5px;line-height:1.6}.m1-body p{min-height:1.6em}.m1-from{top:82%;left:86%}.m1-rest{top:66%;left:76%}@media (width<=860px){.home .hero{padding:88px 0 64px}.home .hero h1{font-size:46px}.home .lead{font-size:17px}.m1-stage{height:500px}.m1-win{margin-top:48px}.perks{gap:36px;padding:96px 4px 72px}}@media (width<=760px){.perks{grid-template-columns:1fr;gap:32px}.perk{flex-direction:row;gap:16px}.perk h2{margin:1px 0 4px}}@media (width<=560px){.home .hero{padding:64px 0 48px}.home .hero h1{letter-spacing:-.03em;font-size:36px}.home .lead{margin:16px auto 30px;font-size:16px}.home .meta{margin-top:16px}.home .btn-lg{width:100%}.qd-stage{--k:1.25;--ov-bottom:16px}.qd-say{font-size:14px}.m1-stage{border-radius:14px;height:420px}.m1-win{width:min(640px,100% - 20px);margin-top:32px}.m1-tools .m1-fmt,.m1-sep{display:none}.m1-fields{padding:0 12px}.m1-fields span{width:50px}.m1-body{padding:12px 12px 16px;font-size:14px}.m1-from{top:88%;left:80%}.m1-rest{top:50%;left:86%}.qd-bar{flex-wrap:wrap;row-gap:10px;padding-top:14px}.qd-track{flex-basis:100%}.qd-ctl{margin-left:auto}.perks{gap:28px;padding:64px 4px 52px}}
