*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f6f7f9;color:#181c29;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5544ed;outline-offset:4px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{max-width:1400px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:30px;font-weight:750;letter-spacing:-1.5px}nav{display:flex;gap:35px;font-size:14px}.button{background:#4c37e6;color:white;display:inline-flex;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:8px;gap:40px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#3925c9;transform:translateY(-2px)}.small{padding:12px 20px;font-size:14px}.hero{max-width:1400px;margin:auto;padding:85px 7% 65px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5746ee;margin-right:10px}h1{font-size:clamp(70px,8.5vw,130px);font-weight:600;line-height:1;letter-spacing:-7px;margin:35px 0}h1 span{color:#5746ee}h2{font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:22px 0}h3{margin:0;font-weight:500}.hero-lower{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-lower p{color:#606373;font-size:18px}.workspace{margin:0 auto 100px;width:88%;max-width:1280px;border:1px solid #d7d9e1;border-radius:14px;overflow:hidden;background:white;box-shadow:0 30px 90px #26244913}.app-top{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid #e9eaf0;font-size:14px}.app-top strong span{font-weight:400;color:#727684;margin-left:12px}.demo-tag{font-size:10px;letter-spacing:1px;color:#64677b}.app-body{display:grid;grid-template-columns:185px 1fr;min-height:490px}aside{padding:25px 14px;display:flex;flex-direction:column;border-right:1px solid #e9eaf0;background:#fafafd}aside>p{font-size:10px;letter-spacing:1.4px;color:#777c89;margin-left:12px}aside>a{padding:12px;font-size:14px;color:#676c7c;border-radius:5px}.selected{background:#efedff;color:#5544d9}.team{display:flex;align-items:center;gap:10px;margin:auto 0 0;font-size:12px}.team>span{background:#e4e0ff;padding:8px;border-radius:8px}small{display:block;color:#767b89;font-size:10px}.board{padding:35px;min-width:0}.board-title{display:flex;justify-content:space-between;align-items:start}.board-title h2{font-size:28px;letter-spacing:-1px;margin:6px 0}.board-title p{font-size:12px;color:#787b89;margin:8px 0}.avatars{display:flex}.avatars b{width:29px;height:29px;border-radius:50%;border:2px solid white;background:#e1e7fa;display:grid;place-items:center;font-size:10px;margin-left:-6px}.avatars b:nth-child(2){background:#f0ddcf}.avatars b:nth-child(3){background:#dbe7d4}.board-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eaf0;margin-top:22px;padding-bottom:15px;gap:15px}.board-toolbar button{border:0;border-radius:5px;padding:8px 12px;font-size:12px;background:transparent;color:#6c7180}.board-toolbar button[aria-pressed=true]{background:#efedff;color:#4939be}.board-toolbar>span{font-size:11px;color:#757b8c}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.columns h3{font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:18px}.columns h3>span:last-child{margin-left:auto;color:#8c90a0}.state{width:7px;height:7px;border-radius:50%;background:#a8adbb}.doing{background:#efb849}.done{background:#5caa88}.task{border:1px solid #e2e5ed;border-radius:8px;padding:15px;margin-bottom:12px;background:white;box-shadow:0 3px 8px #2221}.task>span{font-size:10px;color:#686278;background:#f0eef7;border-radius:4px;padding:4px 6px}.task h4{font-size:13px;margin:16px 0 9px;font-weight:600}.task p{font-size:11px;color:#818696;margin:0 0 16px}.task button{font-size:11px;padding:7px 9px;border:1px solid #d9dce5;background:#f9f9fd;border-radius:4px;color:#494759;width:100%;text-align:left}.empty{font-size:12px;color:#838895;border:1px dashed #e0e3ea;padding:20px 12px;border-radius:6px}.demo-help{font-size:11px;color:#797e90;margin-top:25px}.demo-help button{border:0;background:transparent;text-decoration:underline;font-size:11px;color:#5544ce}.workflow{max-width:1400px;margin:auto;padding:40px 8% 110px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.steps article{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid #d9dce4}.steps article>span{color:#7769d9;font-size:13px}.steps h3{font-size:21px}.steps p{color:#6a6e7c}.pricing{background:#181c29;color:white;padding:100px 10%;display:grid;grid-template-columns:1fr 1fr;gap:90px}.pricing>div>p:not(.eyebrow){color:#b0b5c7}.price-card{border:1px solid #ffffff30;background:#222737;padding:35px;border-radius:14px}.price-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.price-head strong{font-size:24px}.price-head span{font-size:12px;color:#aab0c4}.price{display:flex;align-items:baseline;gap:10px;margin:30px 0}.price>span{font-size:64px;letter-spacing:-3px;color:white}.price small{font-size:13px}.billing{display:flex;gap:8px;background:#161b29;padding:5px;border-radius:8px}.billing button{flex:1;padding:10px 6px;border:0;background:transparent;color:#bbc1d4;font-size:12px;border-radius:5px}.billing button[aria-pressed=true]{background:#4c37e6;color:white}.price-card label{display:flex;justify-content:space-between;font-size:13px;margin-top:25px}.price-card input{width:100%;accent-color:#9c8bff;margin:18px 0}#total{margin:0;font-size:15px!important;color:white!important}.price-card ul{padding-left:18px;color:#bdc4d8;font-size:14px;line-height:2.3;margin:25px 0}.price-card .button{display:flex}.price-card .fine{font-size:11px;margin-bottom:0}.closing{padding:110px 7%;text-align:center;background:#eeebff}.closing h2{font-size:clamp(42px,5.5vw,80px);margin-bottom:38px}.closing h2 span{color:#5944d8}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px 6%}footer p,footer>a:last-child{font-size:12px;color:#656a7c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.workspace{width:94%}.app-body{grid-template-columns:1fr}aside{display:none}.board{padding:25px}.workflow,.pricing{gap:40px}}@media(max-width:600px){header{padding:22px 6%}nav{display:none}.hero{padding:55px 7% 40px}.hero>.eyebrow{max-width:280px;line-height:1.8}h1{font-size:70px;letter-spacing:-4px}.hero-lower{display:block}.hero-lower p{font-size:16px}.hero-lower p br{display:none}.hero-lower .button{margin-top:15px}.workspace{margin-bottom:60px}.app-top{padding:18px}.app-top strong span{display:none}.board{padding:20px 15px}.board-title h2{font-size:25px}.board-title p:not(.eyebrow){max-width:200px}.board-toolbar{align-items:start}.board-toolbar>span{max-width:60px}.board-toolbar button{padding:8px 6px;font-size:11px}.columns{grid-template-columns:1fr}.columns>section{border-bottom:1px solid #e6e7ec;padding-bottom:15px}.columns h3{font-size:14px}.task h4{font-size:15px}.task button{font-size:13px;padding:12px}.task p{font-size:12px}.workflow,.pricing{grid-template-columns:1fr;padding:65px 7%;gap:30px}.price-card{padding:25px}.closing{padding:70px 7%}h2{letter-spacing:-2px}footer{flex-wrap:wrap}footer .logo{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:601px) and (max-width:850px){.pricing{grid-template-columns:1fr}.price-card{max-width:550px;width:100%;margin:auto}.workflow{gap:35px}}