@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-page .hero .hero-badge{animation:heroFadeUp .7s cubic-bezier(.4,0,.2,1) .1s both}.home-page .hero .hero-title{animation:heroFadeUp .7s cubic-bezier(.4,0,.2,1) .2s both}.home-page .hero .hero-subtitle{animation:heroFadeUp .7s cubic-bezier(.4,0,.2,1) .3s both}.home-page .hero .hero-cta{animation:heroFadeUp .7s cubic-bezier(.4,0,.2,1) .4s both}.home-page .hero .hero-stats{animation:heroFadeUp .7s cubic-bezier(.4,0,.2,1) .5s both}.home-page .hero .hero-visual{animation:heroFadeUp .8s cubic-bezier(.4,0,.2,1) .6s both}.home-page .hero{flex-direction:column;text-align:center;justify-content:flex-start;gap:36px;min-height:auto;padding-top:118px;padding-bottom:92px;position:relative;z-index:1}.home-page .hero-content{max-width:720px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.home-page .hero-cta{justify-content:center;margin-bottom:28px}.home-page .hero-cta .btn-secondary:hover{border-color:var(--border)}.home-page .hero-stats{justify-content:center}.home-page .hero-title{font-size:clamp(42px,5vw,62px);margin-bottom:18px}.home-page .hero-subtitle{margin-bottom:30px}.home-page .hero-visual{width:min(940px,100%);position:relative;z-index:1}.home-page .preview-note{margin:14px auto 0;max-width:560px;text-align:center;color:#71717a;font-size:12px}.home-page .hero-visual .app-mockup{transform:perspective(1200px) rotateX(12deg);transform-origin:center center;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 40px 80px -20px #0009,0 0 0 1px #ffffff0d}.home-page .hero-visual .app-mockup:hover{transform:perspective(1200px) rotateX(6deg) translateY(-8px)}.reveal .section-badge,.reveal .section-title,.reveal .section-subtitle,.reveal .section-header{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.reveal.is-visible .section-badge,.reveal.is-visible .section-title,.reveal.is-visible .section-subtitle,.reveal.is-visible .section-header{opacity:1;transform:translateY(0)}.reveal.is-visible .section-badge{transition-delay:.05s}.reveal.is-visible .section-title{transition-delay:.1s}.reveal.is-visible .section-subtitle{transition-delay:.15s}.reveal.is-visible .section-header{transition-delay:.1s}.home-page .faq-section{padding:120px 0;background:transparent;position:relative;z-index:1}.home-page .faq-accordion{max-width:900px;margin:0 auto;display:grid;gap:16px}.home-page .faq-item{background:#17171a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:border-color .3s}.home-page .faq-item:hover{border-color:#ffffff1a}.home-page .faq-question{width:100%;background:transparent;border:none;color:var(--text);padding:20px 24px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer}.home-page .faq-question i{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.home-page .faq-answer{display:none;padding:0 24px 20px;color:var(--text-muted);font-size:15px;line-height:1.6}.home-page .faq-item.active .faq-answer{display:block}.home-page .faq-item.active .faq-question i{transform:rotate(180deg)}.home-page .faq-more{display:flex;justify-content:center;margin-top:32px}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal .feature-card{opacity:0}.reveal.is-visible .feature-card{animation:cardReveal .5s cubic-bezier(.4,0,.2,1) forwards}.reveal.is-visible .feature-card:nth-child(1){animation-delay:.05s}.reveal.is-visible .feature-card:nth-child(2){animation-delay:.1s}.reveal.is-visible .feature-card:nth-child(3){animation-delay:.15s}.reveal.is-visible .feature-card:nth-child(4){animation-delay:.2s}.reveal.is-visible .feature-card:nth-child(5){animation-delay:.25s}.reveal.is-visible .feature-card:nth-child(6){animation-delay:.3s}.reveal .sd-feature{opacity:0;transform:translate(-20px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.reveal.is-visible .sd-feature{opacity:1;transform:translate(0)}.reveal.is-visible .sd-feature:nth-child(1){transition-delay:.1s}.reveal.is-visible .sd-feature:nth-child(2){transition-delay:.2s}.reveal.is-visible .sd-feature:nth-child(3){transition-delay:.25s}.reveal.is-visible .sd-feature:nth-child(4){transition-delay:.3s}.reveal .streamdeck-visual{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.is-visible .streamdeck-visual{opacity:1;transform:translateY(0) scale(1);transition-delay:.15s}.reveal .pricing-card{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s}.reveal.is-visible .pricing-card{opacity:1;transform:translateY(0)}.reveal.is-visible .pricing-card:nth-child(1){transition-delay:.1s}.reveal.is-visible .pricing-card:nth-child(2){transition-delay:.2s}.reveal.is-visible .pricing-card:nth-child(3){transition-delay:.3s}@media (max-width: 900px){.home-page .hero-visual .app-mockup{transform:perspective(1000px) rotateX(6deg)}.home-page .hero-visual .app-mockup:hover{transform:perspective(1000px) rotateX(3deg) translateY(-4px)}}.home-page .app-preview-shell{width:min(1180px,100%);background:#0b0b0c;border:1px solid #1f1f22;border-radius:10px;overflow:hidden;box-shadow:0 42px 90px #0000009e,0 0 0 1px #ffffff08}.home-page .app-titlebar{height:46px;display:grid;grid-template-columns:214px 1fr auto;align-items:center;background:#111112;border-bottom:1px solid #18181a;padding:0 14px 0 0}.home-page .titlebar-profile{display:flex;align-items:center;gap:9px;height:100%;padding:0 10px;border-right:1px solid #18181a}.home-page .titlebar-profile .profile-meta{min-width:0;line-height:1.1}.home-page .titlebar-profile strong,.home-page .titlebar-profile span{display:block}.home-page .titlebar-profile strong{color:#f4f4f5;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .titlebar-profile span{color:#a1a1aa;font-size:10px}.home-page .titlebar-profile>i{margin-left:auto;color:#71717a;font-size:10px}.home-page .titlebar-brand{justify-self:center;font-size:14px;font-weight:800;color:#f4f4f5}.home-page .titlebar-brand i{margin-left:5px;color:gold;font-size:11px}.home-page .titlebar-window-controls{justify-self:end;display:flex;gap:18px;align-items:center}.home-page .titlebar-window-controls span{width:12px;height:12px;border-top:2px solid #a1a1aa;opacity:.85}.home-page .titlebar-window-controls span:nth-child(2){border:2px solid #a1a1aa;border-radius:2px}.home-page .titlebar-window-controls span:nth-child(3){border:0;position:relative}.home-page .titlebar-window-controls span:nth-child(3):before,.home-page .titlebar-window-controls span:nth-child(3):after{content:"";position:absolute;inset:5px 0 auto 0;height:2px;background:#a1a1aa}.home-page .titlebar-window-controls span:nth-child(3):before{transform:rotate(45deg)}.home-page .titlebar-window-controls span:nth-child(3):after{transform:rotate(-45deg)}.home-page .app-preview{min-height:610px;display:grid;grid-template-columns:214px minmax(0,1fr);background:#0a0a0b}.home-page .app-sidebar{display:flex;flex-direction:column;gap:14px;padding:14px 12px;background:#121214;border-right:1px solid #202024;text-align:left}.home-page .account-avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#7a563b;color:#0a0a0b;font-weight:800;font-size:12px;flex:0 0 auto}.home-page .quick-search{height:31px;border:1px solid #2b2b30;border-radius:7px;background:#18181b;color:#a1a1aa;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:12px}.home-page .preview-nav{display:grid;gap:5px;border-top:1px solid #242428;padding-top:10px}.home-page .preview-nav span{height:34px;display:flex;align-items:center;gap:12px;padding:0 10px;color:#b7b7bd;border-radius:7px;font-size:13px;font-weight:700}.home-page .preview-nav i{width:18px;text-align:center;color:#b7b7bd}.home-page .preview-nav .is-active{background:#1e1e21;color:#f5f5f5}.home-page .sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;border-top:1px solid #242428;padding-top:14px}.home-page .sidebar-status{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;color:#c7c7cc;font-size:11px}.home-page .sidebar-status span{width:7px;height:7px;border-radius:50%;background:#36d669}.home-page .sidebar-status em{color:#9ca3af;font-style:normal}.home-page .sidebar-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.home-page .sidebar-action-label{display:flex;align-items:center;gap:9px;height:30px;padding:0 8px;color:#b7b7bd;font-size:13px;font-weight:700}.home-page .sidebar-action-label i{width:18px;text-align:center;font-size:13px}.home-page .sidebar-action-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#9ca3af;font-size:12px}.home-page .app-canvas{min-width:0;padding:24px;background:#0d0d0f;text-align:left}.home-page .app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.home-page .app-toolbar h2{color:#f5f5f5;font-size:28px;line-height:1;margin:0 0 6px}.home-page .app-toolbar p{color:#8f8f96;font-size:12px;margin:0}.home-page .date-nav{display:flex;align-items:center;gap:12px}.home-page .date-dot{width:10px;height:10px;border-radius:50%;background:#c08a5c;flex:0 0 auto}.home-page .date-box{display:flex;align-items:center;background:#1b1b1d;border:1px solid #2a2a2e;border-radius:8px;overflow:hidden}.home-page .date-box i{padding:9px 14px;color:#9ca3af;font-size:11px}.home-page .date-box span{padding:0 16px;color:#f5f5f5;font-size:12px;font-weight:700}.home-page .preview-top-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;margin-bottom:14px}.home-page .mini-panel,.home-page .entity-column{background:#1b1b1d;border-radius:8px}.home-page .mini-panel{padding:14px;min-height:118px}.home-page .panel-heading,.home-page .entity-heading{display:flex;align-items:center;justify-content:space-between;color:#f5f5f5;font-size:14px;font-weight:800}.home-page .panel-heading strong,.home-page .entity-heading b{color:#9ca3af;font-size:11px;font-weight:700}.home-page .project-strip,.home-page .note-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.home-page .strip-card{min-width:0;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#222225;border-radius:7px}.home-page .strip-desc,.home-page .note-snippet{margin:0;color:#9ca3af;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-page .strip-card-head{display:flex;align-items:center;gap:8px;min-width:0}.home-page .strip-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex:0 0 auto;font-size:10px}.home-page .strip-card-head strong{color:#d4d4d8;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .note-icon{background:#c08a5c2e;color:#c08a5c}.home-page .note-date{color:#9ca3af;font-size:10px}.home-page .entity-grid-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr);gap:14px}.home-page .entity-column{min-width:0;min-height:245px;padding:14px}.home-page .entity-card,.home-page .habit-card,.home-page .task-card{margin-top:10px;display:flex;align-items:flex-start;gap:10px;min-width:0;background:#202023;border-radius:10px;padding:10px}.home-page .entity-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;font-size:14px}.home-page .entity-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.home-page .entity-body strong{display:block;color:#f5f5f5;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .entity-desc{display:block;color:#9ca3af;font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .badge-row{display:flex;flex-wrap:wrap;gap:5px}.home-page .mini-badge{display:inline-flex;align-items:center;gap:4px;background:#2a2a2e;color:#9ca3af;font-size:10px;font-weight:700;padding:3px 6px;border-radius:5px;white-space:nowrap}.home-page .mini-badge i{font-size:9px}.home-page .mini-badge.streak{color:#f59e0b;background:#f59e0b1f}.home-page .mini-badge.streak.fail{color:#9ca3af;background:#2a2a2e}.home-page .mini-badge.quit{color:#ef4444;background:#ef44441f}.home-page .mini-badge.completed{color:#34d399;background:#34d3991f}.home-page .progress-row{display:flex;align-items:center;gap:8px}.home-page .progress-track{flex:1;height:4px;background:#2c2c30;border-radius:2px;overflow:hidden}.home-page .progress-fill{height:100%;border-radius:2px}.home-page .progress-row em{font-style:normal;font-size:10px;font-weight:800;color:#9ca3af;white-space:nowrap}.home-page .habit-icon-wrap{position:relative;flex:0 0 auto}.home-page .habit-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:16px}.home-page .habit-status{position:absolute;left:-7px;bottom:-7px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10px;background:#2c2c30;color:#9ca3af}.home-page .habit-status.complete{background:#34d39929;color:#34d399}.home-page .habit-status.open{background:#2c2c30}.home-page .habit-status.fail{background:#ef444429;color:#ef4444}.home-page .task-card{align-items:center}.home-page .task-check{width:18px;height:18px;border-radius:5px;border:1.5px solid #3a3a40;display:grid;place-items:center;flex:0 0 auto;font-size:10px;color:transparent}.home-page .task-card.done .task-check{background:#34d399;border-color:#34d399;color:#0a0a0b}.home-page .task-card .entity-body strong{font-weight:600;color:#d4d4d8}.home-page .task-card.done .entity-body strong{color:#f5f5f5;text-decoration:line-through;opacity:.7}@media (max-width: 1100px){.home-page .app-titlebar{grid-template-columns:74px 1fr auto}.home-page .app-preview{grid-template-columns:74px minmax(0,1fr)}.home-page .titlebar-profile .profile-meta,.home-page .titlebar-profile>i,.home-page .quick-search span,.home-page .preview-nav span,.home-page .sidebar-status,.home-page .sidebar-action-label span{font-size:0}.home-page .titlebar-profile,.home-page .preview-nav span{justify-content:center;padding:0}.home-page .preview-nav i{font-size:14px}.home-page .sidebar-status,.home-page .sidebar-actions{grid-template-columns:1fr;justify-items:center}.home-page .sidebar-action-label{justify-content:center;padding:0}.home-page .sidebar-action-icon{display:none}}@media (max-width: 760px){.home-page .hero{padding:124px 16px 72px;gap:44px}.home-page .hero-content{width:100%;max-width:100%}.home-page .hero-title{font-size:clamp(34px,10vw,42px);line-height:1.08}.home-page .hero-subtitle{max-width:340px;font-size:16px;line-height:1.6}.home-page .hero-cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-page .hero-cta .btn{width:100%;padding-inline:12px;font-size:14px}.home-page .hero-stats{width:100%;gap:12px}.home-page .stat-value{font-size:30px}.home-page .stat-label{font-size:12px}.home-page .hero-visual{width:100%;overflow:hidden}.home-page .app-titlebar{height:38px;grid-template-columns:1fr auto}.home-page .titlebar-profile,.home-page .titlebar-window-controls{display:none}.home-page .app-preview{grid-template-columns:1fr;min-height:0}.home-page .app-sidebar{display:none}.home-page .app-canvas{padding:16px}.home-page .app-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.home-page .preview-top-grid,.home-page .entity-grid-preview{grid-template-columns:1fr}.home-page .project-strip,.home-page .note-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.home-page .hero-title{font-size:30px}.home-page .hero-subtitle{max-width:300px;font-size:15px}.home-page .hero-cta{gap:8px;grid-template-columns:1fr}.home-page .hero-cta .btn{min-height:48px;font-size:13px}.home-page .hero-stats{display:grid;grid-template-columns:1fr;max-width:220px}.home-page .stat-divider{display:none}.home-page .stat-value{font-size:24px}.home-page .app-canvas{padding:14px}.home-page .project-strip,.home-page .note-strip{grid-template-columns:1fr}}