body:has(#th-light:checked){--bg:#fbfaf6;--bg-soft:#f3f2ea;--fg:#14201a;--muted:#5e6b64;--line:#e2e0d5;--emerald:#06674a;--emerald-soft:#e3efe9;--gold:#a87a10;--gold-soft:#f7efd9;--code-bg:#f1f1e9;background:var(--bg);color:var(--fg)}body:has(#th-dark:checked){--bg:#0d110f;--bg-soft:#141a17;--fg:#e9ede9;--muted:#8f9a94;--line:#232b27;--emerald:#46c79a;--emerald-soft:#10231c;--gold:#ddb45c;--gold-soft:#221c0e;--code-bg:#151b18;background:var(--bg);color:var(--fg)}.theme-switch{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:1.25rem;margin:0 0 1rem;padding:.75rem 1.1rem;font-size:.92rem;display:flex}.theme-switch legend{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:0 .4rem;font-size:.7rem}.theme-switch label{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.lab{margin:2.5rem 0 0}.lab-row{border-top:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1.25rem;padding:2rem 0;display:grid}.lab-tag{font-family:var(--serif);color:var(--emerald);font-size:1.9rem;font-weight:600;line-height:1}.lab-body h2{margin:0 0 .35rem;font-size:1.15rem}.lab-body>p{color:var(--muted);max-width:34rem;margin:0 0 1.25rem;font-size:.95rem}.lab-demo{flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;display:flex}.v{font-family:var(--serif);color:var(--emerald);isolation:isolate;justify-content:center;align-items:center;padding:.72rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.v svg{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.v path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.v span{position:relative}.v:focus-visible{outline:2px dashed var(--gold);outline-offset:6px;border-radius:40px}.v-a .p2{stroke-width:1.7px;opacity:0;transition:opacity .16s}.v-a:hover .p2{opacity:1}.v-b .p2,.v-b:hover .p1{opacity:0}.v-b:hover .p2{opacity:1}.v-k .fill{fill:var(--emerald);stroke:none;opacity:0;transition:opacity .16s}.v-k .p2,.v-k:hover .p1{opacity:0}.v-k:hover .p2{opacity:1}.v-k:hover .fill{opacity:.13}.v-l .fill{fill:var(--emerald);stroke:none;opacity:0;transition:opacity .14s}.v-l .p2,.v-l:hover .p1{opacity:0}.v-l:hover .p2,.v-l:hover .fill{opacity:1}.v-l:hover{color:var(--bg)}.v-c .fill{fill:var(--emerald);stroke:none;opacity:0;transition:opacity .16s}.v-c:hover .fill{opacity:.12}.v-d svg{transition:transform .14s}.v-d:hover svg{transform:translate(2px,2px)}.v-e .p1{transition:stroke-width .14s}.v-e:hover .p1{stroke-width:3.6px}.v-f .ul{opacity:0;height:10px;transition:opacity .16s;top:auto;bottom:.35rem}.v-f .ul path{stroke-width:2px}.v-f:hover .ul{opacity:1}.v-g{padding:.4rem .2rem .7rem}.v-g .ul{height:12px;top:auto;bottom:0}.v-g .u1{stroke-width:2.2px}.v-g .u2{stroke-width:1.6px;opacity:0;transition:opacity .16s;transform:translateY(3px)}.v-g:hover .u2{opacity:1}.v-h .fill{fill:var(--emerald);stroke:none;opacity:0;transition:opacity .14s}.v-h:hover .fill{opacity:1}.v-h:hover{color:var(--bg)}.v-i{background:var(--emerald);color:#fff;border-radius:8px;transition:filter .14s}.v-i:hover{filter:brightness(1.12)}.v-i--ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.v-i--ghost:hover{border-color:var(--emerald);color:var(--emerald);filter:none}.cta-cases{gap:2rem;display:grid}@media (width>=58rem){.cta-cases{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}}.cta-marks{place-items:center;width:380px;height:170px;display:grid;position:relative}.cta-marks .mk{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cta-marks .mk path{fill:none;stroke:var(--gold);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;opacity:.62;transition:stroke .18s,opacity .18s}.c1:has(.v:hover) .mk path,.c2:has(.v:hover) .mk path,.c4 .mk path{stroke:var(--emerald);opacity:1}.c1:has(.v:active) .mk,.c2:has(.v:active) .mk{transform:scale(.965)}.cta-marks .mk{transform-origin:50%;transition:transform .1s}.mk-words{overflow:visible}.click-word{font-family:var(--mono);letter-spacing:1.6px;fill:var(--gold);opacity:0;font-size:10.5px;transition:opacity 90ms}.c2:has(.v:active) .click-word{opacity:.85}.c3 .mk path{opacity:0}.c3:has(.v:hover) .mk path{opacity:1;stroke:var(--emerald)}.c4:has(.v:hover) .mk path{opacity:0}.arrows{gap:2.75rem;display:grid}.arr-lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.72rem}.arr-demo{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.arr-demo--col{flex-direction:column;align-items:flex-start;gap:.25rem}.note{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);white-space:nowrap;font-size:.76rem;position:relative}.note--left{padding-right:3.5rem}.note--left .ar{width:66px;height:36px;position:absolute;top:.4rem;left:calc(100% - 3.6rem)}.note--below{align-items:center;gap:.4rem;margin-left:2.5rem;display:inline-flex}.note--below .ar--up{width:48px;height:30px;transform:scaleY(-1)}.ar path{fill:none;stroke:var(--gold);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.v-arrowed span{align-items:center;gap:.5rem;display:inline-flex}.ar-in{z-index:0;width:22px;height:12px;transition:transform .16s;position:static;overflow:visible}.ar-in path{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.v-arrowed:hover .ar-in{transform:translate(3px)}.note--hidden{opacity:0;transition:opacity .18s}.arr-demo--hoverable:hover .note--hidden{opacity:1}.v-t .p1{stroke-width:var(--w)}.lab-scale p{max-width:34rem;margin:0}.v-inline{vertical-align:middle;margin-left:.4rem;padding:.5rem 1.2rem;font-size:.95rem}@media (prefers-reduced-motion:reduce){.v *,.v svg{transition:none!important}}