:root{--navy:#09142e;--panel:#101f43;--panel2:#172953;--blue:#24417f;--gold:#d6ad2c;--cream:#f4f0e6;--ink:#13203c;--muted:#72809a;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#fff;background:var(--navy);font-size:15px;line-height:1.55}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:15px;color:white;text-decoration:none}.brand-logo-frame{position:relative;width:220px;height:96px;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}.brand-logo{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);object-fit:contain}.tool-label{padding-left:15px;border-left:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.58);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:20px}.quiet-link{color:rgba(255,255,255,.7);text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.quiet-link:hover,.quiet-link:focus-visible{color:var(--gold)}.top-actions select{appearance:none;color:white;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 30px 9px 13px;font:inherit;font-size:12px;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 14px) 14px,calc(100% - 10px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.top-actions option{color:#111}.intro{max-width:1500px;margin:auto;padding:82px 4.5vw 62px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.eyebrow{margin:0 0 17px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em}.intro h1,.boundary h2{margin:0;font-family:"Libre Caslon Display",serif;font-size:clamp(48px,6vw,93px);font-weight:400;line-height:.91;letter-spacing:-.045em}.intro h1 em,.boundary h2 em{color:var(--gold);font-style:italic}.intro-copy>p{max-width:580px;margin:0 0 25px;color:rgba(255,255,255,.58);font-size:16px}.member-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;color:white;text-decoration:none;border:1px solid rgba(214,173,44,.45);background:rgba(214,173,44,.07)}.member-link span{color:rgba(255,255,255,.66);font-size:12px}.member-link b{color:var(--gold);white-space:nowrap;font-size:12px}.workspace{max-width:1500px;margin:0 auto 100px;display:grid;grid-template-columns:minmax(380px,.82fr) minmax(530px,1.18fr);background:var(--cream);color:var(--ink);box-shadow:0 34px 100px rgba(0,0,0,.35)}.controls{padding:42px 44px 46px;background:#fff;border-right:1px solid #dedbd2}.control-head,.allocation-head,.scenario-head{margin-bottom:24px}.control-head>div:first-child,.allocation-head>div:first-child,.scenario-head{display:flex;align-items:center;gap:11px}.step{display:inline-grid;place-content:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:9px;font-weight:700}.controls h2{margin:0;font-family:"Libre Caslon Display",serif;font-size:25px;font-weight:400}.segmented{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;background:#eef0f4;padding:4px}.segmented button{border:0;padding:10px 4px;color:#69748b;background:transparent;font:inherit;font-size:11px;cursor:pointer}.segmented button.active{color:white;background:var(--blue);box-shadow:0 3px 10px rgba(22,46,98,.18)}.allocation-head{display:flex;align-items:center;justify-content:space-between;margin-top:34px}.total{text-align:right}.total span{display:block;color:#9b8b53;font-size:8px;letter-spacing:.16em}.total strong{font-family:"Libre Caslon Display",serif;font-size:22px}.sliders{border-top:1px solid #e5e3dc}.slider-row{display:grid;grid-template-columns:10px 1fr 45px;gap:10px;align-items:center;padding:16px 0 10px;border-bottom:1px solid #e5e3dc}.asset-dot{width:7px;height:7px;border-radius:50%}.equity{background:#24417f}.bonds{background:#d6ad2c}.real{background:#759282}.alternatives{background:#9e75aa}.asset-name{font-size:13px}.slider-row output{text-align:right;font-family:"Libre Caslon Display",serif;font-size:18px;color:var(--blue)}input[type="range"]{grid-column:2/4;width:100%;accent-color:var(--blue);cursor:pointer}.scenario-head{margin-top:34px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.scenario-grid label{display:flex;flex-direction:column;gap:6px;color:#6c7891;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.scenario-grid input,.scenario-grid select{width:100%;height:42px;border:1px solid #ddd9ce;background:#faf9f5;padding:0 11px;color:var(--ink);font:inherit;font-size:13px}.scenario-grid input[type="range"]{padding:0;accent-color:var(--gold);border:0}.results{padding:45px 48px;background:linear-gradient(145deg,#14264f,#0a1734);color:white;overflow:hidden}.results-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.results-top h2{margin:0;font-family:"Libre Caslon Display",serif;font-size:clamp(47px,5.2vw,78px);font-weight:400;line-height:1}.muted{margin:9px 0 0;color:rgba(255,255,255,.45);font-size:11px}.currency-badge{border:1px solid rgba(214,173,44,.5);color:var(--gold);padding:7px 10px;font-size:10px;letter-spacing:.15em}.chart-wrap{margin:38px -12px 24px}.chart-wrap svg{width:100%;height:auto;overflow:visible}.grid-lines line{stroke:rgba(255,255,255,.08);stroke-width:1}.growth-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.invested-line{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1.5;stroke-dasharray:5 6}.chart-legend{display:flex;justify-content:flex-end;gap:21px;margin-top:6px;color:rgba(255,255,255,.5);font-size:10px}.chart-legend>span{display:flex;align-items:center;gap:7px}.chart-legend i{width:15px;height:2px}.legend-growth{background:var(--gold)}.legend-invested{background:rgba(255,255,255,.5)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:21px 16px 21px 0;border-right:1px solid var(--line)}.metrics article+article{padding-left:20px}.metrics article:last-child{border:0}.metrics span,.metrics small{display:block;color:rgba(255,255,255,.46);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.metrics strong{display:block;margin:3px 0;font-family:"Libre Caslon Display",serif;color:white;font-size:27px;font-weight:400}.insight{display:grid;grid-template-columns:82px 1fr;gap:18px;margin-top:28px;padding:18px;background:rgba(214,173,44,.08);border-left:2px solid var(--gold)}.insight span{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.14em}.insight p{margin:0;color:rgba(255,255,255,.63);font-family:"Libre Caslon Display",serif;font-size:16px;line-height:1.35}.boundary{max-width:1500px;margin:auto;padding:100px 4.5vw 115px;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start}.boundary h2{font-size:clamp(45px,5vw,76px)}.boundary-cards{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.boundary-cards article{min-height:290px;padding:33px}.boundary-cards article+article{border-left:1px solid var(--line);background:rgba(255,255,255,.025)}.boundary-cards>article>span{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.17em}.boundary-cards h3{margin:48px 0 13px;font-family:"Libre Caslon Display",serif;font-size:26px;font-weight:400}.boundary-cards p{color:rgba(255,255,255,.48);font-size:13px}.boundary-cards a{display:inline-block;margin-top:12px;color:var(--gold);text-decoration:none;font-size:12px;border-bottom:1px solid var(--gold)}footer{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;padding:38px 4.5vw;border-top:1px solid var(--line);color:rgba(255,255,255,.38)}footer div{display:flex;gap:12px;color:rgba(255,255,255,.65);font-size:11px;letter-spacing:.14em}footer p{margin:0;font-size:9px;line-height:1.6}
@media(max-width:1050px){.workspace{margin-inline:22px;grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #dedbd2}.boundary{grid-template-columns:1fr;gap:55px}}
@media(max-width:720px){.topbar{height:96px;padding-inline:16px}.brand-logo-frame{width:170px;height:76px}.brand-logo{width:155px;height:155px}.tool-label{display:none}.quiet-link{display:none}.intro{padding:60px 22px 42px;grid-template-columns:1fr;gap:35px}.workspace{margin:0 12px 75px}.controls,.results{padding:32px 24px}.scenario-grid{grid-template-columns:1fr}.results-top{flex-direction:column}.metrics{grid-template-columns:1fr}.metrics article,.metrics article+article{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.metrics article:last-child{border-bottom:0}.boundary{padding:75px 22px}.boundary-cards{grid-template-columns:1fr}.boundary-cards article+article{border-left:0;border-top:1px solid var(--line)}footer{grid-template-columns:1fr;padding:30px 22px}.member-link{align-items:flex-start;flex-direction:column}.intro h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
