/* Original Keepside growing-tree roadmap. */
.roadmap-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:44px;padding-bottom:36px}.roadmap-heading .eyebrow{font-size:10px;margin-bottom:15px}.roadmap-heading h1{font-size:clamp(43px,5vw,64px);line-height:1.04;letter-spacing:-.06em}.roadmap-heading>p{font-size:14px;line-height:1.8;padding-bottom:5px;max-width:320px}.roadmap-wrap{padding-bottom:45px}
.growth-roadmap{border:1px solid #d9e1d1;border-radius:28px;background:#fcfcf7;box-shadow:0 18px 60px #27432d06;overflow:hidden}.roadmap-topline{padding:18px 28px;display:flex;justify-content:space-between;font-size:10px;color:#657461;letter-spacing:.02em;border-bottom:1px solid #e4e9dd}.roadmap-topline>span:first-child{display:flex;gap:8px;align-items:center;color:#2f5036}.roadmap-topline i{height:5px;width:5px;border-radius:50%;background:#6c8b57}.roadmap-main{position:relative;background:radial-gradient(ellipse at 50% 0%,#edf3e3,transparent 70%)}
.growth-canvas{position:relative;height:310px;display:flex;justify-content:center;align-items:center;isolation:isolate}.growth-tree{display:block;width:420px;height:315px;max-width:100%;overflow:visible;transform:translateY(-3px)}.growth-overline{position:absolute;top:25px;left:29px;font-size:9px;letter-spacing:.07em;color:#7a8770}.tree-outline{opacity:.14}.growth-caption{position:absolute;bottom:18px;left:29px;display:flex;flex-direction:column;gap:2px}.growth-caption>span:first-child{font-size:16px;letter-spacing:-.025em;font-weight:500;color:#315339}.growth-caption>span:last-child{font-size:10px;color:#77816b}.tree-seed{transform-box:fill-box;transform-origin:center;transition:transform .8s cubic-bezier(.16,1,.3,1)}
[data-grow]{opacity:0;transition:opacity .65s ease,stroke-dashoffset 1s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}path[data-grow]{stroke-dasharray:1;stroke-dashoffset:1}.tree-leaf{transform-box:fill-box;transform-origin:50% 100%;transform:scale(.2) rotate(-12deg)}.tree-fruit>[data-grow]{transform-box:fill-box;transform-origin:center;transform:scale(.3)}[data-grow].is-grown{opacity:1;stroke-dashoffset:0}.tree-leaf.is-grown,.tree-fruit>.is-grown{transform:scale(1) rotate(0)}.growth-roadmap[data-stage="0"] .tree-seed{transform:scale(1.17)}.growth-roadmap[data-stage="5"] .tree-seed{transform:scale(.75)}
.roadmap-arrow{position:relative;width:44px;height:44px;display:grid;place-items:center;margin:-5px auto 0;color:#64865b}.roadmap-arrow:before,.roadmap-arrow:after{content:"";position:absolute;top:23px;width:100px;height:1px;background:linear-gradient(90deg,transparent,#d9e1d0)}.roadmap-arrow:before{right:56px}.roadmap-arrow:after{left:56px;transform:rotate(180deg)}
.roadmap-story{max-width:790px;margin:auto;padding:4px 32px 26px}.roadmap-story-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:20px}.roadmap-counter{font-size:11px;font-variant-numeric:tabular-nums;color:#839078;letter-spacing:.07em}.roadmap-counter b{color:#2e4e35;font-weight:500}.roadmap-play{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:#5d7253;padding:9px 0 9px 10px;font-size:11px}.play-symbol{font-size:9px;width:11px;display:inline-block}.roadmap-panels{min-height:153px}.roadmap-panels article{display:grid;grid-template-columns:.93fr 1.2fr;gap:8px 40px;align-items:start}.roadmap-panels article[hidden]{display:none}.roadmap-phase{grid-column:1;grid-row:1;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6e8163;line-height:1.6}.roadmap-panels h2{grid-column:1;grid-row:2 / span 2;font-size:38px;line-height:1.06;letter-spacing:-.055em;color:#213f2a}.roadmap-description{grid-column:2;grid-row:1 / span 2;font-size:14px;line-height:1.8;color:#56664e;padding-top:0}.roadmap-takeaway{grid-column:2;grid-row:3;font-size:10px;line-height:1.7;color:#527246;margin-top:3px}.roadmap-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:15px}.roadmap-back{width:37px;height:37px;border:1px solid #ccd8c2;border-radius:50%;background:transparent;font-size:18px;display:grid;place-items:center}.roadmap-back:disabled{opacity:.3;cursor:default}.roadmap-next{display:flex;align-items:center;justify-content:space-between;gap:32px;font-size:11px;background:#264a32;color:#fff;border:0;border-radius:28px;padding:11px 17px;min-height:37px}.roadmap-next>span:last-child{font-size:17px;line-height:1}.roadmap-next:hover{background:#3d6146}.roadmap-next:active{transform:scale(.98)}
.growth-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid #dce5d4;background:#f1f5ea;padding:0 18px}.growth-tabs button{position:relative;background:transparent;border:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:21px 5px;font-size:11px;color:#738169;transition:color .25s,background .25s}.growth-tabs button:before{position:absolute;content:"";left:16px;right:16px;top:-1px;height:2px;background:#3e6746;transform:scaleX(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.growth-tabs button[aria-selected=true]{color:#21452d;background:#e7efdc}.growth-tabs button[aria-selected=true]:before{transform:scaleX(1)}.growth-tabs button>span{font-size:8px;opacity:.65;font-variant-numeric:tabular-nums}.growth-tabs button:hover{color:#284c32;background:#eaf0e1}.roadmap-footnote{font-size:10px;color:#7c8774;margin-top:13px;text-align:center}.sr-roadmap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.roadmap-detail{padding-top:16px;padding-bottom:75px}.roadmap-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.roadmap-detail-heading .eyebrow{font-size:9px;margin-bottom:12px}.roadmap-detail-heading h2{font-size:29px;letter-spacing:-.04em}.roadmap-detail-heading>a{font-size:12px;display:flex;gap:20px;white-space:nowrap;padding-bottom:3px}.roadmap-detail details{border-top:1px solid #d3ddcc}.roadmap-detail details:last-child{border-bottom:1px solid #d3ddcc}.roadmap-detail summary{list-style:none;display:flex;align-items:center;gap:20px;padding:22px 0;font-size:15px;line-height:1.5;cursor:pointer}.roadmap-detail summary::-webkit-details-marker{display:none}.roadmap-detail summary>span{font-size:9px;color:#819074;font-variant-numeric:tabular-nums;flex-shrink:0}.roadmap-detail summary>i{font-style:normal;font-size:23px;font-weight:300;margin-left:auto;color:#648156;flex-shrink:0}.roadmap-detail details[open] summary>i{transform:none}.roadmap-detail-body{padding:0 35px 28px;max-width:850px}.roadmap-detail-body p{font-size:14px;line-height:1.8}.roadmap-budget{margin:20px 0;max-width:530px}.roadmap-budget>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e0e6da;font-size:13px}.roadmap-budget dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.roadmap-budget>div:last-child{font-weight:600;border-bottom:0}.roadmap-links{display:flex;gap:16px 30px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#3d6945}.roadmap-links>a,.roadmap-detail-body .fine a{text-decoration:underline;text-underline-offset:5px}.roadmap-documents{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-bottom:24px}.roadmap-documents>a{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #dfe5d8;font-size:12px}.roadmap-documents span{font-size:10px;color:#687c5c;white-space:nowrap}.roadmap-detail-body .fine{font-size:11px}
@media(max-width:800px){.roadmap-heading{display:block;padding-top:32px;padding-bottom:26px}.roadmap-heading h1{font-size:49px}.roadmap-heading>p{font-size:13px;line-height:1.7;margin-top:17px;max-width:none}.roadmap-heading>p br{display:none}.roadmap-topline{padding:16px 20px;font-size:9px}.growth-overline{left:21px;top:20px;font-size:8px}.growth-caption{left:21px}.roadmap-story{padding-inline:25px}.roadmap-panels article{gap:9px 26px}.roadmap-panels h2{font-size:33px}.roadmap-description{font-size:13px}.growth-tabs{padding:0 8px}.growth-tabs button{gap:4px;flex-direction:column;font-size:10px;padding-block:15px}.growth-tabs button:before{left:8px;right:8px}.roadmap-detail-heading h2{font-size:26px}.roadmap-detail-heading>a{font-size:10px;gap:10px}}
@media(max-width:560px){.roadmap-heading h1{font-size:44px}.roadmap-heading>p{max-width:300px;font-size:12px}.growth-roadmap{border-radius:22px}.roadmap-topline{padding:15px 17px;font-size:8px}.growth-canvas{height:258px}.growth-tree{width:340px;height:275px;transform:translateY(-3px)}.growth-overline{top:16px;left:17px;font-size:7px}.growth-caption{left:17px;bottom:6px}.growth-caption>span:first-child{font-size:12px}.growth-caption>span:last-child{font-size:8px;max-width:94px;line-height:1.6}.roadmap-arrow{margin-top:0;height:35px}.roadmap-arrow svg{height:31px}.roadmap-arrow:before,.roadmap-arrow:after{width:50px;top:18px}.roadmap-story{padding:6px 22px 22px}.roadmap-story-top{margin-bottom:9px}.roadmap-panels{min-height:237px}.roadmap-panels article{display:block}.roadmap-phase{font-size:8px;margin-bottom:9px}.roadmap-panels h2{font-size:34px;margin-bottom:14px}.roadmap-description{font-size:12px;line-height:1.8}.roadmap-takeaway{display:block;font-size:9px;margin-top:11px}.roadmap-controls{margin-top:15px}.roadmap-next{padding:10px 15px;font-size:10px}.growth-tabs{padding:0 4px}.growth-tabs button{font-size:9px;padding-inline:1px;gap:4px}.growth-tabs button>span{font-size:7px}.growth-tabs button:before{left:4px;right:4px}.roadmap-footnote{font-size:8px;max-width:310px;margin:12px auto 0;line-height:1.8}.roadmap-wrap{padding-bottom:30px}.roadmap-detail{padding-top:14px;padding-bottom:50px}.roadmap-detail-heading{display:block;margin-bottom:20px}.roadmap-detail-heading h2{font-size:26px}.roadmap-detail-heading>a{display:inline-flex;margin-top:14px;font-size:11px}.roadmap-detail summary{font-size:12px;gap:12px;padding-block:19px}.roadmap-detail summary>span{font-size:8px}.roadmap-detail-body{padding-left:0;padding-right:0}.roadmap-detail-body p{font-size:12px}.roadmap-documents{grid-template-columns:1fr}.roadmap-documents>a{font-size:11px}.roadmap-budget>div{font-size:11px}.roadmap-links{font-size:11px;gap:15px}.roadmap-detail-body .fine{font-size:10px}}
@media(max-width:360px){.roadmap-heading h1{font-size:38px}.roadmap-story{padding-inline:17px}.growth-tabs button{font-size:8px}.roadmap-panels{min-height:263px}.roadmap-panels h2{font-size:31px}.growth-caption>span:last-child{max-width:70px}.roadmap-topline>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){[data-grow],.tree-seed,.growth-tabs button:before,.growth-tabs button{transition:none!important}.roadmap-next:active{transform:none}}
