.feature-suite-hero{--suite-purple:#742ca7;--suite-shadow:0 22px 54px rgba(60,20,84,0.12);position:relative;min-height:405px}.feature-suite-hero:before{position:absolute;top:30px;right:13px;width:90%;height:350px;border-radius:22px;background:linear-gradient(140deg,#321349,#6f2a99);box-shadow:var(--suite-shadow);content:""}.feature-suite-hero-dashboard{position:absolute;top:48px;right:0;width:93%;overflow:hidden;border:1px solid rgba(56,14,80,.13);border-radius:20px;background:#fff;box-shadow:0 20px 47px rgba(49,12,71,.19)}.feature-suite-hero-top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #ece5f0}.feature-suite-hero-mark{width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#732aae,#c36ae0)}.feature-suite-hero-top b{display:block;font-size:11px}.feature-suite-hero-top span{color:#938896;font-size:9px}.feature-suite-hero-top em{margin-left:auto;border-radius:999px;padding:6px 9px;color:#197953;background:#e3f5eb;font-size:9px;font-style:normal;font-weight:900}.feature-suite-hero-body{display:grid;grid-template-columns:137px 1fr;min-height:286px}.feature-suite-hero-side{padding:15px 10px;background:#fbf9fc;color:#7a7080;font-size:9px}.feature-suite-hero-side b{display:block;margin:0 5px 10px;color:#4d4154;font-size:10px}.feature-suite-hero-side span{display:block;margin:6px 0;border-radius:6px;padding:7px}.feature-suite-hero-side span:nth-child(2){color:var(--suite-purple);background:#efe1f7;font-weight:850}.feature-suite-hero-workspace{padding:17px}.feature-suite-hero-workspace-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.feature-suite-hero-workspace h3{margin:0 0 4px;font-size:18px;letter-spacing:-.04em}.feature-suite-hero-workspace p{margin:0;color:#8c8291;font-size:10px}.feature-suite-hero-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.feature-suite-hero-pills span{border-radius:999px;padding:6px 8px;color:#593d69;background:#f2e8f7;font-size:9px;font-weight:800}.feature-suite-hero-pills span:nth-child(2){color:#1b7554;background:#e6f6ed}.feature-suite-hero-pills span:nth-child(3){color:#855119;background:#fff0d8}.feature-suite-hero-tasks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.feature-suite-hero-task{border:1px solid #eee6f1;border-radius:8px;padding:10px}.feature-suite-hero-task b{display:block;margin-bottom:3px;font-size:10px}.feature-suite-hero-task span{color:#938899;font-size:9px}.feature-suite-hero-task i{display:block;width:32px;height:3px;margin-top:8px;border-radius:4px;background:#c78ae4}.feature-suite-hero-task:nth-child(2) i{background:#56b48b}.feature-suite-hero-task:nth-child(3) i{background:#e2ad4a}.feature-suite-hero-task:nth-child(4) i{background:#6994ca}.feature-suite-hero-phone{position:absolute;z-index:3;bottom:-26px;left:-15px;width:194px;filter:drop-shadow(0 19px 22px rgba(34,7,51,.24));transform:rotate(-3deg)}.feature-suite-hero-phone img{display:block;width:100%;height:auto}@media (max-width:980px){.feature-suite-hero{width:min(630px,100%);margin:0 auto}}@media (max-width:690px){.feature-suite-hero{min-height:345px;margin-top:9px}.feature-suite-hero:before{top:28px;height:291px}.feature-suite-hero-dashboard{top:43px}.feature-suite-hero-body{grid-template-columns:106px 1fr;min-height:226px}.feature-suite-hero-side{padding:11px 8px;font-size:8px}.feature-suite-hero-side b{margin-bottom:7px;font-size:9px}.feature-suite-hero-side span{margin:7px 0}.feature-suite-hero-workspace{padding:13px}.feature-suite-hero-workspace h3{font-size:15px}.feature-suite-hero-phone{bottom:-20px;left:-7px;width:150px}}