[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 / 6%);--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(1 0 0 / 10%);--landing-hairline-strong: oklch(1 0 0 / 14%);--landing-hairline-soft: oklch(1 0 0 / 7%);--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(1 0 0 / 8%);--landing-grain-opacity: .05;--landing-panel-background: color-mix(in oklch, var(--color-card) 72%, transparent);--landing-track-stripe: oklch(1 0 0 / 6%)}[data-surface=landing] body{position:relative;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}[data-surface=landing] body:before{content:"";position:absolute;inset:0 0 auto;height:56rem;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;mask-image:radial-gradient(70rem 36rem at 60% -10%,black 30%,transparent 75%)}[data-surface=landing] body:after{content:"";position:fixed;inset:0;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")}[data-surface=landing] main{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--landing-section-gap);padding-block:var(--landing-page-padding-start) var(--landing-page-padding-end)}.landing-section{width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem}.landing-split{display:grid;gap:2.5rem;align-items:center}.landing-split>*{min-width:0}@media(min-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(1 0 0 / 55%),transparent 28%),var(--landing-panel-background)}[data-surface=landing].dark .landing-panel{background:linear-gradient(to bottom,oklch(1 0 0 / 4%),transparent 30%),var(--landing-panel-background);border-color:var(--landing-hairline-soft);box-shadow:inset 0 1px #ffffff0f}[data-surface=landing] footer{position:relative;border-top-color:var(--landing-hairline-strong)}.landing-kicker{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.landing-reveal>*{animation:landing-rise .7s cubic-bezier(.2,.7,.2,1) both}.landing-reveal>*:nth-child(2){animation-delay:.07s}.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:landing-rise .8s cubic-bezier(.2,.7,.2,1) .2s both}@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(.5 .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(.8 .04 220);--fwb-tok-fn: oklch(.79 .07 256);--fwb-tok-str: oklch(.8 .075 145);--fwb-tok-num: oklch(.8 .085 52);--fwb-tok-param: oklch(.72 .02 210)}.fwb-pane{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);background:color-mix(in oklch,var(--color-background) 60%,transparent);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{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;min-height:2.4rem;padding:.6rem .9rem 0}.fwb-process{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-foreground)}.fwb-process:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:var(--fwb-accent);box-shadow:0 0 8px color-mix(in oklch,var(--fwb-accent) 60%,transparent)}.fwb-process-note{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--color-muted-foreground)}.fwb-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.45rem .6rem 0;border-bottom:1px solid var(--color-border)}.fwb-tab{font-family:var(--font-mono);font-size:.72rem;padding:.3rem .6rem .45rem;color:var(--color-muted-foreground);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;cursor:pointer;transition:color .12s ease,border-color .12s ease}.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{font-size:.58rem;margin-left:.25rem;color:var(--color-managed)}.fwb-editor{position:relative;flex:1}.fwb-pre{margin:0;padding:.8rem .85rem;overflow-x:auto;scrollbar-width:thin;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--color-foreground)}.fwb-line{display:flex;white-space:pre}.fwb-ln{flex:0 0 1.4rem;margin-right:.75rem;text-align:right;user-select:none;color:color-mix(in oklch,var(--color-muted-foreground) 45%,transparent)}.fwb-ln[data-tilde]{color:color-mix(in oklch,var(--color-muted-foreground) 28%,transparent)}.fwb-flash{animation:fwb-flash .9s ease-out both}@keyframes fwb-flash{0%{background:color-mix(in oklch,var(--color-primary) 22%,transparent)}to{background:transparent}}.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;background:none;border:0;padding:0;margin:0;cursor:pointer;border-bottom:1px dotted color-mix(in oklch,var(--color-muted-foreground) 55%,transparent);transition:border-color .12s ease}.fwb-sym:hover,.fwb-sym:focus-visible{border-bottom-color:var(--fwb-accent, var(--color-primary));border-bottom-style:solid}.fwb-hover-sig{margin:0;padding:.6rem .75rem;overflow-x:auto;scrollbar-width:thin;font-family:var(--font-mono);font-size:.72rem;line-height:1.55;white-space:pre;color:var(--color-foreground);background:color-mix(in oklch,var(--color-muted) 60%,transparent);border-bottom:1px solid var(--color-border)}.fwb-hover-doc{margin:0;padding:.55rem .75rem 0;font-size:.78rem;line-height:1.5;color:var(--color-muted-foreground)}.fwb-hover-mod{margin:0;padding:.4rem .75rem .6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;color:color-mix(in oklch,var(--color-muted-foreground) 75%,transparent)}.fwb-tok-addr{padding:0 2px;border-radius:3px;color:var(--color-foreground);background:color-mix(in oklch,var(--color-primary) 15%,transparent);box-shadow:inset 0 -1px color-mix(in oklch,var(--color-primary) 55%,transparent)}.fwb-copy{position:absolute;top:.55rem;right:.6rem;padding:.25rem .5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:.375rem;background:var(--landing-panel-background);color:var(--color-muted-foreground);cursor:pointer;opacity:.75;transition:opacity .12s ease,color .12s ease,border-color .12s ease}.fwb-copy:hover{opacity:1;color:var(--color-foreground);border-color:color-mix(in oklch,var(--fwb-accent) 50%,transparent)}.fwb-bp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}.fwb-bp-note{max-width:19rem;padding:.9rem 1.1rem;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)}.fwb-pane-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;min-height:2.15rem;padding:.4rem .9rem;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--color-muted-foreground)}.fwb-meta-key{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch,var(--color-muted-foreground) 70%,transparent)}.fwb-chip{font:inherit;padding:.1rem .45rem;border:1px solid transparent;border-radius:999px;background:none;color:var(--color-muted-foreground);cursor:pointer;transition:color .12s ease,border-color .12s ease}.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{font-size:.55rem;margin-left:1px;color:var(--color-managed)}.fwb-wire{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.fwb-wire:before{content:"";position:absolute;left:50%;top:1rem;bottom:1rem;width:1px;background:repeating-linear-gradient(to bottom,color-mix(in oklch,var(--color-muted-foreground) 70%,transparent) 0 4px,transparent 4px 9px);animation:fwb-march-v 1.4s linear infinite}.fwb-wire-h{position:relative;align-items:center;justify-content:center;gap:.75rem;padding:.4rem 0}.fwb-wire-h:before{content:"";position:absolute;top:50%;left:.5rem;right:.5rem;height:1px;background:repeating-linear-gradient(to right,color-mix(in oklch,var(--color-muted-foreground) 70%,transparent) 0 4px,transparent 4px 9px);animation:fwb-march-h 1.4s linear infinite}@keyframes fwb-march-v{to{background-position:0 9px}}@keyframes fwb-march-h{to{background-position:9px 0}}.fwb-packet{position:relative;z-index:1;white-space:nowrap;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;padding:.18rem .5rem;border:1px solid;border-radius:999px;background:var(--color-card)}.fwb-packet-obs{color:var(--color-managed);border-color:color-mix(in oklch,var(--color-managed) 45%,transparent);animation:fwb-nudge 3s ease-in-out infinite}.fwb-packet-act{color:var(--color-primary);border-color:color-mix(in oklch,var(--color-primary) 45%,transparent);animation:fwb-nudge 3s ease-in-out infinite reverse}@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}}