.task-demo-page{color:#172136;background:#f3f5f9;min-height:100vh}.task-demo-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:23px 32px;display:flex}.task-back{color:#536888;align-items:center;gap:8px;font-size:14px;display:flex}.task-demo-wrap{max-width:1320px;margin:auto;padding:20px 32px 30px}.task-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.task-intro h1{margin:12px 0;font-size:clamp(29px,3.3vw,43px)}.task-intro p{color:#60718c}.task-intro>.button{flex-shrink:0}.task-disclosure{color:#62728b;max-width:940px;margin:20px 0 26px;font-size:14px;line-height:1.65}.task-comparison{gap:20px}.task-comparison-tabs[data-slot=tabs-list]{background:#e3e9f2;border:1px solid #d9e1ee;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;width:100%;height:auto;padding:6px;display:grid}.task-comparison-tabs [data-slot=tabs-trigger]{white-space:normal;text-align:left;color:#60718a;border-radius:8px;justify-content:flex-start;gap:16px;height:auto;padding:17px 22px}.task-comparison-tabs [data-slot=tabs-trigger][data-state=active]{color:#204baf;background:#fff;box-shadow:0 2px 5px #172d5312}.task-comparison-tabs [data-slot=tabs-trigger] svg{width:22px;height:22px}.task-comparison-tabs strong,.task-comparison-tabs small{display:block}.task-comparison-tabs strong{font-size:17px;line-height:1.5}.task-comparison-tabs small{margin-top:2px;font-size:14px;font-weight:400}.task-before-panel[data-state=active]{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:30px;display:grid}.task-chat{background:#f5f5fa;border:1px solid #d6d8e5;border-radius:13px;overflow:hidden}.task-chat-top{color:#fff;background:#464575;align-items:center;gap:10px;padding:18px 22px;font-size:16px;display:flex}.task-chat-top>span{background:#ffffff16;border-radius:5px;margin-left:auto;padding:3px 9px;font-size:12px}.task-chat-body{padding:19px 24px 26px}.task-chat-day{text-align:center;color:#697189;margin-bottom:20px;font-size:12px}.task-chat-message{align-items:flex-start;gap:12px;margin-top:17px;display:flex}.task-chat-message>div{flex:1;min-width:0}.task-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:12px;font-weight:650;display:grid}.task-avatar.chief{color:#4c477d;background:#dedcf3}.task-avatar.noah{color:#315f77;background:#dfebf1}.task-avatar.lena{color:#714a8a;background:#e9e3f2}.task-message-meta{color:#49556c;align-items:center;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.task-message-meta>span{color:#7b8394;font-size:12px}.task-chat-bubble{background:#fff;border:1px solid #e1e3ed;border-radius:0 9px 9px;padding:12px 15px;font-size:16px;line-height:1.6}.task-before-note{align-self:center;padding:28px 8px 24px 12px}.task-before-note h2{margin:15px 0 20px;font-size:32px;line-height:1.2}.task-before-note>p{color:#5e6e86;font-size:16px;line-height:1.8}.task-extract{color:#415979;flex-direction:column;gap:13px;padding:22px 0 26px;font-size:14px;display:flex}.task-extract span{align-items:center;gap:10px;display:flex}.task-before-note .button{font-size:14px}.task-before-note p.task-small-note{margin-top:12px;font-size:13px}.task-role-bar{color:#fff;background:#17375f;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;display:flex}.task-role-bar .eyebrow{color:#b6cce9}.task-role-buttons{gap:8px;margin-top:10px;display:flex}.task-role-buttons button{color:#e0e9f6;background:0 0;border:1px solid #6a809e;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:9px 18px;font-size:15px;display:flex}.task-role-buttons button.selected{color:#1a4179;background:#fff;border-color:#fff}.task-role-context p strong,.task-role-context p span{display:block}.task-role-context p strong{font-size:16px}.task-role-context p span{color:#b8cbe7;margin-top:4px;font-size:14px}.task-role-context label{align-items:center;gap:12px;font-size:14px;display:flex}.task-role-context select{color:#1a355e;background:#fff;border:1px solid #c1d0e6;border-radius:7px;padding:9px 13px}.task-create-area{background:#fff;border:1px solid #dce3ee;border-radius:12px;grid-template-columns:260px 1fr;gap:35px;margin-top:20px;padding:28px;display:grid}.task-step{color:#4167ac;background:#edf2fd;border-radius:7px;padding:5px 9px;font-size:13px;font-weight:650;display:inline-block}.task-form-intro h2{margin:15px 0 10px;font-size:24px}.task-form-intro p{color:#667791;font-size:15px;line-height:1.7}.task-form-intro .task-text-button{text-align:left;margin-top:22px}.task-text-button{color:#2a55ad;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.task-text-button:hover{text-decoration:underline}.task-text-button:disabled{cursor:default;text-decoration:none}.task-create-form{gap:13px;min-width:0;display:grid}.task-create-form label,.task-reply-form label{color:#405673;flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.task-create-form input,.task-create-form textarea,.task-create-form select,.task-reply-form textarea{color:#243b5b;background:#fff;border:1px solid #cbd6e6;border-radius:7px;width:100%;min-width:0;padding:9px 11px;font-size:16px;font-weight:400;line-height:1.55;display:block}.task-create-form input::placeholder,.task-create-form textarea::placeholder,.task-reply-form textarea::placeholder{color:#758198}.task-create-form textarea,.task-reply-form textarea{resize:vertical}.task-form-options{grid-template-columns:1fr 1.7fr 1fr;gap:14px;display:grid}.task-optional{color:#6a7b95;font-size:12px;font-weight:400;display:contents}.task-submit-row{justify-content:space-between;align-items:center;gap:18px;margin-top:4px;display:flex}.task-submit-row>span{color:#6d7e96;max-width:300px;font-size:13px}.task-submit-row button{flex-shrink:0}.task-form-error{color:#a2223b;font-size:14px}.task-created{color:#225b3b;background:#e9f5ee;border:1px solid #c4e3cf;border-radius:10px;align-items:center;gap:13px;margin-top:18px;padding:18px 22px;display:flex}.task-created p{overflow-wrap:anywhere;flex:1;min-width:0}.task-created p strong,.task-created p span{font-size:14px;display:block}.task-created p span{color:#4f7360;margin-top:3px}.task-board{margin-top:30px}.task-board-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.task-board-heading h2{margin-top:8px;font-size:27px}.task-count{color:#5c6f8b;font-size:14px}.task-employee-hint{color:#60718b;margin:-3px 0 22px;font-size:15px}.task-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.task-column{background:#e9eef5;border:1px solid #dae2ee;border-radius:12px;min-width:0;min-height:180px;padding:15px}.task-column>h3{letter-spacing:0;align-items:center;gap:9px;margin:0 1px 16px;font-size:16px;display:flex}.task-status-dot{background:#75869f;border-radius:50%;width:9px;height:9px}.task-column.active .task-status-dot{background:#315eda}.task-column.done .task-status-dot{background:#238256}.task-column-count{color:#53667f;text-align:center;background:#dce4ef;border-radius:5px;min-width:25px;margin-left:auto;padding:3px 6px;font-size:12px}.task-card{overflow-wrap:anywhere;background:#fff;border:1px solid #d6e0ed;border-radius:9px;min-width:0;padding:18px;box-shadow:0 3px 6px #27405e04}.task-card+.task-card{margin-top:12px}.task-card.highlighted{border-color:#7e9fe8;box-shadow:0 0 0 2px #3769cf10}.task-card:focus-visible{outline-offset:2px;outline:3px solid #83a5ff}.task-card-top{color:#65768d;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.task-priority{color:#6d7c91;background:#f0f3f8;border-radius:4px;padding:3px 7px;font-size:12px}.task-priority.high{color:#895410;background:#fff0d8}.task-card h4{letter-spacing:-.015em;margin:0 0 10px;font-size:18px;font-weight:650;line-height:1.4}.task-description{color:#5b6c84;white-space:pre-wrap;font-size:16px;line-height:1.65}.task-card-meta{color:#4e6687;flex-wrap:wrap;gap:9px 15px;margin-top:18px;font-size:14px;display:flex}.task-card-meta>span{align-items:center;gap:6px;display:flex}.task-reply{color:#37644b;background:#eff6f1;border-radius:7px;margin-top:18px;padding:12px}.task-reply>strong{align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.task-reply>p{white-space:pre-wrap;margin-top:6px;font-size:14px;line-height:1.6}.task-actions{border-top:1px solid #e4eaf2;margin-top:18px;padding-top:17px}.task-actions>.button{width:100%;font-size:14px}.task-complete{color:#246a45;background:#e8f5ed;border-color:#bfdfcc}.task-complete:hover{background:#d9efdf}.task-reply-form{margin-top:18px}.task-reply-form textarea{margin-bottom:8px}.task-column-empty{color:#6a7d99;text-align:center;border:1px dashed #c7d3e4;border-radius:7px;padding:20px 10px;font-size:14px;line-height:1.7}.task-return{background:#e5edfa;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px;display:flex}.task-return p{color:#526b90;font-size:15px}.task-notice{color:#2b5893;margin-top:20px;font-size:14px;line-height:1.6}.task-notice:empty{display:none}.task-demo-footer{color:#647691;border-top:1px solid #dce3ee;justify-content:space-between;gap:20px;margin-top:35px;padding-top:24px;font-size:14px;display:flex}.task-demo-footer a{color:#335c9b;align-items:center;gap:8px;display:flex}@media (max-width:1050px){.task-create-area{grid-template-columns:210px 1fr;gap:24px;padding:22px}.task-columns{gap:12px}.task-column{padding:11px}.task-card{padding:14px}.task-before-panel[data-state=active]{grid-template-columns:1.2fr 1fr;gap:20px}.task-before-note h2{font-size:28px}.task-submit-row{align-items:flex-start}.task-chat-body{padding:17px}}@media (max-width:800px){.task-demo-nav{padding:20px}.task-demo-wrap{padding:12px 20px 25px}.task-intro{flex-direction:column;align-items:flex-start;gap:16px}.task-disclosure{margin:16px 0 22px}.task-before-panel[data-state=active]{grid-template-columns:1fr}.task-before-note{padding:10px 3px}.task-create-area{grid-template-columns:1fr;gap:22px}.task-form-intro .task-text-button{margin-top:12px}.task-step{display:none}.task-form-intro h2{margin-top:0}.task-columns{grid-template-columns:1fr}.task-column{min-height:0;padding:16px}.task-card{padding:18px}.task-role-bar{flex-direction:column;align-items:flex-start;gap:22px}.task-role-context p span{max-width:100%}.task-created{flex-wrap:wrap}.task-created>.button{margin-left:34px}.task-comparison-tabs [data-slot=tabs-trigger]{gap:10px;padding:12px}.task-comparison-tabs [data-slot=tabs-trigger] svg{display:none}.task-comparison-tabs small{font-size:14px;line-height:1.45}.task-form-options{grid-template-columns:1fr 1fr}.task-form-options>label:nth-child(2){grid-area:2/1/auto/-1}.task-board-heading,.task-return{flex-direction:column;align-items:flex-start}.task-demo-footer{flex-direction:column;gap:12px}}@media (max-width:450px){.task-demo-nav .wordmark>span:last-child{display:none}.task-demo-nav{padding:17px}.task-demo-wrap{padding:12px 16px 22px}.task-intro h1{font-size:30px}.task-chat-top{flex-wrap:wrap;gap:8px;padding:15px;font-size:14px}.task-chat-top>span{margin-left:0}.task-chat-body{padding:14px 12px 20px}.task-chat-message{gap:8px}.task-avatar{width:27px;height:27px;font-size:11px}.task-chat-bubble{padding:11px}.task-message-meta{flex-wrap:wrap;gap:4px 8px}.task-submit-row{flex-direction:column}.task-submit-row>.button{width:100%}.task-create-area,.task-role-bar{padding:18px}.task-role-context label{flex-wrap:wrap}.task-created{padding:16px}.task-created>.button{width:100%;margin-left:0}.task-demo-footer a{align-items:flex-start}}.task-project-story{border-top:1px solid #dce3ee;grid-template-columns:1fr 1.5fr;gap:48px;margin-top:32px;padding:38px 0 10px;display:grid}.task-project-story h2{margin-top:13px;font-size:27px;line-height:1.3}.task-project-story p{color:#60718b;font-size:16px;line-height:1.8}.task-project-story .task-text-button{margin-top:20px}.task-intro h1{max-width:850px;line-height:1.2}@media (max-width:800px){.task-project-story{grid-template-columns:1fr;gap:22px}.task-project-story h2{font-size:25px}}