.fw-hero:where(.astro-wtnloa22){padding:clamp(3.5rem,8vw,7rem) var(--gutter) clamp(3rem,6vw,5rem);overflow:hidden}.fw-hero-inner:where(.astro-wtnloa22){max-width:72rem;margin-inline:auto}.fw-hero:where(.astro-wtnloa22) .display:where(.astro-wtnloa22){max-width:20ch;margin-bottom:1.4rem}.fw-badge:where(.astro-wtnloa22){display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.6rem;padding:.4rem .75rem;border:1px solid var(--line-strong);border-radius:100px;background:var(--surface);color:var(--ink-soft);font:500 .68rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.fw-badge:where(.astro-wtnloa22) span:where(.astro-wtnloa22){width:.42rem;height:.42rem;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.fw-lead:where(.astro-wtnloa22){max-width:44rem;margin-bottom:2rem;color:var(--ink-soft);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65;text-wrap:pretty}.fw-split:where(.astro-wtnloa22){display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,6vw,5rem);align-items:start}.fw-split:where(.astro-wtnloa22) .feature-link:where(.astro-wtnloa22){margin-top:1.75rem}.fw-code:where(.astro-wtnloa22){align-self:start;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line),0 24px 56px -28px #000000a6;--astro-code-color-text: #c9d1d9;--astro-code-color-background: #0e0e0e;--astro-code-foreground: #c9d1d9;--astro-code-background: #0e0e0e;--astro-code-token-keyword: #ff7b72;--astro-code-token-function: #d2a8ff;--astro-code-token-string: #a5d6ff;--astro-code-token-string-expression: #a5d6ff;--astro-code-token-constant: #79c0ff;--astro-code-token-parameter: #ffa657;--astro-code-token-punctuation: #c9d1d9;--astro-code-token-comment: #8b949e;--astro-code-token-link: #a5d6ff}.fw-code:where(.astro-wtnloa22) pre{margin:0;padding:1.5rem;overflow:auto;background:#0e0e0e!important;font-family:var(--font-mono);font-size:.78rem;line-height:1.85;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.fw-code:where(.astro-wtnloa22) pre::-webkit-scrollbar{height:8px;width:8px}.fw-code:where(.astro-wtnloa22) pre::-webkit-scrollbar-track{background:transparent}.fw-code:where(.astro-wtnloa22) pre::-webkit-scrollbar-thumb{border-radius:100px;background:var(--line-strong)}.fw-code:where(.astro-wtnloa22) pre::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.fw-code:where(.astro-wtnloa22) code{font-family:inherit}.fw-flow:where(.astro-wtnloa22){align-self:start;display:grid;overflow:hidden;text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg)}.fw-flow:where(.astro-wtnloa22) span:where(.astro-wtnloa22){padding:1.05rem;background:var(--surface);color:var(--ink);font:500 .72rem/1 var(--font-mono);letter-spacing:.04em}.fw-flow:where(.astro-wtnloa22) span:where(.astro-wtnloa22)+span:where(.astro-wtnloa22){border-top:1px solid var(--line)}.fw-flow:where(.astro-wtnloa22) b:where(.astro-wtnloa22){padding:.5rem;color:var(--ink-faint);font:.64rem/1 var(--font-mono);font-weight:400;border-block:1px solid var(--line)}.fw-harness:where(.astro-wtnloa22){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:3rem}.fw-harness:where(.astro-wtnloa22) article:where(.astro-wtnloa22){min-height:6.75rem;display:flex;align-items:center;gap:1.1rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:transform .18s ease,border-color .18s ease}.fw-harness:where(.astro-wtnloa22) article:where(.astro-wtnloa22):hover{transform:translateY(-2px);border-color:var(--line-strong)}.fw-harness:where(.astro-wtnloa22) img:where(.astro-wtnloa22){width:1.9rem;height:1.9rem;flex:0 0 auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.92}.fw-harness:where(.astro-wtnloa22) article:where(.astro-wtnloa22)>span:where(.astro-wtnloa22):last-child{display:grid;gap:.3rem}.fw-harness:where(.astro-wtnloa22) b:where(.astro-wtnloa22){font-size:.92rem;font-weight:500}.fw-harness:where(.astro-wtnloa22) small:where(.astro-wtnloa22){color:var(--ink-faint);font:.6rem/1.4 var(--font-mono)}.fw-glyph:where(.astro-wtnloa22){width:1.9rem;flex:0 0 auto;color:var(--ink-soft);font:500 1.35rem/1 var(--font-mono);text-align:center}.fw-harness-more:where(.astro-wtnloa22){border-style:dashed}.fw-harness-more:where(.astro-wtnloa22) .fw-glyph:where(.astro-wtnloa22),.fw-harness-more:where(.astro-wtnloa22) b:where(.astro-wtnloa22){color:var(--ink-soft)}.fw-chips:where(.astro-wtnloa22){display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.fw-chips:where(.astro-wtnloa22) i:where(.astro-wtnloa22){padding:.6rem .9rem;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--ink-soft);font:500 .74rem/1 var(--font-mono);font-style:normal;transition:border-color .18s ease,color .18s ease}.fw-chips:where(.astro-wtnloa22) i:where(.astro-wtnloa22):hover{border-color:var(--line-strong);color:var(--ink)}.fw-grid-lead:where(.astro-wtnloa22){margin-top:1.2rem}.fw-grid:where(.astro-wtnloa22){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2.5rem}.fw-grid:where(.astro-wtnloa22) a:where(.astro-wtnloa22){display:flex;flex-direction:column;min-height:14rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;transition:transform .18s ease,border-color .18s ease}.fw-grid:where(.astro-wtnloa22) a:where(.astro-wtnloa22):hover{transform:translateY(-2px);border-color:var(--line-strong)}.fw-pkg:where(.astro-wtnloa22){width:fit-content;margin-bottom:.9rem;padding:.28rem .55rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);font:500 .68rem/1 var(--font-mono);letter-spacing:-.01em}.fw-grid:where(.astro-wtnloa22) strong:where(.astro-wtnloa22){font:500 1.1rem/1.25 var(--font-sans);letter-spacing:-.02em}.fw-grid:where(.astro-wtnloa22) p:where(.astro-wtnloa22){margin:.6rem 0 0;color:var(--ink-soft);font-size:.88rem;line-height:1.55}.fw-grid:where(.astro-wtnloa22) small:where(.astro-wtnloa22){margin-top:auto;padding-top:1rem;color:var(--ink-faint);font:.64rem/1 var(--font-mono)}.fw-grid:where(.astro-wtnloa22) small:where(.astro-wtnloa22) span:where(.astro-wtnloa22){display:inline-block;transition:transform .18s ease}.fw-grid:where(.astro-wtnloa22) a:where(.astro-wtnloa22):hover small:where(.astro-wtnloa22) span:where(.astro-wtnloa22){transform:translate(3px)}.fw-grid-handoff:where(.astro-wtnloa22){margin-top:3rem}.fw-grid-handoff:where(.astro-wtnloa22) a:where(.astro-wtnloa22){min-height:8rem}.fw-grid-handoff:where(.astro-wtnloa22) strong:where(.astro-wtnloa22){font-size:1.2rem}.fw-arch:where(.astro-wtnloa22){align-self:start;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem}.fw-arch:where(.astro-wtnloa22)>div:where(.astro-wtnloa22){min-height:7.5rem;display:grid;place-content:center;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.fw-arch:where(.astro-wtnloa22) small:where(.astro-wtnloa22){color:var(--ink-faint);font:.6rem/1 var(--font-mono);letter-spacing:.06em}.fw-arch:where(.astro-wtnloa22) strong:where(.astro-wtnloa22){font:500 .95rem/1.2 var(--font-sans)}.fw-arch:where(.astro-wtnloa22) i:where(.astro-wtnloa22){color:var(--ink-faint);font-size:1.1rem;font-style:normal}.section:where(.astro-wtnloa22) .actions:where(.astro-wtnloa22){margin-top:2.5rem}@media(max-width:60rem){.fw-split:where(.astro-wtnloa22){grid-template-columns:1fr;gap:2rem}.fw-harness:where(.astro-wtnloa22),.fw-grid:where(.astro-wtnloa22){grid-template-columns:repeat(2,1fr)}}@media(max-width:42rem){.fw-harness:where(.astro-wtnloa22),.fw-grid:where(.astro-wtnloa22){grid-template-columns:1fr}.fw-arch:where(.astro-wtnloa22){grid-template-columns:1fr}.fw-arch:where(.astro-wtnloa22) i:where(.astro-wtnloa22){transform:rotate(90deg)}}
