.nwl-page{--nwl-l7:#e8a838;--nwl-l4:#4ecb93;--nwl-l3:#5aa9ff;--nwl-l2:#c084fc;--nwl-l1:#ff7a6b;width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 clamp(36px,5vw,64px)}.nwl-page *,.nwl-page :before,.nwl-page :after{box-sizing:border-box}.nwl-page h1,.nwl-page h2,.nwl-page h3,.nwl-page p,.nwl-page pre{margin:0}.nwl-page button{font:inherit}.nwl-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.nwl-hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(24px,4vw,38px);display:grid}.nwl-hero h1{max-width:700px;color:var(--foreground);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.045em;margin-top:10px;font-size:clamp(32px,4.2vw,48px);line-height:1.05}.nwl-hero>div>p:last-child{max-width:680px;color:var(--muted);margin-top:15px;font-size:clamp(.88rem,1.6vw,1.05rem);line-height:1.7}.nwl-hero-answer{border:var(--pixel) solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));gap:9px;padding:22px;display:grid}.nwl-hero-answer span{color:var(--muted);font-size:.72rem;font-weight:750}.nwl-hero-answer strong{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.35}.nwl-demo{margin-top:16px;padding:clamp(22px,4vw,38px)}.nwl-demo-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.nwl-demo-head h2,.nwl-section-title h2{color:var(--foreground);letter-spacing:-.035em;margin-top:7px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.nwl-reset{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);color:var(--muted);cursor:pointer;flex:none;padding:8px 11px;font-size:.72rem;font-weight:750}.nwl-reset:hover{border-color:var(--accent);color:var(--foreground)}.nwl-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.nwl-presets>span{color:var(--muted);font-size:.72rem;font-weight:750}.nwl-preset{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);color:var(--foreground-soft);font-family:var(--font-geist-mono), monospace;cursor:pointer;padding:8px 12px;font-size:.76rem;font-weight:700}.nwl-preset:hover{border-color:var(--accent);color:var(--foreground)}.nwl-preset.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));color:var(--foreground)}.nwl-demo-grid{grid-template-columns:240px 1fr;gap:12px;margin-top:14px;display:grid}.nwl-scene-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:18px 0 0;padding:0;list-style:none;display:grid}.nwl-scene-strip li{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--muted);align-items:center;gap:7px;padding:8px 9px;font-size:.68rem;font-weight:750;display:flex}.nwl-scene-strip b{border:1px solid var(--border-strong);width:19px;height:19px;font:800 .58rem/1 var(--font-geist-mono), monospace;flex:none;place-items:center;display:grid}.nwl-scene-strip li.is-done{color:var(--foreground-soft)}.nwl-scene-strip li.is-done b{border-color:var(--nwl-l4);color:var(--nwl-l4)}.nwl-scene-strip li.is-current{border-color:var(--accent);color:var(--foreground)}.nwl-scene-strip li.is-current b{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.nwl-now{border:var(--pixel) solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface-2));grid-template-columns:auto 1fr;align-items:start;gap:12px;min-height:92px;margin-top:9px;padding:13px 15px;display:grid}.nwl-now>span{background:var(--accent);color:var(--accent-contrast);font:850 .62rem/1 var(--font-geist-mono), monospace;padding:5px 7px}.nwl-now>div{gap:4px;display:grid}.nwl-now strong{color:var(--foreground);word-break:keep-all;font-size:.86rem}.nwl-now p{color:var(--muted);word-break:keep-all;font-size:.72rem;line-height:1.5}.nwl-stack{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);align-content:start;gap:6px;min-width:0;padding:clamp(14px,2vw,18px);display:grid}.nwl-stack-note{border:1px dashed var(--border-strong);color:var(--muted);word-break:keep-all;padding:8px 9px;font-size:.64rem;line-height:1.45}.nwl-layer{border:var(--pixel) solid var(--border);border-left:4px solid var(--nwl-color,var(--border-strong));background:var(--background);grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 11px;transition:background .15s,transform .15s,border-color .15s;display:grid}.nwl-c7{--nwl-color:var(--nwl-l7)}.nwl-c4{--nwl-color:var(--nwl-l4)}.nwl-c3{--nwl-color:var(--nwl-l3)}.nwl-c2{--nwl-color:var(--nwl-l2)}.nwl-c1{--nwl-color:var(--nwl-l1)}.nwl-layer>b{color:var(--nwl-color,var(--muted));font:850 .78rem/1 var(--font-geist-mono), monospace;grid-row:1/3;align-self:center}.nwl-layer-name{align-items:baseline;gap:7px;min-width:0;display:flex}.nwl-layer-name strong{color:var(--foreground);font-size:.82rem}.nwl-layer-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.nwl-layer-role{color:var(--muted);font-size:.66rem}.nwl-layer.is-absorbed{opacity:.55;border-left-style:dashed}.nwl-layer.is-absorbed .nwl-layer-role{color:var(--muted);font-style:italic}.nwl-layer.is-active{border-color:var(--nwl-color);background:color-mix(in srgb, var(--nwl-color) 13%, var(--background));transform:translate(4px)}.nwl-layer.is-active .nwl-layer-role{color:var(--foreground-soft)}.nwl-journey{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);flex-direction:column;min-width:0;padding:clamp(14px,2.4vw,22px);display:flex}.nwl-endpoints{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.nwl-endpoint{border:var(--pixel) solid var(--border-strong);background:var(--background);text-align:center;gap:3px;min-width:118px;padding:9px 12px;transition:border-color .15s,background .15s;display:grid}.nwl-endpoint strong{color:var(--foreground);font-size:.8rem}.nwl-endpoint small{color:var(--muted);font:650 .62rem/1.3 var(--font-geist-mono), monospace}.nwl-endpoint.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--background))}.nwl-wire-lane{align-items:center;min-width:0;height:26px;display:grid;position:relative;overflow:hidden}.nwl-lane-line{border-top:2px dashed var(--border-strong);height:0;display:block}.nwl-wire-lane.is-active{border:var(--pixel) solid var(--nwl-l1);background:color-mix(in srgb, var(--nwl-l1) 10%, var(--background))}.nwl-bits{color:var(--nwl-l1);font:800 .68rem/1 var(--font-geist-mono), monospace;white-space:nowrap;text-align:center;font-style:normal;animation:1.1s linear infinite nwl-flow}.nwl-bits.is-return{animation-name:nwl-flow-return}@keyframes nwl-flow{0%{transform:translate(-14%)}to{transform:translate(14%)}}@keyframes nwl-flow-return{0%{transform:translate(14%)}to{transform:translate(-14%)}}.nwl-box-area{border:var(--pixel) solid var(--border);background:var(--background);align-items:center;min-height:330px;margin-top:12px;padding:clamp(12px,2vw,18px);display:grid}.nwl-idle{text-align:center;justify-items:center;gap:9px;display:grid}.nwl-idle strong{color:var(--foreground);font-size:.94rem}.nwl-idle span{max-width:340px;color:var(--muted);word-break:keep-all;font-size:.75rem;line-height:1.55}.nwl-box{min-width:0}.nwl-box.is-wire{opacity:.45;filter:saturate(.6)}.nwl-wrap{border:2px solid color-mix(in srgb, var(--nwl-wrap-color) 55%, var(--border-strong));background:color-mix(in srgb, var(--nwl-wrap-color) 4%, transparent);min-width:0;padding:26px 10px 10px;transition:border-color .15s,background .15s;position:relative}.nwl-wrap.nwl-l7{--nwl-wrap-color:var(--nwl-l7)}.nwl-wrap.nwl-l4{--nwl-wrap-color:var(--nwl-l4)}.nwl-wrap.nwl-l3{--nwl-wrap-color:var(--nwl-l3)}.nwl-wrap.nwl-l2{--nwl-wrap-color:var(--nwl-l2)}.nwl-wrap.is-active{border-color:var(--nwl-wrap-color);background:color-mix(in srgb, var(--nwl-wrap-color) 10%, transparent)}.nwl-wrap-label{background:color-mix(in srgb, var(--nwl-wrap-color) 22%, var(--surface-2));color:var(--foreground);font:800 .62rem/1 var(--font-geist-mono), monospace;letter-spacing:.04em;padding:4px 8px;position:absolute;top:0;left:0}.nwl-wrap-label small{color:var(--muted);font:700 .55rem/1 var(--font-geist-mono), monospace;margin-left:4px}.nwl-wrap-role{color:var(--foreground);margin:0 0 7px;font-size:.72rem;font-weight:800;display:block}.nwl-tech{margin-bottom:8px}.nwl-tech summary{width:max-content;color:var(--muted);cursor:pointer;font-size:.64rem;font-weight:750}.nwl-tech summary:hover,.nwl-tech summary:focus-visible{color:var(--nwl-wrap-color)}.nwl-tech[open] summary{margin-bottom:7px}.nwl-fields{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.nwl-field{border:1px solid color-mix(in srgb, var(--nwl-wrap-color) 45%, var(--border-strong));background:var(--surface-2);cursor:help;align-items:center;gap:6px;padding:5px 8px;display:inline-flex;position:relative}.nwl-field b{color:var(--muted);font-size:.6rem;font-weight:750}.nwl-field>span{color:var(--foreground);font:700 .66rem/1.2 var(--font-geist-mono), monospace}.nwl-field:hover,.nwl-field:focus-visible{border-color:var(--nwl-wrap-color)}.nwl-field:focus-visible{outline:2px solid color-mix(in srgb, var(--nwl-wrap-color) 60%, transparent);outline-offset:2px}.nwl-tip{z-index:6;border:var(--pixel) solid var(--border-strong);background:var(--surface-1);width:max-content;max-width:236px;color:var(--foreground-soft);text-align:left;padding:8px 10px;font-size:.68rem;font-style:normal;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 6px 18px #00000059}.nwl-field:hover .nwl-tip,.nwl-field:focus-visible .nwl-tip{display:block}.nwl-payload{background:var(--surface-1);color:var(--foreground);font:700 .72rem/1.5 var(--font-geist-mono), monospace;white-space:pre;gap:2px;padding:9px 10px;display:grid;overflow-x:auto}.nwl-payload i{color:var(--muted);opacity:.65;margin-left:6px;font-style:normal;font-weight:600}.nwl-caption{min-height:3.2em;color:var(--foreground-soft);word-break:keep-all;font-size:.8rem;line-height:1.6;margin-top:11px!important}.nwl-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.nwl-main{border:var(--pixel) solid var(--accent);background:var(--accent);min-width:132px;min-height:46px;color:var(--accent-contrast);cursor:pointer;font-size:.84rem;font-weight:850}.nwl-main:hover{filter:brightness(1.08)}.nwl-auto{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:46px;color:var(--foreground-soft);cursor:pointer;padding:0 16px;font-size:.78rem;font-weight:800}.nwl-auto:hover{border-color:var(--accent);color:var(--foreground)}.nwl-auto.is-on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));color:var(--foreground)}.nwl-main:focus-visible,.nwl-auto:focus-visible,.nwl-reset:focus-visible,.nwl-preset:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}.nwl-progress{color:var(--muted);margin-left:auto;font-size:.72rem}.nwl-progress b{color:var(--foreground-soft);font-weight:800}.nwl-benefits{margin-top:16px;padding:clamp(22px,4vw,38px)}.nwl-section-title{text-align:center}.nwl-benefits>div:last-child{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.nwl-benefits article{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);gap:8px;padding:19px;display:grid}.nwl-benefits article>b{color:var(--accent);font:850 .68rem/1 var(--font-geist-mono), monospace}.nwl-benefits article strong{color:var(--foreground);font-size:.9rem}.nwl-benefits article p{color:var(--muted);font-size:.75rem;line-height:1.55}.nwl-summary{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);color:var(--foreground-soft);text-align:center;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:16px;padding:20px;font-size:.75rem;font-weight:750;display:grid}.nwl-summary i{color:var(--accent);font-style:normal}.nwl-warning{gap:8px;padding:22px 2px 0;display:grid}.nwl-warning strong{color:var(--foreground);font-size:.78rem}.nwl-warning p{color:var(--muted);font-size:.72rem;line-height:1.6}.nwl-warning span{color:var(--muted);font:650 .62rem/1.5 var(--font-geist-mono), monospace}@media (prefers-reduced-motion:reduce){.nwl-bits{animation:none}.nwl-layer,.nwl-wrap,.nwl-endpoint{transition:none}}@media (max-width:840px){.nwl-hero,.nwl-demo-grid{grid-template-columns:1fr}.nwl-hero-answer{grid-template-columns:auto 1fr;align-items:center}.nwl-stack{flex-wrap:wrap;gap:5px;padding:10px;display:flex}.nwl-layer{border-left-width:3px;grid-template-columns:auto auto;align-items:center;padding:6px 9px}.nwl-layer>b{grid-row:auto;font-size:.68rem}.nwl-layer-name small,.nwl-layer-role{display:none}.nwl-layer-name strong{font-size:.72rem}.nwl-layer.is-active{transform:none}.nwl-stack-note{flex-basis:100%}}@media (max-width:620px){.nwl-page{width:min(100% - 24px,1120px);padding:0 0 36px}.nwl-hero,.nwl-demo,.nwl-benefits{padding:20px 16px}.nwl-hero h1{font-size:clamp(33px,10vw,46px)}.nwl-hero-answer{grid-template-columns:1fr}.nwl-demo-head{align-items:flex-start}.nwl-scene-strip{grid-template-columns:repeat(5,minmax(108px,1fr));padding-bottom:5px;overflow-x:auto}.nwl-now{grid-template-columns:1fr;min-height:132px}.nwl-journey{padding:14px}.nwl-endpoints{grid-template-columns:1fr;gap:6px}.nwl-wire-lane{height:20px}.nwl-endpoint{min-width:0}.nwl-box-area{min-height:260px;padding:10px 8px}.nwl-wrap{padding:24px 6px 6px}.nwl-tip{max-width:200px}.nwl-progress{flex-basis:100%;margin-left:0}.nwl-benefits>div:last-child,.nwl-summary{grid-template-columns:1fr}.nwl-summary i{transform:rotate(90deg)}}