*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--background: #1A1918;--foreground: #F5F0E8;--card: #242220;--card-foreground: #F5F0E8;--primary: #B8A082;--primary-foreground: #1A1918;--secondary: #2D2A28;--secondary-foreground: #F5F0E8;--muted: #2D2A28;--muted-foreground: #A8A29E;--accent: #B8A082;--accent-foreground: #1A1918;--accent-hover: #C9B193;--accent-muted: rgba(184, 160, 130, .1);--border: #3D3935;--border-secondary: #4A453F;--border-40: rgba(61, 57, 53, .4);--bg-secondary: #242220;--bg-tertiary: #2D2A28;--bg-hover: #3D3935;--fg-secondary: #A8A29E;--fg-muted: #78716C;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--duration-fast: .15s;--duration-default: .2s;--duration-slow: .3s;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .25rem;--radius-xl: .375rem;--radius-full: 9999px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);font-weight:400;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-kerning:normal;line-height:1.6}::selection{background-color:var(--accent);color:var(--background)}h1,h2,h3,h4,h5,h6{font-feature-settings:"kern" 1,"liga" 1;font-kerning:normal;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}.gradient-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-mesh:before{content:"";position:absolute;inset:0;opacity:.8;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(184,160,130,.25),transparent)}.blob{position:absolute;border-radius:50%;filter:blur(60px);--mouse-x: 0px;--mouse-y: 0px;will-change:transform}.blob-1{width:500px;height:500px;top:-10%;left:-5%;background:radial-gradient(circle,rgba(184,160,130,.3) 0%,transparent 70%);animation:blob-1 12s ease-in-out infinite}.blob-2{width:600px;height:600px;top:-20%;right:-10%;background:radial-gradient(circle,rgba(168,150,122,.25) 0%,transparent 70%);filter:blur(70px);animation:blob-2 15s ease-in-out infinite}.blob-3{width:700px;height:700px;top:20%;left:30%;background:radial-gradient(circle,rgba(139,115,85,.2) 0%,transparent 70%);filter:blur(80px);animation:blob-3 18s ease-in-out infinite}.blob-4{width:500px;height:500px;bottom:-10%;left:20%;background:radial-gradient(circle,rgba(184,160,130,.25) 0%,transparent 70%);animation:blob-4 14s ease-in-out infinite}.noise-overlay{position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes blob-1{0%,to{transform:translate(var(--mouse-x),var(--mouse-y)) scale(1)}25%{transform:translate(calc(30px + var(--mouse-x)),calc(50px + var(--mouse-y))) scale(1.1)}50%{transform:translate(calc(-20px + var(--mouse-x)),calc(30px + var(--mouse-y))) scale(.95)}75%{transform:translate(calc(40px + var(--mouse-x)),calc(-20px + var(--mouse-y))) scale(1.05)}}@keyframes blob-2{0%,to{transform:translate(var(--mouse-x),var(--mouse-y)) scale(1)}25%{transform:translate(calc(-40px + var(--mouse-x)),calc(30px + var(--mouse-y))) scale(1.05)}50%{transform:translate(calc(30px + var(--mouse-x)),calc(-40px + var(--mouse-y))) scale(1.1)}75%{transform:translate(calc(-20px + var(--mouse-x)),calc(50px + var(--mouse-y))) scale(.95)}}@keyframes blob-3{0%,to{transform:translate(var(--mouse-x),var(--mouse-y)) scale(1)}33%{transform:translate(calc(50px + var(--mouse-x)),calc(-30px + var(--mouse-y))) scale(1.08)}66%{transform:translate(calc(-40px + var(--mouse-x)),calc(40px + var(--mouse-y))) scale(.92)}}@keyframes blob-4{0%,to{transform:translate(var(--mouse-x),var(--mouse-y)) scale(1)}20%{transform:translate(calc(-30px + var(--mouse-x)),calc(-40px + var(--mouse-y))) scale(1.1)}40%{transform:translate(calc(50px + var(--mouse-x)),calc(20px + var(--mouse-y))) scale(.95)}60%{transform:translate(calc(20px + var(--mouse-x)),calc(-30px + var(--mouse-y))) scale(1.05)}80%{transform:translate(calc(-40px + var(--mouse-x)),calc(30px + var(--mouse-y))) scale(1)}}.nav{position:fixed;top:0;left:0;right:0;height:64px;background:#1a1918cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-40);z-index:var(--z-fixed)}.nav-container{max-width:1280px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}@media(min-width:1024px){.nav-container{padding:0 32px}}.logo{font-size:.875rem;font-weight:500;letter-spacing:-.01em;color:var(--foreground)}.nav-link{font-size:.875rem;font-weight:500;color:var(--foreground);transition:color var(--duration-default) ease}.nav-link:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-default) ease;text-decoration:none}.btn-primary{position:relative;background-color:var(--foreground);color:var(--background);overflow:hidden;transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity var(--duration-default) ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #f5f0e826,0 0 40px #b8a0821a}.btn-primary:hover:before{opacity:.6;animation:btn-shine .8s ease forwards}.btn-primary:active{transform:translateY(0)}.btn-primary svg{transition:transform var(--duration-default) ease}.btn-primary:hover svg{transform:translate(4px)}@keyframes btn-shine{0%{background-position:200% 50%}to{background-position:-200% 50%}}.btn-secondary{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--foreground)}.btn-large{height:48px;padding:0 28px;font-size:.9375rem}.btn svg{width:16px;height:16px}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column}.hero-content{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px}@media(min-width:1024px){.hero-content{padding:120px 32px 80px}}.hero-inner{max-width:896px;margin:0 auto;width:100%;text-align:center}.hero-inner>*+*{margin-top:32px}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;background:var(--accent-muted);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--muted-foreground)}.badge-dot{position:relative;display:flex;width:8px;height:8px}.badge-dot:before{content:"";position:absolute;inset:0;border-radius:50%;background-color:var(--accent);opacity:.75;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.badge-dot:after{content:"";position:relative;display:block;width:8px;height:8px;border-radius:50%;background-color:var(--accent)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;background:linear-gradient(135deg,var(--foreground) 0%,var(--foreground) 40%,var(--accent) 50%,var(--foreground) 60%,var(--foreground) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.25rem);line-height:1.6;color:var(--muted-foreground);max-width:640px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px}@media(min-width:640px){.hero-cta{flex-direction:row;justify-content:center}}.hero-cta .btn{width:100%}@media(min-width:640px){.hero-cta .btn{width:auto}}.app-mockup{margin-top:64px;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;perspective:1000px}.mockup-window{background:#1a1918e6;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080,0 0 100px -20px #b8a08226;transform:rotateX(2deg);transition:box-shadow var(--duration-slow) ease;will-change:transform}.mockup-window:hover{box-shadow:0 0 0 1px #ffffff14,0 30px 60px -10px #00000080,0 0 120px -20px #b8a08233}.mockup-titlebar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#2d2a28cc;border-bottom:1px solid var(--border)}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.mockup-dots span:nth-child(1){background:#ff5f57}.mockup-dots span:nth-child(2){background:#febc2e}.mockup-dots span:nth-child(3){background:#28c840}.nav-controls{display:flex;align-items:center;gap:2px;margin-left:8px}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:var(--muted-foreground);border-radius:4px}.nav-icon.dim{opacity:.35}.nav-icon.panel-icon{position:relative;width:14px;height:12px;border:1.5px solid var(--muted-foreground);border-radius:2px}.nav-icon.panel-icon:before{content:"";position:absolute;left:3px;top:0;bottom:0;width:1.5px;background:var(--muted-foreground)}.nav-title{flex:1;text-align:center;font-size:.8125rem;font-weight:500;color:var(--foreground)}.nav-right{display:flex;align-items:center;gap:4px}.mockup-content{display:flex;min-height:320px}.mockup-sidebar{width:220px;padding:16px 14px;background:#24222080;border-right:1px solid var(--border);flex-shrink:0}.sidebar-section{margin-bottom:20px}.sidebar-section:first-child{padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.sidebar-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);padding:0;margin-bottom:6px;text-align:left}.sidebar-actions{display:flex;gap:8px;margin-bottom:8px}.action-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;font-size:.8125rem;color:var(--foreground);border:1px solid var(--border);border-radius:6px}.action-btn .kbd{font-size:.5625rem;color:var(--muted-foreground);opacity:.6}.sidebar-item.muted{opacity:.6;font-size:.75rem}.sidebar-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:5px 0;border-radius:6px;font-size:.8125rem;color:var(--foreground);cursor:default;text-align:left}.sidebar-item .count{margin-left:auto;font-size:.6875rem;color:var(--muted-foreground);opacity:.5;font-variant-numeric:tabular-nums}.sidebar-item .kbd{margin-left:auto;font-size:.5625rem;padding:2px 4px;background:#3d393580;border-radius:3px;color:var(--muted-foreground);opacity:.6}.sidebar-item.active{color:var(--accent);font-weight:500}.sidebar-item.urgent{color:#f87171}.cat-dot{width:8px;height:8px;border-radius:50%}.cat-dot.blue{background:#60a5fa}.cat-dot.green{background:#4ade80}.cat-dot.amber{background:#fbbf24}.mockup-main{flex:1;padding:16px 20px}.mockup-tasks{display:flex;flex-direction:column;border:1px solid rgba(61,57,53,.4);border-radius:8px;background:#1a19184d}.mockup-task{display:flex;align-items:center;gap:12px;padding:10px 12px;transition:background var(--duration-fast) ease;border-bottom:1px solid rgba(61,57,53,.25)}.mockup-task:last-child{border-bottom:none}.mockup-task:hover{background:#3d39354d}.mockup-checkbox{width:16px;height:16px;border:1.5px solid var(--border-secondary);border-radius:50%;flex-shrink:0;position:relative}.mockup-checkbox.checked{background:var(--accent);border-color:var(--accent)}.mockup-checkbox.checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:8px;border:solid var(--background);border-width:0 2px 2px 0;transform:rotate(45deg)}.mockup-task-text{font-size:.875rem;color:var(--foreground)}.mockup-task.done .mockup-task-text{color:var(--muted-foreground);text-decoration:line-through}.task-badges{display:flex;align-items:center;gap:8px;margin-left:auto}.cat-pill{font-size:.6875rem;padding:2px 8px;border-radius:9999px;background:#60a5fa26;color:#60a5fa}.cat-pill.green{background:#4ade8026;color:#4ade80}.cat-pill.amber{background:#fbbf2426;color:#fbbf24}.priority-badge{font-size:.75rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px}.priority-badge.high{background:#f8717133;color:#f87171}.priority-badge.medium{background:#fbbf2433;color:#fbbf24}.priority-badge.low{color:var(--muted-foreground)}.due-badge{font-size:.6875rem;color:var(--muted-foreground)}.due-badge.today{color:#60a5fa}.task-input{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:12px;border:1px dashed rgba(61,57,53,.5);border-radius:8px;background:transparent}.input-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--muted-foreground);opacity:.5}.input-placeholder{font-size:.875rem;color:var(--muted-foreground);opacity:.5}.mockup-statusbar{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;background:#242220cc;border-top:1px solid var(--border);font-size:.6875rem}.status-left,.status-right{display:flex;align-items:center;gap:16px}.status-item{color:var(--muted-foreground);opacity:.7}.status-item.synced{color:#4ade80;opacity:1}.status-item.blue{color:#60a5fa;opacity:1}.status-item.red{color:#f87171;opacity:1}@media(max-width:640px){.app-mockup{margin-top:48px}.mockup-sidebar,.nav-controls,.nav-right{display:none}.mockup-content{min-height:240px}.mockup-window,.mockup-window:hover{transform:none}.mockup-statusbar,.task-badges,.task-input{display:none}}.features{position:relative;z-index:10;background-color:var(--background);border-top:1px solid var(--border-40)}.section-container{max-width:1280px;margin:0 auto;padding:96px 24px}@media(min-width:1024px){.section-container{padding:96px 32px}}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--foreground);margin-bottom:16px}.section-subtitle{font-size:1.0625rem;line-height:1.6;color:var(--muted-foreground);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;padding:32px;background:#24222099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-slow) ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300px;height:300px;background:radial-gradient(circle,rgba(184,160,130,.15) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity var(--duration-slow) ease;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#b8a08280;transform:translateY(-4px);box-shadow:0 20px 40px -20px #b8a08233,0 0 0 1px #b8a0821a;background:#242220cc}.feature-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:8px}.feature-description{font-size:.9375rem;line-height:1.6;color:var(--muted-foreground)}.content{max-width:768px;margin:0 auto;padding:120px 24px 80px}.page-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.last-updated{font-size:.875rem;color:var(--muted-foreground);margin-bottom:48px}.content h2{font-size:1.5rem;font-weight:600;margin-top:48px;margin-bottom:16px}.content h3{font-size:1.125rem;font-weight:600;margin-top:32px;margin-bottom:12px}.content p{color:var(--muted-foreground);margin-bottom:16px}.content ul{color:var(--muted-foreground);margin-bottom:16px;padding-left:24px}.content li{margin-bottom:8px}.content a{color:var(--accent)}.content a:hover{text-decoration:underline}.footer{position:relative;z-index:10;background-color:var(--background);border-top:1px solid var(--border-40)}.footer-container{max-width:1280px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}@media(min-width:640px){.footer-container{flex-direction:row;justify-content:space-between}}@media(min-width:1024px){.footer-container{padding:32px}}.footer-text{font-size:.875rem;color:var(--muted-foreground)}.footer-links{display:flex;align-items:center;gap:24px}.footer-link{font-size:.875rem;color:var(--muted-foreground);transition:color var(--duration-default) ease}.footer-link:hover{color:var(--foreground)}.footer-link svg{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.fade-up.is-visible{opacity:1;transform:translateY(0)}.feature-card.fade-up:nth-child(1){transition-delay:0ms}.feature-card.fade-up:nth-child(2){transition-delay:80ms}.feature-card.fade-up:nth-child(3){transition-delay:.16s}.feature-card.fade-up:nth-child(4){transition-delay:.24s}.feature-card.fade-up:nth-child(5){transition-delay:.32s}.feature-card.fade-up:nth-child(6){transition-delay:.4s}.feature-card.fade-up.is-visible{transition-delay:0ms}@media(prefers-reduced-motion:reduce){.fade-up{opacity:1;transform:none;transition:none}.blob,.hero-title{animation:none}.badge-dot:before{animation:none}}