.task-landing{--tl-ink:#30223f;--tl-plum:#65428b;--tl-soft:#f1edf8;--tl-line:#dfd8e9;color:var(--tl-ink);background:#fff}.task-landing .tl-wrap{width:min(1200px,100% - 64px);margin-inline:auto}.task-landing .tl-header{background:#fffc;border-bottom-color:#e3dceb}.task-landing .tl-header a[href*="/app/tasktracker"]{background:var(--tl-plum);color:#fff}.task-landing .tl-header a[href*="/app/tasktracker"]:hover{background:#4d306d}.task-landing .tl-hero{color:#fff;background:#30223f;padding:134px 0 78px}.task-landing .tl-hero-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;display:grid}.task-landing .tl-eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#766488;align-items:center;gap:10px;font-size:.72rem;font-weight:650;display:flex}.task-landing .tl-intro .tl-eyebrow{color:#d8c7eb}.task-landing .tl-intro h1{letter-spacing:-.045em;margin:26px 0;font-size:clamp(2.8rem,4.7vw,4.3rem);font-weight:650;line-height:1.08}.task-landing .tl-intro h1 span{color:#e7d690;display:block}.task-landing .tl-lead{color:#e2d9eb;max-width:36rem;margin-bottom:30px;font-size:1.04rem;line-height:1.85}.task-landing .tl-primary{background:var(--tl-plum);color:#fff;gap:10px}.task-landing .tl-primary:hover{color:#fff;background:#4d306d}.task-landing .tl-intro .tl-primary{color:#30223f;background:#e7d690}.task-landing .tl-intro .tl-primary:hover{background:#f3e5b2}.task-landing .tl-workspace-shell{background:#f3eff7;border-radius:20px;min-width:0;padding:10px;box-shadow:0 20px 60px #160a2930}.task-landing .tl-workspace-intro{color:var(--tl-ink);padding:22px 24px 24px}.task-landing .tl-workspace-intro h2{font-size:1.15rem;font-weight:650;line-height:1.35}.task-landing .tl-workspace-intro p{color:#726080;margin-top:10px;font-size:.85rem;line-height:1.75}.task-landing .tl-workspace{color:var(--tl-ink);min-width:0;scroll-margin-top:96px}.task-landing .tl-workspace>[data-testid]{border:0;border-radius:13px;padding:24px}.task-landing .tl-workspace h2{font-size:1.35rem}.task-landing .tl-workspace ul{max-height:430px;overflow:auto}.task-landing .tl-details{padding-block:86px}.task-landing .tl-detail-heading{align-items:flex-start;gap:24px;max-width:820px;margin-bottom:44px;display:flex}.task-landing .tl-mark{background:var(--tl-soft);width:58px;height:58px;color:var(--tl-plum);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.task-landing .tl-detail-heading h2,.task-landing .tl-pricing h2,.task-landing .tl-faq h2,.task-landing .tl-closing h2{letter-spacing:-.03em;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:600;line-height:1.2}.task-landing .tl-detail-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:76px;display:grid}.task-landing figure{min-width:0;margin:0}.task-landing figure img{border-radius:14px;width:100%;height:auto;display:block}.task-landing figcaption{color:#807188;text-align:center;margin-top:15px;font-size:.72rem}.task-landing .tl-detail-copy article+article{border-top:1px solid var(--tl-line);margin-top:35px;padding-top:35px}.task-landing .tl-detail-copy svg{color:var(--tl-plum);margin-bottom:16px}.task-landing .tl-detail-copy h3{font-size:1.25rem;font-weight:600;line-height:1.4}.task-landing .tl-detail-copy p{color:#726080;margin-top:12px;font-size:.93rem;line-height:1.8}.task-landing .tl-pricing{background:var(--tl-soft);padding-block:76px}.task-landing .tl-pricing-heading{max-width:700px;margin-bottom:38px}.task-landing .tl-pricing-heading h2{margin-top:16px}.task-landing .tl-plans{grid-template-columns:1fr 1fr;gap:26px;display:grid}.task-landing .tl-plan{background:#fff;border:1px solid #ddd4e7;border-radius:16px;flex-direction:column;padding:32px;display:flex}.task-landing .tl-plan-pro{border:2px solid var(--tl-plum)}.task-landing .tl-plan h3{font-size:1.35rem;font-weight:650}.task-landing .tl-plan p{color:#726080;margin-top:8px;font-size:.88rem}.task-landing .tl-plan .tl-price{color:var(--tl-ink);margin-top:24px;font-size:2.7rem;font-weight:600}.task-landing .tl-price span{margin-left:9px;font-size:.8rem;font-weight:400}.task-landing .tl-plan .tl-annual{font-size:.8rem}.task-landing .tl-plan ul{flex:1;margin:26px 0;list-style:none}.task-landing .tl-plan li{align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.9rem;line-height:1.65;display:flex}.task-landing .tl-plan li svg{color:var(--tl-plum);flex-shrink:0;margin-top:3px}.task-landing .tl-free{background:var(--tl-soft);color:var(--tl-ink);gap:10px}.task-landing .tl-free:hover{background:#dfd3ed}.task-landing .tl-faq{grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:75px;display:grid}.task-landing .tl-faq h2{margin-top:18px}.task-landing .tl-closing{text-align:center;background:#f8f6fb;padding-block:64px}.task-landing .tl-closing h2{margin-bottom:26px}@media (width<=1000px){.task-landing .tl-hero-grid{grid-template-columns:.85fr 1.15fr;gap:34px}.task-landing .tl-intro h1{font-size:3.1rem}.task-landing .tl-detail-grid{gap:34px}.task-landing .tl-faq{gap:40px}}@media (width<=760px){.task-landing .tl-wrap{width:calc(100% - 36px)}.task-landing .tl-hero{padding:112px 0 48px}.task-landing .tl-hero-grid,.task-landing .tl-detail-grid,.task-landing .tl-plans,.task-landing .tl-faq{grid-template-columns:1fr}.task-landing .tl-intro h1{font-size:clamp(2.5rem,9vw,3.4rem)}.task-landing .tl-workspace-shell{margin-top:10px}.task-landing .tl-workspace-intro{padding:18px 14px}.task-landing .tl-workspace>[data-testid]{padding:18px}.task-landing .tl-details{padding-block:52px}.task-landing .tl-detail-heading{gap:16px;margin-bottom:30px}.task-landing .tl-detail-grid{gap:34px}.task-landing .tl-detail-copy article+article{margin-top:26px;padding-top:26px}.task-landing .tl-pricing{padding-block:48px}.task-landing .tl-plan{padding:24px}.task-landing .tl-faq{gap:22px;padding-block:48px}.task-landing .tl-closing{padding-block:48px}}.task-landing .tl-workspace [data-testid]>button,.task-landing .tl-workspace [data-testid]>a{margin-bottom:4px;margin-right:10px}