.wd-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.wd-hero h1{margin-bottom:20px}.wd-tagline{letter-spacing:-.03em;max-width:620px;margin:0 0 28px;font-size:clamp(22px,2.4vw,34px);font-weight:600;line-height:1.1}.wd-tagline span{color:var(--signal)}.wd-hero .intro{margin-bottom:32px}.wd-actions{flex-wrap:wrap;gap:12px;display:flex}.wd-frame{border:1px solid var(--rule);background:color-mix(in oklab, var(--surface) 90%, transparent);margin:0}.wd-frame-head,.wd-frame figcaption{color:var(--muted-foreground);justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.wd-frame-head{border-bottom:1px solid var(--border)}.wd-frame figcaption{border-top:1px solid var(--border);color:var(--dim);font-size:10px}.wd-wire{border:1px solid var(--border);gap:10px;margin:16px;padding:14px;display:grid;position:relative}.wd-wire .bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.wd-wire .blk{background:color-mix(in oklab, var(--foreground) 9%, transparent);height:10px}.wd-wire .btn{border:1px solid var(--signal);color:var(--signal);font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px}.wd-wire .h{background:color-mix(in oklab, var(--foreground) 22%, transparent);width:78%;height:22px}.wd-wire .row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wd-wire .card{border:1px dashed var(--border);height:46px}.wd-wire .q{font:500 10px var(--font-mono);letter-spacing:.04em;color:var(--background);background:var(--signal);white-space:nowrap;padding:4px 7px;position:absolute}.wd-wire .q:before{content:"";background:var(--signal);width:6px;height:6px;position:absolute;transform:rotate(45deg)}.wd-wire .q1{top:-10px;right:110px}.wd-wire .q1:before{bottom:-3px;right:18px}.wd-wire .q2{top:64px;right:-6px}.wd-wire .q2:before{top:8px;left:-3px}.wd-wire .q3{bottom:72px;left:-6px}.wd-wire .q3:before{top:8px;right:-3px}.wd-wire .q4{bottom:-10px;left:30%}.wd-wire .q4:before{top:-3px;left:18px}.wd-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;display:grid}.wd-section h2{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(34px,4.4vw,64px);line-height:.95}.wd-section h3{letter-spacing:-.02em;margin:0 0 10px;font-size:21px}.wd-lede{color:var(--muted-foreground);max-width:620px;margin:0 0 16px;font-size:18px;line-height:1.6}.wd-section p{line-height:1.65}.wd-section a:not([data-slot]){text-underline-offset:3px;text-decoration:underline}.wd-check{grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;padding:0;list-style:none;display:grid}.wd-check li{border:1px solid var(--border);border-right:0;padding:22px}.wd-check li:last-child{border-right:1px solid var(--border)}.wd-check .micro{color:var(--signal)}.wd-check b{margin:8px 0;font-size:19px;display:block}.wd-check p{color:var(--muted-foreground);margin:0;font-size:15px}.wd-signs{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.wd-signs li{border-bottom:1px solid var(--border);grid-template-columns:60px 1fr;gap:16px;padding:18px 0;display:grid}.wd-signs .micro{color:var(--accent)}.wd-signs b{margin-bottom:4px;display:block}.wd-signs span{color:var(--muted-foreground)}.wd-tree{font:500 13px/1.8 var(--font-mono);color:var(--foreground);white-space:pre;border:1px solid var(--rule);margin:0;padding:24px;overflow-x:auto}.wd-tree em{color:var(--dim);font-style:normal}.wd-paths{border:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;display:grid}.wd-paths article{padding:26px}.wd-paths article+article{border-left:1px solid var(--rule)}.wd-paths .micro{color:var(--primary);margin-bottom:12px;display:block}.wd-paths p{color:var(--muted-foreground);margin:0}.wd-friction{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.wd-friction b{font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-right:6px}.wd-friction span{font:500 12px var(--font-mono);border:1px dashed var(--border);color:var(--muted-foreground);padding:7px 11px}.wd-qual{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.wd-qual div{border-bottom:1px solid var(--border);padding:26px 26px 26px 0}.wd-qual div+div{border-left:1px solid var(--border);padding-left:26px}.wd-qual .micro{color:var(--signal);margin-bottom:12px;display:block}.wd-qual ul{color:var(--muted-foreground);margin:12px 0 0;padding-left:18px}.wd-qual li{margin:6px 0}.wd-qual p{color:var(--muted-foreground);margin:0}.wd-proof{border:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.wd-proof>div{padding:28px}.wd-proof>div+div{border-left:1px solid var(--rule)}.wd-proof .micro{margin-bottom:14px;display:block}.wd-proof .use .micro{color:var(--signal)}.wd-proof .avoid .micro{color:var(--accent)}.wd-proof ul{margin:0;padding:0;list-style:none}.wd-proof li{border-top:1px solid var(--border);color:var(--muted-foreground);padding:12px 0}.wd-steps{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.wd-steps li{border-bottom:1px solid var(--border);grid-template-columns:90px 220px 1fr;gap:24px;padding:22px 0;display:grid}.wd-steps .micro{color:var(--signal)}.wd-steps b{font-size:18px}.wd-steps p{color:var(--muted-foreground);margin:0}.wd-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wd-links article{border:1px solid var(--border);padding:24px}.wd-links .micro{color:var(--primary);margin-bottom:12px;display:block}.wd-links p{color:var(--muted-foreground);margin:0}@media (width<=900px){.wd-hero,.wd-split,.wd-proof{grid-template-columns:1fr;gap:32px}.wd-proof{gap:0}.wd-proof>div+div{border-left:0;border-top:1px solid var(--rule)}.wd-paths,.wd-qual,.wd-links{grid-template-columns:1fr}.wd-paths article+article{border-left:0;border-top:1px solid var(--rule)}.wd-qual div,.wd-qual div+div{border-left:0;padding:24px 0}.wd-check{grid-template-columns:1fr 1fr}.wd-check li{border-right:1px solid var(--border)}.wd-steps li{grid-template-columns:1fr;gap:6px}}@media (width<=540px){.wd-check{grid-template-columns:1fr}.wd-wire .q2,.wd-wire .q3{display:none}}
