@layer faye-ui.product{.landing-shell{max-inline-size:90rem;margin-inline:auto}.landing{--landing-gutter:clamp(16px, 5vw, 80px);overflow-wrap:anywhere}.landing :is(h1,h2,h3,p),.landing-preview-label,.landing-preview-status>span{unicode-bidi:plaintext}.landing-hero>*,.landing-details>*,.landing-developer>*,.landing-principles>div>div,.landing-invitation>*{min-inline-size:0}.landing-navigation{align-items:center;gap:clamp(.75rem,2vw,1.75rem);margin-inline-end:.5rem;display:flex}.landing-navigation a{min-block-size:2.75rem;color:var(--faye-ui-color-text);align-items:center;text-decoration:none;display:inline-flex}.landing-navigation a:hover{color:var(--faye-ui-color-accent-text)}.landing-hero{padding:clamp(3rem, 7vw, 7rem) var(--landing-gutter) 4rem;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.landing-hero-copy{min-inline-size:0}.landing-release{border:1px solid var(--faye-ui-color-border);color:var(--faye-ui-color-muted);border-radius:2rem;align-items:center;gap:.6rem;padding:.4rem .7rem;font-size:.75rem;text-decoration:none;display:inline-flex}.landing-release>span,.landing-live-dot{background:var(--faye-ui-color-accent);border-radius:50%;flex:none;block-size:.4rem;inline-size:.4rem;display:inline-block}.landing-release:hover{background:var(--faye-ui-color-accent-soft);color:var(--faye-ui-color-accent-text)}.landing h1{font-family:var(--faye-ui-font-heading);letter-spacing:-.06em;overflow-wrap:anywhere;margin-block:1.75rem;font-size:clamp(2.75rem,5.6vw,5rem);font-weight:600;line-height:1.06}.landing h1>span{color:var(--faye-ui-color-accent-text)}.landing-lead{max-inline-size:28rem;color:var(--faye-ui-color-muted);margin-block:0 2rem;font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.75}.landing-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.landing-actions>.faye-ui-button-root,.landing-invitation .faye-ui-button-root{--faye-ui-action-gap:6px;white-space:normal;min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;padding-inline:clamp(12px,1.3vw,20px)}.landing-actions .faye-ui-icon,.landing-invitation .faye-ui-icon{block-size:min(1rem,20px);inline-size:min(1rem,20px)}.landing-hero-note{color:var(--faye-ui-color-muted);margin-block:1.25rem 0;font-size:.75rem}.landing-preview{isolation:isolate;min-inline-size:0;padding:1rem;position:relative;container:landing-preview/inline-size}.landing-preview:before{content:"";z-index:-1;background:radial-gradient(ellipse, var(--faye-ui-color-accent-soft), transparent 70%);border-radius:50%;position:absolute;inset:2.5rem -1.5rem 2rem}.landing-preview-label{color:var(--faye-ui-color-muted);justify-content:center;align-items:center;gap:.5rem;margin-block-end:1rem;font-size:.75rem;display:flex}.landing-scene-card{box-shadow:0 18px 50px color-mix(in srgb, var(--faye-ui-color-text) 7%, transparent);border-radius:1.5rem;gap:1rem;padding:1.25rem}.landing-preview-mark{background:var(--faye-ui-color-accent-soft);block-size:2.5rem;inline-size:2.5rem;color:var(--faye-ui-color-accent-text);border-radius:.85rem;place-items:center;display:grid}.landing-preview-brand{font-size:.875rem;font-weight:600;line-height:1.25}.landing-preview-subtitle{color:var(--faye-ui-color-muted);font-size:.6875rem}.landing-scene-media{border-radius:.75rem}.landing-scene{--scene-sky:#e2dff1;--scene-sun:#efb9a3;--scene-back:#aaa3cd;--scene-front:#6e6a9d;--scene-path:#f5e9d4;animation:landing-scene-enter .32s var(--faye-ui-motion-ease)}.landing-scene[data-scene=forest]{--scene-sky:#e3e9df;--scene-sun:#f6e5bd;--scene-back:#b3c7b6;--scene-front:#567564;--scene-path:#e4d6b9}.landing-scene[data-scene=city]{--scene-sky:#eee3db;--scene-sun:#efd0a0;--scene-back:#cb9c8b;--scene-front:#a7685b;--scene-path:#f5e6d0}.landing-scene-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr));gap:.35rem;display:grid}.landing-scene-options .faye-ui-button-root{flex:1;min-block-size:2rem}.landing-scene-copy{padding-block:1rem}.landing-scene-copy h2{letter-spacing:-.025em;font-size:clamp(1.125rem,1.7vw,1.375rem)}.landing-scene-copy p{color:var(--faye-ui-color-muted);min-block-size:3.2em;margin-block:.35rem 0;font-size:.75rem}.landing-pace-label{justify-content:space-between;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.landing-pace-label>span{color:var(--faye-ui-color-accent-text)}.landing-preview-status{min-block-size:3rem;color:var(--faye-ui-color-muted);align-items:center;gap:.5rem;padding-block-start:.5rem;font-size:.6875rem;display:flex}.landing-preview-status>.faye-ui-icon{flex:none}.landing-preview-caption{text-align:center;color:var(--faye-ui-color-muted);margin-block:1rem 0;font-size:.6875rem}.landing-paths{padding:1.5rem var(--landing-gutter);border-block:1px solid var(--faye-ui-color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.landing-paths>a{min-inline-size:0;color:var(--faye-ui-color-muted);align-items:center;gap:.75rem;padding-block:.5rem;text-decoration:none;display:flex}.landing-paths>a>span{gap:.15rem;min-inline-size:0;display:grid}.landing-paths strong{color:var(--faye-ui-color-text);font-size:.8125rem;font-weight:500}.landing-paths a>span>span{font-size:.6875rem}.landing-paths a>.faye-ui-icon{flex:none}.landing-paths a>.faye-ui-icon:last-child{margin-inline-start:auto}.landing-paths a:hover strong,.landing-paths a:hover>.faye-ui-icon{color:var(--faye-ui-color-accent-text)}.landing-details{padding:clamp(3.5rem, 8vw, 7rem) var(--landing-gutter);grid-template-columns:1fr 1.1fr;gap:clamp(2rem,8vw,8rem);display:grid}.landing-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--faye-ui-color-accent-text);margin-block:0 1rem;font-size:.6875rem;font-weight:600}.landing h2:not(.faye-ui-card-title){letter-spacing:-.045em;margin-block:0 1.25rem;font-size:clamp(2rem,3.2vw,3rem);font-weight:600;line-height:1.15}.landing-details>div>p:not(.landing-eyebrow),.landing-developer>div>p:not(.landing-eyebrow,.landing-release-note){color:var(--faye-ui-color-muted);max-inline-size:26rem;font-size:.9375rem;line-height:1.8}.landing-text-link{align-items:center;gap:.5rem;margin-block-start:1rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.landing-principles>div{border-block-end:1px solid var(--faye-ui-color-border);gap:1.25rem;padding-block:1.5rem;display:flex}.landing-principles>div:first-child{padding-block-start:0}.landing-principle-number{font-family:var(--faye-ui-font-mono);color:var(--faye-ui-color-accent-text);padding-block-start:.2rem;font-size:.75rem}.landing-principles h3{letter-spacing:-.015em;margin:0;font-size:1rem;font-weight:500}.landing-principles p{color:var(--faye-ui-color-muted);margin-block:.5rem .75rem;font-size:.8125rem;line-height:1.8}.landing-principles a{align-items:center;gap:.5rem;font-size:.75rem;text-decoration:none;display:inline-flex}.landing-developer{padding:1rem var(--landing-gutter) clamp(3.5rem, 8vw, 7rem);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,8vw,7rem);display:grid}.landing-code{background:var(--faye-ui-color-surface);border:1px solid var(--faye-ui-color-border);border-radius:.875rem;min-inline-size:0;overflow:hidden}.landing-code-heading{border-block-end:1px solid var(--faye-ui-color-border);color:var(--faye-ui-color-muted);align-items:center;gap:1rem;padding:.875rem 1.25rem;font-size:.6875rem;display:flex}.landing-code-heading>.faye-ui-icon{margin-inline-start:auto}.landing-code-dots{gap:.25rem;display:flex}.landing-code-dots i{background:var(--faye-ui-color-border-strong);border-radius:50%;block-size:.375rem;inline-size:.375rem}.landing-code pre{tab-size:2;text-align:left;direction:ltr;unicode-bidi:isolate;margin:0;padding:1.5rem;font-size:.75rem;line-height:1.9;overflow:auto}.landing-code-keyword,.landing-code-tag{color:var(--faye-ui-color-accent-text)}.landing-code-string{color:var(--faye-ui-color-success-text)}.landing-developer-links{gap:.5rem;margin-block:1.25rem;display:grid}.landing-developer-links a{align-items:center;gap:.75rem;min-block-size:2rem;font-size:.8125rem;text-decoration:none;display:flex}.landing-release-note{color:var(--faye-ui-color-muted);font-size:.6875rem}.landing-invitation{margin:0 var(--landing-gutter) 4rem;background:var(--faye-ui-color-accent-soft);border-radius:1.5rem;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(16px,4vw,64px);display:flex}.landing-invitation h2{margin-block-end:0!important}.landing-invitation>div>p:not(.landing-eyebrow){color:var(--faye-ui-color-muted);margin-block:0 1.25rem;font-size:.875rem;line-height:1.8}.landing-footer{border-block-start:1px solid var(--faye-ui-color-border);max-inline-size:90rem;color:var(--faye-ui-color-muted);align-items:center;gap:1.5rem;margin-inline:auto;padding:1.5rem clamp(1.25rem,5vw,5rem);font-size:.6875rem;display:flex}.landing-footer nav{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-inline-start:auto;display:flex}.landing-footer nav a{align-items:center;min-block-size:2rem;text-decoration:none;display:inline-flex}.landing :is(a:not(.faye-ui-button-root),pre):focus-visible,.landing-navigation a:focus-visible,.landing-footer a:focus-visible{outline:var(--faye-ui-focus-width) solid var(--faye-ui-color-focus);outline-offset:var(--faye-ui-focus-offset);border-radius:var(--faye-ui-radius-sm)}.landing :is(.landing-paths a,.landing-text-link,.landing-principles a,.landing-developer-links a)>.faye-ui-icon:last-child{transition:translate var(--faye-ui-motion-normal) var(--faye-ui-motion-ease)}@media (hover:hover){.landing :is(.landing-paths a,.landing-text-link,.landing-principles a,.landing-developer-links a):hover>.faye-ui-icon:last-child{translate:.15rem}[dir=rtl] .landing :is(.landing-paths a,.landing-text-link,.landing-principles a,.landing-developer-links a):hover>.faye-ui-icon:last-child{translate:-.15rem}}@keyframes landing-scene-enter{0%{opacity:.35}to{opacity:1}}@container landing-preview (max-width:18em){.landing-scene-card .faye-ui-card-header{grid-template-columns:minmax(0,1fr) 44px;gap:12px;display:grid}.landing-scene-card .faye-ui-card-action .faye-ui-icon-button{block-size:44px;min-block-size:44px;inline-size:44px;min-inline-size:44px}.landing-scene-card .faye-ui-card-avatar{display:none}.landing-scene-copy h2{min-block-size:3.6em}.landing-scene-copy p{min-block-size:4.8em}}@media (max-width:64rem){.landing-hero{gap:1rem}.landing-preview{padding-inline:0}.landing-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-details,.landing-developer{gap:2.5rem}}@media (max-width:48rem){.landing-hero{grid-template-columns:1fr;gap:2rem;padding-block-start:2.5rem}.landing-hero-copy{max-inline-size:32rem}.landing h1{font-size:clamp(2.75rem,8.5vw,4.25rem)}.landing-lead{font-size:1rem}.landing-preview{inline-size:100%;max-inline-size:29rem;margin-inline:auto}.landing-preview:before{inset-inline:-12px}.landing-details,.landing-developer{grid-template-columns:1fr}.landing-developer>.landing-code{order:2}.landing-details>div>p,.landing-developer>div>p{max-inline-size:none}.landing-invitation{flex-direction:column;align-items:flex-start}.landing-footer{flex-wrap:wrap;gap:1rem}.landing-footer nav{inline-size:100%;margin-inline-start:0}.landing-paths>a{align-items:flex-start}.landing-paths a>.faye-ui-icon{margin-block-start:.1rem}.landing-paths a>.faye-ui-icon:last-child{display:none}.landing-scene-copy h2{font-size:1.25rem}}@media (max-width:25rem){.landing-navigation{gap:.75rem;margin-inline-end:0;font-size:.75rem}.landing-navigation a:first-child{display:none}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions>.faye-ui-button-root{justify-content:center}.landing-paths{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));column-gap:.75rem}.landing-paths>a{flex-direction:column;gap:.5rem}.landing-scene-card{padding:1rem}.landing-preview-status{min-block-size:3rem}.landing-footer>span{flex-basis:100%}}@media (pointer:coarse){.landing-scene-options .faye-ui-button-root,.landing-navigation a,.landing-paths a,.landing-text-link,.landing-principles a,.landing-developer-links a,.landing-footer nav a{min-block-size:44px}}@media (prefers-reduced-motion:reduce){.landing-scene{animation:none}.landing a>.faye-ui-icon{transition:none!important}}@media (forced-colors:active){.landing-preview:before{display:none}.landing-scene{forced-color-adjust:none}.landing-scene-card,.landing-invitation{border:1px solid canvastext}}}