/* Continue the hero's warm / cool light and translucent material into the working area. */
.liquid-glass-page .simulator {
  --sim-sheet: rgba(9,18,31,.27);
  --sim-reflection: linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 44%,rgba(179,215,255,.035));
  --sim-edge: rgba(226,239,255,.19);
  isolation: isolate;
}
.simulator-atmosphere {
  position:absolute;inset:-70px 0 -30px;z-index:-1;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(transparent,#000 110px,#000 82%,transparent);
  mask-image:linear-gradient(transparent,#000 110px,#000 82%,transparent);
}
.simulator-atmosphere::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 55% 29% at 12% 16%,rgba(218,173,108,.10),transparent 72%),radial-gradient(ellipse 52% 34% at 94% 32%,rgba(115,177,237,.14),transparent 75%),radial-gradient(ellipse 70% 27% at 35% 71%,rgba(172,196,225,.055),transparent 74%);
}
.simulator-atmosphere svg { position:absolute;top:0;left:0;width:100%;height:min(100%,2100px);opacity:.24; }
.liquid-glass-page .simulator > .top { margin-bottom:34px; }
.liquid-glass-page .simulator .top h2 {font-size:clamp(25px,2.65vw,38px);font-weight:350;line-height:1.45;letter-spacing:.015em;}
.liquid-glass-page .simulator .top .eyebrow {color:#c4b69f;font-size:9px;letter-spacing:.21em;}
.liquid-glass-page .simulator .subtitle {color:#b0bdcf;font-size:12px;}
.liquid-glass-page .simulator .panel {
  border:1px solid var(--sim-edge);border-top-color:rgba(245,250,255,.29);border-bottom-color:rgba(201,222,248,.09);
  background:var(--sim-reflection),var(--sim-sheet);
  -webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);
  box-shadow:0 16px 42px rgba(0,6,18,.13),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(186,217,255,.025);
}
.liquid-glass-page .simulator .panel-kicker {color:#9caec4;letter-spacing:.2em;}
.liquid-glass-page .simulator .outcome-panel {
  position:relative;isolation:isolate;overflow:hidden;padding:34px;
  background:linear-gradient(115deg,rgba(241,218,181,.075),transparent 48%,rgba(162,207,249,.045)),var(--sim-reflection),rgba(8,17,29,.24);
  border-top-color:rgba(251,239,218,.36);
}
.outcome-panel::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 85% at 0 0,rgba(228,194,145,.08),transparent 70%),radial-gradient(ellipse 45% 90% at 100% 100%,rgba(142,199,247,.07),transparent 75%);
}
.outcome-panel::after {content:'';position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(248,227,192,.65),rgba(192,222,252,.42),transparent);pointer-events:none;}
.liquid-glass-page .simulator .outcome-number {font-size:clamp(42px,4.8vw,70px);font-weight:320;color:#f0dec2;text-shadow:0 0 34px rgba(231,195,141,.13);letter-spacing:-.045em;}
.liquid-glass-page .simulator .outcome-main {margin:25px 0 30px;}
.liquid-glass-page .simulator .outcome-heading h2 {font-weight:400;color:#d1dce9;}
.liquid-glass-page .simulator .outcome-main p {line-height:1.9;color:#aebed2;}
.liquid-glass-page .simulator .outcome-secondary {border-top-color:rgba(217,232,250,.15);padding-top:25px;}
.liquid-glass-page .simulator .outcome-secondary strong {font-weight:350;font-size:28px;color:#d6e8fa;}
.liquid-glass-page .simulator .outcome-secondary strong.negative {color:#f0b2b2;}
.liquid-glass-page .simulator .outcome-secondary>div+div {border-left-color:rgba(217,232,250,.12);}
.liquid-glass-page .simulator .outcome-method {color:#9db0ca;}
.liquid-glass-page .simulator .tag {background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.008));border-color:rgba(226,239,255,.17);color:#b9c8dc;}

/* Working controls use the same light, rounded glass as the hero CTA. */
.liquid-glass-page .simulator :is(.ghost,.controls-toggle) {
  background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 58%,rgba(178,215,250,.04)),rgba(193,219,248,.025);
  border-color:rgba(230,243,255,.25);border-bottom-color:rgba(213,234,255,.12);
  box-shadow:0 5px 15px rgba(0,7,22,.10),inset 0 1px 0 rgba(255,255,255,.26);
  -webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);
  transition:background-color .22s,border-color .22s,box-shadow .22s,translate .22s;
}
.liquid-glass-page .simulator .ghost.primary {
  background:linear-gradient(115deg,rgba(242,218,180,.16),rgba(240,247,255,.07) 48%,rgba(166,211,250,.14)),rgba(210,231,255,.025);
  border-color:rgba(242,242,236,.39);color:#f1f5fb;
  box-shadow:0 5px 20px rgba(0,8,24,.12),inset 0 1px 0 rgba(255,255,255,.35);
}
.liquid-glass-page .simulator .simulator-motion-toggle {display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding-inline:0;}
.simulator-motion-toggle .motion-icon {font-size:13px;margin:0;}
.liquid-glass-page .simulator .controls {border-radius:28px;}
.liquid-glass-page .simulator .controls-heading {padding-bottom:5px;}
.liquid-glass-page .simulator .controls-heading h2 {font-weight:400;font-size:18px;margin-top:8px;}
.liquid-glass-page .simulator .capital-input {border-bottom-color:rgba(209,228,248,.12);padding:14px 0;}
.liquid-glass-page .simulator .capital-input input {font-weight:350;color:#e5edf7;letter-spacing:-.025em;}
.liquid-glass-page .simulator .mode-buttons {background:rgba(3,12,25,.12);border-color:rgba(216,235,255,.14);box-shadow:inset 0 1px 5px rgba(0,5,17,.09);}
.liquid-glass-page .simulator .mode-btn.selected {background:linear-gradient(140deg,rgba(255,255,255,.17),rgba(208,231,255,.065));border-color:rgba(241,248,255,.29);box-shadow:0 3px 10px rgba(0,7,20,.10),inset 0 1px 0 rgba(255,255,255,.29);}
.liquid-glass-page .simulator :is(.compact-input,.number,.year-input,.select-row select,.save-allocation input) {
  border-color:rgba(226,240,255,.20);border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.012)),rgba(9,19,34,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);color:#e7eff9;
}
.liquid-glass-page .simulator .save-allocation input {border-radius:999px;}
.liquid-glass-page .simulator .portfolio-heading h3 {font-size:17px;font-weight:400;letter-spacing:.02em;}
.liquid-glass-page .simulator .portfolio-asset {
  border-color:rgba(222,237,255,.11);border-top-color:rgba(237,247,255,.17);
  background:linear-gradient(140deg,rgba(255,255,255,.05),rgba(255,255,255,.008));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);-webkit-backdrop-filter:none;backdrop-filter:none;
  transition:border-color .22s,background-color .22s,translate .22s;
}
.liquid-glass-page .simulator .portfolio-presets button {background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015));border-color:rgba(229,241,255,.18);-webkit-backdrop-filter:none;backdrop-filter:none;}
.liquid-glass-page .simulator .portfolio-presets button.active {background:linear-gradient(130deg,rgba(239,211,170,.16),rgba(208,226,248,.045));border-color:rgba(238,214,177,.39);box-shadow:inset 0 1px 0 rgba(255,247,229,.18);}
.liquid-glass-page .simulator .allocation-total {color:#cfdae7;}
.liquid-glass-page .simulator .allocation-total .allocation-invalid {color:#ffb5ac;}
.liquid-glass-page .simulator .input-caption {color:#a2b4cc;}
.liquid-glass-page .simulator .data-status {background:linear-gradient(110deg,rgba(236,215,180,.04),rgba(171,211,250,.025));border-color:rgba(213,231,250,.16);border-radius:14px;padding:12px 15px;}
.liquid-glass-page .simulator .data-status[data-mode=history] {color:#bed5ed;}
.liquid-glass-page .simulator .charthead h2 {font-size:17px;font-weight:400;line-height:1.6;}
.liquid-glass-page .simulator .section-hint {color:#a7b8ce;line-height:1.85;}
.liquid-glass-page .simulator .investment-legend {gap:7px;}
.investment-legend>span {padding:5px 9px;border:1px solid rgba(221,235,251,.08);border-radius:999px;background:rgba(222,239,255,.018);}
.investment-legend>span:first-child {border-color:rgba(235,206,162,.22);background:rgba(235,206,162,.035);}
.investment-series-current {filter:drop-shadow(0 0 4px rgba(229,201,156,.24));}
.liquid-glass-page .simulator .chartfooter {border-top:1px solid rgba(215,232,252,.10);padding-top:18px;margin-top:12px;}
.liquid-glass-page .simulator .yearchip {background:linear-gradient(140deg,rgba(255,255,255,.075),rgba(255,255,255,.015));border-color:rgba(222,239,255,.16);}
.liquid-glass-page .simulator :is(.section-topline h2,.optional-housing h2) {font-size:17px;font-weight:400;line-height:1.6;}
.liquid-glass-page .simulator table {border-collapse:collapse;}
.liquid-glass-page .simulator th {color:#9fb3ce;font-weight:450;border-bottom-color:rgba(212,231,251,.15);}
.liquid-glass-page .simulator td {border-bottom-color:rgba(212,231,251,.085);}
.liquid-glass-page .simulator .current-scenario {background:linear-gradient(90deg,rgba(236,210,169,.06),rgba(181,214,247,.015));}
.liquid-glass-page .simulator .scenario-name {font-weight:400;}
.liquid-glass-page .simulator .optional-housing {background:linear-gradient(120deg,rgba(233,209,174,.04),rgba(175,216,253,.045)),var(--sim-reflection),var(--sim-sheet);}
.liquid-glass-page .simulator .sources {background:var(--sim-reflection),rgba(9,18,31,.30);border-color:var(--sim-edge);}
.liquid-glass-page .simulator .portfolio-metrics>div {background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border-color:rgba(224,238,255,.13);}
.liquid-glass-page .simulator .flow-card {background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border-color:rgba(224,238,255,.13);}
.liquid-glass-page .simulator .kpi {background:radial-gradient(ellipse at 0 0,rgba(233,202,155,.075),transparent 75%),var(--sim-reflection),var(--sim-sheet);}
.liquid-glass-page .simulator .kpi.buy {background:radial-gradient(ellipse at 100% 0,rgba(155,205,251,.075),transparent 75%),var(--sim-reflection),var(--sim-sheet);}

/* Feature cards and the persistent module switch carry the same material between sections. */
.liquid-glass-page .feature-card {background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.015)),rgba(10,20,33,.22);border-color:rgba(226,239,255,.18);box-shadow:0 12px 32px rgba(0,6,18,.12),inset 0 1px 0 rgba(255,255,255,.16);}
.liquid-glass-page .module-nav {background:linear-gradient(130deg,rgba(255,255,255,.09),rgba(255,255,255,.018) 48%,rgba(188,219,251,.04)),rgba(12,25,42,.45);border-color:rgba(226,239,255,.22);box-shadow:0 8px 26px rgba(0,5,17,.12),inset 0 1px 0 rgba(255,255,255,.23);}
.liquid-glass-page .module-nav a.active {background:linear-gradient(140deg,rgba(245,221,185,.13),rgba(213,233,255,.055));border-color:rgba(242,242,236,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 3px 12px rgba(0,5,17,.08);}

@keyframes simulator-light-drift {from{transform:translate3d(-10px,-8px,0);opacity:.18}to{transform:translate3d(12px,9px,0);opacity:.28}}
@media(min-width:801px) and (prefers-reduced-motion:no-preference) {
  .simulator-atmosphere svg {animation:simulator-light-drift 22s ease-in-out infinite alternate;}
}
html[data-page-motion=paused] .simulator-atmosphere svg {animation-play-state:paused;}
@media(hover:hover) and (pointer:fine) {
  .liquid-glass-page .simulator :is(.ghost,.controls-toggle):hover {translate:0 -1px;background-color:rgba(236,245,255,.06);border-color:rgba(241,248,255,.43);box-shadow:0 7px 22px rgba(0,7,22,.14),inset 0 1px 0 rgba(255,255,255,.34);}
  .liquid-glass-page .simulator .portfolio-asset:hover {background-color:rgba(219,236,255,.022);border-color:rgba(228,241,255,.23);}
}
@media(max-width:900px) {
  .liquid-glass-page .simulator .outcome-panel {padding:27px 24px;}
  .liquid-glass-page .simulator .outcome-number {font-size:42px;}
  .liquid-glass-page .simulator .outcome-secondary strong {font-size:24px;}
}
@media(max-width:800px) {
  .simulator-atmosphere svg {opacity:.15;}
  .liquid-glass-page .simulator .panel {-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);}
  .liquid-glass-page .simulator .top h2 {font-size:28px;}
}
@media(max-width:599px) {
  .liquid-glass-page .simulator > .top {margin-bottom:25px;}
  .liquid-glass-page .simulator .top h2 {font-size:25px;line-height:1.5;}
  .liquid-glass-page .simulator .subtitle {font-size:11px;}
  .liquid-glass-page .simulator .outcome-panel {padding:25px 20px;}
  .liquid-glass-page .simulator .outcome-number {font-size:44px;}
  .liquid-glass-page .simulator .outcome-main {margin:21px 0 25px;}
  .liquid-glass-page .simulator .outcome-secondary {gap:12px;padding-top:20px;}
  .liquid-glass-page .simulator .outcome-secondary>div+div {padding-left:12px;}
  .liquid-glass-page .simulator .outcome-secondary strong {font-size:23px;}
  .liquid-glass-page .simulator :is(.charthead h2,.section-topline h2,.optional-housing h2) {font-size:15px;}
  .liquid-glass-page .simulator .investment-legend {font-size:9px;gap:5px;}
  .investment-legend>span {padding:4px 7px;}
}
@media(prefers-reduced-motion:reduce) {
  .simulator-atmosphere svg {animation:none;}
  .liquid-glass-page .simulator :is(.ghost,.controls-toggle,.portfolio-asset) {transition:none;}
  .liquid-glass-page .simulator :is(.ghost,.controls-toggle):hover {translate:none;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .liquid-glass-page .simulator {--sim-sheet:#132237;--sim-reflection:linear-gradient(135deg,rgba(255,255,255,.055),transparent);}
  .liquid-glass-page .simulator .outcome-panel,.liquid-glass-page .simulator .sources {background-color:#132237;}
  .liquid-glass-page .module-nav {background-color:#132237;}
}
@media(prefers-reduced-transparency:reduce) {
  .simulator-atmosphere {display:none;}
  .liquid-glass-page .simulator {--sim-sheet:#17283e;}
  .liquid-glass-page .simulator :is(.panel,.outcome-panel,.sources,.ghost,.controls-toggle) {-webkit-backdrop-filter:none;backdrop-filter:none;background:#17283e;}
  .liquid-glass-page .module-nav,.liquid-glass-page .feature-card {background:#17283e;-webkit-backdrop-filter:none;backdrop-filter:none;}
}