:root{
  --qd-csp-surface:#f5f6f6;
  --qd-csp-dot:rgba(98,99,99,.14);
  --qd-csp-text:#1f2430;
  --qd-csp-muted:#626363;
  --qd-csp-white:#fff;
  --qd-csp-green:#219c66;
  --qd-csp-line:#d9dbe4;
  --qd-csp-arrow:#b8c1c8;
  --qd-csp-tooltip-offset:34px;
  --qd-csp-pulse-size:152px;
  --qd-csp-pulse-stroke:0px;
  --qd-csp-pulse-ring:rgba(33,156,102,.18);
  --qd-csp-pulse-ring-soft:rgba(33,156,102,.11);
  --qd-csp-pulse-ring-faint:rgba(33,156,102,0);
}
.qd-csp,
.qd-csp *{box-sizing:border-box}
.qd-csp{position:relative;width:100%;font-family:"Assistant",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--qd-csp-text)}
.qd-csp__inner{position:relative;overflow:visible;background:var(--qd-csp-surface);padding:26px 22px;border-radius:22px}
.qd-csp__surface{position:absolute;inset:0;background-image:radial-gradient(var(--qd-csp-dot) 1px,transparent 1px);background-size:14px 14px;pointer-events:none;border-radius:inherit}
.qd-csp__desktop{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:2px;padding:22px 34px 10px;min-height:284px;overflow:visible;--qd-csp-edge-nudge:12px}.qd-csp__desktop>.qd-csp__step:first-child{margin-left:calc(var(--qd-csp-edge-nudge) * -1)}.qd-csp__desktop>.qd-csp__step:last-child{margin-right:calc(var(--qd-csp-edge-nudge) * -1)}
.qd-csp__step,.qd-csp__arrow{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.2,.9,.2,1),transform .55s cubic-bezier(.2,.9,.2,1);transition-delay:var(--qd-csp-delay,0ms)}
.qd-csp__step.is-in,.qd-csp__arrow.is-in,.qd-csp__accordion.is-in{opacity:1;transform:translateY(0)}
.qd-csp__step{position:relative;z-index:1;display:flex;justify-content:center}
.qd-csp__step:hover,.qd-csp__step:focus-within,.qd-csp__step.is-promo{z-index:40}
.qd-csp__step--low{margin-top:96px}
.qd-csp__diamond{position:relative;display:block;width:118px;height:118px;transform:rotate(45deg);border-radius:18px;background:#fff;border:1px solid rgba(16,24,40,.08);text-decoration:none;color:inherit;outline:none;isolation:isolate;overflow:visible;transition:background-color .28s ease,color .28s ease,transform .28s ease,border-color .28s ease}
.qd-csp__diamond-inner{position:absolute;inset:0;transform:rotate(-45deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center;z-index:2}
.qd-csp__ripples{position:absolute;left:50%;top:50%;width:var(--qd-csp-pulse-size);height:var(--qd-csp-pulse-size);margin:calc(var(--qd-csp-pulse-size) * -.5) 0 0 calc(var(--qd-csp-pulse-size) * -.5);pointer-events:none;z-index:1}
.qd-csp__ripple{position:absolute;inset:0;background:var(--qd-csp-pulse-ring);border:0;border-radius:24px;opacity:0;transform:translateZ(0) scale(.72);will-change:transform,opacity;box-shadow:none}
.qd-csp__ripple--2{background:var(--qd-csp-pulse-ring-soft)}
.qd-csp__ripple--3{display:none}
.qd-csp__step.is-promo .qd-csp__ripple--1{animation:qd-csp-sonar-fill 1.26s cubic-bezier(.16,.84,.24,1) forwards}
.qd-csp__step.is-promo .qd-csp__ripple--2{animation:qd-csp-sonar-fill 1.26s cubic-bezier(.16,.84,.24,1) .18s forwards}

.qd-csp__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--qd-csp-green);transition:color .28s ease}
.qd-csp__icon svg,.qd-csp__accordion-icon svg,.qd-csp__accordion-plus svg{width:100%;height:100%;display:block;stroke-width:1.1}
.qd-csp__label{display:block;max-width:90px;font-size:14px;line-height:1.08;font-weight:700;letter-spacing:.01em;transition:color .28s ease}
.qd-csp__diamond:hover,.qd-csp__diamond:focus-visible,.qd-csp__step.is-promo .qd-csp__diamond{background:var(--qd-csp-green);border-color:var(--qd-csp-green);transform:rotate(45deg) scale(1.045)}
.qd-csp__diamond:hover .qd-csp__icon,.qd-csp__diamond:focus-visible .qd-csp__icon,.qd-csp__step.is-promo .qd-csp__icon,.qd-csp__diamond:hover .qd-csp__label,.qd-csp__diamond:focus-visible .qd-csp__label,.qd-csp__step.is-promo .qd-csp__label{color:#fff}
.qd-csp__tooltip{position:absolute;left:50%;top:calc(100% + var(--qd-csp-tooltip-offset));width:220px;padding:12px 14px;border:1px solid rgba(16,24,40,.08);border-radius:12px;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:60}
.qd-csp__tooltip::before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;background:#fff;border-top:1px solid rgba(16,24,40,.08);border-left:1px solid rgba(16,24,40,.08);transform:translateX(-50%) rotate(45deg)}
.qd-csp__step:hover .qd-csp__tooltip,.qd-csp__step:focus-within .qd-csp__tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.qd-csp__tooltip-title{margin:0 0 8px;font-size:13px;line-height:1.25;font-weight:700;color:var(--qd-csp-text)}
.qd-csp__tooltip-list{margin:0;padding-left:16px;font-size:12px;line-height:1.5;color:var(--qd-csp-muted)}
.qd-csp__tooltip-list li+li{margin-top:3px}
.qd-csp__arrow{display:flex;align-items:flex-start;justify-content:center;width:34px;color:var(--qd-csp-arrow);pointer-events:none}
.qd-csp__arrow svg{display:block;width:34px;height:52px;overflow:visible}
.qd-csp__arrow path{stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;opacity:0;transition:stroke-dashoffset .72s cubic-bezier(.2,.9,.2,1),opacity .25s ease}
.qd-csp__arrow path:nth-child(2){stroke-dasharray:28;stroke-dashoffset:28;transition-delay:.14s}
.qd-csp__arrow.is-in path{stroke-dashoffset:0;opacity:1}
.qd-csp__arrow--down{margin-top:58px}
.qd-csp__arrow--up{margin-top:74px}
.qd-csp__mobile{display:none;position:relative;z-index:1;padding-left:52px}
.qd-csp__mobile-line{position:absolute;left:18px;top:8px;bottom:8px;width:1px;background:var(--qd-csp-line)}
.qd-csp__accordion{position:relative;opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.2,.9,.2,1),transform .5s cubic-bezier(.2,.9,.2,1);transition-delay:var(--qd-csp-delay,0ms)}
.qd-csp__accordion+.qd-csp__accordion{margin-top:12px}
.qd-csp__accordion-summary{position:relative;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px}
.qd-csp__accordion-summary::-webkit-details-marker{display:none}
.qd-csp__timeline-dot{position:absolute;left:-42px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:999px;background:#fff;border:1.5px solid var(--qd-csp-green);transition:background-color .28s ease,border-color .28s ease,transform .28s ease}
.qd-csp__accordion-summary::before{content:"";position:absolute;left:-28px;top:50%;width:28px;height:1px;background:var(--qd-csp-line)}
.qd-csp__accordion-head{display:flex;align-items:center;gap:12px;min-width:0}
.qd-csp__accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--qd-csp-green);flex:0 0 auto}
.qd-csp__accordion-title{font-size:15px;font-weight:700;line-height:1.15}
.qd-csp__accordion-plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto;color:var(--qd-csp-text);transition:transform .28s ease}
.qd-csp__accordion.is-open .qd-csp__accordion-plus{transform:rotate(45deg)}
.qd-csp__accordion.is-open .qd-csp__timeline-dot{background:var(--qd-csp-green);transform:scale(1.04)}
.qd-csp__accordion-panel{height:0;overflow:hidden;transition:height .34s ease}
.qd-csp__accordion-body{padding:12px 16px 16px 16px;margin-top:8px;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px}
.qd-csp__accordion-list{margin:0;padding-left:18px;font-size:13px;line-height:1.55;color:var(--qd-csp-muted)}
.qd-csp__accordion-list li+li{margin-top:4px}
.qd-csp__accordion-linkwrap{margin:12px 0 0}
.qd-csp__anchor-link,.qd-csp__anchor-link:visited{display:inline-flex;align-items:center;justify-content:center;min-height:calc(1.2em + 2 * .9em);padding:.9em 1.4em;border-radius:.66em;background:#219c66;border:1px solid #219c66;color:#fff;text-decoration:none;font-family:"Assistant",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;text-transform:none;font-size:.9rem;line-height:1.2!important;font-weight:400;letter-spacing:0;transition-duration:.3s;transition-timing-function:ease}
.qd-csp__anchor-link:hover,.qd-csp__anchor-link:focus-visible{background:#fff;color:#219c66}
@media (max-width: 1180px){.qd-csp__desktop{gap:1px;padding:20px 24px 10px;--qd-csp-edge-nudge:10px}.qd-csp__diamond{width:108px;height:108px}.qd-csp__label{max-width:78px;font-size:13px}.qd-csp__step--low{margin-top:88px}.qd-csp__arrow{width:28px}.qd-csp__arrow svg{width:28px;height:46px}.qd-csp__arrow--down{margin-top:54px}.qd-csp__arrow--up{margin-top:70px}}
@media (max-width: 920px){.qd-csp__inner{padding:18px}.qd-csp__desktop{display:none}.qd-csp__mobile{display:block}}
@keyframes qd-csp-arrow-draw{0%{stroke-dashoffset:100;opacity:0}12%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes qd-csp-arrow-head{0%{stroke-dashoffset:20;opacity:0}100%{stroke-dashoffset:0;opacity:1}}@keyframes qd-csp-sonar-fill{0%{opacity:0;transform:translateZ(0) scale(.72)}16%{opacity:1}55%{opacity:.28}100%{opacity:0;transform:translateZ(0) scale(1.08)}}@media (prefers-reduced-motion: reduce){.qd-csp__step,.qd-csp__arrow,.qd-csp__accordion,.qd-csp__diamond,.qd-csp__tooltip,.qd-csp__accordion-panel,.qd-csp__accordion-plus,.qd-csp__anchor-link,.qd-csp__ripple{transition:none!important;animation:none!important}.qd-csp__arrow.is-in path:first-child,.qd-csp__arrow.is-in path:nth-child(2){animation:none!important;opacity:1;stroke-dashoffset:0}}


/* Phase brackets */
.qd-csp__phase-layer{position:relative;width:calc(100% - 44px);max-width:1112px;height:58px;margin:0 auto 10px;pointer-events:none;z-index:2;--qd-csp-track-width:1056px}
.qd-csp__phase-track{position:relative;width:min(100%,var(--qd-csp-track-width));height:100%;margin:0 auto}
.qd-csp__phase-bracket{position:absolute;top:0;height:54px;color:var(--qd-csp-green);opacity:0;transform:translateY(-8px);transition:opacity .56s cubic-bezier(.2,.9,.2,1),transform .56s cubic-bezier(.2,.9,.2,1);transition-delay:var(--qd-csp-phase-delay,0ms)}
.qd-csp__phase-bracket::before{content:"";position:absolute;left:4px;right:4px;bottom:0;height:18px;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;border-radius:10px 10px 0 0;transform:scaleX(.84);transform-origin:center;opacity:.66;transition:transform .72s cubic-bezier(.16,.84,.24,1),opacity .5s ease;transition-delay:calc(var(--qd-csp-phase-delay,0ms) + 80ms)}
.qd-csp__phase-bracket span{position:absolute;left:50%;top:0;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 10px;border-radius:999px;background:#eef0f2;border:1px solid rgba(16,24,40,.06);font-size:12px;line-height:1;font-weight:700;letter-spacing:.02em;color:var(--qd-csp-text);box-shadow:0 8px 18px rgba(16,24,40,.035)}
.qd-csp__phase-bracket.is-in{opacity:1;transform:translateY(0)}
.qd-csp__phase-bracket.is-in::before{transform:scaleX(1);opacity:.82}
.qd-csp__phase-bracket--foundation{left:-.4%;width:26.4%}
.qd-csp__phase-bracket--implementation{left:28.4%;width:55.2%}
.qd-csp__phase-bracket--ongoing{left:87.9%;width:12.1%}
.qd-csp__phase-bracket--ongoing span{font-size:11px;padding-left:8px;padding-right:8px}
@media (max-width:1180px){.qd-csp__phase-layer{width:calc(100% - 44px);max-width:972px;--qd-csp-track-width:924px}.qd-csp__phase-bracket span{font-size:11px}.qd-csp__phase-bracket--ongoing span{font-size:10.5px;padding-left:7px;padding-right:7px}}
@media (max-width:920px){.qd-csp__phase-layer{display:none}}
@media (prefers-reduced-motion:reduce){.qd-csp__phase-bracket{transition:none!important;animation:none!important}.qd-csp__phase-bracket.is-in{opacity:1;transform:none}.qd-csp__phase-bracket.is-in::before{transform:scaleX(1);opacity:.82}}