/* Connected projects: an interactive, illustrative product story. */
.pm-section{padding:110px 0 100px;background:radial-gradient(ellipse at 12% 20%,#dcf7ff88,transparent 38%),radial-gradient(ellipse at 90% 25%,#e4dcff66,transparent 40%),#f6f9fd;overflow:hidden}.pm-intro{max-width:1030px;text-align:center;margin:0 auto 60px}.pm-intro h2{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-2.7px;color:#102b55;margin:20px 0 26px}.pm-intro h2 em{font-style:normal;background:linear-gradient(100deg,#176cba,#7854dc);background-clip:text;-webkit-background-clip:text;color:transparent}.pm-intro>p{font-size:22px;line-height:1.7;color:#526980;max-width:900px;margin:auto}.pm-intro-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.pm-intro-tags>span{font-size:16px;font-weight:600;background:#fff;border:1px solid #dce8f3;border-radius:100px;padding:12px 20px;color:#31567f}.pm-intro-tags>span:first-child{color:#7053ce;background:#f3efff;border-color:#dfd4fa}.pm-stage{position:relative;padding:30px 20px 55px;margin:0 auto;max-width:1240px}.pm-workspace{position:relative;z-index:2;background:#fff;border:1px solid #cfdff0;border-radius:24px;box-shadow:0 35px 90px -40px #204c825c;overflow:hidden}.pm-app-header{display:flex;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid #e5edf5;background:#fcfdff}.pm-app-brand{display:flex;align-items:center;gap:12px}.pm-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1a78c8,#7351d4);color:#fff;font-weight:800;font-size:24px}.pm-app-brand b{font-size:19px;color:#122f59}.pm-app-brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#7c8da0;margin-top:4px}.pm-live{display:inline-flex;gap:7px;align-items:center;font-size:13px;color:#518270;margin-left:auto}.pm-live>i{width:7px;height:7px;border-radius:50%;background:#2ab682;box-shadow:0 0 0 4px #e4f8ee;animation:pm-status 2s infinite}.pm-team-avatars{display:flex;padding-left:10px}.pm-team-avatars>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-left:-8px;border:2px solid #fff;font-size:10px;font-weight:700;background:#dcecff;color:#376591}.pm-team-avatars>span:nth-child(2){background:#ebe0ff;color:#7f4ab8}.pm-team-avatars>span:nth-child(3){background:#dbf5ee;color:#217e66}.pm-team-avatars>span:last-child{background:#102f57;color:#fff}.pm-project-line{display:flex;align-items:center;justify-content:space-between;padding:30px 28px 20px;gap:25px}.pm-breadcrumb{font-size:11px;letter-spacing:1.4px;color:#74859c}.pm-project-line h3{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:12px 0 0}.pm-progress{width:175px;display:grid;grid-template-columns:1fr auto;gap:8px;flex-shrink:0}.pm-progress>span{font-size:12px;color:#687f96}.pm-progress>b{font-size:13px;color:#4a8f85}.pm-progress>div{grid-column:1/-1;background:#e9f1f7;height:7px;border-radius:100px;overflow:hidden}.pm-progress i{display:block;height:100%;background:linear-gradient(90deg,#238ed8,#3bbfa5);border-radius:inherit;transition:width .6s}.pm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 28px 15px;border-bottom:1px solid #e4edf5}.pm-tabs{display:flex;gap:4px;background:#eef3f9;border-radius:10px;padding:4px}.pm-tabs button{font:inherit;font-size:14px;font-weight:600;border:0;background:transparent;color:#61758e;padding:11px 16px;border-radius:8px;cursor:pointer}.pm-tabs button[aria-selected=true]{background:#fff;color:#2267b0;box-shadow:0 3px 8px #1a3c6010}.pm-auto{font:inherit;font-size:13px;border:1px solid #d7e3f0;background:#fff;color:#42617f;padding:10px 13px;border-radius:9px;cursor:pointer}.pm-board-help{font-size:13px;color:#6d8198;padding:18px 25px 0}#pm-board-panel{position:relative;background:#fbfcfe}.pm-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 25px 25px;min-height:395px}.pm-column{background:#f0f4f9;border:1px solid #e0e8f2;border-radius:14px;min-width:0}.pm-column-heading{display:flex;align-items:center;gap:8px;padding:18px 15px 8px}.pm-column-heading h4{font-size:14px;margin:0;color:#3c5169;font-weight:600}.pm-column-count{font-size:11px;border-radius:5px;padding:3px 6px;background:#dfe7f0;color:#61778e;margin-left:auto}.pm-status-dot{width:7px;height:7px;background:#9caec1;border-radius:50%}.pm-column:nth-child(2) .pm-status-dot{background:#9470e9}.pm-column:nth-child(3) .pm-status-dot{background:#35b58b}.pm-drop-area{min-height:320px;padding:10px;display:flex;flex-direction:column;gap:12px;transition:background .2s;border-radius:10px}.pm-drop-area.pm-over{background:#dceeff;outline:2px dashed #68b8ed;outline-offset:-6px}.pm-task{background:#fff;border:1px solid #dde6f1;border-radius:11px;padding:16px;box-shadow:0 5px 10px #183c5b05;cursor:grab;transition:border-color .2s,box-shadow .2s;min-width:0}.pm-task:hover{border-color:#a5c5e6;box-shadow:0 6px 18px #173b6620}.pm-task.pm-dragging{opacity:.4;cursor:grabbing}.pm-task-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.pm-category{font-size:10px;letter-spacing:.4px;background:#eaf3ff;color:#4276af;border-radius:5px;padding:5px 8px}.pm-task[data-pm-task="1"] .pm-category{background:#f3edff;color:#8f60c3}.pm-task[data-pm-task="2"] .pm-category{background:#e6f7f0;color:#368a6c}.pm-grip{color:#8ea0b4;font-size:20px}.pm-task h5{font-size:17px;line-height:1.4;color:#193756;margin:16px 0 8px}.pm-task>p{font-size:12px;line-height:1.6;color:#7a8a9e;margin:0 0 12px}.pm-priority{display:inline-block;font-size:10px;padding:5px 8px;border-radius:5px;background:#fff3e8;color:#bc7b45}.pm-task-details{display:flex;gap:12px;align-items:center;margin:18px 0;padding-bottom:14px;border-bottom:1px solid #edf1f6;color:#8291a1;font-size:11px}.pm-task-details>span:first-child{margin-right:auto}.pm-assignee{display:flex;align-items:center;gap:8px}.pm-person-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e5e8fc;color:#6651a2;font-weight:700;font-size:10px;flex-shrink:0}.pm-assignee>label{min-width:0;flex:1}.pm-field-caption{display:block;font-size:9px;color:#8897a8;letter-spacing:.4px}.pm-person-select{display:block;max-width:100%;width:100%;font:inherit;font-size:12px;color:#314d6a;background:transparent;border:0;padding:3px 0;cursor:pointer}.pm-move-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8294a7;margin-top:14px}.pm-status-select{font:inherit;font-size:10px;max-width:125px;padding:5px;border:1px solid #e2e9f1;border-radius:5px;background:#fafcff;color:#57728f;cursor:pointer}.pm-workspace-bottom{padding:17px 25px;border-top:1px solid #e4edf6;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff}.pm-event{display:flex;align-items:center;gap:9px}.pm-event>span{font-size:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e1f5ee;color:#3ca082;flex-shrink:0}.pm-event p{font-size:12px;color:#5c748c;margin:0;line-height:1.6}.pm-workspace-bottom>button{white-space:nowrap;background:transparent;border:0;color:#597491;font:inherit;font-size:12px;cursor:pointer}.pm-float{position:absolute;z-index:3;background:#fff;border:1px solid #dce5f2;border-radius:15px;box-shadow:0 15px 35px -15px #173f6f4d;display:flex;align-items:center;gap:12px;padding:15px 20px;pointer-events:none;animation:pm-float 5s ease-in-out infinite}.pm-float b{display:block;font-size:14px;color:#1b3b60}.pm-float small{display:block;font-size:11px;color:#7a8ca2;margin-top:5px}.pm-float-team{top:0;left:-12px}.pm-mini-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#37a5d5,#6476cf);color:white;font-size:20px;width:42px;height:42px;border-radius:12px}.pm-float-team i{color:#36aa88;font-style:normal;border:1px solid #bceada;background:#edf9f3;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;margin-left:10px}.pm-float-ai{right:-5px;bottom:23px;animation-delay:-2.5s;border-color:#d8caf2}.pm-ai-mark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(140deg,#7453d5,#a88ee9);color:white;font-size:25px;border-radius:12px}.pm-ai-wave{display:flex;gap:3px;align-items:center;height:20px;margin-left:14px}.pm-ai-wave i{display:block;width:3px;height:8px;border-radius:3px;background:#9c83e1;animation:pm-wave 1s infinite}.pm-ai-wave i:nth-child(2){height:16px;animation-delay:-.3s}.pm-ai-wave i:nth-child(3){animation-delay:-.6s}.pm-orbit{position:absolute;border:1px solid #c9d9f3;border-radius:50%;width:750px;height:750px;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.pm-orbit-two{width:1020px;height:1020px;border-style:dashed;border-color:#d8e3f4;animation:pm-orbit 70s linear infinite}.pm-demo-cursor{position:absolute;z-index:4;left:20%;top:46%;display:flex;align-items:center;gap:4px;pointer-events:none;animation:pm-cursor 7s infinite;filter:drop-shadow(0 3px 3px #472a9455)}.pm-demo-cursor svg{width:25px;height:30px}.pm-demo-cursor>span{white-space:nowrap;font-size:10px;color:#fff;background:#7757d6;padding:7px 10px;border-radius:6px}.pm-section.pm-paused .pm-demo-cursor{opacity:0;animation-play-state:paused}.pm-section.pm-paused .pm-ai-wave i{animation-play-state:paused}.pm-demo-note{text-align:center;font-size:14px;color:#74869c;margin:0 auto 55px;max-width:800px;line-height:1.7}.pm-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0 70px}.pm-value-grid article{background:#fff;border:1px solid #dbe5f0;padding:32px;border-radius:20px;position:relative}.pm-feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#308aca;background:#edf6fe;font-size:29px}.pm-value-grid article:nth-child(2) .pm-feature-icon{color:#8659ce;background:#f1eafd}.pm-value-grid article:nth-child(3) .pm-feature-icon{color:#309f85;background:#e8f7f1}.pm-value-grid small{position:absolute;right:30px;top:36px;color:#bdcbdc;font-size:14px}.pm-value-grid h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:24px 0 17px}.pm-value-grid p{font-size:18px;line-height:1.7;color:#5d7189;margin:0}.pm-ai-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:radial-gradient(ellipse at right,#44366b66,transparent 70%),#0c2446;border-radius:28px;padding:55px;margin:0 0 75px;overflow:hidden}.pm-ai-story-copy .eyebrow{color:#ad9cf7}.pm-ai-story h3{font-size:44px;line-height:1.12;letter-spacing:-1.4px;margin:20px 0;color:#fff}.pm-ai-story-copy>p{font-size:19px;line-height:1.75;color:#b4c6da;margin-bottom:25px}.pm-ai-story button{font:inherit;font-size:16px;font-weight:600;cursor:pointer;background:#f0ebff;border:1px solid #cdc0f5;border-radius:10px;color:#493477;padding:15px 20px}.pm-ai-chat{background:#fff;border:1px solid #ad9ed273;border-radius:20px;padding:25px;box-shadow:0 25px 70px #020f2b44}.pm-ai-chat-top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #eeeaf5}.pm-ai-chat-top>span{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(135deg,#7357d5,#ad9aed);color:#fff;border-radius:12px;font-size:24px}.pm-ai-chat-top b{font-size:20px;color:#2b2654}.pm-ai-chat-top small{display:block;font-size:11px;line-height:1.6;color:#8e87a8;margin-top:4px}.pm-ai-user{margin:23px 0 20px 30px;background:#eef3fa;border-radius:12px 12px 2px 12px;padding:15px 18px;color:#5b6e89;font-size:14px;line-height:1.6}.pm-ai-answer{border:1px solid #e3daf7;background:#f9f6ff;border-radius:12px;padding:20px;margin-right:20px;animation:pm-reveal .5s}.pm-ai-answer>b{font-size:16px;color:#5e4b8d}.pm-ai-answer p{font-size:14px;line-height:1.75;color:#7b6e98;margin:12px 0 18px}.pm-ai-answer>div{display:flex;gap:7px;flex-wrap:wrap}.pm-ai-answer>div>span{font-size:11px;border:1px solid #e0d6f4;color:#846daa;border-radius:6px;padding:6px;background:#fff}.pm-ai-disclaimer{font-size:10px;line-height:1.7;color:#978eab;display:block;margin:18px 0 0}.pm-gallery-heading{max-width:780px;margin:0 auto 35px;text-align:center}.pm-gallery-heading h3{font-size:44px;letter-spacing:-1.4px;line-height:1.15;margin:20px 0}.pm-gallery-heading p{font-size:20px;line-height:1.7;color:#667b91}.pm-gallery-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:25px 0}.pm-gallery-tabs button{font:inherit;font-size:15px;color:#627a95;cursor:pointer;background:#fff;border:1px solid #d7e2f0;border-radius:9px;padding:12px 17px}.pm-gallery-tabs button[aria-selected=true]{background:#205ca7;color:#fff;border-color:#205ca7;box-shadow:0 5px 13px #215f9d33}.pm-real-screen{border:1px solid #d0ddeb;border-radius:20px;background:#fff;padding:14px;box-shadow:0 25px 60px -40px #163f7155}.pm-screen-top{display:flex;align-items:center;gap:15px;padding:6px 8px 20px}.pm-screen-top>span{display:flex;gap:5px}.pm-screen-top i{display:block;width:7px;height:7px;border-radius:50%;background:#dce6f0}.pm-screen-top i:first-child{background:#efaaa4}.pm-screen-top i:nth-child(2){background:#f1d796}.pm-screen-top i:nth-child(3){background:#9ad9be}.pm-screen-top b{font-size:12px;color:#617894;font-weight:500}.pm-screen-top>small{font-size:10px;letter-spacing:1px;color:#94a4b7;margin-left:auto}.pm-real-screen>img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid #e2eaf3;cursor:zoom-in}.pm-real-screen>p{font-size:12px;color:#7b8ca1;text-align:center;margin:18px 0 7px}.pm-cta{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:50px}.pm-cta h3{font-size:29px;letter-spacing:-.7px;line-height:1.3;margin:0 0 12px}.pm-cta p{font-size:19px;color:#657d94;line-height:1.6;margin:0}.pm-cta .button{flex-shrink:0}.pm-section [hidden]{display:none!important}#pm-gantt-panel{padding:25px;background:#fbfcfe}.pm-gantt-help>strong{font-size:19px;color:#264e77}.pm-gantt-help>p{font-size:14px;line-height:1.7;color:#72869d;margin:12px 0 25px}.pm-gantt-scroll{overflow:auto}.pm-gantt-chart{min-width:680px;border:1px solid #dae5f0;border-radius:12px;overflow:hidden}.pm-gantt-head,.pm-gantt-row{display:grid;grid-template-columns:180px 1fr}.pm-gantt-head{background:#edf3fa;border-bottom:1px solid #dae5f0}.pm-gantt-head>span{font-size:10px;color:#6f849c;letter-spacing:1px;padding:16px}.pm-gantt-head>div{display:flex;justify-content:space-between;padding:16px 10px;font-size:10px;color:#8396ac}.pm-gantt-row{border-bottom:1px solid #e4ebf4;min-height:61px}.pm-gantt-row:last-child{border:0}.pm-gantt-row>span{display:flex;align-items:center;padding:15px;font-size:12px;line-height:1.4;color:#48627f;background:#fff}.pm-gantt-track{position:relative;background:repeating-linear-gradient(90deg,#fff 0,white calc(100% / 7 - 1px),#edf2f8 calc(100% / 7 - 1px),#edf2f8 calc(100% / 7));border-left:1px solid #e1eaf3;min-width:0}.pm-gantt-bar{position:absolute;left:calc(var(--start) / 28 * 100%);width:calc(var(--duration) / 28 * 100%);top:17px;height:28px;border:1px solid #3595d8;border-radius:6px;background:#e0f1fc;color:#3b80b3;cursor:ew-resize;touch-action:none;font:inherit;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:0 4px 8px #153a6b08}.pm-gantt-bar.violet{background:#ede5ff;color:#855db8;border-color:#ac8edb}.pm-gantt-bar.cyan{background:#e0f5f4;color:#319695;border-color:#6fbfc0}.pm-gantt-bar.green{background:#e3f4e7;color:#4e9d62;border-color:#8bc399}.pm-gantt-bar:focus{outline:3px solid #785ce8;outline-offset:3px}.pm-gantt-status{font-size:13px;color:#4c8f83;background:#eef8f3;border:1px solid #d7ece0;border-radius:8px;padding:13px;margin-top:20px}
@keyframes pm-float{50%{transform:translateY(-10px)}}@keyframes pm-status{50%{box-shadow:0 0 0 7px #e4f8ee00}}@keyframes pm-wave{50%{transform:scaleY(.5)}}@keyframes pm-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pm-cursor{0%,10%{transform:translate(0,20px);opacity:0}20%{opacity:1}40%{transform:translate(150px,-10px);opacity:1}70%{transform:translate(320px,-20px);opacity:1}90%,100%{transform:translate(340px,20px);opacity:0}}@keyframes pm-reveal{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.pm-intro h2{font-size:56px}.pm-stage{padding-inline:0}.pm-kanban{gap:10px;padding:15px}.pm-task{padding:13px}.pm-float-team{left:-8px}.pm-ai-story{gap:35px;padding:35px}.pm-ai-story h3{font-size:38px}.pm-value-grid{gap:18px}.pm-value-grid article{padding:25px}.pm-value-grid h3{font-size:23px}.pm-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.pm-section{padding:70px 0}.pm-intro{margin-bottom:40px}.pm-intro h2{font-size:41px;letter-spacing:-1.5px;line-height:1.12}.pm-intro>p{font-size:19px}.pm-intro-tags{gap:8px}.pm-intro-tags>span{font-size:13px;padding:10px 13px}.pm-stage{padding:30px 0 60px}.pm-workspace{border-radius:16px}.pm-app-header{padding:18px 14px;gap:10px}.pm-app-brand b{font-size:16px}.pm-app-brand small{font-size:8px}.pm-symbol{width:33px;height:33px;font-size:19px}.pm-live{display:none}.pm-team-avatars{margin-left:auto}.pm-team-avatars>span{width:28px;height:28px;font-size:8px}.pm-project-line{padding:23px 16px 20px;align-items:flex-start;gap:12px;flex-direction:column}.pm-project-line h3{font-size:23px}.pm-breadcrumb{font-size:9px}.pm-progress{width:100%;grid-template-columns:1fr auto}.pm-toolbar{padding:0 12px 13px;flex-wrap:wrap;gap:10px}.pm-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.pm-tabs button{font-size:12px;padding:10px 7px}.pm-auto{font-size:12px;padding:8px 12px}.pm-kanban{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:15px;min-height:380px}.pm-column{min-width:245px;max-width:245px;scroll-snap-align:start}.pm-drop-area{min-height:320px}.pm-column-heading h4{font-size:14px}.pm-task h5{font-size:17px}.pm-task>p{font-size:12px}.pm-task-details{font-size:11px}.pm-board-help{font-size:12px;padding:15px 15px 0;line-height:1.7}.pm-workspace-bottom{padding:14px;flex-wrap:wrap}.pm-event p{font-size:11px}.pm-float{padding:11px 14px;gap:9px;border-radius:12px}.pm-float-team{left:0;top:0}.pm-float-team b{font-size:11px}.pm-float-team small{font-size:9px}.pm-mini-avatar{width:32px;height:32px;font-size:16px}.pm-float-team i{margin-left:0;width:18px;height:18px}.pm-float-ai{bottom:26px;right:0}.pm-float-ai b{font-size:12px}.pm-float-ai small{font-size:10px}.pm-ai-mark{width:32px;height:32px;font-size:20px}.pm-ai-wave{margin-left:6px}.pm-demo-cursor{display:none}.pm-orbit{width:440px;height:440px}.pm-orbit-two{width:670px;height:670px}.pm-demo-note{font-size:12px;margin-bottom:35px}.pm-value-grid{grid-template-columns:1fr;margin-bottom:40px;gap:16px}.pm-value-grid article{padding:27px}.pm-value-grid h3{font-size:25px}.pm-value-grid p{font-size:18px}.pm-ai-story{grid-template-columns:1fr;padding:25px;gap:30px;border-radius:20px;margin-bottom:50px}.pm-ai-story h3{font-size:34px;letter-spacing:-1px}.pm-ai-story-copy>p{font-size:18px}.pm-ai-story button{font-size:14px;padding:14px}.pm-ai-chat{padding:18px}.pm-ai-answer{padding:16px;margin-right:0}.pm-ai-user{margin-left:15px}.pm-gallery-heading h3{font-size:34px;letter-spacing:-1px}.pm-gallery-heading p{font-size:18px}.pm-gallery-tabs{gap:7px}.pm-gallery-tabs button{font-size:13px;padding:10px 12px}.pm-real-screen{padding:8px;border-radius:13px}.pm-screen-top{gap:8px;padding:5px 3px 13px}.pm-screen-top>small{display:none}.pm-screen-top b{font-size:10px}.pm-real-screen>p{font-size:10px;line-height:1.6;margin:12px 8px 5px}.pm-cta{gap:20px;margin-top:35px}.pm-cta h3{font-size:26px}.pm-cta p{font-size:18px}.pm-cta .button{font-size:16px;width:100%;text-align:center}.pm-gantt-head,.pm-gantt-row{grid-template-columns:155px 1fr}.pm-gantt-chart{min-width:640px}#pm-gantt-panel{padding:18px 13px}.pm-gantt-help>strong{font-size:17px}.pm-gantt-help>p{font-size:13px}.pm-gantt-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pm-section *{animation:none!important;transition:none!important}.pm-demo-cursor{display:none}}