:root{--color-background: #0A0A0A;--color-surface-container-low: #121212;--color-surface: #161616;--color-surface-container-high: #1C1C1C;--color-surface-variant: #1E1E1E;--color-surface-container: #222222;--color-outline-variant: #2D2D2D;--color-outline: #454545;--color-secondary-text: #858585;--color-accent: #F3AEC8;--color-accent-hover: #f8c4d8;--color-accent-on: #000000;--color-text-primary: #FFFFFF;--font-heading: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--max-width: 1200px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:16px;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.btn--primary{background-color:var(--color-accent);color:var(--color-accent-on);padding:12px 28px}.btn--primary:hover{background-color:var(--color-accent-hover)}.btn--large{padding:16px 36px;font-size:18px;border-radius:var(--radius-lg)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);transition:background-color .3s,backdrop-filter .3s}.header--scrolled{background-color:#0a0a0ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-outline-variant)}.header__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.header__logo{font-family:var(--font-heading);font-weight:800;font-size:24px;color:var(--color-text-primary)}.header .btn--primary{padding:10px 24px;font-size:14px}.hero{padding-top:calc(var(--header-height) + var(--space-5xl));padding-bottom:var(--space-5xl);overflow:hidden}.hero__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3xl);align-items:center}.hero__content{display:flex;flex-direction:column;gap:var(--space-lg)}.hero__headline{font-size:clamp(40px,5vw,68px);font-weight:800;letter-spacing:-.02em;line-height:1.05}.hero__headline .accent{color:var(--color-accent)}.hero__subtitle{font-size:clamp(16px,1.5vw,20px);color:var(--color-secondary-text);max-width:480px;line-height:1.7}.hero__cta{margin-top:var(--space-sm)}.mockup{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);overflow:hidden;box-shadow:0 0 80px #f3aec80f,0 32px 64px #0006}.mockup__titlebar{display:flex;align-items:center;gap:var(--space-xs);padding:12px var(--space-md);background:var(--color-surface-container-low);border-bottom:1px solid var(--color-outline-variant)}.mockup__dot{width:10px;height:10px;border-radius:50%}.mockup__dot--red{background:#ff5f57}.mockup__dot--yellow{background:#febc2e}.mockup__dot--green{background:#28c840}.mockup__title{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-secondary-text);margin-left:var(--space-xs)}.mockup__body{display:flex;min-height:380px}.mockup__nav{width:52px;background:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) 0;gap:var(--space-xs)}.mockup__nav-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-text-primary)}.mockup__nav-icon--active{outline:2px solid var(--color-accent);outline-offset:1px}.mockup__nav-spacer{flex:1}.mockup__nav-dot{width:24px;height:24px;border-radius:50%;background:var(--color-surface-container-high);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-secondary-text)}.mockup__projects{width:180px;background:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.mockup__projects-header{font-family:var(--font-heading);font-size:11px;font-weight:700;color:var(--color-secondary-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.mockup__project-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--color-secondary-text)}.mockup__project-item--active{background:var(--color-surface-variant);color:var(--color-text-primary);border-left:3px solid var(--color-accent);padding-left:7px}.mockup__project-count{font-size:11px;background:var(--color-surface-container);padding:2px 7px;border-radius:10px;color:var(--color-secondary-text)}.mockup__todos{flex:1;background:var(--color-background);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.mockup__todos-header{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:var(--space-xs)}.mockup__todo-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);border-radius:8px;background:var(--color-surface);border:1px solid var(--color-outline-variant)}.mockup__checkbox{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-outline);flex-shrink:0}.mockup__checkbox--done{background:var(--color-accent);border-color:var(--color-accent);position:relative}.mockup__checkbox--done:after{content:"";position:absolute;top:3px;left:5px;width:5px;height:8px;border:solid var(--color-accent-on);border-width:0 2px 2px 0;transform:rotate(45deg)}.mockup__todo-text{font-size:13px;color:var(--color-text-primary)}.mockup__todo-text--done{text-decoration:line-through;color:var(--color-secondary-text)}.mockup__todo-badges{display:flex;gap:6px;margin-left:auto}.mockup__badge{font-size:10px;padding:2px 8px;border-radius:10px;color:var(--color-secondary-text);background:var(--color-surface-container-high)}.mockup__badge--accent{background:#f3aec826;color:var(--color-accent)}.mockup__avatar-sm{width:22px;height:22px;border-radius:50%;flex-shrink:0}.features{padding-bottom:var(--space-4xl)}.feature{padding:var(--space-4xl) 0}.feature+.feature{border-top:1px solid var(--color-outline-variant)}.feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.feature__grid--reverse .feature__text{order:2}.feature__grid--reverse .feature__visual{order:1}.feature__text{display:flex;flex-direction:column;gap:var(--space-md)}.feature__label{font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.feature__title{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.01em}.feature__description{font-size:clamp(16px,1.2vw,18px);color:var(--color-secondary-text);line-height:1.7;max-width:480px}.feature-mockup{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);overflow:hidden;padding:var(--space-lg)}.kanban-mockup{display:flex;gap:var(--space-md)}.kanban-col{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.kanban-col__header{font-size:12px;font-weight:600;color:var(--color-secondary-text);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-outline-variant);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:6px}.kanban-col__dot{width:8px;height:8px;border-radius:50%}.kanban-card{background:var(--color-surface-container-high);border-radius:var(--radius);padding:var(--space-sm);display:flex;flex-direction:column;gap:6px}.kanban-card__title{font-size:12px;font-weight:500;color:var(--color-text-primary)}.kanban-card__meta{display:flex;align-items:center;gap:6px}.kanban-card__tag{font-size:10px;padding:2px 6px;border-radius:6px;background:var(--color-surface-variant);color:var(--color-secondary-text)}.kanban-card__avatar{width:18px;height:18px;border-radius:50%;margin-left:auto}.timer-mockup{display:flex;flex-direction:column;gap:var(--space-md)}.timer-mockup__task{background:var(--color-surface-container-high);border-radius:var(--radius);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.timer-mockup__task-header{display:flex;align-items:center;justify-content:space-between}.timer-mockup__task-title{font-size:14px;font-weight:600}.timer-mockup__project-tag{font-size:11px;padding:3px 10px;border-radius:8px;background:var(--color-surface-variant);color:var(--color-secondary-text)}.timer-mockup__timer-box{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-md);border:1px solid var(--color-outline-variant)}.timer-mockup__play-btn{width:40px;height:40px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-mockup__play-icon{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--color-accent-on);margin-left:2px}.timer-mockup__time{font-family:var(--font-heading);font-size:32px;font-weight:700;letter-spacing:.02em}.timer-mockup__entries{display:flex;flex-direction:column;gap:var(--space-xs)}.timer-mockup__entry{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:8px;background:var(--color-surface-container-low);font-size:12px}.timer-mockup__entry-label{color:var(--color-secondary-text)}.timer-mockup__entry-time{font-weight:600;color:var(--color-text-primary)}.comments-mockup{display:flex;flex-direction:column;gap:var(--space-md)}.comments-mockup__header{display:flex;align-items:center;gap:var(--space-xs);font-size:13px;font-weight:600;color:var(--color-secondary-text)}.comment{display:flex;gap:var(--space-sm)}.comment__avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.comment__body{flex:1;background:var(--color-surface-container-high);border-radius:var(--radius);padding:var(--space-sm);display:flex;flex-direction:column;gap:4px}.comment__name{font-size:12px;font-weight:600}.comment__text{font-size:13px;color:var(--color-secondary-text);line-height:1.5}.comment__mention{color:var(--color-accent);font-weight:500}.comment__time{font-size:10px;color:var(--color-outline)}.comment__input{display:flex;gap:var(--space-xs);align-items:center;background:var(--color-surface-container-low);border-radius:var(--radius);padding:var(--space-sm);border:1px solid var(--color-outline-variant);margin-top:var(--space-xs)}.comment__input-placeholder{font-size:13px;color:var(--color-outline);flex:1}.comment__input-btn{width:28px;height:28px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-accent-on);flex-shrink:0}.workspaces-mockup{display:flex;gap:var(--space-md)}.workspaces-mockup__sidebar{width:56px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;background:var(--color-surface-container-low);border-radius:var(--radius)}.workspaces-mockup__ws-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--color-text-primary)}.workspaces-mockup__ws-icon--active{outline:2px solid var(--color-accent);outline-offset:2px}.workspaces-mockup__add{width:36px;height:36px;border-radius:10px;border:2px dashed var(--color-outline);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-outline)}.workspaces-mockup__content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.workspaces-mockup__ws-name{font-family:var(--font-heading);font-size:16px;font-weight:700}.workspaces-mockup__members{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--color-secondary-text)}.workspaces-mockup__member-avatars{display:flex}.workspaces-mockup__member-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-surface);margin-left:-6px}.workspaces-mockup__member-avatar:first-child{margin-left:0}.workspaces-mockup__lists{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.workspaces-mockup__list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:8px;background:var(--color-surface-container-high);font-size:13px}.workspaces-mockup__list-count{font-size:11px;background:var(--color-surface-variant);padding:2px 7px;border-radius:10px;color:var(--color-secondary-text)}.footer{border-top:1px solid var(--color-outline-variant);padding:var(--space-4xl) 0 var(--space-xl)}.footer__cta{text-align:center;padding-bottom:var(--space-4xl);border-bottom:1px solid var(--color-outline-variant);margin-bottom:var(--space-xl)}.footer__cta-title{font-size:clamp(28px,3vw,40px);font-weight:700;margin-bottom:var(--space-md)}.footer__cta-subtitle{font-size:18px;color:var(--color-secondary-text);margin-bottom:var(--space-xl)}.footer__cta-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.btn--download{display:inline-flex;align-items:center;gap:var(--space-sm);background-color:var(--color-surface-container-high);color:var(--color-text-primary);padding:14px 28px;border:1px solid var(--color-outline-variant);font-size:16px}.btn--download:hover{background-color:var(--color-surface-container);border-color:var(--color-outline)}.footer__inner{display:flex;align-items:center;justify-content:space-between}.footer__brand{font-family:var(--font-heading);font-weight:800;font-size:18px}.footer__links{display:flex;gap:var(--space-lg);list-style:none}.footer__links a{font-size:14px;color:var(--color-secondary-text);transition:color .2s}.footer__links a:hover{color:var(--color-text-primary)}.footer__copy{font-size:13px;color:var(--color-outline)}@media(max-width:1024px){.hero{padding-top:calc(var(--header-height) + var(--space-4xl));padding-bottom:var(--space-4xl)}.hero__grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.feature{padding:var(--space-3xl) 0}.feature__grid{gap:var(--space-xl)}}@media(max-width:768px){.container{padding:0 var(--space-md)}.hero{padding-top:calc(var(--header-height) + var(--space-3xl));padding-bottom:var(--space-3xl)}.hero__grid{grid-template-columns:1fr;gap:var(--space-xl)}.hero__subtitle{max-width:100%}.feature{padding:var(--space-2xl) 0}.feature__grid{grid-template-columns:1fr;gap:var(--space-xl)}.feature__grid--reverse .feature__text{order:1}.feature__grid--reverse .feature__visual{order:2}.feature__description{max-width:100%}.mockup__body{min-height:280px}.mockup__projects{width:140px;padding:var(--space-sm)}.mockup__nav{width:44px}.kanban-mockup{gap:var(--space-xs)}.footer__inner{flex-direction:column;gap:var(--space-md);text-align:center}}@media(max-width:480px){.mockup__projects{display:none}.mockup__body{min-height:240px}.workspaces-mockup{flex-direction:column}.workspaces-mockup__sidebar{flex-direction:row;width:100%;justify-content:center;padding:var(--space-xs) var(--space-sm)}}.landing{min-height:100vh;display:flex;flex-direction:column}.landing main{flex:1}