body[data-redesign="international"]{--bg:#f4f7fb;--bg-soft:#f7f9fc;--panel:#fff;--panel2:#f2f6fa;--ink:#0b2a52;--muted:#63778d;--line:#dce5ef;--accent:#19b8aa;--accent2:#52a0eb;--grid:#e6edf5;--initialSegment:#0b2a52;--portfolioLine:#0b2a52;--contributedLine:#4a90e2;--realLine:#18b5a7;--contributedSegment:#4a90e2;--growthSegment:#18b5a7;--navy:#082b59;--navy2:#061f43;--teal:#18b5a7;--blue:#4a90e2;--soft-teal:#e7f8f5;--shadow:0 18px 50px rgba(23,48,78,.08);background:radial-gradient(circle at 84% 3%,rgba(24,181,167,.08),transparent 24rem),linear-gradient(#f9fbfd 0,#f4f7fb 45rem,#f5f7fa 100%);color:var(--ink)}html[data-theme="dark"] body[data-redesign="international"]{--bg:#071827;--bg-soft:#0b2136;--panel:#0d2742;--panel2:#102e4d;--ink:#f3f8fc;--muted:#9fb2c6;--line:#24415e;--grid:#213b55;--shadow:0 22px 60px rgba(0,0,0,.24);background:radial-gradient(circle at 84% 3%,rgba(24,181,167,.09),transparent 24rem),#071827}body[data-redesign="international"] .en-shell{max-width:1460px;padding:18px 24px 30px}body[data-redesign="international"] .en-topbar{margin:0 0 20px;padding:13px 16px;min-height:62px;background:linear-gradient(135deg,var(--navy),#06356a);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 34px rgba(6,43,89,.16)}body[data-redesign="international"] .en-topbar .brand{color:#fff;font-size:19px;letter-spacing:-.025em;gap:10px}body[data-redesign="international"] .en-topbar .logo{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:url('/assets/logo.svg') center/contain no-repeat}body[data-redesign="international"] .en-topbar .softbtn,body[data-redesign="international"] .en-topbar .iconbtn,body[data-redesign="international"] .en-topbar .language select{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}body[data-redesign="international"] .en-topbar .softbtn:hover,body[data-redesign="international"] .en-topbar .iconbtn:hover,body[data-redesign="international"] .en-topbar .language select:hover{background:rgba(255,255,255,.12)}body[data-redesign="international"] .en-topbar .language:after{color:rgba(255,255,255,.72)}body[data-redesign="international"] .en-topbar option{color:#102a45;background:#fff}body[data-redesign="international"] .en-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:34px;margin:0 0 20px;padding:24px 20px 28px;min-height:205px;overflow:hidden}body[data-redesign="international"] .en-hero:after{content:"";position:absolute;right:1%;bottom:10px;width:44%;height:76px;opacity:.3;pointer-events:none;background:radial-gradient(80px 20px at 15% 50%,transparent 49%,rgba(24,181,167,.16) 50% 53%,transparent 54%),radial-gradient(110px 24px at 45% 64%,transparent 49%,rgba(74,144,226,.12) 50% 53%,transparent 54%),radial-gradient(100px 20px at 80% 45%,transparent 49%,rgba(24,181,167,.12) 50% 53%,transparent 54%)}body[data-redesign="international"] .en-hero .hero-main,body[data-redesign="international"] .en-hero .hero-side{border:0;box-shadow:none;background:transparent;padding:0;min-height:0}body[data-redesign="international"] .en-hero .hero-main{justify-content:center;gap:14px}body[data-redesign="international"] .en-hero .kicker{color:#4a90e2;font-size:11px;letter-spacing:.08em;text-transform:none;font-weight:800}body[data-redesign="international"] .en-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,4.3vw,67px);line-height:.98;letter-spacing:-.045em;color:var(--navy);max-width:950px;margin:8px 0 12px}html[data-theme="dark"] body[data-redesign="international"] .en-hero h1{color:#f5f9fc}body[data-redesign="international"] .en-hero p{font-size:14px;line-height:1.55;max-width:760px;color:var(--muted)}body[data-redesign="international"] .en-hero .hero-side{align-items:flex-end;justify-content:flex-end;text-align:right;padding-bottom:6px;z-index:1}body[data-redesign="international"] .en-hero .hero-side .kicker{display:none}body[data-redesign="international"] .en-hero .hero-side .large{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.05;color:var(--teal);letter-spacing:-.035em}body[data-redesign="international"] .en-hero .hero-side .small{max-width:250px;font-size:10px;margin-top:10px;color:var(--muted)}body[data-redesign="international"] .en-top-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(370px,2fr);gap:18px;align-items:stretch}body[data-redesign="international"] .en-controls{position:relative;top:auto;padding:18px;border-radius:17px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}body[data-redesign="international"] .en-controls>.panelhead{margin:0 2px 12px}body[data-redesign="international"] .en-controls>.panelhead h2{font-family:Georgia,"Times New Roman",serif;font-size:18px;color:var(--ink)}body[data-redesign="international"] .en-controls>.panelhead .pill{background:var(--soft-teal);border-color:rgba(24,181,167,.2);color:#087c72}body[data-redesign="international"] .mode{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0 0 14px;padding:3px;border:1px solid var(--line);background:var(--bg-soft);border-radius:12px}body[data-redesign="international"] .mode button{padding:12px 14px;border-radius:9px;font-size:12px;color:var(--ink)}body[data-redesign="international"] .mode button.active{background:var(--navy);color:#fff;box-shadow:0 5px 14px rgba(8,43,89,.16)}body[data-redesign="international"] .goalbox{margin:0 0 12px;padding:13px;border-radius:13px;background:linear-gradient(135deg,rgba(24,181,167,.07),rgba(74,144,226,.04));border:1px solid rgba(24,181,167,.22)}body[data-redesign="international"] .goal-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:12px;align-items:end}body[data-redesign="international"] .goal-target-param{border:0!important;padding:0!important}body[data-redesign="international"] .goal-options{display:grid;gap:8px}body[data-redesign="international"] .goal-options .seg{margin:0}body[data-redesign="international"] .goalresult{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}body[data-redesign="international"] .goalanswer{font-family:Georgia,"Times New Roman",serif;color:var(--navy)}body[data-redesign="international"] .goaldetail{grid-column:1/-1}body[data-redesign="international"] .assumption-section{margin:10px 0 0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft)}body[data-redesign="international"] .assumption-heading{display:flex;align-items:center;gap:8px;margin:0 0 9px}body[data-redesign="international"] .assumption-heading h3{font-size:12px;margin:0;color:var(--ink)}body[data-redesign="international"] .section-number,body[data-redesign="international"] .advanced-section>summary:before{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-weight:850}body[data-redesign="international"] .core-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}body[data-redesign="international"] .core-grid .param,body[data-redesign="international"] .advanced-grid .param{border:0;padding:7px 0;margin:0}body[data-redesign="international"] .paramhead{align-items:center;margin-bottom:7px}body[data-redesign="international"] .paramtitle{font-size:10.5px;color:var(--ink)}body[data-redesign="international"] .paramhelp{font-size:8.5px;line-height:1.35;color:var(--muted)}body[data-redesign="international"] .valuebox{min-width:106px;padding:6px 8px;border-radius:8px;background:var(--panel);border-color:var(--line)}body[data-redesign="international"] .valuebox input{font-size:10.5px;color:var(--ink)}body[data-redesign="international"] input[type=range]{height:4px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal) var(--pct,50%),#dbe4ed var(--pct,50%),#dbe4ed 100%)}body[data-redesign="international"] input[type=range]::-webkit-slider-thumb{background:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,181,167,.12)}body[data-redesign="international"] .rmeta{font-size:7.5px}body[data-redesign="international"] .contribution-section .twoselect{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}body[data-redesign="international"] .contribution-section .twoselect+.twoselect{margin-top:9px}body[data-redesign="international"] .select label{font-size:8.5px;color:var(--muted)}body[data-redesign="international"] .select select{padding:8px 28px 8px 9px;border-radius:8px;background:var(--panel);border-color:var(--line);color:var(--ink);font-size:10px}body[data-redesign="international"] details.advanced-section{padding:12px;margin-top:10px}body[data-redesign="international"] .advanced-section>summary{justify-content:flex-start;gap:8px;font-size:12px;color:var(--ink)}body[data-redesign="international"] .advanced-section>summary:before{content:"3"}body[data-redesign="international"] .advanced-section>summary:after{margin-left:auto}body[data-redesign="international"] .advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding-top:7px}body[data-redesign="international"] .advanced-grid .paramhead{display:block;margin:0}body[data-redesign="international"] .advanced-grid .paramhelp{min-height:24px;margin-bottom:6px}body[data-redesign="international"] .advanced-grid .valuebox{width:100%;min-width:0;justify-content:stretch;padding:0;overflow:hidden}body[data-redesign="international"] .advanced-grid .valuebox input{-moz-appearance:textfield;appearance:textfield;flex:1;min-width:0;text-align:center;padding:8px 3px}body[data-redesign="international"] .advanced-grid .valuebox input::-webkit-outer-spin-button,body[data-redesign="international"] .advanced-grid .valuebox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body[data-redesign="international"] .advanced-grid .valuebox .unit{padding-right:4px}body[data-redesign="international"] .stepper-btn{width:30px;align-self:stretch;border:0;background:transparent;color:var(--navy);font-size:16px;font-weight:600;padding:0;transition:.15s ease}body[data-redesign="international"] .stepper-btn:first-child{border-right:1px solid var(--line)}body[data-redesign="international"] .stepper-btn:last-child{border-left:1px solid var(--line)}body[data-redesign="international"] .stepper-btn:hover{background:var(--soft-teal);color:#07877c}body[data-redesign="international"] .advanced-range{display:none}body[data-redesign="international"] .actions{margin-top:11px;grid-template-columns:1fr 42px}body[data-redesign="international"] .primary{background:var(--navy);color:#fff;border-radius:9px;padding:10px}body[data-redesign="international"] .reset{border-radius:9px;background:var(--panel);padding:9px}body[data-redesign="international"] .result-summary{align-self:stretch;padding:26px 24px;border:0;border-radius:17px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(74,144,226,.14),transparent 16rem),linear-gradient(145deg,var(--navy),var(--navy2));box-shadow:0 18px 45px rgba(5,37,77,.2)}body[data-redesign="international"] .result-summary .metrics{display:block}body[data-redesign="international"] .result-summary .metric{min-height:0;border:0;background:transparent;border-radius:0;padding:14px 0;color:#fff;box-shadow:none}body[data-redesign="international"] .result-summary .metric.focus{padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.23)}body[data-redesign="international"] .result-summary .metric.focus .metriclabel{font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:17px;margin:0 0 8px}body[data-redesign="international"] .result-summary .metric.focus .metricvalue{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,4vw,66px);font-weight:600;letter-spacing:-.045em;line-height:1;color:#fff}body[data-redesign="international"] .result-summary .metric.focus .metricnote{display:none}body[data-redesign="international"] .result-growth-line{margin-top:8px;font-size:15px;font-weight:750;color:#36dfd0}body[data-redesign="international"] .result-summary .metric:not(.focus){display:grid;grid-template-columns:1fr auto;grid-template-areas:"label value" "note value";column-gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12)}body[data-redesign="international"] .result-summary .metric:not(.focus) .metriclabel{grid-area:label;font-size:11px;color:#fff;margin:0;font-weight:760}body[data-redesign="international"] .result-summary .metric:not(.focus) .metricvalue{grid-area:value;font-size:15px;font-weight:800;color:#fff}body[data-redesign="international"] .result-summary .metric:not(.focus) .metricnote{grid-area:note;font-size:8.5px;color:#a9bfd7;margin:3px 0 0}body[data-redesign="international"] .result-summary #interestEarned{color:#34d6c7}body[data-redesign="international"] .result-summary #realValue{color:#6eb2ff}body[data-redesign="international"] .result-summary .rate-strip{display:grid;grid-template-columns:1fr;margin:12px 0 0;gap:0}body[data-redesign="international"] .result-summary .rate-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border:0;background:transparent;border-radius:0}body[data-redesign="international"] .result-summary .rate-chip span{font-size:9px;color:#b2c4d7;margin:0}body[data-redesign="international"] .result-summary .rate-chip b{font-size:11px;color:#fff}body[data-redesign="international"] .growth-callout{margin-top:14px;padding:13px 14px;border:1px solid rgba(54,223,208,.45);border-radius:10px;background:linear-gradient(135deg,rgba(24,181,167,.16),rgba(24,181,167,.07));font-size:11px;line-height:1.45;color:#4ce1d4;font-weight:700}body[data-redesign="international"] .growth-callout:before{content:"↗";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:7px;background:rgba(54,223,208,.1);font-size:15px;vertical-align:middle}body[data-redesign="international"] .analysis-grid{display:grid;grid-template-columns:1.22fr .9fr .9fr;gap:16px;margin-top:17px;align-items:stretch}body[data-redesign="international"] .analysis-grid>.card{border-radius:15px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}body[data-redesign="international"] .chartcard,body[data-redesign="international"] .tablecard,body[data-redesign="international"] .insightcard{padding:16px}body[data-redesign="international"] .charttop{margin-bottom:9px;gap:10px}body[data-redesign="international"] .charttop h2,body[data-redesign="international"] .tablecard h3,body[data-redesign="international"] .insightcard h3{font-family:Georgia,"Times New Roman",serif;font-size:16px;color:var(--ink)}body[data-redesign="international"] .charttop p{font-size:8px;max-width:360px}body[data-redesign="international"] .legend{font-size:7.5px;gap:8px}body[data-redesign="international"] .legend i{width:13px;height:2px;border-radius:3px;vertical-align:middle}body[data-redesign="international"] .chartwrap{border:0;background:transparent;border-radius:8px}body[data-redesign="international"] #chart{height:255px}body[data-redesign="international"] .scenarios{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}body[data-redesign="international"] .scenario{padding:7px 8px;border-radius:8px;background:var(--bg-soft)}body[data-redesign="international"] .scenario span{font-size:7px}body[data-redesign="international"] .scenario b{font-size:11px}body[data-redesign="international"] .tablewrap{height:316px;max-height:316px;overflow-y:scroll;overflow-x:auto;border:1px solid var(--line);border-radius:9px;scrollbar-width:thin;scrollbar-color:#8298ad #edf2f7}body[data-redesign="international"] .tablewrap::-webkit-scrollbar{width:8px;height:8px}body[data-redesign="international"] .tablewrap::-webkit-scrollbar-track{background:#edf2f7;border-radius:10px}body[data-redesign="international"] .tablewrap::-webkit-scrollbar-thumb{background:#8298ad;border-radius:10px;border:2px solid #edf2f7}body[data-redesign="international"] .tablewrap::-webkit-scrollbar-thumb:hover{background:#4f6f8d}body[data-redesign="international"] .tablewrap table{min-width:560px;font-size:8px}body[data-redesign="international"] .tablewrap th{padding:8px 7px;background:var(--panel2);font-size:7.5px}body[data-redesign="international"] .tablewrap td{padding:8px 7px}body[data-redesign="international"] .insightcard .breakdown{display:block;margin:11px 0}body[data-redesign="international"] .donut{width:150px;height:150px;margin:2px auto 15px}body[data-redesign="international"] .donut:after{inset:31px;background:var(--panel)}body[data-redesign="international"] .donutcenter{padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.2;color:var(--ink)}body[data-redesign="international"] .donutcenter strong{font-family:Georgia,"Times New Roman",serif;font-size:13px;white-space:nowrap}body[data-redesign="international"] .donutcenter span{font-size:7px;color:var(--muted);font-weight:600;margin-top:3px}body[data-redesign="international"] .blist{gap:6px}body[data-redesign="international"] .brow{font-size:8px;padding-bottom:5px}body[data-redesign="international"] .brow span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}body[data-redesign="international"] .brow:nth-child(1) span:before{background:var(--initialSegment)}body[data-redesign="international"] .brow:nth-child(2) span:before{background:var(--contributedSegment)}body[data-redesign="international"] .brow:nth-child(3) span:before{background:var(--growthSegment)}body[data-redesign="international"] .callout{border-color:rgba(24,181,167,.25);background:var(--soft-teal);color:#177d75;font-size:8.5px;line-height:1.45}body[data-redesign="international"] .info-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}body[data-redesign="international"] .info-details{margin:0;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:none;overflow:hidden}body[data-redesign="international"] .info-details>summary{padding:14px 16px;font-family:Georgia,"Times New Roman",serif;font-size:14px}body[data-redesign="international"] .info-details .info-body{padding:0 16px 16px}body[data-redesign="international"] footer{margin-top:15px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:1180px){body[data-redesign="international"] .en-top-layout{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr)}body[data-redesign="international"] .advanced-grid{grid-template-columns:1fr 1fr}body[data-redesign="international"] .analysis-grid{grid-template-columns:1.2fr .8fr}body[data-redesign="international"] .analysis-grid .chartcard{grid-column:1/-1}}@media(max-width:900px){body[data-redesign="international"] .en-shell{padding:12px 14px 24px}body[data-redesign="international"] .en-hero{grid-template-columns:1fr;padding:20px 8px 22px;min-height:0}body[data-redesign="international"] .en-hero .hero-side{display:none}body[data-redesign="international"] .en-top-layout{grid-template-columns:1fr}body[data-redesign="international"] .analysis-grid{grid-template-columns:1fr 1fr}body[data-redesign="international"] .analysis-grid .chartcard{grid-column:1/-1}body[data-redesign="international"] .info-stack{grid-template-columns:1fr}}@media(max-width:640px){body[data-redesign="international"] .en-topbar{align-items:flex-start;gap:10px;padding:11px}body[data-redesign="international"] .toptools{flex-wrap:wrap;justify-content:flex-end}body[data-redesign="international"] .en-hero h1{font-size:40px}body[data-redesign="international"] .core-grid,body[data-redesign="international"] .advanced-grid{grid-template-columns:1fr}body[data-redesign="international"] .contribution-section .twoselect{grid-template-columns:1fr}body[data-redesign="international"] .goal-grid{grid-template-columns:1fr}body[data-redesign="international"] .analysis-grid{grid-template-columns:1fr}body[data-redesign="international"] .analysis-grid .chartcard{grid-column:auto}body[data-redesign="international"] .result-summary .metric.focus .metricvalue{font-size:44px}body[data-redesign="international"] #chart{height:230px}body[data-redesign="international"] .mode button{font-size:10px;padding:11px 7px}}@media(max-width:430px){body[data-redesign="international"] .en-shell{padding:9px 9px 20px}body[data-redesign="international"] .en-topbar{flex-wrap:wrap}body[data-redesign="international"] .en-topbar .brand{width:100%}body[data-redesign="international"] .toptools{width:100%;justify-content:space-between}body[data-redesign="international"] .language select{max-width:112px}body[data-redesign="international"] .en-controls{padding:12px}body[data-redesign="international"] .assumption-section{padding:10px}body[data-redesign="international"] .result-summary{padding:21px 18px}}

/* International redesign: RTL-specific layout without changing calculator maths. */
html[dir="rtl"] body[data-redesign="international"] .en-topbar,
html[dir="rtl"] body[data-redesign="international"] .en-hero,
html[dir="rtl"] body[data-redesign="international"] .en-top-layout,
html[dir="rtl"] body[data-redesign="international"] .analysis-grid,
html[dir="rtl"] body[data-redesign="international"] .info-stack { direction: rtl; }
html[dir="rtl"] body[data-redesign="international"] .hero-main,
html[dir="rtl"] body[data-redesign="international"] .en-controls,
html[dir="rtl"] body[data-redesign="international"] .result-summary,
html[dir="rtl"] body[data-redesign="international"] .tablecard,
html[dir="rtl"] body[data-redesign="international"] .insightcard { text-align: right; }
html[dir="rtl"] body[data-redesign="international"] .en-hero .hero-side { text-align: left; align-items: flex-start; }
html[dir="rtl"] body[data-redesign="international"] .valuebox input,
html[dir="rtl"] body[data-redesign="international"] #chart { direction: ltr; }