.color-down-four{color:hsl(252,25%,30%)}.color-down-three{color:hsl(252,25%,40%)}.color-down-two{color:hsl(252,30%,50%)}.color-down-one{color:hsl(252,34%,60%)}.color-up-one{color:hsl(252,38%,80%)}.color-up-two{color:hsl(252,38%,90%)}.color-accent{color:#ca59ff}.font-gradient{background:linear-gradient(130deg,hsl(252,38%,90%),hsl(252,34%,60%));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.font-gradient-down-one{background:linear-gradient(130deg,hsl(252,34%,60%),hsl(252,34%,60%));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.font-shadow{text-shadow:0 -.8em 0 #221d36,0 .8em 0 #221d36;box-shadow:0 0 0 #ff0080;line-height:220%;transition:all 1s ease .1s}@media(hover:none){.font-shadow{line-height:150%;transition:all .3s ease .1s;text-shadow:0 0 aqua,0 0 aqua;box-shadow:0 3px 0 #402c9c}}.font-shadow:hover{transition:all .3s ease .1s;text-shadow:0 0 aqua,0 0 aqua;box-shadow:0 3px 0 #402c9c}.h1,h1{font-size:3.6rem}.h2,h2{font-size:2.6rem}@media(max-width:500px){.h2,h2{padding:1rem}}.h3,h3{font-size:1.8rem}@media(max-width:500px){.h3,h3{font-size:1.6rem;line-height:150%}}.h4,h4{font-size:1.3rem}.font-light{font-weight:lighter}.font-normal{font-weight:400}.font-bold{font-weight:bolder}.font-italic{font-style:italic}.p,p{line-height:175%;font-size:1.3rem;max-width:60em;padding-right:1rem}@media(max-width:500px){.p,p{text-indent:0;max-width:unset}}.indent{text-indent:2rem}.narrow{max-width:60vw}@media(max-width:500px){.narrow{max-width:90%}}.text-center{text-align:center}.text-right{text-align:right}@media(max-width:500px){.after-cta{line-height:150%;padding:1rem}}.task-tracking p{z-index:1;position:relative;text-indent:2rem}.task-tracking .task-tracking-demo .back-wbs{position:absolute;right:1.5rem;top:1.5rem;padding:.5rem 1rem;border-radius:.5rem;color:#e8c2ff;background:#6f15a5}.task-tracking .task-tracking-demo .back-wbs:hover{color:#f5e9ff;background:#8322be}.task-tracking .task-tracking-demo .hovered-node{width:22rem;height:5.1rem;position:absolute;top:1rem;left:-6rem;padding:1rem 1.5rem;border-radius:.5rem;transition:all .5s ease 1.5s}.task-tracking .task-tracking-demo .hovered-node .hovered-stats,.task-tracking .task-tracking-demo .hovered-node .hovered-title{transition:all .5s ease 1.5s}.task-tracking .task-tracking-demo .hovered-node.is-over{transition:all 1s ease;top:.5rem}.task-tracking .task-tracking-demo .hovered-node.is-over .hovered-stats,.task-tracking .task-tracking-demo .hovered-node.is-over .hovered-title{transition:all 1s ease;filter:opacity(1)}@media(max-width:430px){.task-tracking .task-tracking-demo .hovered-node.is-over{top:-4.5rem;left:-1rem}}.task-tracking .task-tracking-demo .hovered-node .hovered-title{filter:opacity(0);font-size:1.3rem}.task-tracking .task-tracking-demo .hovered-node .hovered-stats{filter:opacity(0);display:grid;grid-template-columns:6rem 7rem 5rem}.task-tracking .task-tracking-demo .canvas{position:relative;margin:0 10rem;will-change:opacity}@media(max-width:900px){.task-tracking .task-tracking-demo .canvas{margin:0 5rem;transform:scale(.9) translateX(-2rem)}}@media(max-width:745px){.task-tracking .task-tracking-demo .canvas{margin:0 1rem;transform:scale(.9) translateX(-2rem)}}@media(max-width:520px){.task-tracking .task-tracking-demo .canvas{margin:0;transform:scale(.8) translateX(-2rem)}}.task-tracking .task-tracking-demo .canvas.kanban-visible{transition:opacity 0s ease;opacity:0}.task-tracking .task-tracking-demo .canvas.kanban-hidden{transition:opacity .5s ease;opacity:1}.task-tracking .task-tracking-demo .canvas .svg{aspect-ratio:5/4;pointer-events:none}.task-tracking .task-tracking-demo .canvas .svg .path{stroke:hsla(252,55.12%,44.03%,.3);stroke-width:.35rem;fill:none}@media(min-width:2560px){.task-tracking .task-tracking-demo .canvas .svg .path{stroke-width:.2rem}}.task-tracking .task-tracking-demo .canvas .node{position:absolute;transform:translate(-50%,-50%);color:hsl(252,38%,70%);background:linear-gradient(45deg,hsl(250,28.92%,32.55%),hsl(252.5,28.57%,16.47%));padding:1.2rem 2rem .9rem;border-radius:.5rem;font-size:1.3rem;font-weight:900;box-shadow:-1rem -1rem 3rem hsla(250.7,29.48%,28.02%,.9),1rem 1.2rem 2rem hsla(230,22%,7%,.7);transition:all 1s ease}@media(max-width:900px){.task-tracking .task-tracking-demo .canvas .node{padding:1.2rem 1rem .9rem;font-size:1.1rem}}@media(max-width:430px){.task-tracking .task-tracking-demo .canvas .node{padding:1.2rem .7rem .7rem;font-size:1.1rem}}.task-tracking .task-tracking-demo .canvas .node .click-me{top:-3rem}.task-tracking .task-tracking-demo .canvas .node .progress-bar{transition:all 1s ease;width:100%;position:absolute;top:0;left:0}.task-tracking .task-tracking-demo .canvas .node .progress-bar>*{height:.5rem;border-radius:.5rem 0 .5rem}.task-tracking .task-tracking-demo .canvas .node .progress-bar>:first-of-type{background:#ca59ff}.task-tracking .task-tracking-demo .canvas .node .progress-bar>:nth-of-type(2){background:hsl(252,30%,50%)}.task-tracking .task-tracking-demo .canvas .node .progress-bar>:nth-of-type(3){background:hsl(252,38%,70%);border-radius:.5rem .5rem 0 0}.task-tracking .task-tracking-demo .canvas .node:hover{transition:all .5s ease;color:hsl(252,38%,90%);filter:brightness(1.3) hue-rotate(20deg) saturate(2);box-shadow:-.6rem -.6rem 3rem hsla(239,57%,56%,.8),1rem 1rem 1.4rem .1rem hsl(230,22%,6%)}.task-tracking .task-tracking-demo .canvas .node:hover .click-me{filter:brightness(1) hue-rotate(-20deg) saturate(.5)}.task-tracking .task-tracking-demo .canvas .node:hover .progress-bar{transition:all .5s ease}.task-tracking .task-tracking-demo .canvas .node:hover .progress-bar>div:nth-of-type(3){background:hsl(252,38%,80%)}.task-tracking .kanban{position:absolute;top:5rem;left:0;width:100%;height:calc(100% - 5rem);border-radius:1rem}.task-tracking .kanban .boards-container .board-title{font-size:1.3rem;font-weight:900;padding:1rem;background:hsla(252,30%,50%,.1);border-radius:.5rem;margin-bottom:.2rem}.task-tracking .kanban .boards-container .kanban-board{position:relative;margin:2rem 10rem;border-radius:.5rem;box-shadow:1.5rem 1rem 2rem -1rem hsl(253.8,27.4%,11.99%)}@media(max-width:430px){.task-tracking .kanban .boards-container .kanban-board{margin:2rem}}.task-tracking .kanban .boards-container .kanban-board .breadcrumb{justify-self:flex-start;padding:.2rem .5rem;border-radius:.25rem;margin-bottom:.2rem}.task-tracking .kanban .boards-container .kanban-board .breadcrumb .arrow{color:hsl(280.84,56.33%,42.54%)}.task-tracking .kanban .boards-container .kanban-board .status-columns{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.2rem;gap:.2rem}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column{padding:1rem;gap:1rem;background:hsla(252,30%,50%,.1)}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column:first-of-type{border-radius:.5rem 0 0 .5rem}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column:nth-of-type(2){background:hsla(252,30%,50%,.2)}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column:nth-of-type(3){border-radius:0 .5rem .5rem 0;background:hsla(252,30%,50%,.3)}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column .task-card{padding:1rem;background:linear-gradient(90deg,hsl(252,29%,39%),hsla(251,27%,27%,.8));box-shadow:.5rem .5rem 1rem -.5rem hsla(250,26%,9%,.5);border-radius:.5rem;font-size:.9rem;transition:all .5s ease}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column .task-card .avatar{width:3rem;height:3rem;border-radius:2rem;margin-top:.5rem}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column .task-card:hover{transition:all .1s ease;filter:hue-rotate(26deg) brightness(1.3) saturate(1.5)}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column .add-task{padding:.75rem 1rem;border-radius:6px;background:hsl(252,48%,34%)}.task-tracking .kanban .boards-container .kanban-board .status-columns .status-column .add-task:hover{color:hsl(252,38%,90%);background:hsl(275,100%,42%)}