.ug{max-width:1000px;color:var(--ink);margin:0 auto;padding:6px 0 60px}.ug svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.ug button{font-family:inherit}.ug-hero{border:1px solid var(--brand-line);box-shadow:var(--sh);background:linear-gradient(135deg,#fff 0%,#f1faf5 100%);border-radius:22px;padding:26px 30px 28px}.ug-hello{color:var(--brand);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ug-title{font-family:var(--disp);letter-spacing:-.6px;color:var(--pine);margin:8px 0 10px;font-size:30px;font-weight:700}.ug-intro{max-width:640px;color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.65}.ug-hero-btns{flex-wrap:wrap;gap:10px;display:flex}.ug-btn{min-height:40px;transition:background .18s var(--ease),transform .18s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.ug-btn.dark{background:var(--pine);color:#fff}.ug-btn.dark:hover{background:var(--pine-2)}.ug-btn.light{color:var(--pine);border-color:var(--line);background:#fff}.ug-btn.light:hover{background:var(--surface-2)}.ug-btn:disabled{opacity:.45;cursor:default}.ug-eyebrow{letter-spacing:.12em;color:var(--brand);font-size:10.5px;font-weight:800}.ug-sec-eyebrow{margin-top:38px}.ug-h2{font-family:var(--disp);color:var(--pine);letter-spacing:-.4px;margin:4px 0 6px;font-size:22px;font-weight:700}.ug-sub{color:var(--muted);margin:0 0 14px;font-size:13px}.ug-idea{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px;display:grid}.ug-idea-card{border:1px solid var(--line);box-shadow:var(--sh);background:#fff;border-radius:18px;padding:18px}.ug-idea-card h3{font-family:var(--disp);color:var(--pine);margin:2px 0 6px;font-size:15px}.ug-idea-card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.ug-num{background:var(--brand-tint);width:34px;height:34px;color:var(--brand-600);border-radius:50%;place-items:center;margin-bottom:10px;font-weight:800;display:grid}.ug-step-label{letter-spacing:.12em;color:var(--faint);font-size:9.5px;font-weight:800}.ug-tabs{flex-wrap:wrap;gap:8px;margin:12px 0 14px;display:flex}.ug-tab{border:1px solid var(--line);min-height:38px;color:var(--pine);transition:background .18s var(--ease),color .18s var(--ease);background:#fff;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700}.ug-tab:hover{background:var(--brand-tint)}.ug-tab.on{background:var(--pine);color:#fff;border-color:var(--pine)}.ug-demo-card{border:1px solid var(--line);box-shadow:var(--sh-md);background:#fff;border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;padding:22px;display:grid}.ug-window{border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--sh);border-radius:14px;overflow:hidden}.ug-win-bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:6px;padding:9px 12px;display:flex}.ug-win-bar i{background:#dcdad0;border-radius:50%;width:9px;height:9px}.ug-win-bar b{color:var(--pine);margin-left:8px;font-size:12px}.ug-win-bar em{letter-spacing:.1em;color:var(--brand);margin-left:auto;font-size:9.5px;font-style:normal;font-weight:800}.ug-rows{flex-direction:column;gap:10px;min-height:250px;padding:14px;display:flex}.ug-row{opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease);flex-direction:column;gap:4px;display:flex;transform:translateY(6px)}.ug-row.show{opacity:1;transform:none}.ug-row label{color:var(--faint);letter-spacing:.02em;font-size:10.5px;font-weight:700}.ug-fld{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:12.5px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.ug-row.active .ug-fld{border-color:var(--brand);box-shadow:0 0 0 3px #0e7c5c24}.ug-caret{background:var(--brand);width:1.5px;height:15px;animation:1s step-end infinite ugBlink;display:none}.ug-row.typing .ug-caret{display:inline-block}.ug-typed{white-space:nowrap}@keyframes ugBlink{50%{opacity:0}}.ug-btnface{background:var(--brand);color:#fff;border-radius:999px;align-items:center;padding:6px 14px;font-size:12px;font-weight:700;transition:transform .15s;display:inline-flex}.ug-row.pressing .ug-btnface{transform:scale(.93)}.ug-after{color:var(--ok-ink);align-items:center;gap:5px;font-size:12px;font-weight:700;display:none}.ug-row.pressed .ug-after{display:inline-flex}.ug-switch{background:#cdd3cf;border-radius:999px;width:38px;height:21px;transition:background .25s;position:relative}.ug-switch i{width:17px;height:17px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.ug-row.on .ug-switch{background:var(--brand)}.ug-row.on .ug-switch i{transform:translate(17px)}.ug-after-txt{color:var(--muted);font-size:12px;font-weight:700}.ug-row.on .ug-after-txt{color:var(--ok-ink)}.ug-fld-select{justify-content:space-between}.ug-sel-arr svg{width:14px;height:14px;color:var(--faint)}.ug-menu{z-index:3;border:1px solid var(--line);box-shadow:var(--sh-md);background:#fff;border-radius:10px;padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.ug-menu span{background:var(--brand-tint);color:var(--brand-600);border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700;display:block}.ug-row.open .ug-menu{display:block}.ug-stat{font-family:var(--disp);color:var(--pine);font-size:20px;font-weight:700}.ug-done{background:var(--ok-bg);color:var(--ok-ink);border-radius:10px;align-items:center;gap:7px;margin-top:4px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.ug-done[hidden]{display:none}.ug-ctrls{gap:8px;margin-top:12px;display:flex}.ug-ctl{border:1px solid var(--line);color:var(--pine);background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.ug-ctl:hover{background:var(--surface-2)}.ug-ctl:disabled{opacity:.45}.ug-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ug-chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:600;transition:all .25s;display:inline-flex}.ug-chip i{background:#cdd3cf;border-radius:50%;width:6px;height:6px}.ug-chip.on{border-color:var(--brand);color:var(--brand-600)}.ug-chip.on i{background:var(--brand)}.ug-chip.done{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--brand-line)}.ug-chip.done i{background:var(--ok)}.ug-demo-right .ug-eyebrow{margin-bottom:6px}.ug-open{color:var(--pine);margin:0 0 4px;font-size:12.5px}.ug-purpose{color:var(--muted);margin:0 0 10px;font-size:12.5px}.ug-steps{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ug-step{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;gap:12px;padding:9px 8px;font-size:12.5px;line-height:1.5;transition:background .2s;display:flex}.ug-step:hover{background:var(--surface-2)}.ug-step.on{background:var(--brand-tint)}.ug-stepn{background:var(--chip);width:24px;height:24px;color:var(--chip-ink);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.ug-step.on .ug-stepn{background:var(--brand);color:#fff}.ug-step.done .ug-stepn{background:var(--ok);color:#fff}.ug-note{border-radius:12px;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.ug-caution{background:var(--alert-bg);color:var(--alert-ink);border:1px solid #d8442b40}.ug-who{background:var(--info-bg);color:var(--info-ink);border:1px solid #2a537826}.ug-rules{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ug-rule{color:#8a3b17;background:#fdeee5;border:1px solid #f3cbb2;border-radius:14px;gap:10px;padding:14px;display:flex}.ug-rule p{margin:0;font-size:12.5px;line-height:1.55}.ug-prog{color:var(--muted);align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.ug-prog i{background:var(--line-soft);border-radius:99px;flex:1;max-width:260px;height:7px;overflow:hidden}.ug-prog i b{background:var(--brand);height:100%;transition:width .35s var(--ease);border-radius:99px;display:block}.ug-link{color:var(--brand-600);background:0 0;border:0;padding:4px;font-size:12px;font-weight:700;text-decoration:underline}.ug-first{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ug-tick{text-align:left;border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);box-shadow:var(--sh);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:11px 14px;font-size:12.5px;display:flex}.ug-box{color:#0000;border:1.5px solid #c9cfca;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.ug-box svg{stroke-width:3px;width:12px;height:12px}.ug-tick.on .ug-box{background:var(--ok);border-color:var(--ok);color:#fff}.ug-tick.on{background:var(--surface-2);color:var(--muted)}.ug-tn{color:var(--faint);font-size:11px;font-weight:800}.ug-well{background:var(--ok-bg);color:var(--ok-ink);border-radius:12px;margin:12px 0 0;padding:11px 14px;font-size:12.5px;font-weight:700}.ug-acc{flex-direction:column;gap:8px;display:flex}.ug-acc-i{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.ug-acc-h{text-align:left;width:100%;min-height:44px;color:var(--pine);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:12.5px;display:flex}.ug-acc-h svg{transition:transform .25s var(--ease);color:var(--faint)}.ug-acc-i.open .ug-acc-h svg{transform:rotate(180deg)}.ug-acc-b{color:var(--muted);padding:0 16px 14px;font-size:12.5px}.ug-acc-b[hidden]{display:none}.ug-acc-b p{margin:6px 0 0}.ug-qcard{border:1px solid var(--line);box-shadow:var(--sh);background:#fff;border-radius:18px;padding:20px}.ug-qcard h3{font-family:var(--disp);color:var(--pine);margin:10px 0 14px;font-size:16px}.ug-qprog{color:var(--muted);align-items:center;gap:12px;font-size:11.5px;display:flex}.ug-qprog i{background:var(--line-soft);border-radius:99px;flex:1;max-width:240px;height:6px;overflow:hidden}.ug-qprog i b{background:var(--brand);height:100%;transition:width .3s;display:block}.ug-opts{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ug-opt{text-align:left;border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:12.5px;display:flex}.ug-opt:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand-line)}.ug-optl{background:var(--chip);width:24px;height:24px;color:var(--chip-ink);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.ug-opt.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok-ink)}.ug-opt.bad{background:var(--alert-bg);border-color:var(--alert);color:var(--alert-ink)}.ug-opt:disabled{cursor:default}.ug-why{border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:12.5px}.ug-why.ok{background:var(--ok-bg);color:var(--ok-ink)}.ug-why.bad{background:var(--alert-bg);color:var(--alert-ink)}.ug-qscore{text-align:center}.ug-big{font-family:var(--disp);color:var(--brand);font-size:38px;font-weight:800}.ug-live{aspect-ratio:16/9;background:#fff;position:relative;overflow:hidden}.ug-frame{transform-origin:0 0;background:#fff;border:0;width:1280px;height:720px;position:absolute;top:0;left:0}.ug-live-load{z-index:2;background:var(--surface-2);color:var(--muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@media (max-width:760px){.ug-hero{padding:20px 18px}.ug-title{font-size:24px}.ug-hero-btns{flex-direction:column}.ug-hero-btns .ug-btn{width:100%}.ug-idea,.ug-rules{grid-template-columns:1fr}.ug-demo-card{grid-template-columns:1fr;gap:18px;padding:14px}.ug-step,.ug-tab,.ug-ctl{min-height:40px}}@media (prefers-reduced-motion:reduce){.ug *{transition:none!important;animation:none!important}.ug-row{opacity:1;transform:none}}.hw-layer{z-index:2147483000;pointer-events:none;font-family:var(--sans);position:fixed;inset:0}.hw-cursor{filter:drop-shadow(0 2px 3px #00000059);width:26px;height:26px;transition:transform .75s cubic-bezier(.4,.1,.2,1);position:absolute;top:0;left:0;transform:translate(-100px,-100px)}.hw-cursor.click:after{content:"";border:2px solid #ff8a1f;border-radius:50%;width:20px;height:20px;animation:.5s ease-out hwPing;position:absolute;top:-6px;left:-6px}@keyframes hwPing{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.hw-ring{opacity:0;transition:all .35s var(--ease);border:2.5px solid #ff8a1f;border-radius:10px;position:absolute;box-shadow:0 0 0 4px #ff8a1f38}.hw-cap{color:#fff;text-align:center;background:#1e2026f0;border-radius:14px;max-width:min(62%,560px);padding:13px 20px;font-size:17px;font-weight:600;line-height:1.4;transition:opacity .25s;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.hw-end{pointer-events:auto;background:#ffffff8c;place-items:center;display:grid;position:absolute;inset:0}.hw-end button{color:#0a2b22;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:14px 26px;font-size:18px;font-weight:800;box-shadow:0 8px 30px #00000040}html[data-howto-demo] .fu-rem,html[data-howto-demo] .fu-tab{display:none!important}