.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-lg) var(--spacing-xl)}.header-container{max-width:960px;margin:0 auto;padding:0 var(--spacing-lg);height:56px;justify-content:space-between;background-color:rgba(255,255,255,.75);backdrop-filter:blur(16px);border-radius:50px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px rgba(0,0,0,.08)}.header-container,.header-logo{display:flex;align-items:center}.header-logo{gap:1px;color:var(--landing-text,#1e293b);font-size:10px;margin-left:var(--spacing-sm);text-decoration:none;cursor:pointer}.header-logo-img{height:18px;width:auto}.header-nav{display:flex;align-items:center;gap:var(--spacing-3xl);flex-shrink:0}.header-nav .nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;color:#1a1a1a;transition:color var(--transition-fast);background:none;border:none;padding:0;white-space:nowrap;overflow:visible;width:auto;height:auto;flex-shrink:0;text-overflow:clip}.header-nav .nav-link:hover{background:none;border:none}.header-nav .nav-link.nav-link-active,.header-nav .nav-link:hover{color:var(--gradient-mid,#2563eb)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.header-auth-loading{width:120px;height:36px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;border:1px solid var(--landing-border,#e2e8f0);color:var(--landing-text,#1e293b);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--gradient-mid,#2563eb);border-color:var(--gradient-mid,#2563eb);color:white}@keyframes mobileNavSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileNavSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.header-actions .btn-ghost{color:#1a1a1a;background:transparent;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;border-color:transparent;transition:color var(--transition-fast);font-size:var(--font-size-sm);white-space:nowrap}.header-actions .btn-ghost svg{color:currentColor}.header-actions .btn-ghost:hover{color:var(--gradient-mid,#2563eb);border-color:transparent}.header-actions .btn-primary{background:linear-gradient(135deg,var(--gradient-start,#3b82f6) 0,var(--gradient-mid,#2563eb) 50%,var(--gradient-end,#1d4ed8) 100%);border:none;color:white;border-radius:50px;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-base);white-space:nowrap;box-shadow:0 0 0 1px var(--gradient-mid,#2563eb)}.header-actions .btn-primary:hover{background:white;color:var(--gradient-mid,#2563eb);box-shadow:0 0 0 1px var(--gradient-mid,#2563eb)}.landing-user-menu{display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.landing-user-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.landing-user-trigger:hover{background-color:var(--landing-bg-muted,#f1f5f9)}.landing-user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gradient-start,#3b82f6) 0,var(--gradient-end,#1d4ed8) 100%);border-radius:50%;color:white}.landing-avatar-initials{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.landing-menu-chevron{color:var(--landing-text-muted,#94a3b8);transition:transform var(--transition-fast)}.landing-menu-chevron.open{transform:rotate(180deg)}.landing-user-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;background-color:var(--landing-bg,#ffffff);animation:mobileNavSlideIn .25s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top right;border:1px solid var(--landing-border,#e2e8f0);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:999;overflow:hidden}.landing-user-dropdown.closing{animation:mobileNavSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}.landing-dropdown-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.landing-dropdown-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gradient-start,#3b82f6) 0,var(--gradient-end,#1d4ed8) 100%);border-radius:50%;color:white;flex-shrink:0}.landing-dropdown-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.landing-dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--landing-text,#1e293b)}.landing-dropdown-email,.landing-dropdown-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-dropdown-email{font-size:var(--font-size-xs);color:var(--landing-text-secondary,#64748b)}.landing-dropdown-divider{height:1px;background-color:var(--landing-border,#e2e8f0);margin:var(--spacing-xs) 0}.landing-dropdown-nav{padding:var(--spacing-xs) 0}.landing-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--landing-text-secondary,#64748b);font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.landing-dropdown-item:hover{background-color:var(--landing-bg-muted,#f1f5f9);color:var(--landing-text,#1e293b)}.landing-dropdown-item.sign-out{color:var(--color-error)}.landing-dropdown-item.sign-out:hover{background-color:rgba(239,68,68,.1)}@media (max-width:768px){.header-nav{display:none}.header-nav.mobile-open{display:flex;flex-direction:column;position:absolute;top:calc(100% + 12px);left:var(--spacing-lg);right:var(--spacing-lg);background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border:1px solid var(--landing-border,#e2e8f0);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 10px 40px rgba(0,0,0,.1);gap:0;z-index:101;animation:mobileNavSlideIn .25s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}.header-nav.mobile-open.mobile-closing{animation:mobileNavSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}.header-nav.mobile-open .nav-link{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);width:100%;text-align:left}.header-nav.mobile-open .nav-link:hover{background-color:var(--landing-bg-muted,#f1f5f9)}.mobile-menu-btn{display:flex}.header-logo{font-size:8px}.header-logo-img{height:21px}.header-actions .landing-user-menu .btn.btn-ghost{display:none!important}.landing-user-trigger{display:flex!important}.landing-menu-chevron{display:none!important}}@media (max-width:480px){.landing-header{padding:var(--spacing-md) var(--spacing-md)}.header-container{padding:0 var(--spacing-md);height:52px}.header-nav.mobile-open{left:var(--spacing-md);right:var(--spacing-md)}.mobile-menu-btn{width:36px;height:36px}.mobile-menu-btn svg{width:18px;height:18px}.header-actions .btn-ghost:not(.landing-user-menu .btn-ghost),.header-actions .btn-primary{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}}html[data-marketing-theme=dark] .header-container{background-color:rgba(10,10,11,.85);border-color:rgba(255,255,255,.1);box-shadow:0 4px 24px rgba(0,0,0,.3)}html[data-marketing-theme=dark] .header-logo-img{filter:invert(1)}html[data-marketing-theme=dark] .header-nav .nav-link{color:rgba(255,255,255,.7)}html[data-marketing-theme=dark] .header-nav .nav-link.nav-link-active,html[data-marketing-theme=dark] .header-nav .nav-link:hover{color:white}html[data-marketing-theme=dark] .header-actions .btn-ghost{color:rgba(255,255,255,.7)}html[data-marketing-theme=dark] .header-actions .btn-ghost:hover{color:white}html[data-marketing-theme=dark] .header-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);border:none;color:white;border-radius:50px;padding:var(--spacing-sm) var(--spacing-xl);box-shadow:0 0 0 1px #3b82f6}html[data-marketing-theme=dark] .header-actions .btn-primary:hover{background:white;color:#2563eb;box-shadow:0 0 0 1px #2563eb}html[data-marketing-theme=dark] .mobile-menu-btn{border-color:transparent;color:rgba(255,255,255,.7)}html[data-marketing-theme=dark] .mobile-menu-btn:hover{background-color:var(--gradient-mid,#3b82f6);border-color:var(--gradient-mid,#3b82f6);color:white}@media (max-width:768px){html[data-marketing-theme=dark] .header-nav.mobile-open{background:rgba(20,20,22,.98);border-color:rgba(255,255,255,.1)}html[data-marketing-theme=dark] .header-nav.mobile-open .nav-link:hover{background-color:rgba(255,255,255,.05)}}html[data-marketing-theme=dark] .landing-user-dropdown{background-color:#1a1a1c;border-color:rgba(255,255,255,.1)}html[data-marketing-theme=dark] .landing-dropdown-name{color:white}html[data-marketing-theme=dark] .landing-dropdown-email{color:rgba(255,255,255,.5)}html[data-marketing-theme=dark] .landing-dropdown-divider{background-color:rgba(255,255,255,.1)}html[data-marketing-theme=dark] .landing-dropdown-item{color:rgba(255,255,255,.7)}html[data-marketing-theme=dark] .landing-dropdown-item:hover{background-color:rgba(255,255,255,.05);color:white}html[data-marketing-theme=dark] .landing-user-trigger:hover{background-color:rgba(255,255,255,.05)}.landing-footer{background:linear-gradient(180deg,#2563eb,#1e40af);padding:var(--spacing-3xl) 0 var(--spacing-xl);position:relative;overflow:hidden}.landing-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;gap:var(--spacing-3xl);position:relative;z-index:1}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:4px;margin-bottom:var(--spacing-md)}.footer-logo-img{height:24px;width:auto}.footer-tagline{font-size:var(--font-size-sm);color:rgba(255,255,255,.7);line-height:1.6}.footer-links{display:flex;gap:var(--spacing-4xl);position:relative;z-index:1}.footer-column h4{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:white;margin-bottom:var(--spacing-md)}.footer-column a{display:block;font-size:var(--font-size-sm);color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.footer-column a:hover{color:white}.footer-bottom{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) 0;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-2xl);position:relative;z-index:1}.footer-builder{font-size:var(--font-size-sm);color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--transition-fast)}.footer-builder:hover{color:rgba(255,255,255,.8)}.footer-bottom p{font-size:var(--font-size-sm);color:rgba(255,255,255,.5)}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:rgba(255,255,255,.7);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-md)}.theme-toggle:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:white}.theme-toggle svg{flex-shrink:0}.footer-logo-row{display:flex;align-items:center;gap:12px}.footer-version{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.5);margin-top:-4px}.version-status{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 6px rgba(34,197,94,.6)}.version-number{font-family:var(--font-family);letter-spacing:.02em}html[data-marketing-theme=dark] .landing-footer{background:linear-gradient(180deg,#18181b,#0f0f11)}html[data-marketing-theme=dark] .landing-footer:before{opacity:.02}@media (max-width:768px){.footer-container{flex-direction:column;gap:var(--spacing-2xl)}.footer-links{flex-wrap:wrap;gap:var(--spacing-xl)}}@media (max-width:480px){.landing-footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{padding:0 var(--spacing-lg)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-lg) var(--spacing-lg) 0}}