@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700;800&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#101528;--blue:#3569e6;--muted:#788093;--canvas:#f7f8fc;--white:#fff;--line:#e5e8f0}*{box-sizing:border-box}html{background:#f4f5f8}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Manrope,Arial,sans-serif}.app-shell{width:min(100%,400px);min-height:100vh;margin:auto;padding:24px 12px 100px;background:var(--canvas)}.screen{display:none}.screen.active{display:block}.topbar{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.wordmark{position:absolute;left:50%;transform:translateX(-50%);font:600 10px Manrope;color:#657087;background:#eff1f7;border:1px solid #e4e7ef;padding:6px 10px;border-radius:99px;text-decoration:none;box-shadow:0 2px 5px #dfe2ec88}.wordmark:before{content:'✧ ';color:var(--blue)}.avatar{background:linear-gradient(135deg,#1a2447,#2852a9);color:white;border-radius:50%;font:800 10px Manrope;padding:9px 8px;margin-left:auto}.hero{padding:34px 0 26px}.eyebrow,.label{color:#71798c;font:700 10px 'DM Mono';letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{font:800 39px/1.05 Manrope;letter-spacing:-.065em;margin:0 0 10px}.lede,.section-copy{font-size:13px;letter-spacing:-.03em;line-height:1.4;color:#727b8e;margin:0}.mix-card{overflow:hidden;border-radius:31px;padding:27px 24px 23px;background:radial-gradient(circle at 94% 100%,#244ec3 0,transparent 32%),radial-gradient(circle at 75% 0,#4c5366 0,transparent 38%),linear-gradient(125deg,#0d1323,#151d30);box-shadow:0 20px 28px #18275a21;color:#fff}.mix-card .label{color:#cdd2dc;margin-bottom:25px}.mix-values{display:grid;grid-template-columns:1fr 1fr}.mix-values div{display:grid;gap:2px}.mix-values b{font:700 12px Manrope;color:#d6d9df}.mix-values strong{font:800 53px/.94 Manrope;letter-spacing:-.09em}.mix-values sup{font-size:22px;letter-spacing:-.04em}.mix-meter{display:flex;gap:4px;height:10px;margin:23px 0 25px}.mix-meter i{height:100%;background:#d6d9e1;border-radius:30px}.mix-meter i+i{background:#a9afc0}.primary{width:100%;padding:17px 19px;border:0;border-radius:99px;background:#f5f6fa;color:#13182a;font:700 13px Manrope;text-align:left}.primary span{float:right;color:var(--blue);font-size:20px;line-height:13px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 43px}.insight-grid article{background:var(--white);padding:20px;border:1px solid #edf0f4;border-radius:30px;box-shadow:0 6px 14px #25396e0c}.insight-grid small{font-size:11px;color:#737d90}.insight-grid strong{display:block;margin:7px 0 4px;color:var(--blue);font:800 31px/1 Manrope;letter-spacing:-.07em}.insight-grid article+article strong{color:#222a43}.insight-grid p{color:#747d8d;font-size:10px;margin:0}.content-section{margin:37px 0}.content-section .eyebrow{color:var(--blue)}h2{font:800 25px/1.1 Manrope;letter-spacing:-.06em;margin-bottom:8px}.combo-list{display:grid;gap:9px}.combo{display:grid;grid-template-columns:34px 1fr 100px;gap:9px;align-items:start;padding:14px 12px;border:1px solid #e6e9f0;border-radius:18px;background:var(--white);color:var(--ink);text-align:left;box-shadow:0 3px 7px #26325c08}.combo>span{font-size:19px}.combo em{display:block;color:var(--blue);font:700 9px 'DM Mono';font-style:normal;margin-bottom:3px}.combo b{font:800 14px/1.05 Manrope;letter-spacing:-.045em}.combo small{font-size:9px;line-height:1.4;color:#778093}.overlap{position:relative;background:#e8edf9;padding:17px;border-radius:18px;margin:9px 0}.overlap:nth-of-type(4){background:#eef1ed}.overlap b{display:block;font:800 18px Manrope;letter-spacing:-.05em;margin-top:9px}.overlap strong{position:absolute;right:15px;top:22px;color:var(--blue);font:800 23px Manrope;letter-spacing:-.06em}.overlap p{color:#737c8d;margin:5px 0 0;font-size:11px}.chips{font:10px 'DM Mono';color:#768094}.back,.text-button{background:none;color:#697488;font-size:11px;padding:0}.text-button{color:var(--blue);font-weight:700}.page-tag{font:10px 'DM Mono';color:#758094}.page-heading{padding:38px 6px 22px}.page-heading h1{font-size:37px}.allocation{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);font:11px 'DM Mono'}.allocation b{color:var(--blue)}.allocation span{color:var(--muted)}.fund-list{display:grid;gap:12px}.fund-card,.hero-stat{background:var(--white);border:1px solid #e8ebf1;border-radius:22px;padding:19px;box-shadow:0 5px 14px #21306309}.fund-head{display:flex;justify-content:space-between}.ticker{font:800 17px Manrope}.remove{background:none;font-size:22px;color:#7e8797;line-height:16px}.fund-card h3{font:800 18px Manrope;letter-spacing:-.055em;margin:11px 0 3px}.fund-card p,.fund-card small{font-size:11px;color:var(--muted)}.weight{display:flex;align-items:baseline;gap:6px;margin:16px 0 5px}.weight output{font:800 34px Manrope;letter-spacing:-.07em}.weight span{font:10px 'DM Mono';color:var(--muted)}input[type=range]{accent-color:var(--blue);width:100%;margin:0 0 8px}.add{display:block;margin:20px auto;background:none;color:var(--blue);font:700 12px 'DM Mono'}.reveal{margin-top:10px;background:var(--blue);color:#fff}.reveal span{color:#fff}.hero-stat{background:linear-gradient(135deg,#e4ecff,#f7fbff)}.hero-stat p,.hero-stat small{font-size:11px;color:#65718a}.hero-stat strong{display:block;font:800 29px Manrope;letter-spacing:-.065em;margin:10px 0}.hero-stat strong span{color:var(--blue)}.portfolio-section{margin:34px 5px}.section-title{display:flex;justify-content:space-between;align-items:baseline}.section-title h2{font-size:23px}.section-title span{font:9px 'DM Mono';color:var(--muted)}.holdings{list-style:none;padding:0;margin:0}.holdings li,.region{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 0 12px;font-size:12px}.holdings li i,.region i{grid-column:1/-1;height:7px;background:var(--blue);border-radius:99px}.holdings li:nth-child(2) i{opacity:.85}.holdings li:nth-child(3) i{opacity:.7}.holdings li:nth-child(4) i{opacity:.55}.holdings li:nth-child(5) i{opacity:.42}.holdings span,.region span{font:10px 'DM Mono';color:var(--blue)}.region i{background:#496fcd}.region:nth-child(3) i{background:#9eabd0}.region:nth-child(4) i{background:#d5ab75}.callout{display:flex;gap:12px;background:#e7edff;padding:17px;border-radius:18px;font-size:11px;line-height:1.55}.callout span{font-size:22px;color:var(--blue)}.callout p{margin:0}nav{position:fixed;z-index:3;bottom:14px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;width:min(calc(100% - 30px),370px);padding:8px;background:#fffdfdf0;border:1px solid #e6e9f0;border-radius:99px;box-shadow:0 8px 22px #22376a14;backdrop-filter:blur(13px)}nav button{width:55px;padding:8px 1px;background:transparent;border-radius:99px;color:#707a8d;font:10px Manrope}nav button.nav-active{background:var(--blue);color:#fff;font-weight:700}@media(min-width:501px){body{padding:16px}.app-shell{min-height:calc(100vh - 32px);border-radius:18px}nav{bottom:30px}}