.livrable{background:#fff;padding:96px 0}.livrable .container{display:flex;flex-direction:column;gap:64px;margin:0 auto;max-width:1440px;padding:0 120px}.livrable__header{align-items:center;display:flex;gap:80px}.livrable__lead{display:flex;flex:1 0 0;flex-direction:column;gap:24px;min-width:0}.livrable__header .ud-eyebrow{color:#7251da;margin:0}.livrable__heading h2{color:var(--ud-title);font-family:var(--font-headline);font-size:40px;font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:0;max-width:640px}.livrable__intro{color:#4f5c6e;flex:none;font-size:16px;font-weight:400;letter-spacing:-.015em;line-height:1.5;margin:0;max-width:100%;width:440px}.livrable__grid{align-content:flex-start;display:flex;flex-wrap:wrap;gap:24px}.livrable-card{background:#f8f9fb;border:.5px solid #e2e6ec;border-radius:12px;box-sizing:border-box;height:320px;isolation:isolate;overflow:hidden;padding:24px;position:relative;width:calc(50% - 12px)}.livrable-card__copy{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.livrable-card__copy h3{color:var(--ud-title);font-family:var(--font-headline);font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0}.livrable-card__copy p{color:#65758b;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:0}.livrable-card__fade{background:linear-gradient(180deg,rgba(248,249,251,0),#f8f9fb);bottom:0;height:52px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.livrable-mock{background:#fff;border:.5px solid #e2e6ec;border-radius:8px;box-sizing:border-box;position:absolute;z-index:1}.livrable-mock--radar{align-items:flex-start;display:flex;gap:24px;height:221px;left:94px;padding:36px 18px;top:117px;width:401px}.livrable-radar{display:block;flex:none;height:136px;object-fit:contain;width:136px}.livrable-radar__meta{display:flex;flex:1 1 auto;flex-direction:column;gap:24px;justify-content:center;min-width:0}.livrable-radar__score p{color:#65758b;font-size:10.34px;letter-spacing:-.015em;line-height:1.5;margin:0}.livrable-radar__value{align-items:center;display:flex;gap:3px;margin-top:1px}.livrable-radar__dot{background:#359128;height:6px;width:6px}.livrable-radar__value strong{color:var(--ud-title);font-family:var(--font-label);font-size:24.5px;font-weight:300;letter-spacing:-.02em;line-height:1.1}.livrable-radar__bars{display:flex;gap:8px}.livrable-radar__bars>div{display:flex;flex-direction:column;gap:8px;width:109px}.livrable-bar{background:#f3f3f3;border-radius:32px;display:block;height:6px}.livrable-mock--kanban{background:#fafafa;height:221px;left:50%;padding:12px;top:119px;transform:translateX(-50%);width:402px}.livrable-mock--chart,.livrable-mock--plan{overflow:hidden}.livrable-kanban{display:flex;gap:6px;height:100%}.livrable-kanban__col{background:#fff;border-radius:6px;display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0;overflow:hidden;padding:12px}.livrable-kanban__tag{align-items:center;border-radius:2px;color:var(--ud-title);display:flex;font-family:var(--font-label);font-size:8px;font-weight:300;gap:6px;height:13px;letter-spacing:-.02em;line-height:1.1;padding:0 6px}.livrable-kanban__tag i{display:block;height:3px;width:6px}.livrable-kanban__tag--p1{background:#e4f8e0}.livrable-kanban__tag--p1 i{background:#359128}.livrable-kanban__tag--p2{background:#f0f2f5}.livrable-kanban__tag--p2 i{background:#b4c2cf}.livrable-kanban__tag--p3{background:#e2e3fd}.livrable-kanban__tag--p3 i{background:#7251da}.livrable-skel{background:#fff;border:.5px solid #e2e6ec;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:51px;justify-content:center;padding:6px}.livrable-skel.is-faded{opacity:.72}.livrable-skel__icon{background:#f0f2f5;border-radius:120px;height:16px;width:16px}.livrable-skel__icon.is-square{border-radius:2px}.livrable-skel__bars{display:flex;flex-direction:column;gap:5px}.livrable-skel .livrable-bar{height:4px}.livrable-float{background:#fff;border:.5px solid #e2e6ec;border-radius:4px;box-shadow:0 90px 36px rgba(0,0,0,.01),0 51px 30px rgba(0,0,0,.02),0 23px 23px rgba(0,0,0,.03),0 6px 12px rgba(0,0,0,.04);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:11px;position:absolute;width:114px;z-index:4}.livrable-float--green{left:-15px;top:57px}.livrable-float--purple{left:308px;top:108px}.livrable-float__icon{align-items:center;border-radius:80px;display:flex;height:17px;justify-content:center;position:relative;width:17px}.livrable-float--green .livrable-float__icon{background:linear-gradient(180deg,rgba(53,145,40,.2),rgba(53,145,40,0));border:.4px solid #359128}.livrable-float--purple .livrable-float__icon{background:linear-gradient(180deg,rgba(114,81,218,.2),rgba(114,81,218,0)),#eff0fe;border:.4px solid #7251da}.livrable-float__icon img{display:block;height:12px;object-fit:contain;width:12px}.livrable-float p{color:var(--ud-title);font-size:10px;font-weight:500;line-height:1.1;margin:0}.livrable-mock--chart,.livrable-mock--plan{height:221px;left:50%;top:calc(50% + 67px);transform:translate(-50%,-50%);width:402px}.livrable-mock--chart{display:flex;flex-direction:column;padding:12px 17px 17px}.livrable-chart__head{align-items:center;display:flex;gap:8px;padding-bottom:6px}.livrable-chart__head>p{color:#65758b;flex:1 1 0;font-family:var(--font-label);font-size:8px;font-weight:500;letter-spacing:0;line-height:1.25;margin:0;text-transform:uppercase}.livrable-chart__legend{align-items:center;display:flex;gap:8px}.livrable-chart__legend span{align-items:center;display:flex;gap:3px}.livrable-chart__legend i{display:block;height:3px;width:9px}.livrable-chart__legend i.is-purple{background:#7251da}.livrable-chart__legend i.is-gray{background:#cdd3dd}.livrable-chart__legend i.is-green{background:#359128;opacity:.6}.livrable-chart__legend b{background:#f3f3f3;border-radius:32px;display:block;height:3px}.livrable-chart__period{align-items:center;display:flex;flex:none;gap:2px;justify-content:flex-end}.livrable-chart__period span{color:#000;font-size:9px;font-weight:500;line-height:1.2}.livrable-chart__period img{display:block;height:17px;object-fit:contain;width:17px}.livrable-chart__plot{flex:1 1 auto;margin-top:12px;min-height:0;position:relative}.livrable-chart__areas{display:block;height:calc(100% - 4px);object-fit:fill;width:100%}.livrable-chart__fill{height:85px}.livrable-chart__fill,.livrable-chart__line{left:5px;object-fit:fill;pointer-events:none;position:absolute;top:26px;width:calc(100% - 10px)}.livrable-chart__line{height:59px}.livrable-chart__dot{height:5px;left:175px;object-fit:contain;position:absolute;top:59px;width:5px}.livrable-chart__axis{display:flex;justify-content:space-between;padding-top:3px}.livrable-chart__axis span{color:#000;flex:1 1 0;font-family:var(--font-label);font-size:7.3px;font-weight:400;line-height:9px;text-align:center;text-transform:uppercase}.livrable-mock--plan{padding:24px}.livrable-plan{height:177px;overflow:hidden;position:relative;width:100%}.livrable-plan__label{color:#65758b;font-family:var(--font-label);font-size:8px;font-weight:500;line-height:10px;margin:0;position:absolute;text-transform:uppercase;top:0}.livrable-plan__label--left{left:0}.livrable-plan__label--right{right:0;text-align:right}.livrable-plan__grid{height:132px;left:62px;object-fit:fill;position:absolute;top:31px;width:233px}.livrable-plan__row{align-items:center;background:#fff;border:.7px solid #e2e6ec;border-radius:3px;box-sizing:border-box;color:var(--ud-title);display:flex;font-size:12px;font-weight:500;height:35px;justify-content:space-between;line-height:16px;padding:8px 12px;position:absolute;white-space:nowrap}.livrable-plan__row strong{font-weight:500}.livrable-plan__row .is-green{color:#359128}.livrable-plan__row .is-purple{color:#7251da}.livrable__cta{display:flex;justify-content:center}@media (max-width:1100px){.livrable .container{padding:0 48px}.livrable__header{align-items:flex-start;flex-direction:column;gap:24px}.livrable__intro{width:auto}.livrable-card{width:100%}.livrable-mock--radar{left:50%;transform:translateX(-50%)}}@media (max-width:767px){.livrable{padding:56px 0}.livrable .container{gap:40px;padding:0 20px}.livrable__heading h2{font-size:28px}.livrable-card{height:300px}.livrable-mock--chart,.livrable-mock--kanban,.livrable-mock--plan,.livrable-mock--radar{width:min(402px,calc(100% - 32px))}}