[data-skin=hj] .hj-demo{color:#073e2b;font-family:var(--font-inter), Inter, Arial, sans-serif;background:#f0f1e9;padding:104px 24px;scroll-margin-top:110px}[data-skin=hj] .hj-demo__inner{max-width:1180px;margin-inline:auto}[data-skin=hj] .hj-demo__intro{grid-template-columns:1.3fr 1fr;align-items:end;gap:56px;margin-bottom:44px;display:grid}[data-skin=hj] .hj-demo__eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:650}[data-skin=hj] .hj-demo__intro h2{max-width:700px;font:500 clamp(30px, 3.5vw, 46px)/1.12 var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.045em;margin:0}[data-skin=hj] .hj-demo__lead{color:#506356;max-width:450px;margin:0;font-size:15px;line-height:1.8}[data-skin=hj] .hj-demo__workspace{background:#fbfaf5;border:1px solid #c9d0c5;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 70px -40px #073e2b40}[data-skin=hj] .hj-demo__topbar{border-bottom:1px solid #dce0d4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:19px 32px;display:flex}[data-skin=hj] .hj-demo__product-name{align-items:center;gap:16px;font-size:12px;font-weight:550;display:flex}[data-skin=hj] .hj-demo__product-name>span{letter-spacing:-.09em;border-right:1px solid #ccd4c8;padding-right:16px;font-size:25px;font-weight:650}[data-skin=hj] .hj-demo__demo-label{color:#5b6c60;letter-spacing:.015em;font-size:10px}[data-skin=hj] .hj-demo__tabs{border-bottom:1px solid #dce0d4;grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:32px;display:grid}[data-skin=hj] .hj-demo__tabs button{color:#56685b;cursor:pointer;min-height:66px;font:550 13px var(--font-inter), Inter, Arial, sans-serif;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}[data-skin=hj] .hj-demo__tabs button[aria-selected=true]{color:#073e2b}[data-skin=hj] .hj-demo__tabs button[aria-selected=true]:after{content:"";background:#073e2b;height:3px;position:absolute;bottom:-1px;left:0;right:0}[data-skin=hj] .hj-demo__step-number{opacity:.7;font-variant-numeric:tabular-nums;font-size:10px}[data-skin=hj] .hj-demo__body{grid-template-columns:1.1fr 1fr;display:grid}[data-skin=hj] .hj-demo__explore{min-width:0;padding:40px 40px 36px}[data-skin=hj] .hj-demo__explore [role=tabpanel]{min-height:408px}[data-skin=hj] .hj-demo__explore [role=tabpanel][hidden]{display:none}[data-skin=hj] .hj-demo__panel-kicker{color:#627162;text-transform:uppercase;letter-spacing:.14em;margin:0 0 15px;font-size:10px}[data-skin=hj] .hj-demo__explore h3{max-width:370px;font:500 28px/1.18 var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.035em;margin:0 0 13px}[data-skin=hj] .hj-demo__description{color:#576657;max-width:425px;margin:0;font-size:13px;line-height:1.8}[data-skin=hj] .hj-demo__contribution{margin-top:28px}[data-skin=hj] .hj-demo__contribution>label{color:#546755;font-size:12px;display:block}[data-skin=hj] .hj-demo__amount-control{justify-content:space-between;align-items:center;gap:20px;margin:15px 0 19px;display:flex}[data-skin=hj] .hj-demo__amount-control button{color:#073e2b;cursor:pointer;background:0 0;border:1px solid #c6cfc1;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:21px;display:grid}[data-skin=hj] .hj-demo__amount-control output{color:#073e2b;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:42px;font-weight:500;line-height:1.1}[data-skin=hj] .hj-demo__contribution input[type=range]{accent-color:#073e2b;cursor:pointer;width:100%;height:22px;margin:0;display:block}[data-skin=hj] .hj-demo__range-labels{color:#607062;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}[data-skin=hj] .hj-demo__forecast{margin:22px 0 10px;font-size:13px;line-height:1.6}[data-skin=hj] .hj-demo__forecast strong{font-size:17px;font-weight:600}[data-skin=hj] .hj-demo__forecast>span{color:#58705c;margin-top:5px;font-size:11px;display:block}[data-skin=hj] .hj-demo__calculation-note{color:#607061;margin:0;font-size:10px;line-height:1.7}[data-skin=hj] .hj-demo__plan{color:#fbfaf5;background:#073e2b;border-radius:9px;min-width:0;margin:18px 18px 18px 0;padding:34px 36px}[data-skin=hj] .hj-demo__plan-heading{color:#c0d0bd;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:10px;display:flex}[data-skin=hj] .hj-demo__live-dot{align-items:center;gap:6px;display:flex}[data-skin=hj] .hj-demo__live-dot:before{content:"";background:#f5dfae;border-radius:50%;width:5px;height:5px}[data-skin=hj] .hj-demo__plan h3{color:#fbfaf5;font:500 23px/1.2 var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.03em;margin:0 0 27px}[data-skin=hj] .hj-demo__saved{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:19px;display:flex}[data-skin=hj] .hj-demo__saved strong{color:#f5dfae;letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:39px;font-weight:450;line-height:1}[data-skin=hj] .hj-demo__saved>span{color:#c0d0bd;font-size:12px}[data-skin=hj] .hj-demo__progress{appearance:none;accent-color:#f5dfae;background:#2b5844;border:0;border-radius:20px;width:100%;height:5px;display:block;overflow:hidden}[data-skin=hj] .hj-demo__progress::-webkit-progress-bar{background:#2b5844;border-radius:20px}[data-skin=hj] .hj-demo__progress::-webkit-progress-value{background:#f5dfae;border-radius:20px}[data-skin=hj] .hj-demo__progress::-moz-progress-bar{background:#f5dfae;border-radius:20px}[data-skin=hj] .hj-demo__progress-label{color:#c0d0bd;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:10px;font-size:10px;display:flex}[data-skin=hj] .hj-demo__next-step{border-top:1px solid #3c604a;margin-top:29px;padding-top:25px}[data-skin=hj] .hj-demo__next-label{color:#f5dfae;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:10px;display:block}[data-skin=hj] .hj-demo__next-step h4{color:#fbfaf5;max-width:330px;font:450 28px/1.15 var(--font-inter), Inter, Arial, sans-serif;letter-spacing:-.04em;margin:0 0 12px}[data-skin=hj] .hj-demo__next-step h4>span{white-space:nowrap}[data-skin=hj] .hj-demo__next-step>p{color:#c0d0bd;margin:0 0 22px;font-size:11px;line-height:1.75}[data-skin=hj] .hj-demo__register{color:#073e2b;width:100%;min-height:49px;font:600 12px var(--font-inter), Inter, Arial, sans-serif;text-align:left;cursor:pointer;background:#f5dfae;border:1px solid #f5dfae;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;transition:background-color .18s;display:flex}[data-skin=hj] .hj-demo__register:hover{background:#fff0ce}[data-skin=hj] .hj-demo__register svg{flex-shrink:0}[data-skin=hj] .hj-demo__next-step>small{color:#c0d0bd;text-align:center;margin-top:9px;font-size:9px;display:block}[data-skin=hj] .hj-demo__bottom-bar{border-top:1px solid #dce0d4;justify-content:space-between;align-items:center;gap:24px;padding:17px 32px;display:flex}[data-skin=hj] .hj-demo__bottom-bar p{color:#5c6b5d;max-width:640px;margin:0;font-size:10px;line-height:1.6}[data-skin=hj] .hj-demo__bottom-bar button{color:#073e2b;white-space:nowrap;font:550 11px var(--font-inter), Inter, Arial, sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:5px 0;display:flex}[data-skin=hj] .hj-demo__bottom-bar button>span{font-size:18px}[data-skin=hj] .hj-demo__notice{color:#073e2b;margin:0;padding:0 32px;font-size:11px;line-height:1.7}[data-skin=hj] .hj-demo__notice:not(:empty){background:#edf1e6;border-top:1px solid #dce0d4;padding-block:12px}[data-skin=hj] .hj-demo__goals{border:0;margin:23px 0 17px;padding:0;display:grid}[data-skin=hj] .hj-demo__goal-option{cursor:pointer;border-bottom:1px solid #d7dece;align-items:center;gap:11px;min-height:81px;padding:12px 0;display:flex}[data-skin=hj] .hj-demo__goal-option:first-of-type{border-top:1px solid #d7dece}[data-skin=hj] .hj-demo__goal-option input{accent-color:#073e2b;flex-shrink:0;width:16px;height:16px;margin:0}[data-skin=hj] .hj-demo__goal-option strong{font-size:12px;font-weight:600;line-height:1.5;display:block}[data-skin=hj] .hj-demo__goal-option small{color:#617061;margin-top:3px;font-size:10px;line-height:1.6;display:block}[data-skin=hj] .hj-demo__goal-target{white-space:nowrap;margin-left:auto;padding-left:6px;font-size:11px}[data-skin=hj] .hj-demo__text-button{color:#073e2b;min-height:38px;font:600 12px var(--font-inter), Inter, Arial, sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:inline-flex}[data-skin=hj] .hj-demo__timeline{margin:25px 0 15px;padding:0;list-style:none}[data-skin=hj] .hj-demo__timeline li{align-items:center;gap:16px;min-height:79px;display:flex;position:relative}[data-skin=hj] .hj-demo__timeline li:not(:last-child):before{content:"";background:#c4d0be;width:1px;position:absolute;top:43px;bottom:-35px;left:5px}[data-skin=hj] .hj-demo__timeline-dot{z-index:1;background:#073e2b;border:1px solid #073e2b;border-radius:50%;flex-shrink:0;width:11px;height:11px;display:block;position:relative}[data-skin=hj] .hj-demo__timeline-dot--outline{background:#fbfaf5}[data-skin=hj] .hj-demo__timeline-dot--target{background:#f5dfae}[data-skin=hj] .hj-demo__timeline li small{color:#5d6e5e;margin-bottom:4px;font-size:10px;line-height:1.5;display:block}[data-skin=hj] .hj-demo__timeline li strong{letter-spacing:-.03em;font-size:21px;font-weight:500;line-height:1.3}[data-skin=hj] .hj-demo__timeline li>span:last-child{white-space:nowrap;color:#536851;margin-left:auto;font-size:10px}[data-skin=hj] .hj-demo__milestones{margin:26px 0 19px;padding:0;list-style:none}[data-skin=hj] .hj-demo__milestones li{border-bottom:1px solid #d7dece;align-items:center;gap:12px;padding-block:17px;display:flex}[data-skin=hj] .hj-demo__milestone-mark{color:#73816b;border:1px solid #bfccba;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:13px;display:grid}[data-skin=hj] .hj-demo__milestone-mark--done{color:#f5dfae;background:#073e2b;border-color:#073e2b}[data-skin=hj] .hj-demo__milestones strong{font-size:12px;font-weight:550;line-height:1.5;display:block}[data-skin=hj] .hj-demo__milestones small{color:#617061;margin-top:4px;font-size:10px;line-height:1.6;display:block}[data-skin=hj] .hj-demo__milestones li>span:last-child{margin-left:auto;font-size:11px}[data-skin=hj] .hj-demo__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-skin=hj] .hj-demo button:focus-visible,[data-skin=hj] .hj-demo input:focus-visible,[data-skin=hj] .hj-demo [role=tabpanel]:focus-visible{outline-offset:4px;outline:2px solid #337f57}[data-skin=hj] .hj-demo__plan button:focus-visible{outline-color:#fbfaf5}[data-skin=hj] .hj-demo button:disabled{opacity:.4;cursor:default}@media (max-width:900px){[data-skin=hj] .hj-demo{padding-block:76px}[data-skin=hj] .hj-demo__intro{grid-template-columns:1fr;gap:22px;margin-bottom:32px}[data-skin=hj] .hj-demo__lead{max-width:620px}[data-skin=hj] .hj-demo__explore{padding:30px 25px}[data-skin=hj] .hj-demo__plan{padding:28px 24px}[data-skin=hj] .hj-demo__explore h3,[data-skin=hj] .hj-demo__next-step h4{font-size:25px}[data-skin=hj] .hj-demo__goal-option{flex-wrap:wrap}[data-skin=hj] .hj-demo__goal-target{margin-left:27px;padding:0}}@media (max-width:680px){[data-skin=hj] .hj-demo{padding:60px 20px}[data-skin=hj] .hj-demo__intro h2{font-size:34px}[data-skin=hj] .hj-demo__lead{font-size:14px}[data-skin=hj] .hj-demo__workspace{border-radius:12px}[data-skin=hj] .hj-demo__topbar{padding:17px 22px}[data-skin=hj] .hj-demo__demo-label{width:100%;font-size:9px}[data-skin=hj] .hj-demo__tabs{padding-inline:8px}[data-skin=hj] .hj-demo__tabs button{flex-direction:column;gap:7px;min-height:68px;font-size:11px}[data-skin=hj] .hj-demo__step-number{font-size:9px}[data-skin=hj] .hj-demo__body{grid-template-columns:minmax(0,1fr)}[data-skin=hj] .hj-demo__explore{padding:28px 24px 24px}[data-skin=hj] .hj-demo__explore [role=tabpanel]{min-height:0}[data-skin=hj] .hj-demo__explore h3{max-width:350px}[data-skin=hj] .hj-demo__plan{margin:0 12px 12px;padding:28px 24px}[data-skin=hj] .hj-demo__plan h3{margin-bottom:24px}[data-skin=hj] .hj-demo__saved strong{font-size:40px}[data-skin=hj] .hj-demo__next-step{margin-top:25px;padding-top:23px}[data-skin=hj] .hj-demo__bottom-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 24px}[data-skin=hj] .hj-demo__notice{padding-inline:24px}[data-skin=hj] .hj-demo__goal-option{flex-wrap:nowrap}[data-skin=hj] .hj-demo__goal-target{margin-left:auto}}@media (max-width:370px){[data-skin=hj] .hj-demo{padding-inline:12px}[data-skin=hj] .hj-demo__intro h2{font-size:29px}[data-skin=hj] .hj-demo__explore,[data-skin=hj] .hj-demo__plan{padding-inline:19px}[data-skin=hj] .hj-demo__goal-option{gap:8px}[data-skin=hj] .hj-demo__goal-target{font-size:10px}[data-skin=hj] .hj-demo__goal-option small{font-size:9px}[data-skin=hj] .hj-demo__milestones li{gap:9px}}@media (prefers-reduced-motion:reduce){[data-skin=hj] .hj-demo__register{transition:none}}