.footer{background-color:#ffffff;color:#6b7280;padding:4rem 0 2rem;margin-top:4rem;border-top:1px solid #e5e7eb}.footer-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#111827;text-decoration:none}.footer-logo span{font-family:monospace}.footer-logo svg{flex-shrink:0}.social-icons{gap:1rem}.social-icon,.social-icons{display:flex;align-items:center}.social-icon{justify-content:center;width:2.5rem;height:2.5rem;color:#6b7280;text-decoration:none;border-radius:.375rem;transition:all .2s ease}.social-icon:hover{color:#374151;background-color:#f3f4f6}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}.footer-column{display:flex;flex-direction:column}.footer-title{font-family:monospace;font-size:.875rem;font-weight:600;color:#111827;margin:0 0 1rem;letter-spacing:.025em}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#6b7280;text-decoration:none;font-family:monospace;font-size:.875rem;font-weight:400;transition:color .2s ease;line-height:1.5}.footer-link:hover{color:#374151}.footer-bottom{border-top:1px solid #e5e7eb;padding-top:2rem}.footer-bottom-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-copyright{color:#6b7280;font-family:monospace;font-size:.875rem;margin:0}.footer-legal{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-legal-link{color:#6b7280;text-decoration:none;font-family:monospace;font-size:.875rem;transition:color .2s ease}.footer-legal-link:hover{color:#374151}@media (min-width:768px){.footer-content{grid-template-columns:300px 1fr;gap:4rem;align-items:start}.footer-brand{position:sticky;top:2rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem}.footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-legal{justify-content:flex-end}}@media (min-width:1024px){.footer{padding:5rem 0 2rem}.footer-links{grid-template-columns:repeat(5,1fr);gap:2rem}.footer-content{grid-template-columns:300px 1fr;gap:5rem}}@media (min-width:1280px){.footer-links{gap:3rem}.footer-content{gap:6rem}}.header{position:fixed;top:0;width:100%;background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:50}.nav-content{justify-content:space-between;height:4rem}.logo,.logo-wrapper,.nav-content{display:flex;align-items:center}.logo{gap:.5rem;text-decoration:none;color:var(--text-primary)}.logo span{font-size:var(--text-xl);font-weight:var(--font-semibold)}.logo-image{height:auto;max-height:40px;width:auto}.mobile-logo-image{height:auto;max-height:33px;width:auto}.desktop-nav{display:none;align-items:center;gap:2rem}.nav-link{color:var(--gray-700);text-decoration:none;font-family:var(--font-mono);font-weight:500;font-size:.875rem;letter-spacing:.025em;transition:color .2s;position:relative}.nav-link:hover{color:var(--gray-900)}.desktop-cta{display:none;align-items:center;gap:1rem}.btn-demo{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700);font-family:var(--font-mono);font-weight:500;font-size:.875rem;letter-spacing:.025em;padding:.625rem 1.25rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-demo:hover{background-color:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.btn-get-started{background-color:#000000;border:1px solid #000000;color:#ffffff;font-family:var(--font-mono);font-weight:500;font-size:.875rem;letter-spacing:.025em;padding:.625rem 1.25rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-get-started:hover{background-color:var(--gray-800);border-color:var(--gray-800)}.mobile-menu-btn{display:block;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--gray-700)}.mobile-nav{position:fixed;inset:0;z-index:60;display:none}.mobile-nav.open{display:block}.mobile-nav-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5)}.mobile-nav-content{position:fixed;left:0;top:0;height:100%;width:16rem;background-color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);animation:slideIn .3s ease-out}.mobile-nav-header{padding:1rem;border-bottom:1px solid var(--gray-200)}.mobile-nav-links{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:block;padding:.75rem 1rem;color:var(--gray-700);text-decoration:none;font-family:var(--font-mono);font-weight:500;font-size:.875rem;letter-spacing:.025em;border-radius:.5rem;transition:background-color .2s}.mobile-nav-link:hover{background-color:var(--gray-100)}.mobile-nav-cta{padding:1rem;display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.mobile-nav-cta .btn-demo,.mobile-nav-cta .btn-get-started{width:100%;justify-content:center}.w-full{width:100%}@media (min-width:768px){.desktop-cta,.desktop-nav{display:flex}.mobile-menu-btn{display:none}}@media (min-width:1024px){.desktop-nav{gap:2.5rem}.desktop-cta{gap:1.25rem}}.logo-text{font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace!important;font-weight:700;color:#1a1a1a;letter-spacing:1px;font-size:20px;display:block}.user-dropdown{position:relative;display:inline-block}.user-dropdown-trigger{background:transparent;border:1px solid var(--gray-300,#d1d5db);color:var(--gray-700,#374151);font-family:var(--font-mono);font-weight:500;font-size:.875rem;letter-spacing:.025em;padding:.625rem 1.25rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.user-dropdown-trigger:hover{background-color:var(--gray-50,#f9fafb);border-color:var(--gray-400,#9ca3af);color:var(--gray-900,#111827)}.user-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 2px #6366f1,0 0 0 4px rgba(99,102,241,.1)}.user-dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;width:16rem;background-color:white;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;z-index:50;overflow:hidden}.user-dropdown-menu.hidden{display:none}.user-dropdown-menu.visible{display:block}.user-profile-section{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;background-color:rgba(249,250,251,.5);border-bottom:1px solid #f3f4f6}.user-avatar{position:relative;width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;font-weight:600}.user-status-indicator{position:absolute;top:-.25rem;right:-.25rem;width:1rem;height:1rem;background-color:#22c55e;border:2px solid white;border-radius:50%}.user-info{min-width:0;flex:1}.user-name{font-size:.875rem;font-weight:600;color:#111827}.user-email,.user-name{font-family:var(--font-mono);letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem;color:#6b7280;margin-top:.125rem}.dropdown-section{padding:1rem 0;border-bottom:1px solid #f3f4f6}.dropdown-section:last-child{border-bottom:none}.dropdown-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:#374151;text-decoration:none;background:none;border:none;cursor:pointer;transition:all .15s ease;letter-spacing:.025em}.dropdown-item:hover{background-color:#f9fafb;color:#111827}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background-color:#fef2f2;color:#991b1b}.keyboard-shortcut{font-size:.75rem;color:#9ca3af;background-color:#f3f4f6;padding:.125rem .5rem;border-radius:.25rem;font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}:root{--primary-black:#000000;--primary-white:#ffffff;--primary-purple:#6366f1;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-dark:#000000;--bg-card:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-white:#ffffff;--text-muted:#9ca3af;--font-sans:sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Roboto Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,body,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{font-family:sans-serif}.font-sans{font-family:sans-serif!important}.font-mono,.font-mono *,.font-mono a,.font-mono button,.font-mono div,.font-mono h1,.font-mono h2,.font-mono h3,.font-mono h4,.font-mono h5,.font-mono h6,.font-mono p,.font-mono span{font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace!important}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-center{text-align:center}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slideIn{animation:slideIn .3s ease-out}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-4px)}.btn,.transition-all{transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:var(--font-medium);border-radius:.5rem;cursor:pointer;border:none;text-decoration:none}.btn-primary{background-color:var(--primary-black);color:var(--primary-white)}.btn-primary:hover{background-color:var(--gray-800)}.btn-secondary{background-color:transparent;color:var(--gray-700);border:2px solid var(--gray-300)}.btn-secondary:hover{border-color:var(--gray-400)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.p-4{padding:1rem}.p-8{padding:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:text-4xl{font-size:var(--text-4xl)}.lg\:text-5xl{font-size:var(--text-5xl)}.lg\:text-7xl{font-size:var(--text-7xl)}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:hidden{display:none}}