#investment-calculator .annual-income-section{scroll-margin-top: 16px; margin-top: 42px;}
#investment-calculator .annual-income-heading{max-width: 500px; margin: 0px auto 22px; text-align: center; font-size: clamp(29px, 7vw, 40px); font-weight: 400; line-height: 1.12; letter-spacing: -0.035em; color: rgb(25, 36, 59);}
#investment-calculator .annual-income-heading span{color: rgb(201, 52, 47);}
#investment-calculator .annual-income-dashboard{position: relative; isolation: isolate; overflow: hidden; padding: 30px; border: 1px solid rgba(203, 212, 224, 0.3); border-radius: 28px; color: rgb(244, 243, 239); background: radial-gradient(at 48% -45%, rgba(73, 84, 107, 0.32), transparent 72%), radial-gradient(at 100% 100%, rgba(52, 65, 94, 0.22), transparent 65%), linear-gradient(125deg, rgb(14, 20, 41) 0%, rgb(8, 12, 30) 45%, rgb(13, 19, 39) 75%, rgb(10, 16, 34) 100%); box-shadow: rgba(245, 242, 230, 0.14) 0px 1px 1px inset, rgba(204, 213, 230, 0.12) 0px -1px 1px inset, rgba(152, 166, 195, 0.035) 0px 0px 28px inset, rgba(8, 12, 30, 0.08) 0px 12px 30px;}
#investment-calculator .annual-income-dashboard::before{content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background: radial-gradient(at 0px 0px, rgba(211, 217, 226, 0.08), transparent 38%), radial-gradient(at 75% 120%, rgba(211, 217, 226, 0.05), transparent 60%);}
#investment-calculator .annual-income-dashboard::after{content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; border-radius: inherit; box-shadow: rgba(201, 211, 225, 0.043) 0px 0px 14px inset; background: linear-gradient(115deg, transparent 25%, rgba(198, 207, 223, 0.016) 45%, transparent 65%);}
#investment-calculator .annual-income-top{display: flex; justify-content: flex-end; align-items: center; gap: 14px; flex-wrap: wrap;}
#investment-calculator .annual-income-period{color: rgb(196, 200, 212); font-size: 11px;}
#investment-calculator .annual-income-total{display: block; margin: 14px 0px 26px; font-size: clamp(32px, 6vw, 52px); font-weight: 400; line-height: 1.08; letter-spacing: -0.04em; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; text-shadow: rgba(237, 240, 255, 0.07) 0px 0px 20px;}
#investment-calculator .annual-income-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px;}
#investment-calculator .annual-income-tile{position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px; min-height: 133px; padding: 17px 14px; border: 1px solid rgba(210, 215, 224, 0.22); border-radius: 17px; color: rgb(244, 243, 239); text-decoration: none; background: radial-gradient(at 45% -20%, rgba(113, 124, 148, 0.14), transparent 75%), linear-gradient(145deg, rgba(38, 48, 71, 0.15), rgba(8, 13, 30, 0.2)); box-shadow: rgba(238, 234, 221, 0.1) 0px 1px 1px inset, rgba(182, 194, 212, 0.08) 0px -1px 1px inset; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;}
#investment-calculator .annual-income-tile:hover{border-color: rgba(233, 231, 219, 0.5); background: rgba(160, 173, 195, 0.067); box-shadow: rgba(238, 234, 221, 0.15) 0px 1px 1px inset, rgba(234, 231, 211, 0.04) 0px 0px 12px;}
#investment-calculator .annual-income-tile:focus-visible{outline: rgb(244, 241, 223) solid 2px; outline-offset: 3px;}
#investment-calculator .annual-income-icon{width: 28px; height: 28px; flex: 0 0 auto; color: rgb(243, 240, 231); filter: drop-shadow(rgba(255, 247, 221, 0.5) 0px 0px 2px) drop-shadow(rgba(233, 230, 211, 0.16) 0px 0px 7px);}
#investment-calculator .annual-income-label{font-size: 11px; line-height: 1.4; min-height: 31px; color: rgb(203, 208, 220);}
#investment-calculator .annual-income-tile strong{display: block; margin-top: auto; font-size: clamp(18px, 2.4vw, 24px); font-weight: 400; line-height: 1.25; letter-spacing: -0.025em; overflow-wrap: anywhere; max-width: 100%; font-variant-numeric: tabular-nums;}
#investment-calculator .annual-income-arrow{position: absolute; right: 10px; top: 18px; width: 16px; height: 16px; color: rgb(226, 227, 229); opacity: 0.7;}
#investment-calculator .additional-bonus-calculator{margin-top: 26px; padding-top: 26px; border-top: 1px solid rgb(225, 228, 232); scroll-margin-top: 16px;}
#investment-calculator .additional-bonus-card{padding: 24px; border: 1px solid rgb(223, 227, 232); border-radius: 20px; background: rgb(240, 242, 245);}
#investment-calculator .additional-bonus-heading{display: flex; align-items: center; gap: 12px;}
#investment-calculator .additional-bonus-heading h2{margin: 0px;}
#investment-calculator .additional-bonus-period{margin-top: 14px; font-size: 11px; color: rgb(105, 120, 142);}
#investment-calculator .additional-bonus-total{display: block; margin: 8px 0px 18px; font-size: clamp(32px, 7vw, 44px); font-weight: 400; line-height: 1.12; letter-spacing: -0.035em; color: rgb(201, 52, 47); overflow-wrap: anywhere;}
#investment-calculator .additional-bonus-rates{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; border-top: 1px solid rgb(220, 224, 230); padding-top: 16px;}
#investment-calculator .additional-bonus-rates span{display: block; color: rgb(105, 120, 142); font-size: 11px;}
#investment-calculator .additional-bonus-rates strong{display: block; margin-top: 4px; font-weight: 400; font-size: 21px;}
#investment-calculator .additional-bonus-card > .note{border-top: 0px; padding-top: 0px; margin-top: 24px;}
#investment-calculator #income-share-calculator{scroll-margin-top: 16px;}
#investment-calculator .fast-first-four{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px;}
#investment-calculator .bonus-mini-investor{padding: 12px; border: 1px solid rgb(223, 227, 232); border-radius: 12px; background: rgb(255, 255, 255); min-width: 0px;}
#investment-calculator .bonus-mini-investor strong{display: block; font-size: 12px; font-weight: 500; overflow-wrap: anywhere;}
#investment-calculator .bonus-mini-investor span{display: block; font-size: 11px; color: rgb(105, 120, 142); margin-top: 5px;}
#investment-calculator .bonus-calculation-table{width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; margin-top: 12px;}
#investment-calculator .bonus-calculation-table td,#investment-calculator .bonus-calculation-table th{padding: 10px 6px; text-align: right; font-weight: 400; border-bottom: 1px solid rgb(225, 228, 232); overflow-wrap: anywhere;}
#investment-calculator .bonus-calculation-table td:first-child,#investment-calculator .bonus-calculation-table th:first-child{text-align: left;}
#investment-calculator .bonus-calculation-table th{font-size: 10px; color: rgb(105, 120, 142);}
#investment-calculator .bonus-month-title{text-transform: capitalize;}
@media (max-width: 650px) {#investment-calculator .annual-income-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#investment-calculator .annual-income-dashboard{padding: 24px 18px; border-radius: 24px;}
#investment-calculator .annual-income-total{margin-bottom: 20px;}
#investment-calculator .annual-income-tile{min-height: 120px; padding: 13px 12px;}
#investment-calculator .annual-income-tile strong{font-size: clamp(17px, 5vw, 21px);}
#investment-calculator .annual-income-label{font-size: 11px;}
#investment-calculator .annual-income-arrow{top: 13px; right: 9px;}
#investment-calculator .additional-bonus-card{padding: 20px 18px;}
#investment-calculator .additional-bonus-heading h2{font-size: 18px;}
#investment-calculator .fast-first-four{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (prefers-reduced-motion: reduce) {#investment-calculator .annual-income-tile{transition: none;}
}
#investment-calculator .annual-income-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#investment-calculator .annual-qualification-rewards:empty,#investment-calculator .reward-earned-list:empty{display: none;}
#investment-calculator .annual-qualification-rewards{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(210, 215, 224, 0.15);}
#investment-calculator .annual-reward{display: flex; align-items: center; gap: 8px; font-size: 11px; line-height: 1.4; color: rgb(228, 230, 239);}
#investment-calculator .reward-icon{width: 23px; height: 23px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
#investment-calculator .reward-earned-list{display: grid; gap: 10px; margin: 12px 0px 20px;}
#investment-calculator .reward-earned{display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgb(220, 224, 230); border-radius: 12px; background: rgb(252, 253, 255);}
#investment-calculator .reward-earned strong{font-size: 13px; font-weight: 500;}
#investment-calculator .reward-earned small{display: block; margin-top: 4px; color: rgb(105, 120, 142); font-size: 11px; line-height: 1.5;}
#investment-calculator .reward-tier{border-top: 1px solid rgb(220, 224, 230); margin-top: 14px; padding-top: 14px;}
#investment-calculator .reward-tier summary{font-size: 13px; line-height: 1.5; cursor: pointer;}
#investment-calculator .reward-tier[open] > summary{margin-bottom: 10px;}
#investment-calculator .reward-tier .hint{font-size: 12px;}
#investment-calculator .reward-status{font-size: 11px; color: rgb(105, 120, 142);}
#investment-calculator .reward-status.is-earned{color: rgb(40, 100, 76);}
#investment-calculator .reward-previous-rank{margin: 18px 0px; font-size: 12px;}
#investment-calculator .reward-previous-rank select{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; width: 100%; margin-top: 8px; padding: 12px; border: 1px solid rgb(220, 224, 230); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(25, 36, 59);}
#investment-calculator .reward-branch-table{max-height: 280px; overflow: auto;}
#investment-calculator .reward-help{margin-top: 12px; color: rgb(105, 120, 142); font-size: 12px; line-height: 1.6;}
@media (max-width: 650px) {#investment-calculator .annual-income-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#investment-calculator .annual-income-tile #annual-qualification{font-size: 16px;}
}
#investment-calculator .reward-next-notice{display: flex; align-items: flex-start; gap: 9px; margin: 14px 0px 18px; font-size: 12px; line-height: 1.6; color: rgb(86, 97, 118); overflow-wrap: anywhere;}
#investment-calculator .reward-next-mark{display: grid; place-items: center; flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; border: 1px solid rgb(201, 52, 47); border-radius: 50%; color: rgb(201, 52, 47); font-size: 12px; font-weight: 600; line-height: 1;}
#investment-calculator .projection-panel{margin: 18px 0px 26px; padding: 18px 20px; border: 1px solid rgb(220, 225, 233); border-radius: 18px; background: linear-gradient(125deg, rgb(240, 243, 248), rgb(252, 253, 255)); scroll-margin-top: 16px;}
#investment-calculator .projection-panel > summary{display: flex; justify-content: space-between; align-items: center; gap: 16px; list-style: none; cursor: pointer; font-size: 15px; line-height: 1.5; color: rgb(25, 36, 59); font-weight: 500;}
#investment-calculator .projection-panel > summary::-webkit-details-marker{display: none;}
#investment-calculator .projection-panel > summary::after{content: "+"; color: rgb(201, 52, 47); font-size: 22px; font-weight: 400;}
#investment-calculator .projection-panel[open] > summary::after{content: "−";}
#investment-calculator .projection-heading-amount{color: rgb(201, 52, 47); white-space: nowrap;}
#investment-calculator .projection-conditions{margin: 20px 0px; color: rgb(105, 120, 142); font-size: 12px; line-height: 1.65;}
#investment-calculator .projection-conditions p{margin: 0px 0px 10px;}
#investment-calculator .projection-outcome{padding: 20px; border: 1px solid rgb(53, 65, 90); border-radius: 16px; background: linear-gradient(135deg, rgb(25, 36, 59), rgb(11, 17, 36)); color: rgb(244, 243, 239);}
#investment-calculator .projection-outcome small{display: block; font-size: 11px; color: rgb(203, 208, 220);}
#investment-calculator .projection-outcome strong{display: block; margin: 8px 0px; font-weight: 400; font-size: clamp(28px, 7vw, 38px); letter-spacing: -0.035em; overflow-wrap: anywhere;}
#investment-calculator .projection-outcome > span{font-size: 11px; line-height: 1.5; color: rgb(203, 208, 220); display: block;}
#investment-calculator .projection-overview{margin: 18px 0px; font-size: 13px;}
#investment-calculator .projection-overview th{font-size: 10px;}
#investment-calculator .projection-overview th:first-child,#investment-calculator .projection-overview td:first-child{width: 18%;}
#investment-calculator .projection-overview tbody tr:last-child td{color: rgb(25, 36, 59); font-weight: 500;}
#investment-calculator .projection-year,#investment-calculator .projection-how{margin-top: 14px; padding-top: 14px;}
#investment-calculator .projection-year > summary,#investment-calculator .projection-how > summary{font-size: 12px;}
#investment-calculator .projection-how p{font-size: 12px; line-height: 1.65; color: rgb(105, 120, 142); margin: 14px 0px;}
#investment-calculator .projection-gifts{display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0px;}
#investment-calculator .projection-gifts .annual-reward{color: rgb(86, 97, 118);}
#investment-calculator .projection-gifts .reward-icon{width: 18px; height: 18px;}
#investment-calculator .projection-panel .hint{font-size: 11px; line-height: 1.6;}
#investment-calculator .projection-panel summary:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: 5px;}
@media (max-width: 360px) {#investment-calculator .projection-panel{padding: 16px 14px;}
#investment-calculator .projection-overview{font-size: 11px;}
#investment-calculator .projection-outcome{padding: 16px;}
}
#investment-calculator .bonus-access-note{margin: 12px 0px 18px; color: rgb(105, 120, 142); font-size: 12px; line-height: 1.65;}
#investment-calculator .bonus-access-note[hidden]{display: none;}
#investment-calculator .additional-bonus-total.bonus-locked{font-size: 24px; line-height: 1.35;}
#investment-calculator .annual-income-tile strong.is-unavailable{font-size: 14px; line-height: 1.4; color: rgb(203, 208, 220);}
#investment-calculator .bonus-access-note strong{font-weight: 600; color: rgb(25, 36, 59);}
#investment-calculator .projection-goal-gap{margin: 16px 0px; padding: 16px; border: 1px solid rgb(225, 216, 218); border-radius: 14px; background: rgb(252, 253, 255);}
#investment-calculator .projection-goal-gap > summary{font-size: 13px; line-height: 1.5; color: rgb(201, 52, 47); cursor: pointer;}
#investment-calculator .goal-guidance-content p{font-size: 12px; line-height: 1.65; color: rgb(105, 120, 142); margin: 16px 0px;}
#investment-calculator .goal-guidance-content h3{font-size: 13px; font-weight: 500; line-height: 1.5; margin: 22px 0px 12px;}
#investment-calculator .goal-guidance-content .goal-intro,#investment-calculator .goal-guidance-content .goal-conclusion{color: rgb(25, 36, 59);}
#investment-calculator .goal-actions{display: grid; gap: 10px; margin: 18px 0px;}
#investment-calculator .goal-actions .goal-simulate{white-space: normal; text-align: left; width: 100%; font-size: 12px; padding: 12px; line-height: 1.5; border: 1px solid rgb(220, 224, 230); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(25, 36, 59); cursor: pointer;}
#investment-calculator .goal-actions .goal-simulate:hover{border-color: rgb(201, 52, 47);}
#investment-calculator .goal-passive{margin-top: 22px;}
#investment-calculator .goal-passive > summary{font-size: 12px;}
#investment-calculator .goal-guidance-content .bonus-calculation-table{font-size: 11px;}
#investment-calculator .goal-guidance-content .bonus-calculation-table td:first-child{width: 56%;}
#investment-calculator #hub-tariff-required{position: fixed;}
#investment-calculator #hub-tariff-required h2{margin-right: 30px; font-weight: 400; font-size: 24px;}
#investment-calculator #hub-tariff-required p{font-size: 14px; line-height: 1.6; color: rgb(105, 120, 142);}
#investment-calculator #hub-tariff-required .buttons{justify-content: flex-start;}
#investment-calculator #hub-tariff-required .hub-tariff-close{position: absolute; right: 12px; top: 10px; border: 0px; background: transparent; color: rgb(105, 120, 142); width: 40px; height: 40px; font-size: 25px; cursor: pointer;}
#investment-calculator .income-chart{--chart-tail-width: clamp(88px,18vw,220px); --chart-thread-height: clamp(68px,calc(50svh - 230px),180px); --chart-bars-height: clamp(70px,calc(50svh - 230px),160px); margin-top: 20px; min-width: 0px; color: rgb(25, 36, 59);}
#investment-calculator .income-chart-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
#investment-calculator .income-chart-month{font-size: 14px; font-weight: 500; text-transform: capitalize;}
#investment-calculator .income-chart-controls{display: flex; gap: 6px;}
#investment-calculator .income-chart-thread-caption{margin-top: 20px; color: rgb(86, 97, 118); font-size: 11px;}
#investment-calculator .income-chart-thread-caption small{display: block; margin-top: 5px; color: rgb(132, 144, 161); font-size: 9px;}
#investment-calculator .income-chart-legend{display: flex; gap: 18px; margin: 8px 0px 0px; font-size: 12px;}
#investment-calculator .income-chart-key{display: inline-flex; gap: 7px; align-items: center;}
#investment-calculator .income-chart-key::before{content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--strategy-color); box-shadow: 0 0 9px color-mix(in srgb,var(--strategy-color) 45%,transparent);}
#investment-calculator .income-chart-axis{color: rgb(105, 120, 142); margin: 14px 0px 0px; font-size: 11px !important;}
#investment-calculator .income-chart-scroll{overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: rgb(201, 206, 218) transparent; margin-top: 0px; padding-bottom: 8px;}
#investment-calculator .income-chart-scene{position: relative; min-width: calc(var(--month-count)*116px + var(--chart-tail-width)); background: radial-gradient(at 50% 30%, rgba(231, 238, 246, 0.267), transparent 65%);}
#investment-calculator .income-chart-threads{position: absolute; inset: 0px; width: 100%; height: 100%; z-index: 2; pointer-events: none;}
#investment-calculator .income-chart-plot{display: flex; gap: 8px; padding: calc(var(--chart-thread-height) + 10px) calc(4px + var(--chart-tail-width)) 0 4px;}
#investment-calculator .income-chart-column{position: relative; display: flex; flex: 1 1 0%; min-width: 108px; flex-direction: column; align-items: center; gap: 10px; padding: 0px; border: 0px; background: none; color: rgb(105, 120, 142); cursor: pointer; font: inherit; touch-action: manipulation;}
#investment-calculator .income-chart-bars{display: flex; align-items: flex-end; justify-content: center; gap: 3px; width: 100%; height: var(--chart-bars-height); border-bottom: 1px solid rgb(220, 225, 233); background: repeating-linear-gradient(to top, transparent 0px, transparent 39px, rgb(232, 235, 240) 39px, rgb(232, 235, 240) 40px);}
#investment-calculator .income-chart-bar{display: block; position: relative; width: 30%; max-width: 32px; height: var(--bar-height); min-height: 18px; transform: scaleY(0); transform-origin: center bottom; opacity: 0.7; border-radius: 4px 4px 0px 0px; background: linear-gradient(to top,var(--strategy-color),color-mix(in srgb,var(--strategy-color) 60%,white)); transition: transform 0.65s cubic-bezier(0.2, 0.6, 0.25, 1), opacity 0.3s, box-shadow 0.3s;}
#investment-calculator .income-chart-column.is-revealed .income-chart-bar{transform: scaleY(1);}
#investment-calculator .income-chart-column.is-current .income-chart-bar{opacity: 1; box-shadow: 0 0 12px color-mix(in srgb,var(--strategy-color) 25%,transparent);}
#investment-calculator .income-chart-tick{font-size: 10px; white-space: nowrap;}
#investment-calculator .income-chart-column.is-current .income-chart-tick{color: rgb(25, 36, 59); font-weight: 500;}
#investment-calculator .income-chart-monthly-bonus{font-size: 9px; opacity: 0; color: rgb(86, 97, 118); overflow-wrap: anywhere; max-width: 100%; transition: opacity 0.4s;}
#investment-calculator .income-chart-column.is-credited .income-chart-monthly-bonus{opacity: 1;}
#investment-calculator .income-chart-footer{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; border-top: 1px solid rgb(223, 227, 232); padding-top: 16px; margin-top: 18px;}
#investment-calculator .income-chart-footer small{display: block; color: rgb(105, 120, 142); font-size: 10px;}
#investment-calculator .income-chart-footer strong{display: block; font-size: 20px; font-weight: 400; overflow-wrap: anywhere; margin-top: 5px;}
#investment-calculator .income-chart-payment{color: rgb(201, 52, 47);}
@media (prefers-reduced-motion: reduce) {#investment-calculator .income-chart-bar,#investment-calculator .income-chart-monthly-bonus{transition: none;}
}
#investment-calculator .income-chart-rate{position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); color: rgb(25, 36, 59); font-size: 9px; line-height: 1.1; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums;}
@media (max-height: 640px) {#investment-calculator .income-chart-thread-caption{margin-top: 12px;}
#investment-calculator .income-chart-footer{margin-top: 12px; padding-top: 12px;}
#investment-calculator .income-chart-footer strong{font-size: 18px;}
#investment-calculator .income-chart-axis{margin-top: 10px;}
}
#investment-calculator .income-chart-bar.is-empty{height: 1px; min-height: 1px; border-radius: 0px; transform: scaleY(1); opacity: 0.35; transition: none; box-shadow: none !important;}
#investment-calculator .income-chart-portfolio .income-chart-bar{min-height: 16px;}
#investment-calculator .income-chart-portfolio .income-chart-bar.is-empty{height: 0px; min-height: 0px;}
#investment-calculator .income-calculator{margin-top: 26px; padding-top: 26px; border-top: 1px solid rgb(225, 228, 232);}
#investment-calculator .income-result-card{padding: 24px; border: 1px solid rgb(223, 227, 232); border-radius: 20px; background: rgb(240, 242, 245);}
#investment-calculator .income-result-heading{display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;}
#investment-calculator .income-result-heading h2{margin: 0px;}
#investment-calculator .income-result-total{display: block; font-size: clamp(32px, 7vw, 44px); font-weight: 400; line-height: 1.12; letter-spacing: -0.035em; color: rgb(201, 52, 47); overflow-wrap: anywhere; margin: 8px 0px;}
#investment-calculator .income-scope{line-height: 1.6; font-size: 12px !important;}
#investment-calculator .income-model-label{margin-top: 14px; font-size: 11px !important;}
#investment-calculator .income-totals{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; border-top: 1px solid rgb(220, 224, 230); padding-top: 16px; margin-top: 20px;}
#investment-calculator .income-totals small{display: block; font-size: 10px; color: rgb(105, 120, 142);}
#investment-calculator .income-totals strong{display: block; font-weight: 500; font-size: 18px; margin-top: 5px; overflow-wrap: anywhere;}
#investment-calculator .income-totals > div{min-width: 0px;}
#investment-calculator .income-totals strong{font-size: clamp(15px, 4.4vw, 18px);}
#investment-calculator .income-result-card > .note{border-top: 0px; padding-top: 0px; margin-top: 24px;}
#investment-calculator .income-line{background: transparent;}
#investment-calculator .income-investor{border: 1px solid rgb(223, 227, 232); border-radius: 14px; padding: 14px; margin-top: 12px; background: rgb(255, 255, 255);}
#investment-calculator .income-investor summary{gap: 9px;}
#investment-calculator .income-investor-label,#investment-calculator .income-month-label{overflow-wrap: anywhere; min-width: 0px; flex: 1 1 0%;}
#investment-calculator .income-investor-label small,#investment-calculator .income-month-label small{display: block; font-size: 10px; line-height: 1.5; color: rgb(105, 120, 142); margin-top: 5px; font-weight: 400;}
#investment-calculator .income-investor-payment,#investment-calculator .income-month-payment{font-size: 15px; color: rgb(201, 52, 47); font-weight: 500; overflow-wrap: anywhere; text-align: right; max-width: 38%;}
#investment-calculator .income-allocation{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-top: 18px;}
#investment-calculator .income-allocation-item{border-left: 2px solid var(--strategy-color); padding-left: 9px; min-width: 0px;}
#investment-calculator .income-allocation-item small{display: block; color: rgb(105, 120, 142); font-size: 10px;}
#investment-calculator .income-allocation-item strong{display: block; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; margin-top: 3px;}
#investment-calculator .income-distribution-table{width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 12px; margin-top: 18px;}
#investment-calculator .income-distribution-table th,#investment-calculator .income-distribution-table td{overflow-wrap: anywhere; padding: 10px 5px; border-bottom: 1px solid rgb(225, 228, 232); text-align: left; font-weight: 400;}
#investment-calculator .income-distribution-table th{color: rgb(105, 120, 142); font-size: 10px;}
#investment-calculator .income-distribution-table td:last-child,#investment-calculator .income-distribution-table th:last-child{text-align: right; overflow-wrap: anywhere;}
#investment-calculator .income-month-heading{margin-top: 24px !important;}
#investment-calculator .income-month-details{margin-top: 12px; padding-top: 12px;}
#investment-calculator .income-month-label{text-transform: capitalize;}
#investment-calculator .income-strategy-table{border-collapse: collapse; width: 100%; table-layout: fixed; font-size: 11px; margin-top: 14px;}
#investment-calculator .income-strategy-table th,#investment-calculator .income-strategy-table td{padding: 10px 5px; border-bottom: 1px solid rgb(225, 228, 232); text-align: right; font-weight: 400; overflow-wrap: anywhere; vertical-align: top;}
#investment-calculator .income-strategy-table th{font-size: 9px; color: rgb(105, 120, 142);}
#investment-calculator .income-strategy-table th:first-child,#investment-calculator .income-strategy-table td:first-child{text-align: left;}
#investment-calculator .income-strategy-table small{display: block; font-size: 9px; color: rgb(105, 120, 142); margin-top: 5px;}
#investment-calculator .income-strategy-name{color: var(--strategy-color); font-weight: 500 !important;}
#investment-calculator .income-personal-payment{color: rgb(201, 52, 47); font-weight: 500 !important;}
#investment-calculator .income-model-rules{padding-left: 18px; margin: 12px 0px 0px; color: rgb(86, 97, 118);}
#investment-calculator .income-model-rules li{margin-top: 8px;}
#investment-calculator .income-model-rules li::marker{color: rgb(201, 52, 47);}
@media (max-width: 600px) {#investment-calculator .income-result-card{padding: 20px 18px;}
#investment-calculator .income-result-heading h2{font-size: 18px;}
#investment-calculator .income-investor{padding: 12px;}
#investment-calculator .income-distribution-table{font-size: 11px;}
#investment-calculator .income-strategy-table,#investment-calculator .income-strategy-table tbody{display: block;}
#investment-calculator .income-strategy-table thead{display: none;}
#investment-calculator .income-strategy-table tr{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 12px; border: 1px solid rgb(225, 228, 232); border-radius: 12px; padding: 12px; margin-top: 12px;}
#investment-calculator .income-strategy-table td{display: block; border: 0px; padding: 0px; text-align: left;}
#investment-calculator .income-strategy-table td::before{display: block; content: attr(data-label); font-size: 9px; color: rgb(105, 120, 142); margin-bottom: 3px;}
#investment-calculator .income-strategy-table .income-strategy-name{grid-column: 1 / -1; font-size: 13px;}
#investment-calculator .income-strategy-table .income-strategy-name::before{display: none;}
#investment-calculator .income-investor-body .income-chart-footer{grid-template-columns: 1fr;}
#investment-calculator .income-investor-body .income-chart-toolbar{gap: 8px;}
#investment-calculator .income-chart-controls .quiet{font-size: 10px; padding: 6px 8px;}
#investment-calculator .income-chart-footer strong{font-size: 18px;}
}
#investment-calculator .income-upgrade-note{display: flex; align-items: flex-start; gap: 8px; margin-top: 10px; line-height: 1.5;}
#investment-calculator .income-upgrade-mark{flex: 0 0 12px; color: rgb(201, 52, 47); font-size: 20px; font-weight: 600; line-height: 1; text-align: center; margin-top: 1px;}
#investment-calculator .income-upgrade-note > span:last-child{min-width: 0px;}
#investment-calculator .income-totals .income-capital-label{font-size: clamp(8px, 2.56vw, 10px);}
#investment-calculator .income-check-row{display: flex; justify-content: flex-end; margin-top: 22px;}
#investment-calculator .income-check-button{display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; min-height: 44px;}
#investment-calculator .income-check-button:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: 3px;}
#investment-calculator .income-hashtag{color: rgb(40, 117, 189); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere;}
#investment-calculator #income-verify h3{font-size: 13px; margin: 16px 0px 5px;}
#investment-calculator #income-verify p{line-height: 1.6;}
#investment-calculator{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; color: rgb(25, 36, 59); background: rgb(252, 253, 255); font-size: 15px; line-height: 1.5;}
#investment-calculator *{box-sizing: border-box;}
#investment-calculator{margin: 0px;}
#investment-calculator button,#investment-calculator input,#investment-calculator select{font: inherit;}
#investment-calculator button{cursor: pointer;}
#investment-calculator button:focus-visible,#investment-calculator input:focus-visible,#investment-calculator select:focus-visible,#investment-calculator summary:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: 3px;}
#investment-calculator button:disabled{cursor: default;}
#investment-calculator main{max-width: 1000px; margin: auto; padding: 52px 24px 60px;}
#investment-calculator h1{max-width: 520px; margin: 0px auto 26px; text-align: center; font-size: clamp(29px, 7vw, 40px); font-weight: 400; line-height: 1.12; letter-spacing: -0.035em;}
#investment-calculator h1 span{display: block; color: rgb(201, 52, 47);}
#investment-calculator h2{font-size: 20px; font-weight: 500; margin: 0px 0px 14px;}
#investment-calculator h3{font-size: 15px; font-weight: 500; margin: 0px 0px 5px;}
#investment-calculator p{margin: 0px; color: rgb(86, 97, 118);}
#investment-calculator .badge{display: inline-block; padding: 3px 7px; border: 1px solid rgb(201, 52, 47); border-radius: 6px; color: rgb(201, 52, 47); background: transparent; font-size: 10px; line-height: 1.35; white-space: nowrap;}
#investment-calculator .panel{background: rgb(240, 242, 245); border: 1px solid rgb(225, 228, 232); border-radius: 20px; padding: 22px; margin-top: 20px;}
#investment-calculator .settings{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
#investment-calculator .field{display: grid; gap: 6px; color: rgb(86, 97, 118); font-size: 13px;}
#investment-calculator .field input,#investment-calculator .field select{width: 100%; min-width: 0px; border: 1px solid rgb(220, 224, 230); border-radius: 10px; background: white; color: rgb(25, 36, 59); padding: 10px;}
#investment-calculator input[type="checkbox"]{accent-color: rgb(201, 52, 47);}
#investment-calculator .check{font-size: 13px; color: rgb(86, 97, 118); display: flex; gap: 9px; align-items: center;}
#investment-calculator .model{margin: 14px 0px 0px; font-size: 13px; color: rgb(25, 36, 59);}
#investment-calculator .tabs{display: flex; gap: 4px; background: rgb(232, 235, 239); padding: 4px; border-radius: 12px; margin: 22px 0px;}
#investment-calculator .tabs button{flex: 1 1 0%; border: 0px; border-radius: 9px; padding: 11px 6px; color: rgb(86, 97, 118); background: transparent; font-size: 13px;}
#investment-calculator .tabs button[aria-pressed="true"]{background: rgb(255, 255, 255); color: rgb(25, 36, 59); box-shadow: rgba(25, 36, 59, 0.07) 0px 2px 6px;}
#investment-calculator .controls{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
#investment-calculator .range-head{display: flex; justify-content: space-between; gap: 12px; align-items: baseline; font-size: 13px; color: rgb(86, 97, 118);}
#investment-calculator .range-head strong{color: rgb(201, 52, 47); font-size: 24px; font-weight: 400; white-space: nowrap;}
#investment-calculator input[type="range"]{width: 100%; accent-color: rgb(25, 36, 59); margin: 20px 0px 0px; cursor: pointer;}
#investment-calculator .hint{margin-top: 12px; font-size: 12px;}
#investment-calculator .totals{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px;}
#investment-calculator .total{border: 1px solid rgb(225, 228, 232); border-radius: 15px; padding: 16px; background: white;}
#investment-calculator .total small{color: rgb(86, 97, 118); font-size: 12px;}
#investment-calculator .total strong{display: block; font-weight: 400; font-size: 28px; margin-top: 5px; line-height: 1.15;}
#investment-calculator .total:first-child strong{color: rgb(201, 52, 47);}
#investment-calculator .levels{display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 18px 0px;}
#investment-calculator .level{padding: 10px 6px; background: rgb(240, 242, 245); border-radius: 10px; text-align: center;}
#investment-calculator .level small{font-size: 10px; color: rgb(105, 120, 142); display: block;}
#investment-calculator .level strong{display: block; font-size: 15px; font-weight: 500;}
#investment-calculator .tools{display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 24px 0px 12px;}
#investment-calculator .tools h2{margin: 0px;}
#investment-calculator .quiet{border: 1px solid rgb(220, 224, 230); background: white; color: rgb(86, 97, 118); border-radius: 9px; padding: 7px 10px; font-size: 12px;}
#investment-calculator .tree{height: 500px; overflow: auto; border: 1px solid rgb(223, 227, 232); border-radius: 18px; background-color: rgb(247, 248, 250); background-image: radial-gradient(rgb(220, 224, 231) 1px, transparent 1px); background-size: 16px 16px; overscroll-behavior: auto; scrollbar-width: thin; touch-action: pan-x pan-y;}
#investment-calculator .columns{display: flex; align-items: flex-start; width: max-content; min-height: 100%; padding: 0px 20px 26px; gap: 30px;}
#investment-calculator .column{width: 194px; position: relative;}
#investment-calculator .column + .column::before{content: ""; position: absolute; width: 30px; height: 1px; background: rgb(204, 211, 220); left: -30px; top: 132px;}
#investment-calculator .column-head{position: sticky; top: 0px; padding: 14px 0px 12px; background: rgb(247, 248, 250); z-index: 2; font-size: 12px; color: rgb(105, 120, 142);}
#investment-calculator .column-head strong{display: block; font-size: 14px; font-weight: 500; color: rgb(25, 36, 59);}
#investment-calculator .node{position: relative; margin-bottom: 14px; background: rgb(255, 255, 255); border: 1px solid rgb(225, 228, 232); border-radius: 15px; box-shadow: rgba(25, 36, 59, 0.03) 0px 4px 12px; overflow: hidden;}
#investment-calculator .node.selected{border-color: rgb(201, 52, 47);}
#investment-calculator .node-main{display: block; border: 0px; background: transparent; text-align: left; width: 100%; padding: 16px 15px; color: rgb(25, 36, 59);}
#investment-calculator .node-main b{display: block; font-size: 15px; font-weight: 500; overflow-wrap: anywhere;}
#investment-calculator .node-main small{font-size: 11px; color: rgb(105, 120, 142); display: block; margin-top: 10px;}
#investment-calculator .node-budget{font-size: 21px; display: block; letter-spacing: -0.025em;}
#investment-calculator .node-actions{display: flex; border-top: 1px solid rgb(237, 240, 243);}
#investment-calculator .node-actions button{flex: 1 1 0%; border: 0px; background: transparent; padding: 10px 6px; font-size: 11px; color: rgb(86, 97, 118);}
#investment-calculator .node-actions button + button{border-left: 1px solid rgb(237, 240, 243);}
#investment-calculator .node-actions .expand{color: rgb(201, 52, 47);}
#investment-calculator .node-no-invites{flex: 1 1 0%; padding: 10px 6px; border-left: 1px solid rgb(237, 240, 243); font-size: 10px; color: rgb(105, 120, 142); text-align: center;}
#investment-calculator .node .selected-label{color: rgb(201, 52, 47); font-size: 11px; margin-top: 9px;}
#investment-calculator .add{display: block; width: 100%; padding: 12px; background: rgb(255, 255, 255); border: 1px dashed rgb(185, 194, 207); border-radius: 12px; color: rgb(86, 97, 118); font-size: 12px;}
#investment-calculator .empty{padding: 18px; font-size: 13px; color: rgb(105, 120, 142); max-width: 194px;}
#investment-calculator .save-row{margin-top: 24px; text-align: right;}
#investment-calculator .red{border: 0px; border-radius: 10px; background: linear-gradient(135deg, rgb(227, 30, 43), rgb(191, 20, 36)); color: rgb(255, 255, 255); padding: 12px 17px; box-shadow: rgba(255, 255, 255, 0.19) 0px 1px 0px inset, rgba(179, 25, 36, 0.15) 0px 4px 10px; font-weight: 500; font-size: 14px;}
#investment-calculator .save-row .hint{max-width: 430px; margin: 10px 0px 0px auto;}
#investment-calculator .note{margin-top: 26px; padding-top: 20px; border-top: 1px solid rgb(225, 228, 232); font-size: 13px;}
#investment-calculator .note summary{cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 10px; align-items: center;}
#investment-calculator .note > summary::after{content: "+"; font-size: 20px; color: rgb(201, 52, 47);}
#investment-calculator .note[open] > summary::after{content: "−";}
#investment-calculator .note p{font-size: 13px; margin-top: 12px;}
#investment-calculator .budget-table{width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 14px;}
#investment-calculator .budget-table td,#investment-calculator .budget-table th{padding: 10px 7px; border-bottom: 1px solid rgb(225, 228, 232); text-align: left; font-weight: 400;}
#investment-calculator .budget-table th{color: rgb(105, 120, 142);}
#investment-calculator .budget-table td:first-child{white-space: nowrap;}
#investment-calculator dialog{border: 1px solid rgb(220, 224, 230); background: rgb(252, 253, 255); border-radius: 20px; width: min(440px, -30px + 100vw); padding: 24px; color: rgb(25, 36, 59); max-height: calc(100dvh - 32px); overflow: auto;}
#investment-calculator dialog::backdrop{background: rgba(25, 36, 59, 0.4); backdrop-filter: blur(3px);}
#investment-calculator dialog .field{margin-top: 16px;}
#investment-calculator dialog .buttons{display: flex; gap: 10px; justify-content: space-between; margin-top: 24px;}
#investment-calculator .delete{border: 0px; background: transparent; color: rgb(201, 52, 47); font-size: 13px; padding: 8px;}
#investment-calculator .error{color: rgb(201, 52, 47); font-size: 12px; margin-top: 12px;}
#investment-calculator .toast{position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); max-width: calc(-32px + 100vw); border: 1px solid rgb(225, 228, 232); background: white; box-shadow: rgba(25, 36, 59, 0.145) 0px 8px 25px; padding: 10px 14px; border-radius: 12px; z-index: 5; font-size: 13px; display: flex; gap: 12px; align-items: center;}
#investment-calculator .toast[hidden],#investment-calculator [hidden]{display: none !important;}
@media (max-width: 520px) {#investment-calculator main{padding: 42px 19px;}
#investment-calculator .panel{padding: 18px;}
#investment-calculator .settings{grid-template-columns: 1fr; gap: 14px;}
#investment-calculator .controls{grid-template-columns: 1fr; gap: 20px;}
#investment-calculator .levels{grid-template-columns: repeat(3, 1fr);}
#investment-calculator .tools h2{font-size: 18px;}
#investment-calculator .tree{height: 470px;}
#investment-calculator .total strong{font-size: 25px;}
#investment-calculator .red{font-size: 12px;}
#investment-calculator .badge{font-size: 9px;}
}
#investment-calculator .manual-guide{margin-top: 18px; padding: 16px; border: 1px solid rgb(225, 228, 232); border-radius: 14px; background: rgb(255, 255, 255);}
#investment-calculator .manual-guide .hint{margin-top: 8px;}
#investment-calculator .manual-guide button{margin-top: 14px;}
#investment-calculator .calculator-fab{position: fixed; right: calc(18px + env(safe-area-inset-right,0px)); bottom: calc(18px + env(safe-area-inset-bottom,0px)); z-index: 30; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0px; border: 0px; border-radius: 50%; background: linear-gradient(135deg, rgb(227, 30, 43), rgb(191, 20, 36)); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.19) 0px 1px 0px inset, rgba(163, 21, 36, 0.2) 0px 5px 18px; transition: transform 0.18s, box-shadow 0.18s; touch-action: manipulation;}
#investment-calculator .calculator-fab svg{width: 26px; height: 30px; pointer-events: none;}
#investment-calculator .calculator-fab:hover{transform: translateY(-2px); box-shadow: rgba(255, 255, 255, 0.19) 0px 1px 0px inset, rgba(163, 21, 36, 0.267) 0px 7px 22px;}
#investment-calculator .calculator-fab:active{transform: scale(0.95);}
#investment-calculator #partner-results{scroll-margin-top: 16px;}
#investment-calculator main{padding-bottom: calc(96px + env(safe-area-inset-bottom,0px));}
#investment-calculator .toast{bottom: calc(92px + env(safe-area-inset-bottom,0px));}
@media (prefers-reduced-motion: reduce) {#investment-calculator .calculator-fab{transition: none;}
}
#investment-calculator .calculator-fab::before,#investment-calculator .calculator-fab::after{content: ""; position: absolute; inset: 0px; border: 1.5px solid rgba(215, 25, 32, 0.6); border-radius: 50%; pointer-events: none; opacity: 0; transform: scale(1); box-shadow: rgba(215, 25, 32, 0.15) 0px 0px 12px;}
#investment-calculator .calculator-fab::before{animation: 1.15s ease-out 0s 3 normal none running calculator-opening-pulse;}
#investment-calculator .calculator-fab::after{animation: 30s linear 30s infinite normal none running calculator-reminder-pulse;}
@keyframes calculator-opening-pulse { 
  0% { opacity: 0.65; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.65); }
}
@keyframes calculator-reminder-pulse { 
  0% { opacity: 0.6; transform: scale(1); }
  4%, 100% { opacity: 0; transform: scale(1.65); }
}
@media (prefers-reduced-motion: reduce) {#investment-calculator .calculator-fab::before,#investment-calculator .calculator-fab::after{animation: auto ease 0s 1 normal none running none;}
}
#investment-calculator .tools .quiet{display: flex; align-items: center; gap: 6px;}
#investment-calculator .tools .quiet svg{flex: 0 0 auto;}
#investment-calculator .tree{overflow-anchor: none;}
#investment-calculator .tree{position: relative; width: var(--planner-viewport-width,100vw); margin-left: calc(50% - var(--planner-viewport-width,100vw)/2); height: clamp(470px, 76svh, 760px); border: 0px; border-radius: 0px; background: none rgb(255, 255, 255); box-shadow: none; overflow: auto; overscroll-behavior: auto; --tree-gutter: 120px; isolation: isolate;}
#investment-calculator .tree-canvas{position: relative; min-height: 100%; padding: 24px 0px 50px;}
#investment-calculator .tree-root-row,#investment-calculator .tree-level{position: relative; display: grid; grid-template-columns: var(--tree-gutter) minmax(0,1fr); align-items: stretch;}
#investment-calculator .tree-root-row{padding: 0px 0px 24px;}
#investment-calculator .tree-leader-space{width: calc(var(--planner-viewport-width,100vw) - var(--tree-gutter)); display: flex; justify-content: center; position: relative; z-index: 1;}
#investment-calculator .tree-line-label{position: sticky; left: 0px; z-index: 3; padding: 25px 12px 18px 20px; align-self: stretch; background: linear-gradient(to right, rgb(255, 255, 255) 90%, rgba(255, 255, 255, 0)); font-size: 11px; line-height: 1.45; color: rgb(105, 120, 142); overflow-wrap: anywhere;}
#investment-calculator .tree-line-label strong{display: block; font-size: 13px; line-height: 1.35; font-weight: 500; color: rgb(25, 36, 59); margin-bottom: 8px;}
#investment-calculator .tree-line-label span{display: block; max-width: 90px;}
#investment-calculator .tree-axis{padding-top: 10px; font-size: 12px; color: rgb(105, 120, 142);}
#investment-calculator .tree-children{display: flex; align-items: flex-start; justify-content: center; gap: 18px; padding: 24px 20px 30px;}
#investment-calculator .tree-wires{position: absolute; left: 0px; top: 0px; z-index: 0; pointer-events: none; overflow: visible;}
#investment-calculator .tree-wires path{stroke: rgb(220, 225, 232); stroke-width: 1.2; fill: none; stroke-linecap: round; stroke-linejoin: round;}
#investment-calculator .tree-wrap .node{position: relative; flex: 0 0 auto; width: 184px; margin: 0px; border-radius: 14px; box-shadow: rgba(25, 36, 59, 0.027) 0px 3px 10px; background: rgb(255, 255, 255); z-index: 1;}
#investment-calculator .tree-wrap .node.selected{border-color: rgb(201, 52, 47);}
#investment-calculator .tree-wrap .tree-leader{width: 204px; border-color: rgb(201, 52, 47);}
#investment-calculator .tree-wrap .node-main{padding: 14px 13px;}
#investment-calculator .tree-wrap .node-main b{font-size: 14px; line-height: 1.35; font-weight: 500; margin: 0px 0px 12px; overflow-wrap: anywhere;}
#investment-calculator .node-data{margin: 0px;}
#investment-calculator .node-data-row{display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: 7px; font-variant-numeric: tabular-nums;}
#investment-calculator .node-data-row dt{margin: 0px; color: rgb(105, 120, 142); font-size: 10px; line-height: 1.4; min-width: 0px;}
#investment-calculator .node-data-row dd{margin: 0px; color: rgb(25, 36, 59); font-size: 12px; line-height: 1.4; text-align: right; white-space: nowrap; flex: 0 0 auto;}
#investment-calculator .node-data-row.node-budget-row{margin: 0px 0px 10px;}
#investment-calculator .node-budget-row dt{font-size: 11px;}
#investment-calculator .node-budget-row dd{font-size: 17px; line-height: 1.15; letter-spacing: -0.025em;}
#investment-calculator .node-capital-row{padding-top: 8px; margin-top: 10px; border-top: 1px solid rgb(237, 240, 243);}
#investment-calculator .node-capital-row dd{font-weight: 500;}
#investment-calculator .node-channel-row dt{max-width: 86px;}
#investment-calculator .tree-wrap .node-actions button{padding: 9px 5px; font-size: 10px;}
#investment-calculator .tree-wrap .add{border-radius: 0px 0px 13px 13px; font-size: 11px; padding: 10px; border-width: 1px 0px 0px; border-style: solid; border-color: rgb(237, 240, 243); min-width: 150px; width: auto;}
#investment-calculator .tree-wrap .tree-children > .add{border: 1px dashed rgb(203, 210, 220); border-radius: 12px; align-self: flex-start; padding: 12px; width: 184px;}
#investment-calculator .tree-wrap .tree-leader .add{width: 100%;}
@media (max-width: 520px) {#investment-calculator .tree{--tree-gutter: 96px;}
#investment-calculator .tree-line-label{padding-left: 13px; padding-right: 9px; font-size: 10px;}
#investment-calculator .tree-line-label strong{font-size: 12px;}
#investment-calculator .tree-line-label span{max-width: 72px;}
#investment-calculator .tree-wrap .tree-leader{width: 204px;}
#investment-calculator .tree-leader-space{min-width: 224px;}
#investment-calculator .tree-children{padding-top: 24px; padding-bottom: 24px;}
#investment-calculator .tree-wrap .node-main{padding: 13px 12px;}
}
#investment-calculator .tree-wrap .leader-status{margin: 0px 0px 12px;}
#investment-calculator .tree-wrap .leader-plan-note{margin: 11px 0px 0px; padding-top: 10px; border-top: 1px solid rgb(237, 240, 243); color: rgb(86, 97, 118); font-size: 11px; line-height: 1.4;}
#investment-calculator .settings.is-max-tariff{grid-template-columns: 1fr;}
#investment-calculator .tree-zoom-controls{display: flex; justify-content: flex-end; align-items: center; gap: 5px; margin: 0px 0px 12px;}
#investment-calculator .tree-zoom-controls .quiet{min-height: 34px; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset;}
#investment-calculator .tree-zoom-controls .zoom-step{min-width: 34px; padding: 4px 8px; font-size: 19px; line-height: 1;}
#investment-calculator .tree-zoom-controls .zoom-value{min-width: 59px; font-variant-numeric: tabular-nums;}
#investment-calculator .tree-zoom-controls button:disabled{opacity: 0.35; cursor: default;}
#investment-calculator .tree-wrap{position: relative; width: var(--planner-viewport-width,100vw); margin-left: calc(50% - var(--planner-viewport-width,100vw)/2); background: rgb(255, 255, 255); isolation: isolate; overflow: hidden;}
#investment-calculator .tree-wrap .tree{width: 100%; margin: 0px; cursor: grab; touch-action: none;}
#investment-calculator .tree.is-panning{cursor: grabbing; user-select: none;}
#investment-calculator .tree-stage{position: relative; margin: 0px auto; overflow: hidden;}
#investment-calculator .tree-canvas{position: absolute; top: 0px; left: 0px; min-height: 0px; transform-origin: 0px 0px;}
#investment-calculator .tree-root-row,#investment-calculator .tree-level{display: block;}
#investment-calculator .tree-leader-space{width: var(--planner-viewport-width,100vw); min-width: 0px;}
#investment-calculator .tree-sidebar{position: absolute; z-index: 4; left: 0px; top: 0px; bottom: 0px; width: 110px; pointer-events: none; overflow: hidden; background: linear-gradient(to right, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 78%, rgba(255, 255, 255, 0) 100%); opacity: 1; transition: opacity 0.12s;}
#investment-calculator .tree-sidebar[data-visible="false"]{opacity: 0;}
#investment-calculator .tree-sidebar-label{position: absolute; left: 16px; width: 80px; font-size: 11px; line-height: 1.4; color: rgb(105, 120, 142); overflow-wrap: anywhere;}
#investment-calculator .tree-sidebar-label strong{display: block; font-size: 12px; font-weight: 500; color: rgb(25, 36, 59); margin-bottom: 6px;}
#investment-calculator .tree-sidebar-label span{display: block;}
@media (max-width: 520px) {#investment-calculator .tree-sidebar{width: 92px;}
#investment-calculator .tree-sidebar-label{left: 12px; width: 69px; font-size: 10px;}
#investment-calculator .tree-sidebar-label strong{font-size: 11px;}
#investment-calculator .tree-leader-space{min-width: 0px;}
}
@media (prefers-reduced-motion: reduce) {#investment-calculator .tree-sidebar{transition: none;}
}
#investment-calculator .tabs button[aria-pressed="true"]{color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(227, 30, 43), rgb(191, 20, 36)); box-shadow: rgba(255, 255, 255, 0.21) 0px 1px 0px inset, rgba(191, 20, 36, 0.15) 0px 3px 8px;}
#investment-calculator .planner-value-edit{display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 7px 10px; border: 1px solid rgb(201, 52, 47); border-radius: 10px; color: rgb(201, 52, 47); background: transparent; font-size: 20px; line-height: 1.15; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; max-width: 100%;}
#investment-calculator .planner-value-edit svg{flex: 0 0 auto;}
#investment-calculator .planner-value-edit span{overflow-wrap: anywhere; min-width: 0px;}
#investment-calculator .range-head{align-items: center; flex-wrap: wrap; row-gap: 8px;}
#investment-calculator #branching,#investment-calculator #base-budget{accent-color: rgb(201, 52, 47);}
#investment-calculator .tree-root-row{padding-bottom: 24px; position: relative;}
#investment-calculator .tree-leader-space{display: flex; justify-content: flex-start; width: 100%; min-width: 0px;}
#investment-calculator .tree-pane{position: relative;}
#investment-calculator .tree-leader{will-change: transform;}
#investment-calculator .tree-pages{display: flex; justify-content: center; align-items: center; gap: 14px; padding: 0px 15px 20px; color: rgb(105, 120, 142); font-size: 12px; line-height: 1.5;}
#investment-calculator .tree-pages span{max-width: 260px; overflow-wrap: anywhere; text-align: center;}
#investment-calculator .tree-pages button:disabled{opacity: 0.3; cursor: default;}
#investment-calculator .node-data-row{flex-wrap: wrap;}
#investment-calculator .node-data-row dd{max-width: 100%; white-space: normal; overflow-wrap: anywhere; margin-left: auto;}
#investment-calculator .level strong,#investment-calculator #total-count,#investment-calculator #investment-capital{overflow-wrap: anywhere;}
#investment-calculator .level strong{font-size: 14px;}
#investment-calculator .example-model-list{margin: 12px 0px 0px; padding-left: 18px;}
#investment-calculator .example-model-list li{padding-left: 3px; margin: 0px 0px 10px;}
#investment-calculator .example-model-list li::marker{color: rgb(201, 52, 47);}
#investment-calculator #total-count{font-size: clamp(20px, 5.6vw, 28px);}
@media (max-width: 520px) {#investment-calculator .planner-value-edit{font-size: 19px;}
#investment-calculator .level strong{font-size: 13px;}
}
#investment-calculator .tree-wrap .node-main b{padding-right: 25px;}
#investment-calculator .tree-wrap .tree-leader .node-main b{padding-right: 0px;}
#investment-calculator .node-remove{position: absolute; right: 5px; top: 5px; z-index: 2; width: 30px; height: 30px; border: 0px; background: transparent; color: rgb(105, 120, 142); display: flex; align-items: center; justify-content: center; padding: 6px; cursor: pointer;}
#investment-calculator .node-icon svg{width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
#investment-calculator .tree-wrap .node-actions .node-icon{display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 40px; padding: 8px; color: rgb(201, 52, 47); cursor: pointer;}
#investment-calculator .tree-wrap .node-actions .node-icon:disabled{opacity: 0.3; cursor: default;}
#investment-calculator .tree-wrap .node-actions .expand[aria-expanded="true"] svg{transform: rotate(180deg);}
#investment-calculator .node-child-count{font-size: 10px; line-height: 1; color: rgb(105, 120, 142);}
#investment-calculator .node-icon:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: -3px;}
#investment-calculator .node-remove:hover{color: rgb(201, 52, 47);}
#investment-calculator .tree-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 18px 0px 12px;}
#investment-calculator .tree-toolbar .tree-zoom-controls{margin: 0px; justify-content: flex-start; flex: 0 0 auto;}
#investment-calculator .tree-toolbar #reset-view{display: flex; align-items: center; justify-content: center; gap: 6px; margin-left: auto; white-space: nowrap;}
#investment-calculator .tree-toolbar #reset-view svg{color: rgb(201, 52, 47); flex: 0 0 auto;}
html.is-restoring-planner-collapse #investment-calculator ,html.is-restoring-planner-collapse #investment-calculator {overflow-anchor: none; scroll-behavior: auto !important;}
@media (max-width: 520px) {#investment-calculator .tree-toolbar{gap: 6px;}
#investment-calculator .tree-toolbar .quiet{font-size: 10px; padding: 6px 5px; min-height: 32px;}
#investment-calculator .tree-toolbar .tree-zoom-controls{gap: 3px;}
#investment-calculator .tree-toolbar .zoom-step{min-width: 26px; width: 26px; font-size: 17px; padding: 4px;}
#investment-calculator .tree-toolbar .zoom-value{min-width: 43px;}
#investment-calculator .tree-toolbar #reset-view{gap: 3px;}
#investment-calculator .tree-toolbar #reset-view svg{width: 11px; height: 11px;}
}
#investment-calculator .tariff-field{position: relative; min-width: 0px;}
#investment-calculator .tariff-picker{position: relative; margin-top: 8px;}
#investment-calculator #tariff-trigger{display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 12px 13px; border: 1px solid rgb(220, 224, 230); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(25, 36, 59); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; text-align: left; cursor: pointer; min-height: 45px;}
#investment-calculator #tariff-trigger svg{flex: 0 0 auto; color: rgb(201, 52, 47);}
#investment-calculator #tariff-trigger[aria-expanded="true"] svg{transform: rotate(180deg);}
#investment-calculator .tariff-menu{position: absolute; z-index: 20; left: 0px; right: 0px; top: calc(100% + 7px); padding: 12px; border: 1px solid rgb(220, 224, 230); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(25, 36, 59, 0.1) 0px 12px 30px; max-height: min(540px, 65dvh); overflow: auto; overscroll-behavior: contain;}
#investment-calculator .tariff-list-title{margin: 0px 4px 8px; font-size: 11px; color: rgb(105, 120, 142);}
#investment-calculator .tariff-options{max-height: 232px; overflow-y: scroll; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: rgb(201, 52, 47) rgb(233, 236, 241);}
#investment-calculator .tariff-options::-webkit-scrollbar{width: 6px;}
#investment-calculator .tariff-options::-webkit-scrollbar-track{background: rgb(233, 236, 241); border-radius: 5px;}
#investment-calculator .tariff-options::-webkit-scrollbar-thumb{background: rgb(201, 52, 47); border-radius: 5px;}
#investment-calculator .tariff-option{display: flex; flex-direction: column; align-items: flex-start; gap: 5px; width: 100%; min-height: 58px; padding: 10px 9px; border: 0px; border-radius: 7px; background: transparent; text-align: left; color: rgb(25, 36, 59); cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px;}
#investment-calculator .tariff-option small{font-size: 10px; line-height: 1.4; color: rgb(105, 120, 142);}
#investment-calculator .tariff-option[aria-selected="true"]{box-shadow: rgb(201, 52, 47) 0px 0px 0px 1px inset;}
#investment-calculator .tariff-option[aria-selected="true"] > span{color: rgb(201, 52, 47);}
#investment-calculator .tariff-option:hover{background: rgb(243, 244, 246);}
#investment-calculator .tariff-option:focus-visible,#investment-calculator #tariff-trigger:focus-visible,#investment-calculator .all-tariffs-toggle:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: -2px;}
#investment-calculator .all-tariffs-toggle{display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin-top: 10px; padding: 12px 4px 3px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(225, 228, 232) currentcolor currentcolor; border-image: none; background: transparent; color: rgb(201, 52, 47); cursor: pointer; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px;}
#investment-calculator .all-tariffs-toggle[aria-expanded="true"] svg{transform: rotate(180deg);}
#investment-calculator #other-tariffs{margin-top: 10px; max-height: 185px;}
#investment-calculator .tariff-more-note{font-size: 10px; margin: 10px 4px 0px; line-height: 1.5;}
#investment-calculator .own-capital-limit{margin-top: 10px; color: rgb(86, 97, 118);}
#investment-calculator .tariff-scroll-wrap{position: relative; padding-right: 9px;}
#investment-calculator .tariff-options{scrollbar-width: none;}
#investment-calculator .tariff-options::-webkit-scrollbar{display: none;}
#investment-calculator .tariff-scroll-rail{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 5px; border-radius: 4px; background: rgb(228, 232, 238); touch-action: none; cursor: pointer;}
#investment-calculator .tariff-scroll-rail span{position: absolute; left: 0px; top: 0px; width: 100%; min-height: 24px; border-radius: 4px; background: rgb(201, 52, 47);}
#investment-calculator .tariff-scroll-rail.is-empty{visibility: hidden;}
#investment-calculator .node-strategy-note{font-size: 10px; font-weight: 400; color: rgb(105, 120, 142); line-height: 1.45;}
#investment-calculator .tree-wrap .node-data-row.node-capital-row dd{line-height: 1.45;}
#investment-calculator .turnover-breakdown-label{display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0px;}
#investment-calculator .section-label{display: flex; align-items: center; gap: 10px; min-width: 0px;}
#investment-calculator .section-icon{display: block; width: 36px; height: 36px; color: rgb(201, 52, 47); flex: 0 0 36px;}
#investment-calculator .turnover-calculator{margin-top: 26px; padding-top: 26px; border-top: 1px solid rgb(225, 228, 232);}
#investment-calculator .turnover-result-card{padding: 24px; border: 1px solid rgb(223, 227, 232); border-radius: 20px; background: rgb(240, 242, 245);}
#investment-calculator .turnover-result-card > #turnover-breakdown{margin-top: 20px; padding-top: 0px; border-top: 0px;}
#investment-calculator .turnover-result-badges{display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
#investment-calculator .turnover-result-heading{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;}
#investment-calculator .turnover-result-heading h2{margin: 0px; font-size: 20px; font-weight: 500;}
#investment-calculator .turnover-result-copy{font-size: 13px; margin: 14px 0px 0px;}
#investment-calculator .turnover-result-total{display: block; font-size: clamp(32px, 7vw, 44px); font-weight: 400; line-height: 1.12; letter-spacing: -0.035em; color: rgb(201, 52, 47); margin: 20px 0px 8px; overflow-wrap: anywhere;}
#investment-calculator .turnover-rate-note{font-size: 11px; color: rgb(105, 120, 142);}
#investment-calculator .turnover-sources{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; border-top: 1px solid rgb(220, 224, 230); padding-top: 16px; margin-top: 20px;}
#investment-calculator .turnover-sources small{display: block; font-size: 11px; color: rgb(105, 120, 142);}
#investment-calculator .turnover-sources strong{display: block; font-weight: 500; font-size: 19px; margin-top: 5px; overflow-wrap: anywhere;}
#investment-calculator .turnover-cap-note{border-top: 1px solid rgb(220, 224, 230); margin-top: 18px; padding-top: 14px; font-size: 12px; line-height: 1.6;}
#investment-calculator .turnover-line-label{flex: 1 1 0%; min-width: 0px;}
#investment-calculator .turnover-line-label small{display: block; font-size: 11px; color: rgb(105, 120, 142); font-weight: 400; margin-top: 4px;}
#investment-calculator .turnover-line-total{font-weight: 500; overflow-wrap: anywhere; max-width: 50%; text-align: right; margin-left: auto;}
#investment-calculator .turnover-line-meta{color: rgb(105, 120, 142); line-height: 1.7; font-size: 11px !important;}
#investment-calculator .turnover-ledger{border-collapse: collapse; width: 100%; font-size: 12px; margin-top: 14px; table-layout: fixed;}
#investment-calculator .turnover-ledger th{font-weight: 400; color: rgb(105, 120, 142); font-size: 10px; text-align: right; padding: 10px 8px; border-bottom: 1px solid rgb(223, 227, 232);}
#investment-calculator .turnover-ledger th:first-child{width: 27%; text-align: left;}
#investment-calculator .turnover-ledger td{padding: 13px 8px; border-bottom: 1px solid rgb(229, 232, 237); text-align: right; overflow-wrap: anywhere; vertical-align: top; font-variant-numeric: tabular-nums;}
#investment-calculator .turnover-ledger .ledger-name{text-align: left;}
#investment-calculator .ledger-name b{display: block; font-size: 12px; font-weight: 500;}
#investment-calculator .turnover-ledger small{display: block; font-size: 10px; line-height: 1.5; font-weight: 400; color: rgb(105, 120, 142); margin-top: 5px;}
#investment-calculator .turnover-ledger .ledger-payout{color: rgb(201, 52, 47); font-weight: 500;}
#investment-calculator .turnover-pages{display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 18px 0px 8px;}
#investment-calculator .turnover-pages span{font-size: 11px; color: rgb(105, 120, 142);}
#investment-calculator .turnover-pages button:disabled{opacity: 0.3;}
#investment-calculator .turnover-pages .quiet{padding: 6px 9px;}
@media (max-width: 600px) {#investment-calculator .turnover-result-card{padding: 20px 18px;}
#investment-calculator .turnover-result-heading h2{font-size: 18px;}
#investment-calculator .turnover-result-heading .badge{font-size: 9px;}
#investment-calculator .turnover-ledger,#investment-calculator .turnover-ledger tbody{display: block;}
#investment-calculator .turnover-ledger thead{display: none;}
#investment-calculator .turnover-ledger tr{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-areas: "name payout" "fee analytics" "base rate"; gap: 12px 18px; border: 1px solid rgb(225, 228, 232); border-radius: 12px; padding: 14px; margin-bottom: 12px; background: rgb(255, 255, 255);}
#investment-calculator .turnover-ledger td{display: block; padding: 0px; border: 0px; font-size: 12px; text-align: left;}
#investment-calculator .turnover-ledger td::before{content: attr(data-label); display: block; font-size: 10px; color: rgb(105, 120, 142); line-height: 1.4; margin-bottom: 4px; font-weight: 400;}
#investment-calculator .turnover-ledger .ledger-name{grid-area: name;}
#investment-calculator .turnover-ledger .ledger-name::before{display: none;}
#investment-calculator .turnover-ledger .ledger-payout{grid-area: payout; text-align: right; font-size: 16px;}
#investment-calculator .turnover-ledger .ledger-fee{grid-area: fee;}
#investment-calculator .turnover-ledger .ledger-channel{grid-area: analytics;}
#investment-calculator .turnover-ledger .ledger-base{grid-area: base;}
#investment-calculator .turnover-ledger .ledger-rate{grid-area: rate;}
#investment-calculator .turnover-line-total{max-width: 42%;}
#investment-calculator .turnover-sources strong{font-size: 17px;}
}
#investment-calculator .planner-period{font-size: 12px; line-height: 1.5; color: rgb(105, 120, 142); text-align: center; margin: -10px auto 24px; max-width: 400px;}
#investment-calculator .turnover-annual-label{font-size: 12px; color: rgb(25, 36, 59); margin: 20px 0px 0px;}
#investment-calculator .turnover-annual-label + .turnover-result-total{margin-top: 6px;}
#investment-calculator .site-header a.join-btn{text-decoration: none; display: inline-flex; align-items: center; justify-content: center;}
#investment-calculator .site-header{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;}
#investment-calculator .site-header .top{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
#investment-calculator .site-header .community-brand{display: flex; align-items: center; min-width: 0px; gap: 9px;}
#investment-calculator .site-header .community-symbol{display: block; object-fit: contain; flex: 0 0 auto;}
#investment-calculator .site-header .join-btn{appearance: none; border: 0px; border-radius: 11px; background: linear-gradient(135deg, rgb(227, 30, 43), rgb(191, 20, 36)); color: rgb(255, 255, 255); font: 500 17px / 1.2 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; padding: 13px 19px; white-space: nowrap; box-shadow: rgba(255, 255, 255, 0.18) 0px 1px 0px inset; cursor: pointer;}
#investment-calculator > #planner{padding-bottom: 0px;}
#investment-calculator .standalone-site-offer{max-width: 992px; margin: 0px auto; padding: 0px 24px;}
#investment-calculator .standalone-site-offer .offer-wrap{display: flex; justify-content: flex-end; margin: 22px 0px 0px;}
#investment-calculator .standalone-site-offer .offer-pill{display: flex; align-items: center; justify-content: center; gap: 13px; max-width: 100%; border: 1px solid rgb(225, 227, 233); border-radius: 14px; background: linear-gradient(145deg, rgb(255, 255, 255) 0%, rgb(248, 249, 251) 100%); color: rgb(23, 33, 58); font-size: 17px; font-weight: 400; line-height: 1.25; text-align: center; padding: 11px 16px 11px 20px; box-shadow: rgba(255, 255, 255, 0.98) 0px 1.5px 0px inset, rgba(25, 36, 59, 0.035) 0px -2px 0px inset, rgb(232, 233, 238) 0px 3px 0px, rgba(25, 36, 59, 0.12) 0px 7px 16px;}
#investment-calculator .standalone-site-offer .offer-copy{min-width: 0px; text-shadow: rgba(255, 255, 255, 0.95) 0px 1px 0px, rgba(25, 36, 59, 0.13) 0px -1px 0px;}
#investment-calculator .standalone-site-offer .offer-arrow{font-size: 0px; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; flex: 0 0 auto;}
#investment-calculator .standalone-site-offer .offer-arrow::before{content: ""; width: 20px; height: 20px; background: currentcolor; clip-path: polygon(0px 45%, 65% 45%, 43% 23%, 50% 16%, 85% 50%, 50% 84%, 43% 77%, 65% 55%, 0px 55%);}
@media (max-width: 600px) {#investment-calculator .site-header .join-btn{font-size: 14px; padding: 11px 13px; border-radius: 9px;}
#investment-calculator .standalone-site-offer .offer-wrap{margin-top: 20px;}
#investment-calculator .standalone-site-offer .offer-pill{font-size: 14px; padding: 10px 12px 10px 15px; gap: 9px;}
#investment-calculator .standalone-site-offer .offer-arrow{width: 19px; height: 19px;}
#investment-calculator .standalone-site-offer .offer-arrow::before{width: 18px; height: 18px;}
}
#investment-calculator{--site-header-height: calc(60px + env(safe-area-inset-top,0px));}
#investment-calculator{scroll-padding-top: calc(var(--site-header-height) + 16px);}
#investment-calculator .site-header{position: sticky; top: 0px; z-index: 1000; height: var(--site-header-height); padding: env(safe-area-inset-top,0px) 24px 0; background: rgb(255, 255, 255); border-bottom: 0px; box-shadow: rgba(25, 36, 59, 0.07) 0px 8px 26px;}
#investment-calculator .site-header .top{height: 60px; max-width: 944px; margin: 0px auto; border: 0px; gap: 12px; padding: 8px 0px !important;}
#investment-calculator .site-header .join-btn{min-height: 44px;}
@media (max-width: 600px) {#investment-calculator .site-header{padding-right: 20px; padding-left: 20px;}
#investment-calculator .site-header .top{gap: 8px;}
#investment-calculator .site-header .community-wordmark{width: clamp(94px, 27vw, 150px);}
}
#investment-calculator .site-header .community-symbol{width: 42px; height: 42px;}
#investment-calculator .company-footer{position: relative; left: 50%; width: 100vw; margin: 88px 0px 0px -50vw; color: rgb(105, 116, 133); background: rgb(247, 248, 250); text-align: left;}
#investment-calculator .company-footer-arc{position: relative; height: clamp(180px, 41vw, 525px); overflow: hidden; background: rgb(252, 253, 255); border-bottom: 1px solid rgb(224, 228, 234);}
#investment-calculator .company-footer-streams{position: absolute; left: 0px; bottom: -25%; display: block; width: 100%; height: auto; max-width: none; pointer-events: none; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 20%);}
#investment-calculator .company-footer-content{max-width: 992px; margin: 0px auto; padding: 44px 24px 36px;}
#investment-calculator .company-footer-brand-row{display: flex; align-items: center; gap: 32px; margin-bottom: 36px;}
#investment-calculator .company-footer-logo{display: block; width: 56px; height: 56px; object-fit: contain;}
#investment-calculator .company-footer-socials{display: flex; align-items: center; gap: 18px;}
#investment-calculator .company-footer-socials a{display: grid; place-items: center; width: 44px; height: 44px; color: rgb(124, 137, 157); border-radius: 10px;}
#investment-calculator .company-footer-socials svg{width: 26px; height: 26px;}
#investment-calculator .company-footer p{margin: 0px; color: inherit; font-size: 14px; line-height: 1.65; font-weight: 400;}
#investment-calculator .company-footer-disclosure{display: grid; gap: 20px;}
#investment-calculator .company-footer a{color: inherit; text-underline-offset: 4px; overflow-wrap: anywhere;}
#investment-calculator .company-footer a:hover{color: rgb(25, 36, 59);}
#investment-calculator .company-footer a:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: 4px;}
#investment-calculator .company-footer-legal{display: grid; gap: 20px; margin-top: 32px; padding-top: 28px; border-top: 1px solid rgb(223, 227, 233);}
#investment-calculator .company-footer-contacts{display: grid; gap: 12px; justify-items: start;}
#investment-calculator .company-footer-documents{display: grid; justify-items: start; gap: 14px; margin-top: 28px; padding-top: 24px; border-top: 1px solid rgb(223, 227, 233); font-size: 14px; line-height: 1.5;}
#investment-calculator .company-footer-documents a{display: flex; align-items: center; min-height: 32px; text-decoration: none;}
#investment-calculator .company-footer .company-footer-copyright{margin-top: 30px; padding-top: 24px; border-top: 1px solid rgb(223, 227, 233); font-size: 12px;}
@media (max-width: 600px) {#investment-calculator .company-footer{margin-top: 64px;}
#investment-calculator .company-footer-content{padding: 32px 24px 28px;}
#investment-calculator .company-footer-brand-row{gap: 28px; margin-bottom: 28px;}
#investment-calculator .company-footer p{font-size: 13px; line-height: 1.65;}
#investment-calculator .company-footer-disclosure{gap: 18px;}
#investment-calculator .company-footer .company-footer-copyright{padding-right: 64px;}
}
#investment-calculator .save-row{position: relative;}
#investment-calculator .save-future-note{position: absolute; right: 0px; bottom: calc(100% + 10px); z-index: 40; max-width: min(320px, 100%); padding: 14px 18px; border: 1px solid rgb(225, 228, 232); border-radius: 14px; background: rgb(255, 255, 255); color: rgb(25, 36, 59); text-align: left; font-size: 13px; line-height: 1.5; box-shadow: rgba(25, 36, 59, 0.145) 0px 8px 25px;}
#investment-calculator .investment-option{border-top: 1px solid rgb(220, 224, 230); margin-top: 22px; padding-top: 22px;}
#investment-calculator .investment-return .hint{font-size: 12px; margin-top: 5px; color: rgb(105, 120, 142);}
#investment-calculator .investment-return .range-head{align-items: flex-start;}
#investment-calculator .investment-return-ticks{display: flex; justify-content: space-between; gap: 3px; margin-top: 10px;}
#investment-calculator .investment-return-ticks button{border: 0px; padding: 3px 0px; background: transparent; color: rgb(105, 120, 142); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer;}
#investment-calculator .investment-return-ticks button[aria-pressed="true"]{color: rgb(201, 52, 47); font-weight: 500;}
#investment-calculator .investment-error{font-size: 12px; color: rgb(201, 52, 47); margin-top: 14px; line-height: 1.6;}
#investment-calculator .investment-toggle{display: flex; align-items: center; justify-content: space-between; gap: 18px; position: relative; cursor: pointer; color: rgb(25, 36, 59);}
#investment-calculator .investment-toggle > span{min-width: 0px; flex: 1 1 0%;}
#investment-calculator .investment-toggle strong{font-size: 15px; font-weight: 500; line-height: 1.4; display: block;}
#investment-calculator .investment-toggle small{display: block; font-size: 12px; color: rgb(105, 120, 142); margin-top: 5px;}
#investment-calculator .investment-toggle input{position: absolute; right: 0px; width: 44px; height: 26px; opacity: 0; cursor: pointer;}
#investment-calculator .investment-toggle i{display: block; width: 44px; height: 26px; flex: 0 0 auto; border-radius: 20px; background: rgb(205, 211, 220); pointer-events: none;}
#investment-calculator .investment-toggle i::before{content: ""; display: block; width: 20px; height: 20px; margin: 3px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(25, 36, 59, 0.2) 0px 1px 4px; transition: transform 0.2s;}
#investment-calculator .investment-toggle input:checked + i{background: linear-gradient(135deg, rgb(227, 30, 43), rgb(191, 20, 36));}
#investment-calculator .investment-toggle input:checked + i::before{transform: translateX(18px);}
#investment-calculator .investment-toggle input:focus-visible + i{outline: rgb(201, 52, 47) solid 2px; outline-offset: 3px;}
#investment-calculator .investment-nested{margin-top: 18px;}
#investment-calculator .investment-effective{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; padding: 14px 16px; border: 1px solid rgb(220, 224, 230); border-radius: 10px; background: rgb(255, 255, 255); font-size: 13px; color: rgb(86, 97, 118);}
#investment-calculator .investment-effective strong{font-size: 20px; font-weight: 400; color: rgb(47, 146, 80);}
#investment-calculator .investment-info{border: 1px solid rgb(185, 194, 207); border-radius: 50%; padding: 0px; width: 16px; height: 16px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10px; color: rgb(105, 120, 142); background: transparent; vertical-align: middle; margin-left: 5px; cursor: pointer;}
#investment-calculator #investor-budget.is-short{border-color: rgb(201, 52, 47); animation: 0.55s ease-in-out 0s 3 normal none running investment-budget-pulse;}
#investment-calculator #investor-budget.is-short:focus{outline-color: rgb(201, 52, 47);}
@keyframes investment-budget-pulse { 
  50% { box-shadow: rgba(201, 52, 47, 0.145) 0px 0px 0px 3px; }
}
#investment-calculator .investment-options #investor-topup-currency{opacity: 1; color: rgb(86, 97, 118);}
#investment-calculator .investment-options #investor-return{accent-color: rgb(201, 52, 47);}
#investment-calculator .investment-options #investor-effective-explanation{font-size: 12px; line-height: 1.6;}
@media (prefers-reduced-motion: reduce) {#investment-calculator #investor-budget.is-short{animation: auto ease 0s 1 normal none running none;}
#investment-calculator .investment-toggle i::before{transition: none;}
}
#investment-calculator .investment-options{margin: 24px 0px; background: transparent;}
#investment-calculator .investment-options > .investment-option:first-child{border-top: 0px; margin-top: 0px; padding-top: 0px;}
#investment-calculator .investment-options .field{min-width: 0px;}
#investment-calculator .investor-budget-section{margin-top: 26px;}
#investment-calculator .investor-budget-section h2{margin-bottom: 0px;}
#investment-calculator .investor-budget-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-top: 18px;}
#investment-calculator .investor-budget-grid .total{min-width: 0px;}
#investment-calculator .investor-budget-grid strong{overflow-wrap: anywhere;}
#investment-calculator .investor-income-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#investment-calculator .investor-dashboard-note{margin: 18px 0px 0px; font-size: 11px; line-height: 1.6; color: rgb(203, 208, 220);}
#investment-calculator .investor-income-grid .annual-income-tile{cursor: default;}
#investment-calculator .investor-budget-grid:has(#investor-analytics-card:not([hidden])){grid-template-columns: repeat(2, minmax(0px, 1fr));}
@media (max-width: 520px) {#investment-calculator .investor-budget-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#investment-calculator .investor-budget-grid .total:nth-child(3){grid-column: 1 / -1;}
#investment-calculator .investor-budget-grid:has(#investor-analytics-card:not([hidden])) .total:nth-child(3){grid-column: auto;}
#investment-calculator .investor-budget-grid .total strong{font-size: 25px;}
}
#investment-calculator .investor-budget-section,#investment-calculator .annual-income-section{scroll-margin-top: 90px;}
#investment-calculator .investor-budget-section{margin-top: 42px;}
#investment-calculator .investor-budget-grid,#investment-calculator .investor-budget-grid:has(#investor-analytics-card:not([hidden])){grid-template-columns: repeat(3, minmax(0px, 1fr));}
#investment-calculator .investor-budget-grid .total:nth-child(3){grid-column: auto;}
#investment-calculator .investor-budget-grid #investor-analytics-card{grid-column: 1 / -1;}
#investment-calculator .investor-budget-grid strong{white-space: nowrap; overflow-wrap: normal; font-size: clamp(15px, 4.5vw, 28px);}
@media (max-width: 520px) {#investment-calculator .investor-budget-grid{gap: 8px;}
#investment-calculator .investor-budget-grid .total{padding: 13px 9px;}
#investment-calculator .investor-budget-grid .total small{display: block; font-size: 10px; line-height: 1.35; min-height: 27px;}
#investment-calculator .investor-budget-grid .total strong{font-size: clamp(15px, 4.5vw, 23px);}
}
@media (max-width: 360px) {#investment-calculator .investor-budget-grid .total small{font-size: 9px;}
}
#investment-calculator .investor-journey{margin-top: 42px;}
#investment-calculator .investor-journey > .annual-income-heading{margin-bottom: 22px;}
#investment-calculator .investor-journey .hint{font-size: 11px; line-height: 1.6;}
#investment-calculator .journey-milestones{margin-top: 20px;}
#investment-calculator .investor-milestone{margin-top: 12px; padding: 14px; border: 1px solid rgb(223, 227, 232); border-radius: 14px; background: rgb(255, 255, 255);}
#investment-calculator .investor-milestone > summary{align-items: flex-start; font-size: 13px;}
#investment-calculator .journey-date{display: block; color: rgb(105, 120, 142); font-size: 10px; font-weight: 400; margin-bottom: 5px;}
#investment-calculator .journey-stage-value{display: block; font-size: 11px; color: rgb(86, 97, 118); font-weight: 400; margin-top: 6px;}
#investment-calculator .investor-milestone .income-distribution-table{margin-top: 14px;}
#investment-calculator .journey-transfers{display: grid; gap: 8px; margin-top: 14px;}
#investment-calculator .journey-transfer{display: flex; align-items: center; gap: 10px; font-size: 11px; color: rgb(86, 97, 118);}
#investment-calculator .journey-transfer-line{height: 1px; background: rgba(201, 52, 47, 0.4); flex: 1 1 0%;}
#investment-calculator .journey-transfer strong{font-weight: 500; color: rgb(25, 36, 59);}
#investment-calculator .journey-period{margin-top: 12px; color: rgb(86, 97, 118); font-size: 11px; line-height: 1.6;}
#investment-calculator .journey-amount{white-space: nowrap;}
#investment-calculator .investor-journey{margin-top: 42px; padding-top: 0px; border-top: 0px;}
#investment-calculator .investor-journey > .annual-income-heading{margin-bottom: 22px;}
#investment-calculator .investor-budget-section > .annual-income-heading{margin-bottom: 22px;}
#investment-calculator .investor-budget-grid{margin-top: 0px;}
#investment-calculator .journey-example{margin-top: 20px; padding-top: 20px;}
#investment-calculator .journey-example > summary{font-size: 13px;}
#investment-calculator .journey-example .hint{font-size: 12px; line-height: 1.7; color: rgb(86, 97, 118); margin: 12px 0px;}
#investment-calculator .journey-example-content{margin-top: 16px;}
#investment-calculator .journey-growth{margin-top: 42px; padding: 0px; border: 0px; background: transparent; display: block;}
#investment-calculator .journey-growth > .annual-income-heading{margin-bottom: 22px;}
#investment-calculator .journey-growth > div{border-top: 1px solid rgb(220, 224, 230); padding-top: 22px; margin-top: 22px;}
#investment-calculator .journey-growth > div:first-of-type{border-top: 0px; padding-top: 0px; margin-top: 0px;}
#investment-calculator .journey-growth .investment-toggle{gap: 18px;}
#investment-calculator .journey-growth .investment-toggle strong{font-size: 15px; font-weight: 500; line-height: 1.5;}
#investment-calculator .journey-growth .investment-toggle i{width: 44px; height: 26px;}
#investment-calculator .journey-growth .investment-toggle i::before{width: 20px; height: 20px;}
#investment-calculator .journey-growth .investment-toggle input:checked + i::before{transform: translateX(18px);}
#investment-calculator .journey-growth .investment-toggle input{width: 44px; height: 26px;}
#investment-calculator .journey-growth .hint{font-size: 12px; line-height: 1.7; color: rgb(86, 97, 118); margin: 12px 0px 0px;}
#investment-calculator .journey-growth-mini{margin-top: 12px; padding-top: 0px; border: 0px;}
#investment-calculator .journey-growth-mini > summary{font-size: 12px; line-height: 1.6; color: rgb(105, 120, 142); justify-content: flex-start; gap: 10px;}
#investment-calculator .journey-growth-mini > summary::after{font-size: 20px;}
#investment-calculator .journey-growth-mini > .site-collapse-end{margin-top: 18px;}
#investment-calculator .journey-settings-link{border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor; border-image: none; background: none; color: rgb(86, 97, 118); padding: 0px; font: inherit; cursor: pointer;}
#investment-calculator .journey-topup-field{font-size: 13px; display: block; max-width: none; margin-top: 18px;}
#investment-calculator .journey-topup-field input,#investment-calculator .journey-topup-field select{display: block; box-sizing: border-box; width: 100%; margin-top: 6px; min-width: 0px; padding: 10px; border: 1px solid rgb(220, 224, 230); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(25, 36, 59); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px;}
#investment-calculator .journey-topup-field[hidden]{display: none;}
#investment-calculator .journey-growth-status{margin-bottom: 12px;}
#investment-calculator .journey-history-heading{margin: 42px auto 22px !important;}
#investment-calculator .journey-milestones{margin-top: 0px;}
#investment-calculator .journey-milestones > .investor-milestone:first-child{margin-top: 0px;}
#investment-calculator .journey-growth-pulse{border-radius: 10px; animation: 0.85s ease-in-out 0s 2 normal none running journey-growth-pulse;}
#investment-calculator .journey-growth .investment-toggle i.journey-growth-pulse{border-radius: 20px;}
@keyframes journey-growth-pulse { 
  50% { box-shadow: rgba(201, 52, 47, 0.125) 0px 0px 0px 4px; background: rgba(201, 52, 47, 0.024); }
}
@media (prefers-reduced-motion: reduce) {#investment-calculator .journey-growth-pulse{animation: auto ease 0s 1 normal none running none; outline: rgba(201, 52, 47, 0.333) solid 1px; outline-offset: 3px;}
}
body.journey-view-active #investment-calculator #jump-to-results{display: none;}
#investment-calculator .investor-income-guide{scroll-margin-top: 80px;}
#investment-calculator .investor-income-guide .projection-heading-amount{white-space: normal;}
#investment-calculator .investor-income-guide .projection-conditions{font-size: 13px; color: rgb(86, 97, 118);}
#investment-calculator .investor-income-guide .projection-overview{table-layout: fixed;}
#investment-calculator .investor-income-guide .projection-overview th:first-child,#investment-calculator .investor-income-guide .projection-overview td:first-child{width: 40%;}
#investment-calculator .investor-income-guide .projection-overview td{font-size: 12px;}
#investment-calculator .investor-guide-step{border-top: 1px solid rgb(220, 225, 233); margin-top: 22px; padding-top: 20px;}
#investment-calculator .investor-guide-step h3,#investment-calculator .investor-guide-next h3{font-size: 15px; margin: 0px 0px 10px; font-weight: 500;}
#investment-calculator .investor-income-guide .investor-guide-step p,#investment-calculator .investor-income-guide .investor-guide-next p{font-size: 13px; line-height: 1.7; margin: 10px 0px 14px; color: rgb(86, 97, 118);}
#investment-calculator .investor-guide-years{display: flex; gap: 8px; flex-wrap: wrap;}
#investment-calculator .investor-guide-next{margin-top: 24px; padding-top: 22px; border-top: 1px solid rgb(220, 225, 233);}
#investment-calculator .investor-guide-next .red{width: 100%; line-height: 1.5;}
#investment-calculator .investor-income-guide .projection-how{margin-top: 22px;}
#investment-calculator .investor-income-guide .projection-how p{font-size: 12px; line-height: 1.7;}
@media (max-width: 360px) {#investment-calculator .investor-income-guide .projection-overview td{font-size: 11px;}
#investment-calculator .investor-income-guide .projection-overview th{font-size: 9px;}
#investment-calculator .investor-guide-next .red{font-size: 12px;}
}
#investment-calculator .investor-income-guide .projection-overview th,#investment-calculator .investor-income-guide .projection-overview td{overflow-wrap: anywhere; vertical-align: top;}
#investment-calculator .investor-income-guide .projection-overview th:first-child,#investment-calculator .investor-income-guide .projection-overview td:first-child{white-space: normal;}
#investment-calculator .investor-guide-principles{display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0px;}
#investment-calculator .investor-guide-principle.badge{display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border: 1px solid rgb(201, 52, 47); border-radius: 6px; background: transparent; color: rgb(201, 52, 47); font-size: 10px; font-weight: 400; line-height: 1.35; text-align: center; white-space: nowrap;}
#investment-calculator .investor-income-guide .investor-guide-mission{font-size: 14px; line-height: 1.7; color: rgb(25, 36, 59); margin: 22px 0px 0px;}
#investment-calculator .investor-income-guide .investor-guide-promise{font-size: 14px; line-height: 1.7; color: rgb(25, 36, 59); margin: 0px 0px 24px;}
#investment-calculator .portfolio-event-marker{display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 0px; border-radius: 50%; background: transparent; color: rgb(25, 36, 59); cursor: pointer; flex: 0 0 auto;}
#investment-calculator .portfolio-event-marker:hover{background: rgba(85, 186, 255, 0.07); box-shadow: rgba(85, 186, 255, 0.333) 0px 0px 10px;}
#investment-calculator .portfolio-event-marker:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: 3px;}
#investment-calculator .portfolio-event-legend{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 20px; margin-top: 18px;}
#investment-calculator .portfolio-event-legend-item{display: flex; align-items: center; gap: 10px; font-size: 12px; color: rgb(86, 97, 118);}
#investment-calculator .portfolio-event-legend-item svg{flex: 0 0 auto; color: rgb(25, 36, 59);}
#investment-calculator .market-portfolio-explanation p{font-size: 13px; line-height: 1.7; color: rgb(86, 97, 118);}
#investment-calculator .market-portfolio-explanation > .note{margin-top: 22px; padding-top: 18px;}
@media (max-width: 520px) {#investment-calculator .portfolio-event-legend{grid-template-columns: 1fr;}
}
#investment-calculator .portfolio-event-track{display: flex; gap: 8px; padding: 14px calc(4px + var(--chart-tail-width)) 0 4px;}
#investment-calculator .portfolio-event-month{display: grid; grid-template-columns: repeat(3, 24px); grid-auto-rows: 24px; flex: 1 1 0%; min-width: 108px; place-content: flex-start center; align-items: flex-start; gap: 5px; flex-wrap: wrap; position: relative; z-index: 3;}
#investment-calculator .portfolio-start-events{display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgb(220, 224, 230);}
#investment-calculator .portfolio-start-events .hint{margin: 0px 6px 0px 0px;}
#investment-calculator .portfolio-event-key{margin-top: 18px; padding-top: 18px;}
#investment-calculator .portfolio-event-key > summary{font-size: 12px;}
#investment-calculator .portfolio-event-inspector-host:empty{display: none;}
#investment-calculator .portfolio-event-inspector{margin: 18px 0px 0px;}
#investment-calculator .portfolio-event-inspector > .portfolio-event-content .hint{font-size: 12px; line-height: 1.7;}
#investment-calculator .income-chart-legend{flex-wrap: wrap;}
#investment-calculator .income-chart[data-strategy-count="4"] .income-chart-scene,#investment-calculator .income-chart[data-strategy-count="5"] .income-chart-scene{min-width: calc(var(--month-count)*164px + var(--chart-tail-width));}
#investment-calculator .income-chart[data-strategy-count="4"] .income-chart-column,#investment-calculator .income-chart[data-strategy-count="4"] .portfolio-event-month,#investment-calculator .income-chart[data-strategy-count="5"] .income-chart-column,#investment-calculator .income-chart[data-strategy-count="5"] .portfolio-event-month{min-width: 156px;}
#investment-calculator .income-chart[data-strategy-count="5"] .income-chart-rate{font-size: 8px;}
#investment-calculator .market-portfolio-explanation{margin-top: 18px; padding-top: 18px;}
#investment-calculator .market-portfolio-explanation > summary{font-size: 13px;}
#investment-calculator .market-portfolio-explanation .quiet{display: inline-block; text-decoration: none; margin-top: 12px;}
#investment-calculator .is-market-blocked{color: rgb(201, 52, 47);}
#investment-calculator .journey-market-control small{display: block; font-size: 12px; color: rgb(105, 120, 142); margin-top: 6px;}
#investment-calculator .portfolio-event-marker svg{width: 16px; height: 16px;}
#investment-calculator .portfolio-event-marker.is-current-event{background: rgba(102, 185, 255, 0.07); box-shadow: rgba(85, 186, 255, 0.4) 0px 0px 12px;}
#investment-calculator .portfolio-event-falling{position: absolute; z-index: 4; color: rgb(25, 36, 59); pointer-events: none; filter: drop-shadow(rgb(73, 183, 255) 0px 0px 6px); width: 20px; height: 20px;}
#investment-calculator .income-chart-strategy-value{display: block; font-size: 10px; color: rgb(86, 97, 118); margin-left: 16px; font-variant-numeric: tabular-nums;}
#investment-calculator .income-chart-legend .income-chart-key{position: relative; display: block;}
#investment-calculator .income-chart-legend .income-chart-key::before{display: inline-block; margin-right: 7px;}
#investment-calculator .income-chart-legend{gap: 10px 20px;}
#investment-calculator .income-chart-capital-axis{position: absolute; inset: 0px auto auto 0px; pointer-events: none; z-index: 1; font-size: 8px; color: rgb(132, 144, 161);}
#investment-calculator .income-chart-capital-axis span{position: absolute; left: 2px; white-space: nowrap;}
#investment-calculator .income-chart-liquid-canvas{z-index: 2;}
#investment-calculator .income-chart-capital-axis{position: sticky; left: 0px; top: 0px; height: 0px; width: 74px; z-index: 3;}
#investment-calculator .income-chart-capital-axis span{padding: 1px 3px; background: rgba(255, 255, 255, 0.867); border-radius: 3px; font-size: 9px;}
#investment-calculator .portfolio-event-marker{background: rgb(25, 36, 59); color: rgb(255, 255, 255); width: 24px; height: 24px; border-radius: 50%;}
#investment-calculator .portfolio-event-marker svg{width: 14px; height: 14px;}
#investment-calculator .portfolio-event-marker:hover,#investment-calculator .portfolio-event-marker.is-current-event{background: rgb(35, 57, 89); box-shadow: rgba(85, 186, 255, 0.467) 0px 0px 10px;}
#investment-calculator .portfolio-event-falling{display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgb(25, 36, 59); color: rgb(255, 255, 255); width: 22px; height: 22px;}
#investment-calculator .portfolio-event-falling svg{width: 14px; height: 14px;}
#investment-calculator .portfolio-event-popup{box-sizing: border-box; width: min(420px, -32px + 100vw); max-height: min(65svh, 560px); margin: auto; padding: 20px; border: 1px solid rgb(223, 227, 232); border-radius: 18px; background: rgb(255, 255, 255); color: rgb(25, 36, 59); box-shadow: rgba(25, 36, 59, 0.2) 0px 16px 60px; overflow: auto; overscroll-behavior: contain; font: inherit; text-align: left;}
#investment-calculator .portfolio-event-popup::backdrop{background: rgba(25, 36, 59, 0.333);}
#investment-calculator .portfolio-event-popup-header{display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;}
#investment-calculator .portfolio-event-popup-header h3{font-size: 17px; line-height: 1.35; font-weight: 500; margin: 2px 0px 0px;}
#investment-calculator .portfolio-event-popup-close{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0px; border-radius: 50%; background: rgb(240, 243, 247); color: rgb(25, 36, 59); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 23px; line-height: 1; cursor: pointer;}
#investment-calculator .portfolio-event-popup-close:focus-visible{outline: rgb(79, 169, 233) solid 2px; outline-offset: 2px;}
#investment-calculator .portfolio-event-popup-date{margin: 8px 0px 16px; font-size: 12px; color: rgb(105, 120, 142);}
#investment-calculator .portfolio-event-popup .hint{font-size: 13px; line-height: 1.6; margin: 12px 0px;}
#investment-calculator .portfolio-event-popup .income-distribution-table{font-size: 12px; margin-top: 14px; width: 100%; table-layout: fixed;}
#investment-calculator .portfolio-event-popup .income-distribution-table td{padding: 9px 0px; overflow-wrap: anywhere;}
#investment-calculator .portfolio-event-popup .income-distribution-table td:last-child{width: 38%; text-align: right; padding-left: 12px;}
#investment-calculator .portfolio-event-inspector-host{display: contents;}
#investment-calculator .portfolio-event-month:not([data-revealed="true"]) .portfolio-event-marker{visibility: hidden; pointer-events: none;}
#investment-calculator .portfolio-event-month[data-revealed="true"] .portfolio-event-marker{visibility: visible;}
#investment-calculator .portfolio-event-falling{width: 24px; height: 24px;}
#investment-calculator .journey-topup-editor{display: block; position: relative; width: 100%;}
#investment-calculator .journey-topup-editor input{box-sizing: border-box; width: 100%; padding-right: 64px;}
#investment-calculator .journey-topup-apply{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(201, 52, 47); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 20px; cursor: pointer;}
#investment-calculator .journey-topup-apply[hidden]{display: none;}
#investment-calculator .journey-topup-apply:disabled{opacity: 0.4; cursor: default;}
#investment-calculator .journey-topup-apply:focus-visible{outline: rgb(201, 52, 47) solid 2px; outline-offset: 3px;}
#investment-calculator #market-portfolio-explanation{border-top: 0px; margin-top: 12px; padding-top: 0px;}
#investment-calculator{text-size-adjust: 100%;}
#investment-calculator .investor-journey,#investment-calculator .income-investor,#investment-calculator #journey-chart-host,#investment-calculator .income-chart,#investment-calculator .income-chart-scroll{min-width: 0px; max-width: 100%;}
#investment-calculator .investor-income-guide .budget-table td,#investment-calculator .investor-income-guide .budget-table th,#investment-calculator .income-distribution-table td{white-space: normal; overflow-wrap: anywhere;}
@media (max-width: 600px) {#investment-calculator input:not([type="range"]):not([type="checkbox"]),#investment-calculator select,#investment-calculator textarea{font-size: 16px;}
}
@media (max-width: 600px) {#investment-calculator .field input:not([type="checkbox"]),#investment-calculator .field select{font-size: 16px;}
}
#investment-calculator .portfolio-event-popup-icon{display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 28px; height: 28px; background: rgb(25, 36, 59); color: rgb(255, 255, 255); border-radius: 50%;}
#investment-calculator .portfolio-event-popup-icon svg{width: 17px; height: 17px;}
#investment-calculator .portfolio-event-popup-header h3{flex: 1 1 0%; min-width: 0px;}
#investment-calculator .portfolio-event-popup-header{gap: 10px;}
#investment-calculator .investment-notice{font-size: 12px; line-height: 1.6; margin-top: 14px; color: rgb(86, 97, 118) !important;}
#investment-calculator .investment-notice::before{content: "!"; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid rgb(201, 52, 47); border-radius: 50%; color: rgb(201, 52, 47); font-size: 10px; margin-right: 6px; vertical-align: text-bottom;}
#investment-calculator .market-video-preview{width: min(100%, 360px); aspect-ratio: 9 / 16; margin-top: 16px; max-width: 100%;}
#investment-calculator .market-video-preview iframe{width: 100%; height: 100%; border: 0px; border-radius: 10px;}
#investment-calculator .effective-explanation-close{float: right; width: 30px; height: 30px; padding: 0px; border: 0px; background: transparent; color: rgb(201, 52, 47); font-size: 24px; line-height: 1; cursor: pointer;}
#investment-calculator .investor-partner-link{display: inline-block; text-decoration: none; margin-top: 8px;}
#investment-calculator #investor-collapse-tail{width: 100%; height: 0px; pointer-events: none;}
#investment-calculator .market-recommendations{display: grid; gap: 22px; margin-top: 18px;}
#investment-calculator .market-recommendation h4{font-size: 14px; font-weight: 500; line-height: 1.5; margin: 0px;}
#investment-calculator .market-recommendation .hint{margin: 8px 0px 14px;}
#investment-calculator .market-recommendation .quiet{display: block; max-width: 100%; white-space: normal; line-height: 1.45; padding: 10px 12px; text-align: left;}
#investment-calculator .market-recommendation + .market-recommendation{border-top: 1px solid rgb(225, 228, 232); padding-top: 20px;}
#investment-calculator .journey-stage-title{display: flex; align-items: center; gap: 10px; line-height: 1.5;}
#investment-calculator .journey-stage-icon{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; background: rgb(25, 36, 59); color: rgb(255, 255, 255);}
#investment-calculator .journey-stage-icon svg{width: 14px; height: 14px;}
#investment-calculator .portfolio-diversification-question{margin-top: 26px;}
#investment-calculator .portfolio-diversification-question p{line-height: 1.7;}
#investment-calculator #investor-effective-explanation,#investment-calculator #investor-summary-explanation{position: relative; padding-right: 36px;}
#investment-calculator .effective-explanation-close{position: absolute; right: 0px; top: 0px; float: none;}
#investment-calculator .standalone-site-offer .offer-pill{text-align: left;}
#investment-calculator .investor-dashboard-model{display: flex; align-items: flex-start; gap: 7px;}
#investment-calculator .dashboard-model-icon{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 14px; height: 14px; margin-top: 2px; border: 1px solid; border-radius: 50%; color: inherit; font-size: 9px; line-height: 1;}
#investment-calculator .journey-average-info{display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; vertical-align: middle; flex: 0 0 auto;}
#investment-calculator .journey-average-popup .hint{font-size: 13px; line-height: 1.6; color: rgb(86, 97, 118);}
#investment-calculator .is-market-blocked > i{position: relative;}
#investment-calculator .is-market-blocked > i::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -6px; border-bottom: 2px solid rgb(201, 52, 47);}
#investment-calculator .market-rejection::before{content: "i"; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid; border-radius: 50%; font-size: 10px; font-style: normal; line-height: 1; margin-right: 6px; vertical-align: text-bottom;}
#investment-calculator .minimum-start{margin: 18px 0px 26px;}
#investment-calculator .minimum-start-warning{display: flex; align-items: flex-start; gap: 8px; color: rgb(201, 52, 47); font-size: 14px; font-weight: 500; line-height: 1.5; margin: 0px 0px 12px;}
#investment-calculator .minimum-start-icon{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 17px; height: 17px; margin-top: 2px; border: 1px solid; border-radius: 50%; font-size: 12px; font-weight: 400;}
#investment-calculator .minimum-start-copy,#investment-calculator .minimum-start-review p{font-size: 13px; line-height: 1.65; color: rgb(25, 36, 59);}
#investment-calculator .minimum-start-copy p{margin: 10px 0px;}
#investment-calculator .minimum-start-copy ol{padding-left: 22px; margin: 12px 0px;}
#investment-calculator .minimum-start-copy li + li{margin-top: 7px;}
#investment-calculator .minimum-start-apply{margin-top: 4px;}
#investment-calculator .minimum-start-review{margin-top: 22px;}
#investment-calculator .minimum-start-reviews{display: inline-block; margin-top: 16px; max-width: 100%; white-space: normal; text-decoration: none; text-align: left;}
#investment-calculator .minimum-start-social{margin-top: 22px; font-size: 13px; line-height: 1.65; color: rgb(25, 36, 59);}
#investment-calculator .minimum-start-social-link{display: inline-block; max-width: 100%; white-space: normal; text-align: left; text-decoration: none;}
#investment-calculator .minimum-start-finale{margin: 22px 0px 0px; font-size: 13px; line-height: 1.65; color: rgb(25, 36, 59);}
#investment-calculator #planner{--investor-action-gap: 16px;}
#investment-calculator #planner .investor-action{display: flex; align-items: center; justify-content: flex-start; gap: 8px; max-width: 100%; margin: var(--investor-action-gap) 0 0; padding: 10px 12px; border-radius: 9px; font-size: 12px; line-height: 1.45; white-space: normal; text-align: left; text-decoration: none;}
#investment-calculator #planner .quiet.investor-action{width: fit-content;}
#investment-calculator #planner p:has(+ .investor-action),#investment-calculator #planner p:has(+ .investor-actions),#investment-calculator #planner div:has(+ .investor-action) > :last-child,#investment-calculator #planner div:has(+ p > .investor-action) > :last-child{margin-bottom: 0px;}
#investment-calculator #planner p:has(> .investor-action){margin: var(--investor-action-gap) 0 0;}
#investment-calculator #planner p > .investor-action{margin-top: 0px;}
#investment-calculator #planner .investor-actions{display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--investor-action-gap);}
#investment-calculator #planner .investor-actions > .investor-action{margin-top: 0px;}
#investment-calculator .minimum-start-review.projection-panel{margin: 22px 0px 0px;}
#investment-calculator .minimum-start-review .projection-heading-amount{white-space: normal;}
#investment-calculator .minimum-start-review-content{padding-top: 18px;}
#investment-calculator .minimum-start-review-content > p{margin: 0px;}
#investment-calculator .minimum-start-review-content > p + p{margin-top: 14px;}
#investment-calculator .investor-calculator-content{display: contents;}
#investment-calculator .investor-calculator-content[hidden]{display: none !important;}
#investment-calculator.minimum-start-only #jump-to-results{display: none !important;}
#investment-calculator #planner .minimum-start-final-action{width: 100%;}
#investment-calculator .journey-duration-notice-icon{display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid rgb(201, 52, 47); border-radius: 50%; color: rgb(201, 52, 47); font-size: 10px; line-height: 1; margin-right: 5px; vertical-align: text-bottom;}
#investment-calculator .minimum-start-steps{margin-top: 22px;}
#investment-calculator .minimum-start-steps h3{font-size: 15px; line-height: 1.5; font-weight: 500; color: rgb(25, 36, 59); margin: 0px 0px 12px;}
#investment-calculator #planner .red.investor-action{border: 1px solid transparent;}
#investment-calculator .minimum-start-mission{margin: 22px 0px 0px; font-size: 13px; line-height: 1.65; color: rgb(25, 36, 59);}
#investment-calculator .minimum-start-steps h3.minimum-start-calc-heading{margin: 22px 0px 0px;}
#investment-calculator .investor-budget-grid #investor-strategy-card{grid-column: 1 / -1;}
#investment-calculator .investor-milestone .journey-detail-title{margin: 20px 0px 0px; font-size: 13px; line-height: 1.45; font-weight: 500; color: rgb(25, 36, 59);}
#investment-calculator .investor-milestone .journey-detail-title + .income-distribution-table{margin-top: 8px;}
#investment-calculator .income-chart-portfolio{--chart-thread-height: clamp(72px,22svh,220px); --chart-bars-height: clamp(44px,14svh,120px);}
#investment-calculator .investor-trading-income{position: relative; display: flex; align-items: center; gap: 10px; margin: 14px 0px 26px; min-width: 0px;}
#investment-calculator .investor-trading-income .annual-income-total{margin: 0px; min-width: 0px; flex: 1 1 0%;}
#investment-calculator .investor-trading-income-label{position: absolute; left: 38px; top: -14px; font-size: 10px; line-height: 12px; color: rgb(203, 208, 220);}
@media (max-width: 650px) {#investment-calculator .investor-trading-income{margin-bottom: 20px;}
}
#investment-calculator #planner .investor-action.red{text-align: left; justify-content: flex-start;}
#investment-calculator .investor-income-guide .guide-setting-done{color: rgb(47, 146, 80);}
#investment-calculator .investor-income-guide .guide-action-rejected,#investment-calculator .investor-income-guide #guide-market-feedback{color: rgb(201, 52, 47);}
#investment-calculator .guide-action-rejected{text-underline-offset: 4px; text-decoration: underline !important;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-thread-caption{margin-top: 8px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-axis{margin-top: 8px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-legend{margin-top: 6px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-column{gap: 8px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-scroll{padding-bottom: 4px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .portfolio-event-track{padding-top: 8px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-footer{margin-top: 10px; padding-top: 10px;}
html.is-focusing-investor-amount #investment-calculator ,html.is-focusing-investor-amount #investment-calculator {scroll-behavior: auto !important;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-legend{gap: 5px 14px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-strategy-value{display: inline; margin-left: 4px; white-space: nowrap;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-legend{font-size: 11px; line-height: 14px;}
#investment-calculator .income-chart-portfolio.is-compact-portfolio .income-chart-key::before{flex-shrink: 0;}
#investment-calculator .income-chart-portfolio .portfolio-event-month{grid-template-columns: repeat(4, 24px); gap: 4px;}
#investment-calculator .journey-breakdown{margin-top: 24px; padding-top: 18px; border-top: 1px solid rgb(220, 224, 230);}
#investment-calculator .journey-breakdown > summary{font-size: 14px;}
#investment-calculator .journey-breakdown-controls{display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0px;}
#investment-calculator .journey-breakdown .income-distribution-table{width: 100%; table-layout: fixed;}
#investment-calculator .journey-breakdown .income-distribution-table td:first-child{width: 67%; overflow-wrap: anywhere;}
#investment-calculator .journey-breakdown .income-distribution-table td:last-child{text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere;}
#investment-calculator .journey-breakdown-hint{margin: 18px 0px; font-size: 11px;}
#investment-calculator .journey-breakdown .journey-detail-title{font-size: 12px; font-weight: 500; margin: 20px 0px 8px;}
#investment-calculator .journey-breakdown .income-distribution-table td{font-size: 11px; padding: 12px 4px;}
#investment-calculator .journey-statement-scroll{overflow-x: auto; margin-top: 12px; overscroll-behavior-x: contain;}
#investment-calculator .journey-statement{width: 100%; border-collapse: collapse; font-size: 10px; font-variant-numeric: tabular-nums; line-height: 1.5;}
#investment-calculator .journey-statement th{font-weight: 500; color: rgb(105, 120, 142); text-align: left; background: rgb(240, 242, 245);}
#investment-calculator .journey-statement th,#investment-calculator .journey-statement td{padding: 11px 5px; border-bottom: 1px solid rgb(220, 224, 230); vertical-align: top;}
#investment-calculator .journey-statement td:first-child{white-space: nowrap; color: rgb(105, 120, 142);}
#investment-calculator .journey-statement th:last-child,#investment-calculator .journey-statement td:last-child{text-align: right; white-space: nowrap;}
#investment-calculator .journey-statement td small{display: block; font-size: 9px; color: rgb(105, 120, 142); margin-top: 3px;}
#investment-calculator .journey-topup-editor #journey-topup-amount{padding-right: 44px; min-width: 0px;}
#investment-calculator .journey-topup-editor #journey-topup-currency{flex: 0 0 106px; width: 106px; min-width: 0px; padding-left: 10px;}
#investment-calculator .journey-topup-editor #journey-topup-apply{right: 116px;}
#investment-calculator .journey-topup-editor{display: flex; gap: 10px; align-items: center;}
#investment-calculator .journey-topup-editor #journey-topup-amount{flex: 1 1 0%; width: 0px;}
#investment-calculator .journey-calculation-scroll{overflow-x: auto; overscroll-behavior-x: contain; max-width: 100%; border: 1px solid rgb(220, 224, 230); border-radius: 12px; margin-top: 18px;}
#investment-calculator .journey-calculation-table{width: 100%; min-width: 650px; border-collapse: separate; border-spacing: 0px; font-size: 12px; font-variant-numeric: tabular-nums; line-height: 1.5;}
#investment-calculator .journey-calculation-table th,#investment-calculator .journey-calculation-table td{padding: 13px 12px; border-bottom: 1px solid rgb(220, 224, 230); text-align: right; vertical-align: top;}
#investment-calculator .journey-calculation-table th:first-child{position: sticky; left: 0px; z-index: 2; text-align: left; min-width: 190px; width: 30%; background: rgb(255, 255, 255); font-weight: 400; box-shadow: rgb(220, 224, 230) 1px 0px;}
#investment-calculator .journey-calculation-table thead th{background: rgb(237, 240, 244); color: rgb(86, 97, 118); font-weight: 500; vertical-align: middle; min-width: 110px;}
#investment-calculator .journey-calculation-table thead th:first-child{z-index: 3; background: rgb(237, 240, 244);}
#investment-calculator .journey-calculation-table td{white-space: nowrap;}
#investment-calculator .journey-calculation-year > td,#investment-calculator .journey-calculation-year > th:first-child{background: rgb(240, 243, 247); font-weight: 500;}
#investment-calculator .journey-calculation-table tfoot th:first-child,#investment-calculator .journey-calculation-table tfoot td{background: rgb(237, 240, 244); font-weight: 500; border-bottom: 0px;}
#investment-calculator .journey-year-toggle{display: flex; align-items: center; gap: 8px; width: 100%; padding: 0px; border: 0px; background: none; color: rgb(25, 36, 59); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 500; text-align: left; cursor: pointer;}
#investment-calculator .journey-month-sign{font-size: 18px; line-height: 20px; color: rgb(201, 52, 47); flex: 0 0 14px;}
#investment-calculator .journey-year-range{display: block; margin: 3px 0px 0px 22px; color: rgb(105, 120, 142); font-size: 10px; font-weight: 400;}
#investment-calculator .journey-calculation-month[hidden]{display: none;}
#investment-calculator .journey-period-name{text-transform: capitalize;}
#investment-calculator .journey-calculation-month > th .journey-period-name{padding-left: 22px;}
#investment-calculator .journey-period-operations{list-style: none; padding: 0px; margin: 5px 0px 0px 22px; color: rgb(105, 120, 142); font-size: 10px; font-weight: 400; line-height: 1.5;}
#investment-calculator .journey-period-operations li + li{margin-top: 2px;}
#investment-calculator .journey-next-grade{border: 1px solid rgb(220, 224, 230); border-radius: 18px; padding: 20px; margin-bottom: 22px; background: rgb(255, 255, 255);}
#investment-calculator .journey-next-grade h3{margin: 0px 0px 12px; font-size: 17px; font-weight: 500; line-height: 1.4;}
#investment-calculator .journey-next-grade .investor-action{margin-top: 18px;}
#investment-calculator .journey-grade-recommended{display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border: 1px solid rgb(201, 52, 47); border-radius: 6px; background: transparent; color: rgb(201, 52, 47); font-size: 10px; font-weight: 400; line-height: 1.35; white-space: nowrap; vertical-align: middle;}
#investment-calculator .journey-manual-settings{border-top: 1px solid rgb(220, 224, 230); padding-top: 18px;}
#investment-calculator .journey-manual-settings > summary{font-size: 15px; font-weight: 500;}
#investment-calculator .journey-manual-settings[open] > summary{margin-bottom: 24px;}
#investment-calculator .journey-manual-settings > div{border-top: 1px solid rgb(220, 224, 230); padding-top: 22px; margin-top: 22px;}
#investment-calculator .journey-manual-settings > div:first-of-type{border-top: 0px; padding-top: 0px; margin-top: 0px;}
#investment-calculator .journey-growth > .journey-next-grade:first-of-type{padding-top: 20px; border-top: 1px solid rgb(220, 224, 230);}
#investment-calculator .journey-next-grade .investor-action{width: 100%; display: flex; justify-content: flex-start; min-height: 44px;}
#investment-calculator .journey-capital-parts{display: block; margin-top: 4px; color: rgb(105, 120, 142); font-size: 9px; font-weight: 400; white-space: normal;}
#investment-calculator .investor-view-growth{display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: rgb(243, 245, 250); font-size: 13px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px;}
#investment-calculator .investor-view-growth > span{font-size: 18px; text-decoration: none;}
#investment-calculator .investor-dashboard-model{margin-top: 20px;}
html.is-navigating-investor-results #investment-calculator ,html.is-navigating-investor-results #investment-calculator {scroll-behavior: auto !important; overflow-anchor: none !important;}
#investment-calculator .journey-calculation-scroll{overflow: auto; max-height: min(70svh, 720px);}
#investment-calculator .journey-calculation-table thead th{position: sticky; top: 0px; z-index: 3;}
#investment-calculator .journey-calculation-table thead th:first-child{z-index: 4;}
#investment-calculator .journey-calculation-table th:first-child{min-width: 128px; width: 22%; max-width: 160px;}
#investment-calculator .journey-calculation-table thead th:first-child{min-width: 128px;}
#investment-calculator .journey-period-operation-icons{display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0px 0px 22px;}
#investment-calculator #journey-detail-host > .journey-breakdown{width: 100%; box-sizing: border-box; margin-top: 20px; padding: 18px 14px; border: 1px solid rgb(220, 224, 230); border-radius: 20px; background: rgb(255, 255, 255);}
#investment-calculator #journey-explanation-host > .portfolio-event-key,#investment-calculator .journey-example{margin-top: 20px; padding-top: 18px; border-top: 1px solid rgb(220, 224, 230);}
#investment-calculator .journey-calculation-table{table-layout: fixed;}
#investment-calculator .journey-calculation-table th:first-child{width: 128px;}
#investment-calculator .journey-window-table-header{position: fixed; z-index: 30; overflow: hidden; pointer-events: none; background: rgb(237, 240, 244); box-shadow: rgb(220, 224, 230) 0px 1px; box-sizing: content-box;}
#investment-calculator .journey-window-table-header[hidden]{display: none;}
#investment-calculator .journey-window-table-header .journey-calculation-table{margin: 0px;}
#investment-calculator .journey-window-table-header th{box-sizing: border-box;}
#investment-calculator #investor-return{--slider-thumb-size: 20px; appearance: none; box-sizing: border-box; display: block; width: 100%; height: 28px; padding: 0px; border: 0px; margin: 20px 0px 0px; background: transparent; touch-action: pan-y;}
#investment-calculator #investor-return::-webkit-slider-runnable-track{height: 4px; border-radius: 99px; background: linear-gradient(to right,#c9342f 0 var(--return-progress),#e3e6eb var(--return-progress) 100%);}
#investment-calculator #investor-return::-webkit-slider-thumb{appearance: none; box-sizing: border-box; width: 20px; height: 20px; margin-top: -8px; border: 1px solid rgb(230, 232, 237); border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(25, 36, 59, 0.18) 0px 2px 8px;}
#investment-calculator .investment-return-ticks{display: block; position: relative; height: 24px; margin: 6px 10px 0px; padding: 0px;}
#investment-calculator .investment-return-ticks button{position: absolute; left: var(--rate-position); top: 0px; transform: translateX(-50%); white-space: nowrap; margin: 0px;}
#investment-calculator .annual-income-dashboard .dashboard-registration{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; box-sizing: border-box; min-height: 36px; margin-top: 22px; padding: 9px 16px; border: 0px; border-radius: 8px; background: linear-gradient(135deg, rgb(244, 243, 239), rgb(233, 232, 227)); color: rgb(14, 20, 41); font-family: inherit; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; text-align: center; box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 1px inset, rgba(14, 20, 41, 0.094) 0px -2px 3px inset, rgba(0, 0, 0, 0.04) 0px 2px 4px; transition: filter 0.18s;}
#investment-calculator .annual-income-dashboard .dashboard-registration:hover{filter: brightness(1.07);}
#investment-calculator .annual-income-dashboard .dashboard-registration:focus-visible{outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px;}
#investment-calculator .annual-income-dashboard .dashboard-registration > span{font-size: 16px; line-height: 18px; color: inherit;}
#investment-calculator .investment-input-pair{display: grid; grid-template-columns: minmax(0px, 1fr) 104px; gap: 10px;}
#investment-calculator .investment-inputs .field{min-width: 0px;}

#investment-calculator{color:#19243b;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.5;text-align:left;-webkit-text-size-adjust:100%}
#investment-calculator main{padding-top:0}#investment-calculator main>h1,#investment-calculator #jump-to-results{display:none}

.investment-full-status{max-width:952px;margin:0 auto 16px;padding:0 24px;font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#69788e}

.investment-full-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding-top:var(--major-heading-gap)}
.investment-full-section #investment-full-title{width:calc(100% - 48px);max-width:520px}
.investment-start-screen .investment-calculator-preview:has(.investment-full-section){padding-bottom:0}
@media(max-width:520px){.investment-full-section #investment-full-title{width:calc(100% - 38px)}}

.journey-final-portfolio{margin:28px 0 12px!important;font-size:16px!important;line-height:1.4!important;font-weight:700!important;color:#19243b}