.wd-site-demo{--cue-loop:12s}.wd-audit-demo,.wd-sync-demo{--cue-loop:10s}.wd-tool-demo,.wd-auto-demo{--cue-loop:11s}.wd-site{grid-template-columns:minmax(0,1fr) 96px;align-items:center}.wd-viewport{justify-content:center;min-width:0;display:flex}.wd-browser{border:1px solid var(--ink-line);width:100%;animation:wd-resize var(--cue-loop) cubic-bezier(.65,0,.35,1) infinite;background:#0a1322;border-radius:8px;overflow:hidden;container-type:inline-size}@keyframes wd-resize{0%,30%{width:100%}42%,78%{width:44%}90%,to{width:100%}}.wd-chrome{border-bottom:1px solid var(--ink-line);align-items:center;gap:5px;padding:7px 9px;display:flex}.wd-chrome i{background:#26344a;border-radius:50%;width:7px;height:7px}.wd-chrome span{color:#8b98a9;font:10px var(--font-geist-mono),monospace;white-space:nowrap;text-overflow:ellipsis;background:#101a2c;border-radius:4px;margin-left:8px;padding:2px 8px;overflow:hidden}.wd-page{flex-direction:column;gap:16px;height:240px;padding:12px 14px;display:flex;overflow:hidden}.wd-nav{justify-content:space-between;align-items:center;display:flex}.wd-nav>b{background:var(--dye-cyan);border-radius:3px;width:46px;height:10px}.wd-nav>span{gap:8px;display:flex}.wd-nav>span i{background:#ffffff26;border-radius:2px;width:26px;height:5px}.wd-nav>svg{color:var(--ink-soft);display:none}.wd-hero{flex-direction:column;gap:7px;padding:12px 0 4px;display:flex}.wd-hero i{background:#e8eef6d9;border-radius:3px;width:70%;height:12px}.wd-hero i:nth-child(2){background:var(--dye-blue);width:48%}.wd-hero i:nth-child(3){background:#ffffff24;width:58%;height:5px;margin-top:6px}.wd-hero b{background:var(--dye-ice);border-radius:10px;width:64px;height:16px;margin-top:6px}.wd-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wd-cards span{border:1px solid var(--ink-line);background:linear-gradient(160deg,#16253c,#0c1627);border-radius:5px;height:64px}@container (width<=230px){.wd-nav>span{display:none}.wd-nav>svg{display:block}.wd-hero i{width:92%}.wd-hero i:nth-child(2){width:70%}.wd-cards{grid-template-columns:1fr}.wd-cards span{height:40px}}.wd-scores{flex-direction:column;gap:10px;display:flex}.wd-scores>div{grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;display:grid}.wd-scores svg{grid-row:span 2;width:34px;height:34px;rotate:-90deg}.wd-scores circle{fill:none;stroke:#253040;stroke-width:3px}.wd-scores circle+circle{stroke:var(--dye-cyan);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--score) * var(--cue-on))}.wd-scores strong{color:var(--dye-ice);font:400 14px/1 var(--font-geist-mono),monospace;opacity:var(--cue-on)}.wd-scores small{color:#8b98a9;font-size:10.5px;line-height:1.2}.wd-audit{align-content:center;gap:14px}.wd-audit-row{gap:5px;display:grid}.wd-audit-row>div{grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:10px;display:grid}.wd-audit-row b{font:400 12px var(--font-geist-mono),monospace;text-align:right}.wd-audit-row>div:first-of-type b{color:#8b98a9}.wd-audit-row>div:last-of-type b{color:var(--dye-ice)}.wd-before,.wd-after{background:#1a2436;border-radius:3px;height:6px;display:block;overflow:hidden}.wd-before em,.wd-after em{border-radius:3px;height:100%;display:block}.wd-before em,i.wd-before{background:#43546e}.wd-after em,i.wd-after{background:var(--dye-cyan)}.wd-legend{color:var(--ink-soft);gap:16px;font-size:12px;display:flex}.wd-legend span{align-items:center;gap:6px;display:inline-flex}.wd-legend i{border-radius:3px;width:14px;height:6px}.wd-app{flex:1;grid-template-columns:46px minmax(0,1fr);display:grid}.wd-sidebar{border-right:1px solid var(--ink-line);color:#8b98a9;flex-direction:column;align-items:center;gap:18px;padding-top:18px;display:flex}.wd-sidebar svg:first-child{color:var(--dye-cyan)}.wd-main{flex-direction:column;justify-content:center;gap:16px;min-width:0;padding:16px;display:flex}.wd-table{border-collapse:collapse;width:100%;font-size:13px}.wd-table td{border-top:1px solid var(--ink-line);vertical-align:middle;padding:9px 6px}.wd-table td:first-child{color:#8b98a9;font-size:11px}.wd-table td:nth-child(2) b{font-weight:400;display:block}.wd-table td:nth-child(2) small{color:#8b98a9;font-size:11.5px}.wd-table td:last-child{text-align:right}.wd-status{display:inline-grid}.wd-status em{border:1px solid var(--ink-line);color:var(--ink-soft);font:normal 11px/1.2 var(--font-geist-mono),monospace;white-space:nowrap;border-radius:12px;grid-area:1/1;justify-self:end;padding:3px 8px}.wd-status em:first-child{opacity:calc(1 - var(--cue-on))}.wd-status em:last-child{opacity:var(--cue-on);scale:calc(.9 + var(--cue-on) * .1)}.wd-status .is-booked,.wd-status .is-in-progress{color:#cfe0ff;border-color:color-mix(in srgb,var(--dye-blue) 60%,transparent);background:color-mix(in srgb,var(--dye-blue) 18%,transparent)}.wd-status .is-done{color:#05080e;background:var(--dye-cyan);border-color:#0000}.wd-sync{grid-template-rows:1fr auto}.wd-map{align-items:center;min-width:0;display:flex}.wd-node{border:1px solid var(--ink-line);white-space:nowrap;background:#0a1322;border-radius:6px;flex-shrink:0;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.wd-node svg{color:var(--dye-cyan)}.wd-node.is-hub{border-color:color-mix(in srgb,var(--dye-cyan) 55%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--dye-blue) 25%,transparent)}.wd-wire{background:var(--ink-line);flex:1;min-width:18px;height:1px;position:relative}.wd-wire:after{content:"";background:var(--dye-cyan);width:5px;height:5px;box-shadow:0 0 8px var(--dye-cyan);border-radius:50%;animation:1.8s linear infinite wd-packet;position:absolute;top:-2px;left:0}@keyframes wd-packet{0%{opacity:1;left:0}90%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}.wd-fan{flex-direction:column;flex:1.4;gap:10px;min-width:0;display:flex}.wd-fan>span{align-items:center;display:flex}.wd-fan>span:nth-child(2) .wd-wire:after{animation-delay:.5s}.wd-fan>span:nth-child(3) .wd-wire:after{animation-delay:1s}.wd-map>.wd-wire{flex:.6}.wd-log time{color:#8b98a9;font:11px var(--font-geist-mono),monospace;flex-shrink:0}.wd-auto{align-content:center}.wd-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.wd-steps li{border:1px solid color-mix(in srgb,var(--dye-cyan) calc(var(--cue-on) * 35%),var(--ink-line));background:#0a1322;border-radius:6px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 12px 7px 7px;font-size:13px;display:grid;position:relative}.wd-steps li>span:nth-child(2){opacity:calc(.35 + var(--cue-on) * .65)}.wd-steps li+li:before{content:"";background:color-mix(in srgb,var(--dye-cyan) calc(var(--cue-on) * 100%),var(--ink-line));width:2px;height:12px;position:absolute;top:-13px;left:21px}.wd-step-icon{width:30px;height:30px;color:color-mix(in srgb,#05080e calc(var(--cue-on) * 100%),var(--ink-soft));background:color-mix(in srgb,var(--dye-cyan) calc(var(--cue-on) * 100%),#16253c);border-radius:50%;place-items:center;display:grid}.wd-steps small{color:var(--dye-cyan);font:10px var(--font-geist-mono),monospace;letter-spacing:.06em;display:block}.wd-tick{color:var(--dye-cyan);opacity:var(--cue-on)}@media (max-width:640px){.wd-site{grid-template-columns:1fr}.wd-scores{grid-template-columns:1fr 1fr;display:grid}.wd-map{flex-direction:column;align-items:stretch;gap:8px}.wd-map>.wd-wire{display:none}.wd-node{justify-content:center}.wd-fan .wd-wire{display:none}.wd-fan{flex-flow:wrap;gap:6px}}@media (prefers-reduced-motion:reduce){.wd-wire:after{display:none}}