@charset "utf-8";.project-success{--background:#0d0c17;--card-background:rgba(255, 255, 255, 0.035);--card-background-strong:rgba(255, 255, 255, 0.055);--border:rgba(255, 255, 255, 0.14);--text:#f7f5fb;--text-muted:#a9a5b3;--pink:#ef2d7a;--orange:#ff7900;position:relative;overflow:hidden;color:var(--text);border-radius:34px}.project-success *,.project-success *::before,.project-success *::after{box-sizing:border-box}.project-success__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.15fr);gap:clamp(35px, 5vw, 70px);align-items:start}.project-success__eyebrow{position:relative;display:inline-block;margin-bottom:38px;color:var(--pink);font-size:18px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.project-success__eyebrow::after{position:absolute;top:calc(100% + 17px);left:0;width:88px;height:3px;content:"";background:linear-gradient(90deg,var(--pink),var(--orange),transparent);border-radius:10px}.project-success h2{margin:0;font-size:clamp(36px, 4vw, 56px);font-weight:700;line-height:1.18;letter-spacing:-.045em}.project-success h2 span{color:#fff0;background:linear-gradient(90deg,var(--pink),#f34480 45%,var(--orange));background-clip:text;-webkit-background-clip:text}.project-success__lead{max-width:680px;margin:18px 0 28px;color:#c1bdc8;font-size:18px;line-height:1.75}.project-success__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-card{position:relative;min-height:205px;padding:26px 24px 20px;overflow:hidden;background:linear-gradient(145deg,rgb(255 255 255 / .055),rgb(255 255 255 / .025));border:1px solid var(--border);border-radius:20px;transition:transform 0.3s ease,border-color 0.3s ease}.stat-card:hover{transform:translateY(-4px);border-color:rgb(255 255 255 / .25)}.stat-card__head{display:flex;gap:20px;align-items:center}.stat-card__icon{display:grid;flex:0 0 70px;width:70px;height:70px;place-items:center;border-radius:50%}.stat-card--pink .stat-card__icon{background:linear-gradient(145deg,#ee1e67,#f34463)}.stat-card--orange .stat-card__icon{background:linear-gradient(145deg,#ff6900,#ff9600)}.stat-card__icon svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-card__head strong{display:block;font-size:clamp(28px, 3vw, 40px);line-height:1;letter-spacing:-.04em}.stat-card__head strong small{color:#b3afba;font-size:.55em;font-weight:400}.stat-card__head span,.stat-card__bottom span{display:block;margin-top:8px;color:var(--text-muted);font-size:16px}.stat-card__bottom{display:flex;gap:15px;align-items:flex-end;justify-content:space-between;margin-top:24px}.stat-card__bottom b{font-size:20px;white-space:nowrap}.stat-card--pink .stat-card__bottom b{color:var(--pink)}.stat-card--orange .stat-card__bottom b{color:var(--orange)}.sparkline{width:135px;height:72px;overflow:visible}.sparkline__line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stat-card--pink .sparkline__line{stroke:var(--pink)}.stat-card--orange .sparkline__line{stroke:var(--orange)}.sparkline__area{opacity:0;transition:opacity 0.8s ease 0.5s}.project-success__result{position:relative}.project-success__customer{position:absolute;top:0;right:0;display:flex;gap:16px;align-items:center;min-width:255px;padding:12px 22px 12px 14px;background:linear-gradient(135deg,rgb(255 255 255 / .07),rgb(255 255 255 / .035));border:1px solid var(--border);border-radius:100px}.customer-icon{display:grid;width:58px;height:58px;place-items:center;background:linear-gradient(135deg,var(--pink),#ff4e5a);border-radius:50%;box-shadow:0 0 35px rgb(239 45 122 / .25)}.customer-icon svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}.project-success__customer strong,.project-success__customer span{display:block}.project-success__customer strong{font-size:18px}.project-success__customer span{margin-top:2px;color:var(--text-muted);font-size:16px}.main-chart{padding:30px 34px 26px;background:linear-gradient(145deg,rgb(255 255 255 / .055),rgb(255 255 255 / .025));border:1px solid var(--border);border-radius:22px}.main-chart__heading strong,.main-chart__heading span{display:block}.main-chart__heading strong{font-size:21px}.main-chart__heading span{margin-top:4px;color:var(--text-muted);font-size:16px}.main-chart__canvas{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;margin-top:32px}.main-chart__y-axis{display:flex;flex-direction:column;justify-content:space-between;height:300px;padding-bottom:1px;color:#aaa6b1;font-size:14px;text-align:right}.main-chart__graphic{position:relative;height:340px}.main-chart__graphic>svg{position:absolute;top:0;left:0;z-index:2;width:100%;height:300px;overflow:visible}.main-chart__grid{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:300px}.main-chart__grid i{display:block;width:100%;border-top:1px dashed rgb(255 255 255 / .1)}.main-chart__line{fill:none;stroke:#f13070;stroke-width:5;stroke-linecap:round}.main-chart__previous{fill:none;stroke:rgb(194 190 201 / .35);stroke-width:5;stroke-linecap:round}.main-chart__dots{opacity:0;fill:#f33d70;transition:opacity 0.5s ease 1.25s}.main-chart__badge,.main-chart__before{position:absolute;z-index:4;opacity:0;transform:translateY(10px);transition:opacity 0.5s ease,transform 0.5s ease}.main-chart__badge{top:-25px;right:-15px;padding:8px 12px;background:linear-gradient(90deg,var(--pink),var(--orange));border-radius:7px 7px 7px 0;font-weight:600}.main-chart__before{right:-5px;bottom:55px;padding:7px 12px;color:#ddd9e1;background:rgb(118 115 126 / .65);border-radius:7px 7px 0}.main-chart__months{position:absolute;right:0;bottom:5px;left:0;display:flex;justify-content:space-between;padding:0 22px;color:#aaa6b1;font-size:14px}.main-chart__details{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;padding-top:28px;border-top:1px solid rgb(255 255 255 / .08)}.main-chart__details>div{display:flex;flex-direction:column;align-items:center;padding:0 15px;text-align:center}.main-chart__details>div+div{border-left:1px solid rgb(255 255 255 / .13)}.main-chart__details b{margin-bottom:10px;color:var(--pink);font-size:38px;font-weight:400;line-height:1}.main-chart__details>div:nth-child(even) b{color:var(--orange)}.main-chart__details strong{font-size:22px}.main-chart__details span{margin-top:5px;color:var(--text-muted);font-size:14px}.project-success__quote{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:22px 32px;background:linear-gradient(145deg,rgb(255 255 255 / .055),rgb(255 255 255 / .025));border:1px solid var(--border);border-radius:20px}.quote-text{display:flex;gap:26px;align-items:center}.quote-mark{color:var(--pink);font-family:Georgia,serif;font-size:96px;font-weight:700;line-height:.7}.quote-text p{margin:0;color:#c0bcc6;font-size:16px;line-height:1.65}.quote-customer{display:flex;gap:20px;align-items:center;min-width:360px;padding-left:38px;border-left:1px solid rgb(255 255 255 / .15)}.quote-customer__icon{display:grid;width:74px;height:74px;place-items:center;background:linear-gradient(135deg,var(--pink),#ff5a3c);border-radius:50%;font-size:48px;line-height:1}.quote-customer strong,.quote-customer span{display:block}.quote-customer strong{font-size:19px}.quote-customer span{margin-top:5px;color:var(--text-muted)}.js-chart-line{stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length)}.project-success.is-visible .js-chart-line{animation:draw-chart 1.5s cubic-bezier(.45,0,.25,1) forwards}.project-success.is-visible .main-chart__previous{animation-delay:0.1s}.project-success.is-visible .main-chart__line{animation-delay:0.25s}.project-success.is-visible .sparkline__area{opacity:1}.project-success.is-visible .main-chart__dots{opacity:1}.project-success.is-visible .main-chart__badge,.project-success.is-visible .main-chart__before{opacity:1;transform:translateY(0);transition-delay:1.25s}@keyframes draw-chart{to{stroke-dashoffset:0}}@media (max-width:1150px){.project-success__top{grid-template-columns:1fr}}@media (max-width:700px){.project-success{border-radius:22px}.project-success__stats{grid-template-columns:1fr}.project-success__customer{left:0;right:auto}.main-chart{padding:24px 15px 20px}.main-chart__canvas{grid-template-columns:35px minmax(0,1fr)}.main-chart__details{grid-template-columns:repeat(2,1fr);gap:25px 0}.main-chart__details>div:nth-child(3){border-left:0}.project-success__quote{flex-direction:column;align-items:stretch;gap:25px}.quote-customer{min-width:0;padding-top:22px;padding-left:0;border-top:1px solid rgb(255 255 255 / .15);border-left:0}.quote-mark{font-size:70px}.sparkline{width:115px}}