.landing-page{--hf-accent:#2454d4;--hf-accent-soft:color-mix(in oklch, var(--hf-accent) 13%, var(--nb-card));--landing-border:color-mix(in oklch, var(--nb-foreground) 14%, transparent);--landing-hairline:color-mix(in oklch, var(--nb-foreground) 8%, transparent);background:var(--nb-background);min-height:100dvh;color:var(--nb-foreground);overflow-x:clip}[data-mode=dark] .landing-page{--hf-accent:#7892ff}.landing-shell{width:min(100% - 2.5rem,80rem);margin-inline:auto}.landing-header{z-index:40;border-bottom:1px solid var(--landing-border);background:color-mix(in oklch, var(--nb-background) 88%, transparent);backdrop-filter:blur(18px);height:4rem;position:sticky;top:0}.landing-nav,.landing-links,.landing-actions,.brand-link,.hero-actions,.instrument-bar,.instrument-controls,.instrument-control-groups,.hero-mode-picker,.hero-shape-picker,.hero-force-picker,.instrument-action,.proof-inner,.install-inner,.install-inner button,.field-meta>div,.bridge-copy a,.motion-copy a,.docs-callout,.footer-inner,.footer-inner>div,.primary-button,.text-button,.lab-code-bar,.lab-code-bar button,.motion-controls,.motion-controls>div,.motion-controls button{align-items:center;display:flex}.landing-nav{justify-content:space-between;height:100%}.brand-link{color:var(--nb-foreground);letter-spacing:-.02em;gap:.7rem;font-size:.86rem;font-weight:680;text-decoration:none}.brand-mark{width:1.15rem;height:1.15rem;display:block;position:relative}.brand-mark i{background:var(--nb-foreground);border-radius:50%;width:.19rem;height:.19rem;position:absolute}.brand-mark i:first-child{top:0;left:45%}.brand-mark i:nth-child(2){opacity:.7;top:34%;right:0}.brand-mark i:nth-child(3){opacity:.45;bottom:0;right:15%}.brand-mark i:nth-child(4){opacity:.7;bottom:4%;left:8%}.brand-mark i:nth-child(5){background:var(--hf-accent);top:31%;left:0}.landing-links{gap:2rem;height:100%}.landing-links a,.landing-footer a{color:var(--nb-muted-foreground);font-size:.76rem;font-weight:590;text-decoration:none;transition:color .15s}.landing-links a:hover,.landing-footer a:hover{color:var(--nb-foreground)}.landing-actions{gap:.25rem}.icon-link{width:2.5rem;height:2.5rem;color:var(--nb-muted-foreground);border-radius:.25rem;place-items:center;transition:color .15s,background-color .15s,transform .15s;display:inline-grid}.icon-link:hover{background:var(--nb-muted);color:var(--nb-foreground)}.icon-link:active,.primary-button:active,.text-button:active,.instrument-action:active,.hero-mode-picker button:active,.hero-shape-picker button:active,.hero-force-picker button:active,.install-inner button:active,.lab-modes button:active,.lab-code-bar button:active,.motion-controls button:active{transform:scale(.96)}.hero-section{grid-template-columns:minmax(0,.82fr) minmax(30rem,1.18fr);align-items:center;gap:clamp(3rem,6vw,6rem);min-height:calc(100dvh - 4rem);padding-block:clamp(3.5rem,8vh,6rem);display:grid}.hero-copy{max-width:34rem}.eyebrow{color:var(--nb-muted-foreground);font:550 .67rem/1.2 var(--nb-font-mono);letter-spacing:.045em;text-transform:uppercase;margin:0}.hero-copy h1{letter-spacing:-.078em;white-space:nowrap;max-width:none;margin:1.1rem 0 0;font-size:clamp(4rem,5.5vw,6.2rem);font-weight:510;line-height:.86}.hero-copy h1 span{color:var(--nb-muted-foreground)}.hero-summary{max-width:31rem;color:var(--nb-muted-foreground);text-wrap:pretty;margin:1.8rem 0 0;font-size:clamp(1rem,1.55vw,1.14rem);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem}.primary-button,.text-button{border-radius:.25rem;justify-content:center;gap:.5rem;min-height:2.85rem;font-size:.78rem;font-weight:680;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,transform .15s}.primary-button{border:1px solid var(--nb-foreground);background:var(--nb-foreground);color:var(--nb-background);padding-inline:1rem}.primary-button:hover{background:var(--hf-accent);border-color:var(--hf-accent);color:#f7f8ff}.text-button{color:var(--nb-muted-foreground);padding-inline:.35rem}.text-button:hover{color:var(--nb-foreground)}.hero-instrument{contain:layout paint;isolation:isolate;border:1px solid var(--landing-border);background:var(--nb-card);min-width:0;overflow:hidden}.instrument-bar,.instrument-controls{justify-content:space-between;min-height:3.2rem;padding-inline:.9rem}.instrument-bar{border-bottom:1px solid var(--landing-border)}.instrument-controls{border-top:1px solid var(--landing-border);gap:.75rem;min-height:4.1rem}.instrument-bar span{color:var(--nb-muted-foreground);font:500 .61rem/1 var(--nb-font-mono);text-transform:uppercase}.instrument-bar span:first-child{color:var(--nb-foreground)}.hero-field{contain:layout paint;isolation:isolate;background:var(--hf-demo-surface);min-height:clamp(25rem,44vw,35rem);position:relative;overflow:hidden}.hero-field canvas,.field-preview canvas,.bridge-visual canvas,.lab-viewport canvas,.docs-mini-field canvas{width:100%;height:100%;display:block}.hero-field canvas{position:absolute;inset:0}.field-hint{color:var(--nb-muted-foreground);font:500 .55rem/1 var(--nb-font-mono);text-transform:uppercase;position:absolute;bottom:.85rem;right:.9rem}.instrument-control-groups{scrollbar-width:none;flex:1;gap:.65rem;min-width:0;overflow-x:auto}.instrument-control-groups::-webkit-scrollbar{display:none}.hero-mode-picker,.hero-shape-picker,.hero-force-picker{flex:none;gap:.15rem}.hero-mode-picker>span,.hero-shape-picker>span,.hero-force-picker>span{color:var(--nb-muted-foreground);font:500 .52rem/1 var(--nb-font-mono);text-transform:uppercase;margin-right:.2rem}.hero-mode-picker button,.hero-shape-picker button,.hero-force-picker button,.instrument-action,.install-inner button,.lab-modes button,.lab-code-bar button{color:var(--nb-muted-foreground);font:560 .65rem/1 var(--nb-font-sans);cursor:pointer;border:0;transition:color .15s,background-color .15s,transform .15s}.hero-mode-picker button,.hero-shape-picker button,.hero-force-picker button{background:0 0;min-height:2.5rem;padding-inline:.58rem}.hero-mode-picker button[aria-pressed=true],.hero-shape-picker button[aria-pressed=true],.hero-force-picker button[aria-pressed=true]{background:var(--nb-muted);color:var(--nb-foreground)}.instrument-action{background:0 0;gap:.4rem;min-height:2.2rem;padding-inline:.5rem}.instrument-action:hover{color:var(--nb-foreground)}.proof-strip{border-top:1px solid var(--landing-border)}.proof-inner{justify-content:space-between;gap:1.5rem;min-height:5rem}.proof-inner span{color:var(--nb-muted-foreground);font:500 .62rem/1.3 var(--nb-font-mono)}.proof-inner b{color:var(--nb-foreground);font-variant-numeric:tabular-nums;margin-right:.35rem;font-size:.86rem;font-weight:650}.install-strip{border-block:1px solid var(--landing-border)}.install-inner{gap:1rem;min-height:4.8rem}.install-label{width:8.5rem;color:var(--hf-accent);font:560 .61rem/1 var(--nb-font-mono)}.install-inner code{color:var(--nb-foreground);font:520 .75rem/1.4 var(--nb-font-mono);flex:1}.install-inner button{background:0 0;gap:.4rem;min-height:2.2rem;padding-inline:.65rem}.install-inner button:hover{color:var(--nb-foreground);background:var(--nb-muted)}.catalog-section{padding-block:clamp(7rem,12vw,11rem)}.section-intro{max-width:49rem;margin-bottom:clamp(3rem,6vw,5rem)}.section-intro h2,.bridge-copy h2,.motion-copy h2,.docs-callout h2{letter-spacing:-.068em;text-wrap:balance;margin:1rem 0 0;font-size:clamp(2.8rem,6.2vw,6rem);font-weight:510;line-height:.92}.section-intro h2 span{color:var(--nb-muted-foreground)}.section-intro>p:last-child,.bridge-copy>p,.motion-copy>p,.docs-callout>div>p:last-child{max-width:36rem;color:var(--nb-muted-foreground);text-wrap:pretty;margin:1.4rem 0 0;line-height:1.62}.field-gallery{background:var(--landing-border);grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;padding:1px;display:grid}.field-card{contain:layout paint;isolation:isolate;background:var(--nb-card);min-width:0;overflow:hidden}.field-card-wide{grid-column:span 7}.field-card-narrow{grid-column:span 5}.field-card-half{grid-column:span 6}.field-preview{contain:strict;background:var(--hf-demo-surface);height:clamp(18rem,31vw,27rem);overflow:hidden}.field-preview canvas{transition:transform .5s cubic-bezier(.16,1,.3,1)}.field-card:hover .field-preview canvas{transform:scale(1.045)}.field-meta{border-top:1px solid var(--landing-hairline);grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:4.6rem;padding:.9rem 1rem;display:grid}.field-meta>div{gap:.75rem}.field-meta h3{margin:0;font-size:.83rem;font-weight:640}.field-meta p{color:var(--nb-muted-foreground);font:500 .62rem/1 var(--nb-font-mono);margin:0}.api-bridge{grid-template-columns:minmax(23rem,1fr) minmax(22rem,.8fr);align-items:center;gap:clamp(3rem,8vw,7rem);padding-block:clamp(7rem,12vw,12rem);display:grid}.bridge-visual{contain:layout paint;isolation:isolate;border:1px solid var(--landing-border);background:var(--hf-demo-surface);height:clamp(30rem,48vw,42rem);position:relative;overflow:hidden}.bridge-visual>span{color:var(--nb-muted-foreground);font:500 .55rem/1 var(--nb-font-mono);text-transform:uppercase;position:absolute;bottom:.8rem;right:.85rem}.bridge-copy h2{font-size:clamp(2.9rem,5vw,5.1rem)}.bridge-copy ul{border-top:1px solid var(--landing-border);grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;margin:2rem 0 0;padding:1.1rem 0 0;list-style:none;display:grid}.bridge-copy li{font-size:.76rem;font-weight:590}.bridge-copy a,.motion-copy a{width:fit-content;color:var(--nb-foreground);gap:.5rem;margin-top:1.5rem;font-size:.75rem;font-weight:650;text-decoration:none}.bridge-copy a:hover,.motion-copy a:hover{color:var(--hf-accent)}.playground-section{border-block:1px solid var(--landing-border);background:color-mix(in oklch, var(--nb-card) 58%, var(--nb-background));padding-block:clamp(7rem,12vw,11rem)}.lab-intro{margin-bottom:2.5rem}.particle-lab{border:1px solid var(--landing-border);background:var(--nb-card);grid-template-rows:1fr auto;grid-template-columns:minmax(20rem,.68fr) minmax(26rem,1.1fr);min-height:40rem;display:grid}.lab-panel{border-right:1px solid var(--landing-border);padding:1rem}.lab-panel-heading{border-bottom:1px solid var(--landing-border);color:var(--nb-muted-foreground);font:500 .6rem/1 var(--nb-font-mono);text-transform:uppercase;justify-content:space-between;padding-bottom:.9rem;display:flex}.lab-panel-heading strong{color:var(--hf-accent);font-weight:580}.lab-modes{border:0;border-bottom:1px solid var(--landing-border);margin:1.4rem 0 0;padding:0 0 1.4rem}.lab-modes legend{color:var(--nb-muted-foreground);font:500 .6rem/1 var(--nb-font-mono);text-transform:uppercase;margin-bottom:.7rem}.lab-modes>div{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.lab-modes button{background:var(--nb-muted);min-height:2.3rem}.lab-modes button[aria-pressed=true]{background:var(--nb-foreground);color:var(--nb-background)}.lab-range-grid{grid-template-columns:1fr 1fr;gap:1rem 1.2rem;margin-top:1.3rem;display:grid}.lab-range{color:var(--nb-muted-foreground);grid-template-columns:1fr auto;gap:.55rem;font-size:.68rem;display:grid}.lab-range output{color:var(--nb-foreground);font:500 .62rem/1 var(--nb-font-mono);font-variant-numeric:tabular-nums}.lab-range input{width:100%;accent-color:var(--hf-accent);cursor:pointer;grid-column:1/-1}.lab-advanced{border-top:1px solid var(--landing-border);margin-top:1.25rem}.lab-advanced summary{min-height:2.8rem;color:var(--nb-foreground);cursor:pointer;justify-content:space-between;align-items:center;font-size:.68rem;font-weight:620;display:flex}.lab-advanced summary span{color:var(--nb-muted-foreground);font:500 .56rem/1 var(--nb-font-mono)}.lab-advanced[open]{border-bottom:1px solid var(--landing-border);padding-bottom:1.2rem}.lab-advanced[open] summary{color:var(--hf-accent)}.lab-advanced .lab-range-grid{margin-top:.35rem}.lab-select-grid{border-top:1px solid var(--landing-border);grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.4rem;padding-top:1.2rem;display:grid}.lab-select{color:var(--nb-muted-foreground);gap:.45rem;font-size:.63rem;display:grid}.lab-select select{border:1px solid var(--landing-border);background:var(--nb-background);min-height:2.6rem;color:var(--nb-foreground);font:550 .68rem/1 var(--nb-font-sans);border-radius:.2rem;padding-inline:.6rem}.shape-toggle{border:1px solid var(--landing-border);min-height:2.6rem;color:var(--nb-foreground);align-self:end;align-items:center;gap:.5rem;padding-inline:.6rem;font-size:.68rem;display:flex}.shape-toggle input{accent-color:var(--hf-accent)}.shape-toggle span{color:var(--nb-muted-foreground);font:500 .57rem/1 var(--nb-font-mono);margin-left:auto}.lab-toggle-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.lab-viewport{contain:strict;isolation:isolate;background:var(--hf-demo-surface);min-height:31rem;position:relative;overflow:hidden}.lab-viewport canvas{position:absolute;inset:0}.lab-axis{color:var(--nb-muted-foreground);font:500 .55rem/1 var(--nb-font-mono);gap:.7rem;display:flex;position:absolute;bottom:.8rem;right:.8rem}.lab-axis span:first-child{color:var(--hf-accent)}.lab-code-wrap{border-top:1px solid var(--landing-border);background:color-mix(in oklch, var(--nb-muted) 45%, var(--nb-card));grid-column:1/-1;min-width:0}.lab-code-bar{border-bottom:1px solid var(--landing-border);min-height:3rem;color:var(--nb-muted-foreground);font:500 .58rem/1 var(--nb-font-mono);justify-content:space-between;padding-inline:.9rem}.lab-code-bar button{background:0 0;gap:.4rem;min-height:2rem;padding-inline:.55rem}.lab-code-bar button:hover{background:var(--nb-muted);color:var(--nb-foreground)}.lab-code-wrap pre{margin:0;padding:1rem;overflow-x:auto}.lab-code-wrap code{white-space:pre;color:var(--nb-foreground);font:500 .69rem/1.7 var(--nb-font-mono)}.motion-section{grid-template-columns:minmax(20rem,.72fr) minmax(27rem,1.28fr);align-items:center;gap:clamp(3rem,8vw,7rem);padding-block:clamp(7rem,12vw,12rem);display:grid}.motion-copy h2{font-size:clamp(2.9rem,5vw,5.2rem)}.motion-instrument{contain:layout paint;isolation:isolate;border:1px solid var(--landing-border);background:var(--nb-card);overflow:hidden}.motion-stage{contain:layout paint;background:var(--landing-border);grid-template-columns:1fr 1fr;gap:1px;min-height:28rem;padding:1px;display:grid;overflow:hidden}.motion-stage span{background:var(--nb-card);min-width:0;color:var(--nb-foreground);letter-spacing:-.055em;place-items:center;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:530;display:grid;overflow:hidden}.motion-stage span:nth-child(2),.motion-stage span:nth-child(3){color:var(--hf-accent)}.motion-controls{border-top:1px solid var(--landing-border);justify-content:space-between;gap:.75rem;min-height:4rem;padding-inline:.75rem}.motion-controls>div{gap:.25rem}.motion-controls button{min-height:2.75rem;color:var(--nb-muted-foreground);cursor:pointer;background:0 0;border:0;gap:.4rem;padding-inline:.7rem;font-size:.66rem;font-weight:600;transition-property:color,background-color,transform;transition-duration:.15s}.motion-controls button[aria-pressed=true]{background:var(--nb-muted);color:var(--nb-foreground)}.motion-controls button:hover{color:var(--nb-foreground)}.motion-replay{flex:none}.docs-callout{border:1px solid var(--landing-border);background:var(--nb-card);grid-template-columns:9rem 1fr auto;gap:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(6rem,10vw,9rem);padding:clamp(1.25rem,3vw,2rem);display:grid}.docs-mini-field{contain:strict;isolation:isolate;border-right:1px solid var(--landing-border);background:var(--hf-demo-surface);height:9rem;overflow:hidden}.docs-callout h2{max-width:17ch;font-size:clamp(2rem,4vw,3.5rem)}.docs-callout .primary-button{align-self:center}.landing-footer{border-top:1px solid var(--landing-border)}.footer-inner{justify-content:space-between;gap:2rem;min-height:6.5rem}.footer-inner p{color:var(--nb-muted-foreground);font-size:.68rem}.footer-inner>div{gap:1.25rem}@media (width<=66rem){.hero-section{grid-template-columns:minmax(0,.72fr) minmax(27rem,1.28fr);gap:2.5rem}.hero-copy h1{font-size:clamp(3.5rem,5vw,4.6rem)}.api-bridge{gap:3rem}}@media (width<=56rem){.hero-section{grid-template-columns:1fr;min-height:auto;padding-block:4.5rem}.hero-copy{max-width:38rem}.hero-copy h1{font-size:clamp(3.8rem,9vw,5.8rem)}.hero-instrument{width:100%}.hero-field{min-height:30rem}.api-bridge,.motion-section{grid-template-columns:1fr}.bridge-visual{height:34rem}.particle-lab{grid-template-columns:minmax(18rem,.62fr) minmax(22rem,1fr)}.docs-callout{grid-template-columns:7rem 1fr}.docs-callout .primary-button{grid-column:1/-1}}@media (width<=47.99rem){.landing-shell{width:min(100% - 1.25rem,80rem)}.landing-links{display:none}.hero-section{gap:2rem;padding-block:3rem}.hero-copy h1{letter-spacing:-.07em;font-size:clamp(2.75rem,12.5vw,4.4rem)}.hero-summary{margin-top:1.4rem}.proof-inner{flex-wrap:wrap;justify-content:flex-start;gap:.9rem 1.5rem;min-height:auto;padding-block:1.25rem}.proof-inner span{flex:42%}.hero-field{min-height:22rem}.field-hint,.instrument-bar span:last-child{display:none}.install-inner{flex-direction:column;align-items:flex-start;gap:.55rem;padding-block:1rem}.install-label{width:auto}.install-inner code{overflow-wrap:anywhere;width:100%}.install-inner button{padding-inline:0}.catalog-section{padding-block:6rem}.section-intro h2{font-size:clamp(2.9rem,13vw,4.5rem)}.field-gallery{grid-template-columns:1fr}.field-card-wide,.field-card-narrow,.field-card-half{grid-column:1}.field-preview{height:21rem}.field-meta{grid-template-columns:1fr;gap:.35rem}.api-bridge{padding-block:6rem}.bridge-visual{min-width:0;height:27rem}.playground-section{padding-block:6rem}.particle-lab{grid-template-rows:auto 24rem auto;grid-template-columns:1fr}.lab-panel{border-right:0;border-bottom:1px solid var(--landing-border)}.lab-code-wrap{grid-column:1}.lab-range-grid,.lab-select-grid,.lab-toggle-grid{grid-template-columns:1fr}.motion-section{padding-block:6rem}.motion-stage{min-height:22rem}.motion-controls{flex-direction:column;align-items:stretch;padding-block:.65rem}.motion-controls>div{grid-template-columns:repeat(3,1fr);display:grid}.motion-controls button{justify-content:center;padding-inline:.35rem}.motion-replay{width:100%}.docs-callout{grid-template-columns:1fr}.docs-mini-field{border-right:0;border-bottom:1px solid var(--landing-border);height:8rem}.docs-callout .primary-button{grid-column:auto}.footer-inner{flex-direction:column;align-items:flex-start;padding-block:1.75rem}}@media (prefers-reduced-transparency:reduce){.landing-header{background:var(--nb-background);backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.field-preview canvas{transition:none}.field-card:hover .field-preview canvas{transform:none}}