:root{--hb-text:#1c3434;--hb-dark:#133d3b;--hb-ink:#273f41;--hb-muted:#728583;--hb-border:#e0eae8;--hb-blue:#3f7e80;--hb-aqua:#e6f3f1;--hb-purple:#8076ae;--hb-bg:#f6f9f8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body.hb-fin-page{margin:0;background:var(--hb-bg);color:var(--hb-text);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.85;direction:rtl}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}body.hb-fin-page :focus-visible{outline:3px solid #80bdba;outline-offset:3px}
/* preserve the brand header, with more deliberate spacing */
.site-header{z-index:99;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #eaf0ee}.site-header .container{width:min(1230px,calc(100% - 48px));margin:auto}.nav-modern{min-height:79px;display:flex;align-items:center;gap:38px}.logo.brand-mark{height:57px;display:flex;align-items:center;flex:0 0 auto}.logo.brand-mark img{width:87px;height:56px;object-fit:contain;object-position:center}.nav-links{display:flex;gap:12px;align-items:center;flex:1}.nav-links>a,.nav-parent{display:flex;align-items:center;gap:8px;padding:10px 15px;background:transparent;border:0;border-radius:11px;color:#405b5a;font-size:13px;font-weight:650;white-space:nowrap}.nav-links>a:hover,.nav-parent:hover,.nav-group.open .nav-parent{background:#f0f6f4;color:#215c58}.nav-parent span{font-size:12px;opacity:.7}.nav-group{position:relative}.nav-sub{display:none;position:absolute;top:calc(100% + 11px);right:0;min-width:214px;background:white;padding:8px;box-shadow:0 18px 55px rgba(23,56,56,.1);border:1px solid var(--hb-border);border-radius:16px;flex-direction:column;gap:2px}.nav-group:hover .nav-sub,.nav-group.open .nav-sub,.nav-group:focus-within .nav-sub{display:flex}.nav-sub a{font-size:12px;color:#526562;padding:9px 11px;border-radius:9px}.nav-sub a:hover{background:#eff7f5;color:#205a57}.site-header .btn.nav-cta{flex:0 0 auto;border-radius:12px;background:#285c58;color:white;padding:11px 18px;font-weight:700;font-size:12px;white-space:nowrap;transition:background .2s}.site-header .btn.nav-cta:hover{background:#164844}.menu-btn{display:none;border:0;background:#ecf5f2;border-radius:11px;font-size:22px;color:#2c5652;padding:3px 13px}.menu-mobile{display:none;padding-bottom:15px!important;flex-direction:column;gap:4px}.menu-mobile>a{display:block;padding:10px 12px;border-radius:8px}.menu-mobile .btn{background:#275d59;color:white}.menu-mobile.is-open{display:flex}
.goal-main{padding-bottom:56px;min-height:calc(100vh - 80px)}.goal-container{max-width:1180px;width:calc(100% - 44px);margin:0 auto}.goal-crumb{font-size:11px;color:#8b9a95;padding-top:25px}.goal-crumb span{margin:0 7px;color:#bbc7c2}.goal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 26px}.goal-heading h1{font-size:clamp(25px,3.1vw,33px);line-height:1.5;letter-spacing:-.4px;margin:0;color:#203a36;font-weight:850}.goal-heading p{color:#70847c;font-size:13px;margin:4px 0 0;line-height:2.1;max-width:740px}.goal-label{border:1px solid #e2ebe7;background:#fff;border-radius:50px;padding:7px 12px;color:#708b82;font-size:11px;white-space:nowrap}.goal-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:start}.goal-card{background:#fff;border:1px solid #e2eae6;border-radius:16px;box-shadow:0 8px 32px rgba(23,56,49,.027);padding:25px}.goal-card h2{font-size:18px;color:#264640;margin:0;font-weight:800}.goal-sub{font-size:11px;color:#84948e;margin:3px 0 18px}.goal-sub strong{color:#4f766b}.goal-purpose{padding:0;border:0;margin:0 0 23px;min-width:0}.goal-purpose legend{font-weight:750;color:#3b5950;font-size:12px;margin-bottom:9px}.goal-purpose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.goal-purpose-grid button{border:1px solid #e3ebe8;border-radius:10px;background:#fafcfb;color:#637e74;padding:8px 10px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s}.goal-purpose-grid button.is-active{border-color:#8fb9a9;background:#eaf5ef;color:#286455}.goal-fields{display:grid;gap:13px}.goal-field{display:flex;flex-direction:column;gap:6px;min-width:0}.goal-field>span:first-child{font-size:12px;font-weight:700;color:#3b5b50}.goal-input-wrap{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #dde8e3;background:#fbfcfb;border-radius:10px;height:45px;overflow:hidden}.goal-input-wrap:focus-within{background:#fff;border-color:#73aa97;box-shadow:0 0 0 3px rgba(70,149,113,.1)}.goal-input-wrap input,.goal-input-wrap select{border:0;outline:0;background:transparent;width:100%;height:100%;min-width:0;padding:0 12px;font-size:14px;font-weight:750;color:#2d4b40;direction:ltr;text-align:right}.goal-input-wrap select{direction:rtl;text-align:right;cursor:pointer}.goal-input-wrap em{font-style:normal;color:#8ba198;font-size:10px;padding-left:11px;white-space:nowrap}.goal-assumptions{margin-top:20px;padding:12px 13px;background:#f8faf9;border:1px solid #e8efeb;border-radius:11px}.goal-assumptions summary{cursor:pointer;font-size:11px;font-weight:800;color:#46675e}.goal-assumptions summary span{font-size:10px;font-weight:500;color:#8ba099;margin-right:5px}.goal-assumption-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.goal-assumptions p{font-size:10px;color:#899a92;line-height:1.9;margin-bottom:0}.goal-error{background:#fff2ef;border:1px solid #f1d2cb;border-radius:9px;padding:9px;color:#9e5445;font-size:11px;margin-top:12px}.goal-reset{border:0;background:none;color:#5e877a;font-size:11px;font-weight:700;padding:11px 2px 0;text-decoration:underline;text-underline-offset:4px}.goal-results{padding:27px 28px}.goal-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #edf1ed}.goal-overline{font-size:10px;color:#79978c;font-weight:700;margin-bottom:4px}.goal-results-head h2{font-size:18px}.goal-time{background:#f1f6f3;border:1px solid #e0ebe5;border-radius:9px;color:#5d8072;font-size:11px;padding:7px 11px;white-space:nowrap}.goal-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:24px 0}.goal-summary>div:not(.goal-divider){display:flex;flex-direction:column;gap:4px;min-width:0}.goal-summary span{font-size:11px;color:#657f74}.goal-summary span small{font-size:10px;color:#a0aaa4}.goal-summary strong{color:#235747;font-weight:850;font-size:clamp(25px,2.8vw,33px);letter-spacing:-.7px;line-height:1.4;direction:ltr;text-align:right}.goal-summary>div>small{color:#8ba39a;font-size:11px}.goal-divider{height:58px;width:1px;background:#e7ede9}.goal-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#607a70}.goal-progress-head strong{font-size:12px;color:#3f5e54}.goal-progress-head span{font-weight:800;color:#387462}.goal-progress{height:9px;background:#eef2ee;border-radius:30px;overflow:hidden;margin-top:9px}.goal-progress>div{height:100%;width:0;background:#4a9d7c;border-radius:inherit;transition:width .32s ease}.goal-outcome{margin:14px 0 19px;font-size:12px;color:#526e62;line-height:2;background:#f6faf7;padding:11px 13px;border-radius:10px}.goal-outcome.negative{background:#fff9f3;color:#956638}.goal-recommend{border:1px solid #d9e9e0;background:#f3faf6;border-radius:12px;padding:17px 18px}.goal-recommend span{font-size:11px;color:#607d6e;font-weight:700}.goal-recommend strong{display:block;font-size:24px;color:#245d49;font-weight:850;line-height:1.7}.goal-recommend p{margin:3px 0 0;color:#81978a;font-size:10px;line-height:1.9}.goal-scenario-title{margin-top:23px;display:flex;justify-content:space-between;gap:12px;align-items:center}.goal-scenario-title h3{color:#36594d;margin:0;font-size:13px}.goal-scenario-title>span{font-size:10px;color:#9baba3}.goal-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.goal-scenario{border:1px solid #e7ece8;border-radius:11px;padding:12px;background:#fcfdfc;min-width:0}.goal-scenario.central{border-color:#bad8c9;background:#f5faf7}.goal-scenario>span,.goal-scenario>small{display:block;color:#70867a;font-size:10px}.goal-scenario>span small{color:#96a69d;display:block;font-size:10px}.goal-scenario strong{font-size:18px;color:#325d4e;font-weight:850;display:block;margin:7px 0 4px;white-space:nowrap}.goal-scenario>small{color:#8ba299}.goal-disclaimer{font-size:10px;color:#8e9f96;margin:20px 0 0;line-height:2;border-top:1px solid #edf1ed;padding-top:12px}.goal-next{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #dfeae4;border-radius:14px;margin-top:23px;padding:23px 28px;background:#f0f6f2}.goal-next h2{font-size:16px;color:#355d4d;margin:0}.goal-next p{font-size:11px;line-height:2;color:#738b7d;margin:3px 0 0;max-width:660px}.goal-next a{flex:0 0 auto;border-radius:10px;padding:10px 19px;background:#275b4d;color:#fff;font-weight:750;font-size:12px}.goal-next a span{margin-right:9px}
@media(max-width:960px){.goal-layout{grid-template-columns:minmax(0,1fr)}.goal-card{padding:24px}.goal-results{order:2}.goal-next{align-items:start}.goal-heading{align-items:start}.goal-label{display:none}}
@media(max-width:820px){.site-header .nav-links,.site-header .nav-cta{display:none}.menu-btn{display:block;margin-right:auto}.nav-modern{min-height:68px}.goal-container{width:calc(100% - 28px)}}
@media(max-width:580px){.goal-crumb{padding-top:15px}.goal-heading{margin:10px 0 18px}.goal-heading h1{font-size:24px}.goal-heading p{font-size:11px}.goal-layout{gap:12px}.goal-card{padding:18px;border-radius:13px}.goal-results-head{gap:8px}.goal-results-head h2{font-size:15px}.goal-time{font-size:10px;padding:6px}.goal-summary{gap:8px;padding:19px 0}.goal-summary strong{font-size:23px}.goal-summary span{font-size:10px}.goal-summary span small{display:block;font-size:9px}.goal-scenario{padding:9px}.goal-scenario strong{font-size:15px}.goal-scenario>span,.goal-scenario>small{font-size:9px}.goal-scenario-title>span{max-width:115px;text-align:left}.goal-next{flex-direction:column;padding:19px;gap:15px}.goal-next a{align-self:start}.goal-assumption-fields{grid-template-columns:1fr 1fr}.goal-summary>div>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}html{scroll-behavior:auto}}
