.marketing-layout{--navbar-height:3.75rem;--landing-copy-width:min(100%,35rem);--landing-preview-width:min(100%,40rem);--landing-x:clamp(1rem,1.5vw,1.5rem);--landing-glass-bg:linear-gradient(140deg,rgba(124,74,43,0.08),rgba(160,101,64,0.05)) color-mix(in srgb,var(--color-background) 78%,transparent);--landing-glass-bg-strong:linear-gradient(140deg,rgba(124,74,43,0.1),rgba(160,101,64,0.07)) color-mix(in srgb,var(--color-background) 82%,transparent);--landing-glass-border:rgba(255,255,255,0.12);--landing-glass-border-soft:color-mix(in srgb,var(--color-text) 10%,transparent);--landing-surface-bg:linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 10%,var(--color-background)),color-mix(in srgb,var(--color-secondary) 6%,var(--color-background)));--landing-surface-bg-strong:linear-gradient(160deg,color-mix(in srgb,var(--color-primary) 14%,var(--color-background)),color-mix(in srgb,var(--color-secondary) 8%,var(--color-background)));--landing-surface-bg-muted:color-mix(in srgb,var(--color-primary) 8%,var(--color-background));--landing-surface-border:rgba(255,255,255,0.12);--landing-surface-shadow:0 0 0.75rem color-mix(in srgb,var(--theme-shadow-primary) 14%,transparent),inset 0 1px 0 color-mix(in srgb,rgba(255,255,255,0.25),transparent);--landing-glass-shadow:0 0 10px color-mix(in srgb,var(--theme-shadow-primary) 45%,transparent),inset 0 1px 0 color-mix(in srgb,rgba(255,255,255,0.35),transparent);--landing-glass-shadow-soft:0 0 0.75rem color-mix(in srgb,var(--theme-shadow-color) 22%,transparent),inset 0 1px 0 color-mix(in srgb,rgba(255,255,255,0.3),transparent);position:relative;min-height:100%;width:100%;overflow-x:clip;background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--color-background) 96%,var(--color-text) 4%),var(--color-background))}[data-theme-scheme=light] .marketing-layout{--landing-glass-bg:linear-gradient(140deg,rgba(124,74,43,0.05),rgba(160,101,64,0.03)) color-mix(in srgb,var(--color-background) 90%,transparent);--landing-glass-bg-strong:linear-gradient(140deg,rgba(124,74,43,0.07),rgba(160,101,64,0.05)) color-mix(in srgb,var(--color-background) 94%,transparent);--landing-glass-border:color-mix(in srgb,var(--color-text) 10%,transparent);--landing-surface-bg:linear-gradient(160deg,color-mix(in srgb,var(--color-text) 8%,var(--color-background)),color-mix(in srgb,var(--color-primary) 14%,var(--color-background)));--landing-surface-bg-strong:linear-gradient(160deg,color-mix(in srgb,var(--color-text) 10%,var(--color-background)),color-mix(in srgb,var(--color-primary) 18%,var(--color-background)));--landing-surface-bg-muted:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));--landing-surface-border:color-mix(in srgb,var(--color-text) 12%,transparent);--landing-surface-shadow:0 1px 2px color-mix(in srgb,var(--theme-shadow-color) 10%,transparent),0 4px 14px color-mix(in srgb,var(--theme-shadow-color) 7%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-background) 55%,transparent);--landing-glass-shadow:0 1px 2px color-mix(in srgb,var(--theme-shadow-color) 8%,transparent),0 8px 24px color-mix(in srgb,var(--theme-shadow-color) 6%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-background) 50%,transparent);--landing-glass-shadow-soft:0 1px 2px color-mix(in srgb,var(--theme-shadow-color) 8%,transparent),0 6px 18px color-mix(in srgb,var(--theme-shadow-color) 5%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-background) 45%,transparent)}.marketing-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.marketing-background:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.025}.marketing-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.marketing-gradient-orb--1{top:-8%;left:-4%;width:44rem;height:32rem;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 70%);animation:marketing-float 20s ease-in-out infinite}.marketing-gradient-orb--2{right:-10%;top:28%;width:36rem;height:30rem;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 70%);animation:marketing-float 24s ease-in-out infinite reverse}.marketing-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--color-text) 2%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-text) 2%,transparent) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 32%,black 10%,transparent 68%);-webkit-mask-image:radial-gradient(circle at 50% 32%,black 10%,transparent 68%)}.marketing-content{position:relative;z-index:1;display:flex;flex-direction:column;padding-block-start:calc(var(--navbar-height, 3.75rem) + var(--safe-top, 0))}@media (max-width:768px){.marketing-layout{--navbar-height:3.25rem}}@keyframes marketing-float{0%,to{transform:translate(0)}50%{transform:translate(15px,-20px)}}[data-reduced-motion=true] .marketing-gradient-orb{animation:none!important}.ErrorScreen{--color-background:#0d0d0f;--color-text:#ffffff;--color-text-muted:color-mix(in srgb,#ffffff 72%,transparent);--color-primary:#5d4037;--color-secondary:#8b6f47;--color-accent:#5d4037;--theme-shadow-color:rgba(0,0,0,0.5);--theme-shadow-primary:rgba(0,0,0,0.5);color-scheme:dark;color:var(--color-text);display:flex;align-items:center;justify-content:center;height:100dvh;width:100vw;position:fixed;top:0;left:0;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;text-align:center;background:var(--color-background);will-change:opacity;animation:errorScreenFadeIn .5s ease-out}@keyframes errorScreenFadeIn{0%{opacity:0}to{opacity:1}}.ErrorScreen--content{max-width:450px;width:100%;will-change:transform,opacity;animation:errorContentSlideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes errorContentSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ErrorScreen--icon{font-size:3.5rem;color:var(
        --color-text-muted,color-mix(in srgb,var(--color-text) 52%,transparent)
    );margin-bottom:1.5rem;opacity:.85}.ErrorScreen--message{line-height:1.6;margin:1rem 0 2rem}.ErrorScreen--details,.ErrorScreen--message{color:var(
        --color-text-muted,color-mix(in srgb,var(--color-text) 72%,transparent)
    )}.ErrorScreen--details{list-style:none;margin:-.5rem 0 1.5rem;padding:0;opacity:.95;font-size:.9rem}.ErrorScreen--details li{margin:.25rem 0}.ErrorScreen--retry-button{min-width:140px}.app{display:flex;flex-direction:column;position:relative}.app,.unknownRoute{min-height:100svh;min-height:100dvh;width:100%}.unknownRoute{flex:1 1}html[data-page=unknown] .app{height:auto;min-height:100svh;min-height:100dvh}html[data-page=landing] .app{height:100svh;height:100dvh;overflow:hidden}.landingViewport{position:relative;display:flex;flex:1 1;flex-direction:column;min-height:100svh;min-height:100dvh;width:100%;overflow:hidden}.landingScroll{flex:1 1;min-height:0;overflow-y:scroll;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-gutter:stable}html[data-page=landing][data-landing=auth] .landingScroll{overflow-y:auto;scrollbar-gutter:auto}.appContent{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;width:100%;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}html[data-page=app] .app{height:100svh;height:100dvh}html[data-page=app] .appContent{flex:1 1;min-height:0;height:100%;max-height:100svh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}@media (max-width:640px){html[data-page=app] .appContent{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}html[data-page=app] .appContent::-webkit-scrollbar{display:none}html[data-page=app] .appContent>*{flex:1 1;min-height:0;display:flex;flex-direction:column}}@media (max-width:768px){html[data-page=app] .appContent{padding-bottom:0}}