.tf-header{--tf-header-height: 72px;--tf-header-blur: 12px;--tf-header-surface: rgba(255, 255, 255, .72);position:sticky;top:0;z-index:100;width:100%;border-bottom:1px solid transparent;background-color:transparent;transition:background-color var(--tf-duration-base) var(--tf-ease-standard),border-color var(--tf-duration-base) var(--tf-ease-standard),box-shadow var(--tf-duration-base) var(--tf-ease-standard)}.tf-header--scrolled{background-color:var(--tf-header-surface);backdrop-filter:saturate(180%) blur(var(--tf-header-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--tf-header-blur));border-bottom-color:var(--tf-border);box-shadow:var(--tf-shadow-sm)}.tf-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--tf-space-lg);width:100%;max-width:var(--tf-container-max);height:var(--tf-header-height);margin:0 auto;padding:0 var(--tf-space-lg)}.tf-header__brand{display:inline-flex;align-items:center;text-decoration:none;border-radius:var(--tf-radius-md)}.tf-header__nav{display:flex;align-items:center;gap:var(--tf-space-xl)}.tf-header__nav-link{display:inline-flex;align-items:center;min-height:44px;color:var(--tf-text-secondary);font-size:var(--tf-text-body);font-weight:600;text-decoration:none;letter-spacing:-.01em;transition:color var(--tf-duration-fast) var(--tf-ease-out)}.tf-header__nav-link:hover{color:var(--tf-accent)}.tf-header__actions{display:flex;align-items:center;gap:var(--tf-space-md)}@media (max-width: 768px){.tf-header{--tf-header-height: 64px}.tf-header__nav{display:none}.tf-header__inner{padding:0 var(--tf-space-md)}}.tf-hero-mockup{width:100%;max-width:100%}.tf-mockup-window{--tf-mockup-light-size: 12px;--tf-mockup-bar-height: 44px;--tf-mockup-light-close: #ff5f57;--tf-mockup-light-min: #febc2e;--tf-mockup-light-max: #28c840;width:100%;background-color:var(--tf-bg);border:1px solid var(--tf-border);border-radius:var(--tf-radius-lg);box-shadow:var(--tf-shadow-md);overflow:hidden}.tf-mockup-window__bar{position:relative;display:flex;align-items:center;height:var(--tf-mockup-bar-height);padding:0 var(--tf-space-md);border-bottom:1px solid var(--tf-divider);background-color:var(--tf-bg-subtle)}.tf-mockup-window__lights{display:inline-flex;gap:var(--tf-space-sm)}.tf-mockup-window__light{width:var(--tf-mockup-light-size);height:var(--tf-mockup-light-size);border-radius:var(--tf-radius-pill)}.tf-mockup-window__light--close{background-color:var(--tf-mockup-light-close)}.tf-mockup-window__light--min{background-color:var(--tf-mockup-light-min)}.tf-mockup-window__light--max{background-color:var(--tf-mockup-light-max)}.tf-mockup-window__title{position:absolute;left:50%;transform:translate(-50%);color:var(--tf-text-secondary);font-size:var(--tf-text-caption);font-weight:700;letter-spacing:-.01em}.tf-mockup-window__body{display:flex;flex-direction:column;gap:var(--tf-space-xs);padding:var(--tf-space-md)}.tf-task-row{--tf-checkbox-size: 21px;display:flex;align-items:center;gap:var(--tf-space-md);min-height:48px;padding:var(--tf-space-sm) var(--tf-space-sm);border-radius:var(--tf-radius-md)}.tf-task-row+.tf-task-row{border-top:1px solid var(--tf-divider)}.tf-task-row__check{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--tf-checkbox-size);height:var(--tf-checkbox-size);border:2px solid var(--tf-text-muted);border-radius:var(--tf-radius-pill);color:var(--tf-bg)}.tf-task-row__check[data-checked=true]{border-color:var(--tf-accent)}.tf-task-row__check-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--tf-radius-pill);background-color:var(--tf-accent);transform-origin:center}.tf-task-row__check-mark{position:relative;width:15px;height:15px}.tf-task-row__title{flex:1 1 auto;min-width:0;color:var(--tf-text);font-size:var(--tf-text-body);font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-task-row--done .tf-task-row__title{text-decoration:line-through;color:var(--tf-text-secondary)}.tf-task-row__meta{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--tf-space-sm)}.tf-task-row__due{display:inline-flex;align-items:center;padding:2px var(--tf-space-sm);border-radius:var(--tf-radius-pill);background-color:var(--tf-accent-tint);color:var(--tf-accent);font-size:var(--tf-text-caption);font-weight:700;letter-spacing:-.01em;white-space:nowrap}.tf-task-row__priority{width:9px;height:9px;border-radius:var(--tf-radius-pill)}.tf-quick-add{display:flex;align-items:center;gap:var(--tf-space-sm);flex-wrap:wrap;margin-top:var(--tf-space-sm);padding:var(--tf-space-md);border:1px solid var(--tf-border);border-radius:var(--tf-radius-md);background-color:var(--tf-bg-subtle)}.tf-quick-add__icon{flex:0 0 auto;display:inline-flex;color:var(--tf-accent)}.tf-quick-add__text{flex:1 1 auto;min-width:0;color:var(--tf-text);font-size:var(--tf-text-body);font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden}.tf-quick-add__caret{display:inline-block;width:2px;height:1.1em;margin-left:1px;vertical-align:text-bottom;background-color:var(--tf-accent);border-radius:1px}.tf-quick-add__chips{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--tf-space-xs)}.tf-quick-add__chip{display:inline-flex;align-items:center;gap:var(--tf-space-xs);padding:3px var(--tf-space-sm);border-radius:var(--tf-radius-pill);background-color:var(--tf-accent-tint);color:var(--tf-accent);font-size:var(--tf-text-caption);font-weight:700;letter-spacing:-.01em;white-space:nowrap}.tf-quick-add__chip-icon{display:inline-flex}.tf-mockup-sync{display:inline-flex;align-items:center;gap:var(--tf-space-xs);align-self:flex-end;margin-top:var(--tf-space-xs);color:var(--tf-text-secondary);font-size:var(--tf-text-caption);font-weight:600}.tf-mockup-sync__dot{width:7px;height:7px;border-radius:var(--tf-radius-pill);background-color:var(--tf-success)}@media (max-width: 480px){.tf-task-row__title{font-size:var(--tf-text-caption)}}.tf-hero{--tf-hero-top-space: 120px;--tf-hero-copy-max: 560px;position:relative;overflow:hidden;padding:var(--tf-hero-top-space) var(--tf-space-lg) var(--tf-section-space)}.tf-hero__flourish{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--tf-hero-gradient);pointer-events:none}.tf-hero__container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--tf-space-xxl);width:100%;max-width:var(--tf-container-max);margin:0 auto}.tf-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--tf-space-lg);max-width:var(--tf-hero-copy-max)}.tf-hero__eyebrow{display:inline-flex}.tf-hero__headline{margin:0;color:var(--tf-heading);font-size:var(--tf-text-display);font-weight:var(--tf-weight-display);letter-spacing:var(--tf-tracking-display);line-height:1.05;text-wrap:balance}.tf-hero__subhead{margin:0;color:var(--tf-text-secondary);font-size:var(--tf-text-body);line-height:1.6;text-wrap:pretty}.tf-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--tf-space-md);margin-top:var(--tf-space-xs)}.tf-hero__secondary{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--tf-space-sm);color:var(--tf-accent);font-size:var(--tf-text-body);font-weight:700;letter-spacing:-.01em;text-decoration:none;border-radius:var(--tf-radius-md);transition:color var(--tf-duration-fast) var(--tf-ease-out)}.tf-hero__secondary:hover{color:var(--tf-accent-hover);text-decoration:underline;text-underline-offset:4px}.tf-hero__trust{margin:0;color:var(--tf-text-muted);font-size:var(--tf-text-caption);font-weight:600}.tf-hero__mockup{justify-self:end;width:100%;max-width:100%}@media (max-width: 900px){.tf-hero{--tf-hero-top-space: 104px}.tf-hero__container{grid-template-columns:minmax(0,1fr);gap:var(--tf-space-xxl);justify-items:center;text-align:center}.tf-hero__copy{align-items:center;max-width:var(--tf-section-heading-max)}.tf-hero__actions{justify-content:center}.tf-hero__mockup{justify-self:center;max-width:520px}}@media (max-width: 480px){.tf-hero{--tf-hero-top-space: 88px;padding-left:var(--tf-space-md);padding-right:var(--tf-space-md)}.tf-hero__actions{flex-direction:column;align-items:stretch;width:100%}}:root{--tf-bg: #ffffff;--tf-bg-subtle: #f6f8f7;--tf-text: #1d2723;--tf-heading: #16201b;--tf-text-secondary: #6f7a74;--tf-text-muted: #67736e;--tf-border: #e6ebe8;--tf-divider: #eef1f0;--tf-accent: #0c7468;--tf-accent-hover: #0a5f55;--tf-accent-light: #13a594;--tf-accent-gradient: linear-gradient(150deg, #13a594, #0c7468);--tf-accent-tint: rgba(12, 116, 104, .11);--tf-accent-tint: color-mix(in srgb, var(--tf-accent) 11%, transparent);--tf-error: #e5675b;--tf-success: #13a594;--tf-priority-1: #e5675b;--tf-priority-2: #e0a23c;--tf-priority-3: #3e7bfa;--tf-priority-4: #c2cac6;--tf-space-xs: 4px;--tf-space-sm: 8px;--tf-space-md: 16px;--tf-space-lg: 24px;--tf-space-xl: 32px;--tf-space-xxl: 48px;--tf-section-space-min: 96px;--tf-section-space-max: 128px;--tf-section-space: clamp(var(--tf-section-space-min), 10vw, var(--tf-section-space-max));--tf-font-sans: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tf-text-display: clamp(3rem, 2.2rem + 3vw, 4rem);--tf-text-h2: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--tf-text-body: clamp(1rem, .94rem + .25vw, 1.125rem);--tf-text-caption: clamp(.8125rem, .7rem + .5vw, .875rem);--tf-weight-display: 800;--tf-weight-h2: 800;--tf-weight-caption: 700;--tf-tracking-display: -.025em;--tf-tracking-h2: -.02em;--tf-tracking-eyebrow: .04em;--tf-radius-sm: 8px;--tf-radius-md: 10px;--tf-radius-lg: 14px;--tf-radius-pill: 9999px;--tf-shadow-sm: 0 1px 3px rgba(12, 116, 104, .1);--tf-shadow-md: 0 8px 28px -6px rgba(0, 0, 0, .16);--tf-hero-gradient: linear-gradient(120deg, #e7f5f2 0%, #eaf6ee 50%, #ffffff 100%);--tf-container-max: 1200px;--tf-section-heading-max: 640px;--tf-duration-fast: .2s;--tf-duration-base: .4s;--tf-ease-standard: cubic-bezier(.16, 1, .3, 1);--tf-ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--tf-font-sans);font-size:var(--tf-text-body);font-weight:500;line-height:1.6;color:var(--tf-text);background-color:var(--tf-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100%}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:inherit;color:var(--tf-heading)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}::selection{background-color:var(--tf-accent-tint);color:var(--tf-heading)}:focus-visible{outline:2px solid var(--tf-accent);outline-offset:2px}.tf-page{display:flex;flex-direction:column;width:100%}.tf-skip-link{position:absolute;top:var(--tf-space-sm);left:var(--tf-space-sm);z-index:1000;padding:var(--tf-space-sm) var(--tf-space-md);border-radius:var(--tf-radius-md);background-color:var(--tf-accent);color:var(--tf-bg);font-size:var(--tf-text-caption);font-weight:var(--tf-weight-caption);box-shadow:var(--tf-shadow-md);transform:translateY(-150%);transition:transform var(--tf-duration-fast) var(--tf-ease-out)}.tf-skip-link:focus,.tf-skip-link:focus-visible{transform:translateY(0)}.tf-section-fallback{min-height:60vh}.tf-logo{display:inline-flex;align-items:center;gap:var(--tf-space-sm)}.tf-logo__mark{border-radius:var(--tf-radius-md);flex-shrink:0}.tf-logo__wordmark{font-size:21px;font-weight:var(--tf-weight-h2);letter-spacing:var(--tf-tracking-h2);color:var(--tf-accent)}.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tf-space-sm);min-height:44px;border:1px solid transparent;border-radius:var(--tf-radius-pill);font-family:var(--tf-font-sans);font-weight:var(--tf-weight-caption);white-space:nowrap;transition:background-color var(--tf-duration-fast) var(--tf-ease-out),border-color var(--tf-duration-fast) var(--tf-ease-out),color var(--tf-duration-fast) var(--tf-ease-out),box-shadow var(--tf-duration-fast) var(--tf-ease-out)}.tf-btn--md{padding:var(--tf-space-sm) var(--tf-space-lg);font-size:var(--tf-text-caption)}.tf-btn--lg{padding:var(--tf-space-md) var(--tf-space-xl);font-size:var(--tf-text-body)}.tf-btn--primary{background-color:var(--tf-accent);color:var(--tf-bg);box-shadow:var(--tf-shadow-sm)}.tf-btn--primary:hover{background-color:var(--tf-accent-hover)}.tf-btn--ghost{background-color:transparent;border-color:var(--tf-border);color:var(--tf-text)}.tf-btn--ghost:hover{background-color:var(--tf-accent-tint);border-color:var(--tf-accent);color:var(--tf-accent)}.tf-section{padding-block:var(--tf-section-space)}.tf-section--subtle{background-color:var(--tf-bg-subtle)}.tf-section__container{max-width:var(--tf-container-max);margin-inline:auto;padding-inline:var(--tf-space-lg)}.tf-section-heading{display:flex;flex-direction:column;gap:var(--tf-space-sm);margin-bottom:var(--tf-space-xxl);max-width:var(--tf-section-heading-max)}.tf-section-heading__eyebrow{font-size:var(--tf-text-caption);font-weight:var(--tf-weight-caption);letter-spacing:var(--tf-tracking-eyebrow);text-transform:uppercase;color:var(--tf-accent)}.tf-section-heading__title{font-size:var(--tf-text-h2);font-weight:var(--tf-weight-h2);letter-spacing:var(--tf-tracking-h2)}.tf-section-heading__lede{font-size:var(--tf-text-body);color:var(--tf-text-secondary)}.tf-chip{display:inline-flex;align-items:center;gap:var(--tf-space-xs);padding:var(--tf-space-xs) var(--tf-space-md);border-radius:var(--tf-radius-pill);background-color:var(--tf-accent-tint);color:var(--tf-accent);font-size:var(--tf-text-caption);font-weight:var(--tf-weight-caption);line-height:1}.tf-chip__icon{display:inline-flex;align-items:center}