[data-surface=landing]{--landing-panel-background:var(--color-card);--landing-track-stripe:var(--color-muted);--landing-hairline-strong:var(--color-border);--landing-hairline-soft:var(--color-border);--landing-section-gap:clamp(4.5rem, 8vw, 7rem);--landing-page-padding-start:clamp(3rem, 6vw, 6rem);--landing-page-padding-end:clamp(4rem, 7vw, 6rem)}[data-surface=landing] main{z-index:2;gap:var(--landing-section-gap);padding-block:var(--landing-page-padding-start) var(--landing-page-padding-end);flex-direction:column;display:flex;position:relative}.landing-section{width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem}.landing-split{align-items:center;gap:2.5rem;display:grid}.landing-split>*{min-width:0}@media (width>=1024px){.landing-split{grid-template-columns:11fr 9fr;gap:3.5rem}.landing-split[data-visual=left]{grid-template-columns:9fr 11fr}.landing-split[data-visual=left]>:first-child{order:2}}.landing-panel{border:1px solid var(--color-border);background:var(--color-card);border-radius:.75rem}.landing-kicker{color:var(--color-primary);font-size:.875rem;font-weight:500}@keyframes landing-rise{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}.landing-reveal>*{animation:.7s cubic-bezier(.2,.7,.2,1) both landing-rise}.landing-reveal>:nth-child(2){animation-delay:70ms}.landing-reveal>:nth-child(3){animation-delay:.14s}.landing-reveal>:nth-child(4){animation-delay:.21s}.landing-reveal>:nth-child(5){animation-delay:.28s}.landing-reveal-late{animation:.8s cubic-bezier(.2,.7,.2,1) .2s both landing-rise}@media (prefers-reduced-motion:reduce){.landing-reveal>*,.landing-reveal-late{animation:none}}[data-surface=landing]{--fwb-tok-kw:oklch(47% .105 293);--fwb-tok-type:oklch(42% .075 220);--fwb-tok-fn:oklch(46% .105 256);--fwb-tok-str:oklch(47% .075 145);--fwb-tok-num:oklch(51% .115 52);--fwb-tok-param:oklch(50% .04 210);--fwb-tok-punct:color-mix(in oklch, var(--color-foreground) 55%, var(--color-background));--fwb-tok-meta:color-mix(in oklch, var(--color-muted-foreground) 75%, transparent)}[data-surface=landing].dark{--fwb-tok-kw:oklch(78% .06 293);--fwb-tok-type:oklch(80% .04 220);--fwb-tok-fn:oklch(79% .07 256);--fwb-tok-str:oklch(80% .075 145);--fwb-tok-num:oklch(80% .085 52);--fwb-tok-param:oklch(72% .02 210)}.fwb-pane{background:var(--color-background);border-radius:.5rem;flex-direction:column;min-width:0;display:flex;overflow:hidden}.fwb-pane[data-accent=env]{--fwb-accent:var(--color-managed)}.fwb-pane[data-accent=client]{--fwb-accent:var(--color-primary)}.fwb-pane-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;min-height:2.4rem;padding:.6rem .9rem 0;display:flex}.fwb-process{font-family:var(--font-mono);color:var(--color-foreground);align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:inline-flex}.fwb-process:before{content:"";background:var(--fwb-accent);border-radius:999px;width:.45rem;height:.45rem}.fwb-process-note{font-family:var(--font-mono);color:var(--color-muted-foreground);font-size:.75rem}.fwb-tabs{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:.25rem;padding:.45rem .6rem 0;display:flex}.fwb-tab{font-family:var(--font-mono);color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.3rem .6rem .45rem;font-size:.8125rem;transition:color .12s,border-color .12s}.fwb-tab:hover{color:var(--color-foreground)}.fwb-tab[aria-pressed=true]{color:var(--color-foreground);border-bottom-color:var(--fwb-accent)}.fwb-tab sup{color:var(--color-managed);margin-left:.25rem;font-size:.58rem}.fwb-editor{flex:1;position:relative}.fwb-pre{scrollbar-width:thin;font-family:var(--font-mono);color:var(--color-foreground);margin:0;padding:.8rem .85rem;font-size:.75rem;line-height:1.6;overflow-x:auto}.fwb-line{white-space:pre;display:flex}.fwb-ln{text-align:right;user-select:none;color:var(--color-muted-foreground);flex:0 0 1.4rem;margin-right:.75rem}.fwb-ln[data-tilde]{color:color-mix(in oklch, var(--color-muted-foreground) 28%, transparent)}.fwb-flash{animation:.9s ease-out both fwb-flash}@keyframes fwb-flash{0%{background:color-mix(in oklch, var(--color-primary) 22%, transparent)}to{background:0 0}}.fwb-tok-kw{color:var(--fwb-tok-kw)}.fwb-tok-type{color:var(--fwb-tok-type)}.fwb-tok-fn{color:var(--fwb-tok-fn)}.fwb-tok-str{color:var(--fwb-tok-str)}.fwb-tok-num{color:var(--fwb-tok-num)}.fwb-tok-param{color:var(--fwb-tok-param);font-style:italic}.fwb-tok-punct{color:var(--fwb-tok-punct)}.fwb-tok-meta{color:var(--fwb-tok-meta)}.fwb-sym{font:inherit;color:inherit;cursor:pointer;border:0;border-bottom:1px dotted color-mix(in oklch, var(--color-muted-foreground) 55%, transparent);background:0 0;margin:0;padding:0;transition:border-color .12s}.fwb-sym:hover,.fwb-sym:focus-visible{border-bottom-color:var(--fwb-accent,var(--color-primary));border-bottom-style:solid}.fwb-hover-sig{scrollbar-width:thin;font-family:var(--font-mono);white-space:pre;color:var(--color-foreground);background:color-mix(in oklch, var(--color-muted) 60%, transparent);border-bottom:1px solid var(--color-border);margin:0;padding:.6rem .75rem;font-size:.8125rem;line-height:1.55;overflow-x:auto}.fwb-hover-doc{color:var(--color-muted-foreground);margin:0;padding:.75rem;font-size:.78rem;line-height:1.5}.fwb-hover-mod{font-family:var(--font-mono);color:color-mix(in oklch, var(--color-muted-foreground) 75%, transparent);margin:0;padding:0 .75rem .75rem;font-size:.75rem}.fwb-tok-addr{color:var(--color-foreground);background:color-mix(in oklch, var(--color-primary) 15%, transparent);box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--color-primary) 55%, transparent);border-radius:3px;padding:0 2px}.fwb-bp{justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.fwb-bp-note{text-align:center;border:1px dashed color-mix(in oklch, var(--color-muted-foreground) 40%, transparent);border-radius:calc(var(--radius) * 2);background:var(--landing-panel-background);max-width:19rem;padding:.9rem 1.1rem}.fwb-pane-meta{border-top:1px solid var(--color-border);min-height:2.15rem;font-family:var(--font-mono);color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:.3rem .6rem;padding:.4rem .9rem;font-size:.75rem;display:flex}.fwb-meta-key{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted-foreground)}.fwb-chip{font:inherit;color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.1rem .45rem;transition:color .12s,border-color .12s}.fwb-chip:hover{color:var(--color-foreground)}.fwb-chip[aria-pressed=true]{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 45%, transparent);background:color-mix(in oklch, var(--color-primary) 10%, transparent)}.fwb-chip sup{color:var(--color-managed);margin-left:1px;font-size:.55rem}.fwb-wire{flex-direction:column;justify-content:center;align-items:center;gap:.6rem;position:relative}.fwb-wire:before{content:"";background:repeating-linear-gradient(to bottom, color-mix(in oklch, var(--color-muted-foreground) 70%, transparent) 0 4px, transparent 4px 9px);width:1px;animation:1.4s linear infinite fwb-march-v;position:absolute;top:1rem;bottom:1rem;left:50%}.fwb-wire-h{justify-content:center;align-items:center;gap:.75rem;padding:.4rem 0;position:relative}.fwb-wire-h:before{content:"";background:repeating-linear-gradient(to right, color-mix(in oklch, var(--color-muted-foreground) 70%, transparent) 0 4px, transparent 4px 9px);height:1px;animation:1.4s linear infinite fwb-march-h;position:absolute;top:50%;left:.5rem;right:.5rem}@keyframes fwb-march-v{to{background-position:0 9px}}@keyframes fwb-march-h{to{background-position:9px 0}}.fwb-packet{z-index:1;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.08em;background:var(--color-card);border:1px solid;border-radius:999px;padding:.18rem .5rem;font-size:.6rem;position:relative}.fwb-packet-obs{color:var(--color-managed);border-color:color-mix(in oklch, var(--color-managed) 45%, transparent);animation:3s ease-in-out infinite fwb-nudge}.fwb-packet-act{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 45%, transparent);animation:3s ease-in-out infinite reverse fwb-nudge}@keyframes fwb-nudge{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.fwb-wire-h .fwb-packet-obs,.fwb-wire-h .fwb-packet-act{animation-name:fwb-nudge-v}@keyframes fwb-nudge-v{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.fwb-wire:before,.fwb-wire-h:before,.fwb-packet-obs,.fwb-packet-act{animation:none}}