.growth-path-section{padding:108px 0 118px;background:#f5f9f6;border-block:1px solid #e2ebe5}
.growth-path-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);align-items:end;gap:72px;max-width:none;margin:0 0 52px;text-align:left}
.growth-path-heading>div{max-width:760px}
.growth-path-heading>p{max-width:360px;margin:0 0 7px;color:#64736b;font-size:17px;line-height:1.65;text-wrap:pretty}
.growth-path-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.growth-path-grid-four .growth-path-card{display:flex;min-height:0;padding:12px 12px 18px;border-radius:15px;box-shadow:0 14px 30px rgba(18,60,50,.04)}
.growth-path-grid-four .growth-path-card:not(:last-child)::before{content:"";position:absolute;z-index:2;top:108px;right:-18px;width:20px;border-top:1px dashed #67bc8c;opacity:.48;animation:growth-flow-trail 2.4s ease-in-out infinite}
.growth-path-grid-four .growth-path-card:not(:last-child)::after{content:"";top:99px;right:-23px;width:30px;height:16px;background:#16835d;clip-path:polygon(0 40%,68% 40%,68% 0,100% 50%,68% 100%,68% 60%,0 60%);filter:drop-shadow(0 4px 5px rgba(17,128,90,.2));animation:growth-flow-arrow 2.4s cubic-bezier(.22,.8,.25,1) infinite}
.growth-path-grid-four .growth-path-card:nth-child(2)::before,.growth-path-grid-four .growth-path-card:nth-child(2)::after{animation-delay:.28s}
.growth-path-grid-four .growth-path-card:nth-child(3)::before,.growth-path-grid-four .growth-path-card:nth-child(3)::after{animation-delay:.56s}
.growth-path-grid-four .growth-path-image{height:auto;aspect-ratio:3/2;margin:0 0 18px;padding:0;overflow:hidden;background:#eaf7ef;border-radius:10px}
.growth-path-grid-four .growth-path-image img{display:block;width:100%;height:100%;object-fit:cover}
.growth-path-grid-four .growth-path-card h3{min-height:44px;margin:0 4px 8px;font-size:19px;line-height:1.16;letter-spacing:-.04em;text-wrap:balance}
.growth-path-grid-four .growth-path-card>p{max-width:52ch;margin-inline:4px;font-size:13px;line-height:1.58;text-wrap:pretty}
.growth-path-grid-four .path-card-foot{margin-inline:4px;padding-top:17px}
.growth-path-grid-four .growth-path-step{top:21px;left:21px;width:33px;height:33px;border:2px solid rgba(255,255,255,.85);box-shadow:0 5px 14px rgba(18,36,56,.16);font-size:13px}
@keyframes growth-flow-arrow{0%,100%{opacity:.42;transform:translateX(-4px) scaleX(.84)}46%{opacity:1;transform:translateX(5px) scaleX(1.04)}68%{opacity:.78;transform:translateX(1px) scaleX(1)}}
@keyframes growth-flow-trail{0%,100%{opacity:.2;transform:scaleX(.55)}46%{opacity:.72;transform:scaleX(1)}}
@media(max-width:1100px){.growth-path-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.growth-path-grid-four .growth-path-card{padding:16px 16px 22px}.growth-path-grid-four .growth-path-card:not(:last-child)::before,.growth-path-grid-four .growth-path-card:not(:last-child)::after{display:none}.growth-path-grid-four .growth-path-image{margin-bottom:24px;border-radius:12px}.growth-path-grid-four .growth-path-card h3{min-height:0;margin-inline:6px;font-size:23px}.growth-path-grid-four .growth-path-card>p,.growth-path-grid-four .path-card-foot{margin-inline:6px}.growth-path-grid-four .growth-path-card>p{font-size:15px}.growth-path-grid-four .growth-path-step{top:27px;left:27px;width:36px;height:36px;font-size:14px}}
@media(max-width:850px){.growth-path-section{padding:88px 0 96px}.growth-path-heading{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.growth-path-heading>p{max-width:590px}}
@media(max-width:620px){.growth-path-section{padding:72px 0 78px}.growth-path-grid-four{grid-template-columns:1fr}.growth-path-grid-four .growth-path-image{height:auto}.growth-path-grid-four .growth-path-card{padding:13px 13px 20px}.growth-path-grid-four .growth-path-step{top:23px;left:23px}.growth-path-grid-four .growth-path-card h3,.growth-path-grid-four .growth-path-card>p,.growth-path-grid-four .path-card-foot{margin-inline:5px}}
@media(prefers-reduced-motion:reduce){.growth-path-grid-four .growth-path-card::before,.growth-path-grid-four .growth-path-card::after{animation:none!important}}
/* ponytail: keep the existing artwork and add only small, meaningful live cues. */
.growth-path-grid-four .growth-path-image{position:relative}
.growth-path-grid-four .growth-path-image{height:168px;min-height:0;aspect-ratio:auto;padding:16px;overflow:hidden;border-color:#c4ead2;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.92),transparent 35%),linear-gradient(145deg,#f4fff7,#e5f7ec);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(28,111,74,.08)}
.growth-path-grid-four .growth-path-image::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.7);border-radius:10px;pointer-events:none;opacity:.8}
.growth-path-grid-four .growth-path-image>*{position:relative;z-index:1}
.growth-path-grid-four .path-browser-top{display:flex;align-items:center;gap:4px;margin:-3px 2px 8px;color:#7b8b83;font-size:8px}
.growth-path-grid-four .path-browser-top>span{width:5px;height:5px;border-radius:50%;background:#ef8c7d}
.growth-path-grid-four .path-browser-top>span:nth-child(2){background:#e6c85d}
.growth-path-grid-four .path-browser-top>span:nth-child(3){background:#69c78a}
.growth-path-grid-four .path-browser-top small{margin-left:4px;letter-spacing:.02em}
.growth-path-grid-four .path-browser-top b{margin-left:auto;color:#32a96f;font-size:7px}
.growth-path-grid-four .path-site-url{min-height:42px;padding:10px 12px;border-color:#d6e9dc;background:linear-gradient(180deg,#fff,#f8fcf9);box-shadow:0 8px 16px rgba(28,72,52,.08);font-size:13px}
.growth-path-grid-four .path-site-tags{gap:6px;margin-top:12px}
.growth-path-grid-four .path-site-tags span{padding:6px 8px;border-color:#b9e1c7;background:rgba(255,255,255,.9);box-shadow:0 4px 10px rgba(28,111,74,.05);font-size:10px}
.growth-path-grid-four .growth-path-demand{display:grid;align-content:center;gap:8px;padding:12px 16px}
.growth-path-grid-four .growth-path-demand .path-demand-row{margin-bottom:0;animation:growth-demand-pop .5s ease both}
.growth-path-grid-four .growth-path-demand .path-demand-row:nth-child(2){animation-delay:.18s}
.growth-path-grid-four .growth-path-demand .path-demand-row:nth-child(3){animation-delay:.36s}
.growth-path-grid-four .growth-path-demand .path-demand-row{min-height:39px;padding:7px 9px;border-color:#d2e8d9;background:rgba(255,255,255,.94);box-shadow:0 6px 14px rgba(28,72,52,.06);font-size:10px}
.growth-path-grid-four .growth-path-demand .path-demand-row:nth-child(2){margin-left:12px}
.growth-path-grid-four .growth-path-demand .path-demand-row:nth-child(3){margin-left:26px}
.growth-path-grid-four .path-demand-kind{padding:5px 7px;font-size:9px}
.growth-path-grid-four .growth-path-sources{gap:6px;padding:12px 10px!important}
.growth-path-grid-four .growth-path-sources>div{grid-template-columns:24px minmax(0,1fr) auto;gap:6px;min-height:36px;padding:6px 7px;border-color:#d2e8d9;background:rgba(255,255,255,.94);box-shadow:0 6px 14px rgba(28,72,52,.06);animation:growth-demand-pop .5s ease both}
.growth-path-grid-four .growth-path-sources>div:nth-child(2){animation-delay:.18s}
.growth-path-grid-four .growth-path-sources>div:nth-child(3){animation-delay:.36s}
.growth-path-grid-four .growth-path-sources>div>div{display:grid;min-width:0;gap:2px}
.growth-path-grid-four .growth-path-sources strong{overflow:hidden;color:#30483c;font-size:8px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.growth-path-grid-four .growth-path-sources small{font-size:7px}
.growth-path-grid-four .growth-path-sources b{padding:3px 4px;border-radius:5px;background:#e4f6e9;color:#16835d;font-size:7px}
.growth-path-grid-four .growth-path-sources>div:nth-child(2) b{background:#fff1d9;color:#a46d10}
.growth-path-grid-four .growth-path-sources>div:nth-child(3) b{background:#eef2ef;color:#68766e}
.growth-path-grid-four .growth-path-review{padding:13px!important}
.growth-path-grid-four .path-review-head{margin-bottom:7px;padding:8px 9px;background:rgba(255,255,255,.94);box-shadow:0 6px 14px rgba(28,72,52,.05)}
.growth-path-grid-four .path-review-focus{display:grid;gap:2px;margin-bottom:3px;padding:7px 8px;border:1px solid #c9e7d2;border-radius:7px;background:#f8fffa;box-shadow:0 4px 10px rgba(28,72,52,.04)}
.growth-path-grid-four .path-review-focus strong{color:#1a5c40;font-size:9px}
.growth-path-grid-four .path-review-focus span{color:#6d7d74;font-size:7px}
.growth-path-grid-four .path-review-row{padding:7px 3px;background:rgba(255,255,255,.22)}
.growth-path-grid-four .growth-path-results{padding:13px!important}
.growth-path-grid-four .path-result-window{min-height:0;box-shadow:0 7px 15px rgba(28,72,52,.06)}
.growth-path-grid-four .path-result-toolbar{display:flex;align-items:center;gap:6px;color:#385547;font-size:8px}
.growth-path-grid-four .path-result-toolbar>span{display:flex;gap:3px}
.growth-path-grid-four .path-result-toolbar i{width:5px;height:5px;border-radius:50%;background:#ef8c7d}
.growth-path-grid-four .path-result-toolbar i:nth-child(2){background:#e6c85d}
.growth-path-grid-four .path-result-toolbar i:nth-child(3){background:#69c78a}
.growth-path-grid-four .path-result-toolbar b{font-size:8px}
.growth-path-grid-four .path-result-toolbar small{margin-left:auto;color:#8a9890;font-size:7px}
.growth-path-grid-four .path-result-value{position:absolute;right:13px;bottom:10px;color:#163d2e;font-size:13px;letter-spacing:-.04em}
.growth-path-grid-four .path-result-value small{font-size:7px;font-weight:600;letter-spacing:0;color:#6d7d74}
.growth-path-grid-four .growth-path-results .path-result-line{animation:growth-result-line 2.8s ease-in-out infinite}
.growth-path-grid-four .growth-path-image::after{content:"";position:absolute;z-index:2;pointer-events:none}
.growth-path-grid-four .growth-path-card:nth-child(1) .growth-path-image::after{top:24%;right:16%;width:2px;height:17px;background:#16835d;animation:growth-caret-blink 1s steps(2,end) infinite}
.growth-path-grid-four .growth-path-card:nth-child(2) .growth-path-image::after{top:24%;right:13%;width:7px;height:7px;border-radius:50%;background:#16835d;box-shadow:0 0 0 0 rgba(22,131,93,.32);animation:growth-signal-pulse 1.8s ease-out infinite}
.growth-path-grid-four .growth-path-card:nth-child(3) .growth-path-image::after{top:57%;right:18%;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#5cc98b;box-shadow:0 0 0 0 rgba(92,201,139,.38);animation:growth-approval-pulse 2.1s ease-out infinite}
.growth-path-grid-four .growth-path-card:nth-child(4) .growth-path-image::after{top:30%;right:17%;width:5px;height:5px;border-radius:50%;background:#16835d;animation:growth-result-pulse 1.7s ease-in-out infinite}
@keyframes growth-caret-blink{0%,42%{opacity:1}43%,100%{opacity:0}}
@keyframes growth-signal-pulse{0%{box-shadow:0 0 0 0 rgba(22,131,93,.32)}70%,100%{box-shadow:0 0 0 9px rgba(22,131,93,0)}}
@keyframes growth-approval-pulse{0%,55%,100%{box-shadow:0 0 0 0 rgba(92,201,139,.38)}72%{box-shadow:0 0 0 8px rgba(92,201,139,0)}}
@keyframes growth-result-pulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.35)}}
@keyframes growth-demand-pop{0%{opacity:0;transform:translateY(6px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes growth-result-line{0%,100%{opacity:.45;transform:skewY(-18deg) translateX(0)}50%{opacity:1;transform:skewY(-18deg) translateX(-4px)}}
@media(prefers-reduced-motion:reduce){.growth-path-grid-four .growth-path-image::after{animation:none!important}.growth-path-grid-four .growth-path-card:nth-child(1) .growth-path-image::after{opacity:1}}
@media(prefers-reduced-motion:reduce){.growth-path-grid-four .growth-path-demand .path-demand-row,.growth-path-grid-four .growth-path-sources>div,.growth-path-grid-four .growth-path-results .path-result-line{animation:none!important}}
