[data-surface=landing]{--landing-glow-brand:color-mix(in oklch, var(--color-primary) 12%, transparent);--landing-glow-managed:color-mix(in oklch, var(--color-managed) 8%, transparent);--landing-grid-color:color-mix(in oklch, var(--color-primary) 12%, transparent);--landing-grain-opacity:.025;--landing-panel-background:color-mix(in oklch, var(--color-card) 88%, transparent);--landing-track-stripe:color-mix(in oklch, var(--color-muted-foreground) 12%, transparent);--landing-hairline-strong:oklch(0% 0 0/.12);--landing-hairline-soft:oklch(0% 0 0/.06);--landing-section-gap:clamp(5rem, 9vw, 8rem);--landing-page-padding-start:clamp(3.75rem, 7vw, 6.5rem);--landing-page-padding-end:clamp(5rem, 8vw, 7rem)}[data-surface=landing].dark{--background:oklch(16% 0 0);--card:oklch(19% 0 0);--popover:oklch(19% 0 0);--foreground:oklch(93% 0 0);--muted-foreground:oklch(65% 0 0);--border:oklch(100% 0 0/.1);--landing-hairline-strong:oklch(100% 0 0/.14);--landing-hairline-soft:oklch(100% 0 0/.07);--primary:oklch(76% .07 210);--brand:oklch(76% .07 210);--ring:oklch(76% .07 210);--glow-brand:oklch(72% .09 210);--glow-managed:oklch(72% .13 65);--landing-glow-brand:color-mix(in oklch, var(--glow-brand) 10%, transparent);--landing-glow-managed:color-mix(in oklch, var(--glow-managed) 5%, transparent);--landing-grid-color:oklch(100% 0 0/.08);--landing-grain-opacity:.05;--landing-panel-background:color-mix(in oklch, var(--color-card) 72%, transparent);--landing-track-stripe:oklch(100% 0 0/.06)}[data-surface=landing] body{background:radial-gradient(60rem 32rem at 85% -8%, var(--landing-glow-brand), transparent 65%), radial-gradient(48rem 30rem at 0% 35%, var(--landing-glow-managed), transparent 60%), var(--color-background);background-attachment:fixed;position:relative}[data-surface=landing] body:before{content:"";pointer-events:none;background:linear-gradient(to right, var(--landing-grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--landing-grid-color) 1px, transparent 1px);background-size:56px 56px;height:56rem;position:absolute;inset:0 0 auto;mask-image:radial-gradient(70rem 36rem at 60% -10%,#000 30%,#0000 75%)}[data-surface=landing] body:after{content:"";z-index:1;pointer-events:none;opacity:var(--landing-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[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);border-radius:calc(var(--radius) * 2);background:var(--landing-panel-background);backdrop-filter:blur(10px)}[data-surface=landing]:not(.dark) .landing-panel{background:linear-gradient(to bottom, oklch(100% 0 0/.55), transparent 28%), var(--landing-panel-background)}[data-surface=landing].dark .landing-panel{background:linear-gradient(to bottom, oklch(100% 0 0/.04), transparent 30%), var(--landing-panel-background);border-color:var(--landing-hairline-soft);box-shadow:inset 0 1px oklch(100% 0 0/.06)}[data-surface=landing] footer{border-top-color:var(--landing-hairline-strong);position:relative}.landing-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);font-size:.75rem;font-weight:500}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}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{border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);background:color-mix(in oklch, var(--color-background) 60%, transparent);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);letter-spacing:.12em;text-transform:uppercase;color:var(--color-foreground);align-items:center;gap:.5rem;font-size:.68rem;display:inline-flex}.fwb-process:before{content:"";background:var(--fwb-accent);width:.45rem;height:.45rem;box-shadow:0 0 8px color-mix(in oklch, var(--fwb-accent) 60%, transparent);border-radius:999px}.fwb-process-note{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted-foreground);font-size:.66rem}.fwb-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;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:.72rem;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:color-mix(in oklch, var(--color-muted-foreground) 45%, transparent);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:.72rem;line-height:1.55;overflow-x:auto}.fwb-hover-doc{color:var(--color-muted-foreground);margin:0;padding:.55rem .75rem 0;font-size:.78rem;line-height:1.5}.fwb-hover-mod{font-family:var(--font-mono);letter-spacing:.05em;color:color-mix(in oklch, var(--color-muted-foreground) 75%, transparent);margin:0;padding:.4rem .75rem .6rem;font-size:.62rem}.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-copy{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-border);background:var(--landing-panel-background);color:var(--color-muted-foreground);cursor:pointer;opacity:.75;border-radius:.375rem;padding:.25rem .5rem;font-size:.6rem;transition:opacity .12s,color .12s,border-color .12s;position:absolute;top:.55rem;right:.6rem}.fwb-copy:hover{opacity:1;color:var(--color-foreground);border-color:color-mix(in oklch, var(--fwb-accent) 50%, transparent)}.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);backdrop-filter:blur(6px);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);letter-spacing:.04em;color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:.3rem .6rem;padding:.4rem .9rem;font-size:.66rem;display:flex}.fwb-meta-key{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--color-muted-foreground) 70%, transparent)}.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}}