.product-demo{--demo-ink:#252737;--demo-muted:#737687;--demo-line:#dce0eb;--demo-bg:#f5f6fa;--demo-paper:#fbfcff;--demo-accent:#4d50e7;--demo-accent-soft:#ececff;width:100%;min-width:0;color:var(--demo-ink);text-align:left;font-family:PingFang SC,Source Han Sans SC,sans-serif;container-type:inline-size}.product-demo--travel{--demo-accent:#197665;--demo-accent-soft:#e2f1eb;--demo-bg:#f3f7f4;--demo-line:#dbe6df}.product-demo--zhixu{--demo-accent:#37654f;--demo-accent-soft:#e5eee8;--demo-bg:#f4f7f3;--demo-line:#dce4dc}.demo-ui{aspect-ratio:1.43;border:1px solid var(--demo-line);background:var(--demo-bg);border-radius:8px;grid-template-rows:7.5cqi 1fr;font-size:1.6cqi;line-height:1.5;display:grid;overflow:hidden}.demo-ui strong,.demo-ui b{font-weight:650}.demo-ui p{line-height:1.6}.demo-ui svg{flex:none;width:2cqi;height:2cqi}.demo-topbar{border-bottom:1px solid var(--demo-line);background:var(--demo-paper);justify-content:space-between;align-items:center;padding:0 3cqi;display:flex}.demo-brand{align-items:center;gap:1.3cqi;font-size:1.9cqi;display:flex}.demo-brand-mark{color:#f8f9ff;background:var(--demo-accent);border-radius:.8cqi;place-items:center;width:3.8cqi;height:3.8cqi;display:grid}.demo-brand-mark svg{width:2.7cqi;height:2.7cqi}.demo-content-label{color:var(--demo-muted);font-size:1.35cqi}.demo-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:22cqi minmax(0,1fr);min-height:0;display:grid}.demo-sidebar{border-right:1px solid var(--demo-line);background:color-mix(in srgb, var(--demo-accent) 4%, var(--demo-bg));flex-direction:column;padding:3cqi 1.5cqi 2cqi;display:flex}.demo-sidebar>small{color:var(--demo-muted);padding:0 1.3cqi 1.5cqi;font-size:1.3cqi}.demo-nav-item{color:#646879;border-radius:.5cqi;align-items:center;gap:1.2cqi;min-height:4.4cqi;padding:.5cqi 1.3cqi;font-size:1.55cqi;display:flex}.demo-nav-item--active{background:var(--demo-accent-soft);color:var(--demo-accent);font-weight:650}.demo-sidebar-note{border-top:1px solid var(--demo-line);color:var(--demo-muted);align-items:center;gap:.7cqi;margin-top:auto;padding:2cqi .7cqi 0;font-size:1.15cqi;display:flex}.demo-sidebar-note svg{width:1.7cqi;height:1.7cqi;color:var(--demo-accent)}.demo-main{min-width:0;min-height:0;padding:3.5cqi 4cqi}.demo-page-heading{justify-content:space-between;align-items:center;gap:2cqi;margin-bottom:3cqi;display:flex}.demo-page-heading>div{gap:.45cqi;display:grid}.demo-page-heading>div>span{color:var(--demo-muted);font-size:1.2cqi}.demo-page-heading>div>strong{font-size:3.1cqi;line-height:1.25}.demo-privacy{color:var(--demo-accent);white-space:nowrap;align-items:center;gap:.6cqi;font-size:1.2cqi;display:flex}.demo-balance{border-top:.35cqi solid var(--demo-accent);border-bottom:1px solid var(--demo-line);background:var(--demo-paper);grid-template-columns:1.15fr 1fr;display:grid}.demo-balance>div:first-child{border-right:1px solid var(--demo-line);gap:.6cqi;padding:2cqi 2.5cqi;display:grid}.demo-balance>div>span,.demo-balance>div>small{color:var(--demo-muted);font-size:1.3cqi}.demo-masked{letter-spacing:.1em;font-size:3.7cqi;line-height:1.2}.demo-masked small{letter-spacing:0;font-size:1.8cqi}.demo-balance-meta{justify-content:space-around;align-items:center;gap:2cqi;padding:1cqi 2cqi;display:flex}.demo-balance-meta>span{gap:1cqi;display:grid}.demo-balance-meta b{color:var(--demo-ink);letter-spacing:.08em;font-size:2cqi}.demo-section-title{justify-content:space-between;align-items:center;gap:2cqi;margin:3cqi 0 2cqi;display:flex}.demo-section-title>strong{font-size:1.9cqi}.demo-section-title>span{color:var(--demo-accent);align-items:center;font-size:1.2cqi;display:inline-flex}.demo-composition{grid-template-columns:20cqi 1fr;align-items:center;gap:3.5cqi;display:grid}.demo-donut{background:conic-gradient(#4d50e7 0 45%, #7d82da 45% 75%, #4087a6 75%);border-radius:50%;place-items:center;width:18cqi;height:18cqi;display:grid;position:relative}.demo-donut:before{content:"";background:var(--demo-bg);border-radius:50%;position:absolute;inset:2.6cqi}.demo-donut>span{z-index:1;text-align:center;color:var(--demo-muted);gap:.2cqi;font-size:1.25cqi;display:grid}.demo-donut strong{color:var(--demo-ink);font-size:1.6cqi}.demo-legend>div{border-bottom:1px solid var(--demo-line);align-items:center;gap:1.3cqi;padding:1.5cqi 0;font-size:1.45cqi;display:flex}.demo-legend strong{letter-spacing:.12em;margin-left:auto;font-size:1.6cqi}.demo-swatch{background:#4d50e7;width:1cqi;height:1cqi}.demo-swatch--1{background:#7d82da}.demo-swatch--2{background:#4087a6}.demo-account-table{border-top:1px solid var(--demo-line)}.demo-account-table>div{border-bottom:1px solid var(--demo-line);align-items:center;gap:1cqi;padding:1.4cqi 0;font-size:1.3cqi;display:flex}.demo-account-table svg{color:var(--demo-accent)}.demo-account-table small{color:var(--demo-muted);margin-left:auto;font-size:1.1cqi}.demo-account-table strong{letter-spacing:.1em;margin-left:1cqi}.demo-intro{color:var(--demo-muted);margin:-1cqi 0 2cqi;font-size:1.4cqi}.demo-planning-grid{border-top:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);grid-template-columns:1.35fr 1fr;gap:3cqi;padding-bottom:2cqi;display:grid}.demo-goal-row{border-bottom:1px solid var(--demo-line);align-items:center;gap:1.2cqi;padding:1.5cqi 0;display:flex}.demo-goal-row>div{flex:1;gap:.8cqi;font-size:1.4cqi;display:grid}.demo-goal-row>svg:first-child{color:var(--demo-accent)}.demo-goal-row span{color:var(--demo-muted);font-size:1.15cqi}.demo-ui-button{border:1px solid var(--demo-line);background:var(--demo-paper);min-height:3.8cqi;color:var(--demo-accent);border-radius:.6cqi;justify-content:center;align-items:center;padding:.5cqi 1.3cqi;font-size:1.25cqi;display:inline-flex}.demo-goals>.demo-ui-button{margin-top:1.5cqi}.demo-plan{border-left:1px solid var(--demo-line);padding-left:3cqi}.demo-plan-version{color:var(--demo-accent);margin-top:3cqi;font-size:5cqi;display:block}.demo-plan p{margin:.7cqi 0;font-size:1.5cqi}.demo-plan small{color:var(--demo-muted);font-size:1.15cqi}.demo-scenarios{grid-template-columns:1fr 1fr;gap:2.5cqi;display:grid}.demo-scenarios>div{border:1px solid var(--demo-line);background:var(--demo-paper);padding:2cqi}.demo-scenarios strong{font-size:1.45cqi}.demo-scenarios>div>span{color:var(--demo-muted);font-size:1.1cqi}.demo-allocation-track{gap:.4cqi;height:1.8cqi;margin:2.3cqi 0 1.2cqi;display:flex}.demo-allocation-track i:first-child{width:var(--demo-cash);background:#4087a6}.demo-allocation-track i:nth-child(2){background:#7d82da;width:25%}.demo-allocation-track i:last-child{background:#4d50e7;flex:1}.demo-scenario-metrics{border-top:1px solid var(--demo-line);color:var(--demo-muted);gap:1cqi;margin-top:2cqi;padding-top:1.7cqi;font-size:1.2cqi;display:grid}.demo-scenario-metrics span{justify-content:space-between;display:flex}.demo-scenario-metrics b{color:var(--demo-ink)}.demo-period{border-bottom:1px solid var(--demo-line);align-items:center;gap:1cqi;padding-bottom:2cqi;font-size:1.1cqi;display:flex}.demo-period>span:not(:last-child){border:1px solid var(--demo-line);border-radius:.5cqi;align-items:center;gap:1cqi;padding:.9cqi 1.1cqi;display:flex}.demo-period>span:last-child{margin-left:auto}.demo-review-result{color:var(--demo-muted);gap:1.3cqi;padding:3cqi 0 0;font-size:1.3cqi;display:grid}.demo-review-result strong{color:var(--demo-ink)}.demo-waterfall{border-bottom:1px solid var(--demo-line);grid-template-columns:repeat(4,1fr);gap:2cqi;height:21cqi;display:grid}.demo-waterfall>div{flex-direction:column;align-items:flex-start;padding-bottom:2cqi;font-size:1.2cqi;display:flex;position:relative}.demo-waterfall>div>span{color:var(--demo-muted)}.demo-waterfall i{flex:1;width:80%;margin-top:1cqi;position:relative}.demo-waterfall i:after{content:"";height:var(--demo-height);border-top:.3cqi solid var(--demo-accent);background:#a6ade8;width:100%;position:absolute;bottom:0}.demo-waterfall>div:nth-child(2) i:after{background:#a4c8cb;border-color:#4087a6}.demo-waterfall>div:nth-child(3) i:after{background:#bbc6af;border-color:#658d61}.demo-waterfall strong{margin-top:1cqi}.demo-waterfall small{color:var(--demo-muted);white-space:nowrap;font-size:1.05cqi}.demo-review-bottom{grid-template-columns:1fr 1fr;gap:3cqi;padding-top:2.5cqi;display:grid}.demo-review-bottom>div{gap:1cqi;font-size:1.5cqi;display:grid}.demo-review-bottom span{color:var(--demo-muted);align-items:center;gap:.7cqi;font-size:1.1cqi;display:flex}.demo-trip-tabs{border-bottom:1px solid var(--demo-line);color:var(--demo-muted);gap:3cqi;font-size:1.6cqi;display:flex}.demo-trip-tabs span{padding-bottom:1.5cqi}.demo-trip-tabs .is-current{color:var(--demo-accent);border-bottom:.3cqi solid var(--demo-accent)}.demo-trip-day{gap:1cqi;margin-top:3cqi;display:grid}.demo-trip-day>strong{color:var(--demo-accent);font-size:1.4cqi}.demo-trip-day>span{font-size:2.6cqi;font-weight:600}.demo-trip-stops{margin-top:2cqi}.demo-trip-stops>div{border-bottom:1px solid var(--demo-line);align-items:center;gap:2cqi;padding:2.6cqi 0;display:flex}.demo-trip-stops>div>span{color:var(--demo-muted);font-size:1.6cqi}.demo-trip-stops i{background:var(--demo-accent);border-radius:50%;width:.8cqi;height:.8cqi}.demo-trip-stops>div>div{flex:1;gap:.6cqi;font-size:1.8cqi;display:grid}.demo-trip-stops small{color:var(--demo-muted);font-size:1.15cqi}.demo-trip-stops>div>svg{color:var(--demo-muted)}.demo-trip-costs{background:var(--demo-accent-soft);gap:3cqi;margin-top:3cqi;padding:2cqi;display:flex}.demo-trip-costs>span{color:var(--demo-muted);flex:1;gap:1cqi;font-size:1.15cqi;display:grid}.demo-trip-costs b{color:var(--demo-accent);font-size:1.8cqi}.demo-bank-toolbar{color:var(--demo-muted);justify-content:space-between;align-items:center;margin:4cqi 0 2cqi;font-size:1.5cqi;display:flex}.demo-bank-toolbar>span:first-child{align-items:center;display:inline-flex}.demo-bank-list{border-top:1px solid var(--demo-line)}.demo-bank-list>div{border-bottom:1px solid var(--demo-line);align-items:center;gap:1.8cqi;padding:3.5cqi 0;display:flex}.demo-bank-list>div>svg:first-child{width:3.2cqi;height:3.2cqi;color:var(--demo-accent)}.demo-bank-list>div>div{flex:1;gap:.9cqi;font-size:1.7cqi;display:grid}.demo-bank-list>div>div span{color:var(--demo-muted);font-size:1.2cqi}.demo-bank-list small{color:var(--demo-accent);align-items:center;gap:.5cqi;font-size:1.2cqi;display:flex}.demo-study-path{background:var(--demo-accent-soft);justify-content:space-between;align-items:center;gap:1.2cqi;margin-top:5cqi;padding:3cqi 2cqi;display:flex}.demo-study-path>span{color:var(--demo-accent);justify-items:center;gap:1cqi;font-size:1.25cqi;display:grid}.product-figure--demo figcaption{padding-top:12px}.product-demo--travel .demo-workspace{grid-template-columns:1fr}.product-demo--travel .demo-sidebar{display:none}.product-demo--travel .demo-main{padding:3cqi 5cqi}.product-demo--travel .demo-page-heading{margin-bottom:2cqi}.demo-travel-note{color:var(--demo-muted);margin:2.5cqi 0;font-size:1.5cqi}.demo-cost-table{border-top:1px solid var(--demo-line)}.demo-cost-table>div{border-bottom:1px solid var(--demo-line);grid-template-columns:2fr repeat(4,1fr);align-items:center;gap:1cqi;min-height:6.5cqi;font-size:1.5cqi;display:grid}.demo-cost-table>div:first-child{min-height:4cqi;color:var(--demo-muted);font-size:1.15cqi}.demo-cost-table strong{gap:.3cqi;font-size:1.5cqi;display:grid}.demo-cost-table small{color:var(--demo-muted);font-size:1.1cqi}.demo-cost-table>div>span{text-align:right}.demo-review-check{border-bottom:1px solid var(--demo-line);align-items:center;gap:2cqi;padding:3cqi 0;display:flex}.demo-review-check>svg{width:4cqi;height:4cqi;color:var(--demo-accent)}.demo-review-check>div{gap:.7cqi;font-size:2.5cqi;display:grid}.demo-review-check span{color:var(--demo-muted);font-size:1.2cqi}.demo-travel-journal{border:1px solid var(--demo-line);background:var(--demo-paper);padding:2cqi 3cqi}.demo-travel-journal>span{color:var(--demo-muted);font-size:1.2cqi}.demo-travel-journal p{margin:1.4cqi 0;font-size:1.8cqi}.demo-travel-journal small{color:var(--demo-muted);font-size:1.1cqi}.demo-question-meta{color:var(--demo-muted);border-top:1px solid var(--demo-line);justify-content:space-between;padding-top:2cqi;font-size:1.2cqi;display:flex}.demo-question-stem{margin:2.5cqi 0;font-size:2.25cqi;font-weight:600;line-height:1.6}.demo-question-options{gap:1.2cqi;display:grid}.demo-question-options>div{border:1px solid var(--demo-line);border-radius:.7cqi;align-items:center;gap:1.5cqi;padding:1.5cqi 2cqi;font-size:1.45cqi;display:flex}.demo-question-options>div>span{color:var(--demo-muted);font-weight:500}.demo-question-options strong{flex:1;font-weight:450}.demo-question-options .is-selected{border-color:var(--demo-accent);background:var(--demo-accent-soft);color:var(--demo-accent)}.demo-question-footer{border-top:1px solid var(--demo-line);color:var(--demo-muted);justify-content:space-between;align-items:center;gap:1.5cqi;margin-top:3cqi;padding-top:2cqi;font-size:1.2cqi;display:flex}.demo-mistake-filters{gap:2cqi;margin:3cqi 0;display:flex}.demo-mistake-filters span{border:1px solid var(--demo-line);padding:1cqi 1.5cqi;font-size:1.2cqi}.demo-mistake-list{border-top:1px solid var(--demo-line)}.demo-mistake-list>div{border-bottom:1px solid var(--demo-line);gap:1.2cqi;padding:3cqi 0;display:grid}.demo-mistake-list span{color:var(--demo-muted);font-size:1.2cqi}.demo-mistake-list strong{font-size:1.8cqi}.demo-mistake-list small{color:var(--demo-accent);font-size:1.1cqi}@container (width>=481px){.product-demo--travel .demo-main{padding-block:2.5cqi}.product-demo--travel .demo-page-heading{margin-bottom:1.5cqi}.product-demo--travel .demo-page-heading>div>strong{font-size:2.8cqi}.product-demo--travel .demo-trip-day{gap:.6cqi;margin-top:2cqi}.product-demo--travel .demo-trip-stops{margin-top:1.5cqi}.product-demo--travel .demo-trip-stops>div{padding-block:1.6cqi}.product-demo--travel .demo-trip-costs{gap:2cqi;margin-top:2cqi;padding-block:1.5cqi}.product-demo--travel .demo-cost-table>div{min-height:6cqi}.product-demo--travel .demo-review-check{padding-block:2cqi}.product-demo--travel .demo-review-bottom{padding-top:2cqi}.product-demo--travel .demo-section-title{margin-block:2cqi 1.5cqi}.product-demo--travel .demo-travel-journal p{margin-block:1cqi}.product-demo--money .demo-main{padding-block:2.5cqi}.product-demo--money .demo-page-heading{margin-bottom:1.5cqi}.product-demo--money .demo-page-heading>div>strong{font-size:2.8cqi}.product-demo--money .demo-section-title{margin-block:1.6cqi .8cqi}.product-demo--money .demo-balance>div:first-child{gap:.4cqi;padding-block:1.2cqi}.product-demo--money .demo-account-table>div{padding-block:1.1cqi}.product-demo--money .demo-composition{grid-template-columns:17cqi 1fr}.product-demo--money .demo-donut{width:15cqi;height:15cqi}.product-demo--money .demo-donut:before{inset:2.2cqi}.product-demo--money .demo-intro{margin-block:0 1.5cqi}.product-demo--money .demo-planning-grid .demo-section-title{margin-block:1cqi}.product-demo--money .demo-goal-row{padding-block:.7cqi}.product-demo--money .demo-goal-row>div{gap:.4cqi}.product-demo--money .demo-goals>.demo-ui-button{min-height:3cqi;margin-top:1cqi}.product-demo--money .demo-planning-grid{padding-bottom:1.5cqi}.product-demo--money .demo-scenarios>div{padding:1.3cqi}.product-demo--money .demo-allocation-track{margin-block:1.2cqi .6cqi}.product-demo--money .demo-scenario-metrics{gap:.4cqi;margin-top:1cqi;padding-top:1cqi}.product-demo--money .demo-period{padding-bottom:1.5cqi}.product-demo--money .demo-review-result{padding-top:2cqi}.product-demo--money .demo-waterfall{height:18cqi}.product-demo--money .demo-review-bottom{padding-top:2cqi}}@container (width<=480px){.demo-ui{aspect-ratio:auto;border-radius:5px;grid-template-rows:11cqi auto}.demo-workspace{grid-template-rows:auto;grid-template-columns:1fr}.demo-sidebar{display:none}.demo-main{padding:4cqi 5cqi}.demo-brand{font-size:3.2cqi}.demo-brand-mark{width:6cqi;height:6cqi}.demo-brand-mark svg{width:4.2cqi;height:4.2cqi}.demo-content-label{font-size:2.3cqi}.demo-page-heading{margin-bottom:4cqi}.demo-page-heading>div>span{font-size:2cqi}.demo-page-heading>div>strong{font-size:5cqi}.demo-privacy{font-size:2cqi}.demo-ui svg{width:3cqi;height:3cqi}.demo-balance>div:first-child{padding:3cqi}.demo-balance>div>span,.demo-balance>div>small{font-size:2.2cqi}.demo-masked{font-size:5.5cqi}.demo-masked small{font-size:2.5cqi}.demo-balance-meta b{font-size:3.2cqi}.demo-section-title{margin-block:4cqi 3cqi}.demo-section-title>strong{font-size:3cqi}.demo-section-title>span{font-size:2cqi}.demo-composition{grid-template-columns:30cqi 1fr;gap:5cqi}.demo-donut{width:27cqi;height:27cqi}.demo-donut:before{inset:4cqi}.demo-donut>span{font-size:2cqi}.demo-donut strong{font-size:2.5cqi}.demo-legend>div{padding-block:2.7cqi;font-size:2.5cqi}.demo-legend strong{font-size:2.5cqi}.demo-swatch{width:1.5cqi;height:1.5cqi}.demo-account-table>div{padding-block:2cqi;font-size:2.3cqi}.demo-account-table small{font-size:1.8cqi}.demo-intro{font-size:2.3cqi}.demo-goal-row{padding-block:2.8cqi}.demo-goal-row>div{font-size:2.3cqi}.demo-goal-row span{font-size:1.9cqi}.demo-ui-button{min-height:6cqi;font-size:2cqi}.demo-plan-version{font-size:8cqi}.demo-plan p{font-size:2.5cqi}.demo-plan small{font-size:2cqi}.demo-scenarios>div{padding:3cqi}.demo-scenarios strong{font-size:2.3cqi}.demo-allocation-track{height:3cqi;margin-block:4cqi 2cqi}.demo-scenarios>div>span{font-size:1.8cqi}.demo-scenario-metrics{gap:1.8cqi;margin-top:3cqi;padding-top:3cqi;font-size:2cqi}.demo-period{flex-wrap:wrap;font-size:1.8cqi}.demo-period>span:last-child{margin-left:0}.demo-review-result{padding-top:4cqi;font-size:2.2cqi}.demo-waterfall{height:32cqi}.demo-waterfall>div{font-size:2cqi}.demo-waterfall small{font-size:1.7cqi}.demo-review-bottom{padding-top:4cqi}.demo-review-bottom>div{font-size:2.5cqi}.demo-review-bottom span{font-size:1.8cqi}.demo-trip-tabs{gap:5cqi;font-size:2.8cqi}.demo-trip-day>strong{font-size:2.4cqi}.demo-trip-day>span{font-size:4.3cqi}.demo-trip-stops>div{padding-block:4cqi}.demo-trip-stops>div>span{font-size:2.7cqi}.demo-trip-stops>div>div{font-size:3cqi}.demo-trip-stops small{font-size:2cqi}.demo-trip-costs{margin-top:5cqi;padding:4cqi}.demo-trip-costs>span{font-size:2cqi}.demo-trip-costs b{font-size:3cqi}.demo-bank-toolbar{font-size:2.5cqi}.demo-bank-list>div{padding-block:6cqi}.demo-bank-list>div>div{font-size:2.8cqi}.demo-bank-list>div>div span,.demo-bank-list small{font-size:2cqi}.demo-study-path{margin-top:8cqi;padding-block:5cqi}.demo-study-path>span{font-size:2.3cqi}.demo-travel-note{margin-block:4cqi;font-size:2.5cqi}.demo-cost-table>div{min-height:10cqi;font-size:2.5cqi}.demo-cost-table>div:first-child{min-height:6cqi;font-size:2cqi}.demo-cost-table strong{font-size:2.3cqi}.demo-cost-table small{font-size:1.8cqi}.demo-review-check{padding-block:5cqi}.demo-review-check>svg{width:6cqi;height:6cqi}.demo-review-check>div{font-size:4cqi}.demo-review-check span{font-size:2cqi}.demo-travel-journal{padding:3cqi}.demo-travel-journal>span{font-size:2cqi}.demo-travel-journal p{font-size:3cqi}.demo-travel-journal small{font-size:1.8cqi}.demo-question-meta{padding-top:3cqi;font-size:2cqi}.demo-question-stem{margin-block:4cqi;font-size:3.8cqi}.demo-question-options{gap:2cqi}.demo-question-options>div{padding:3cqi;font-size:2.5cqi}.demo-question-footer{margin-top:5cqi;padding-top:3cqi;font-size:2cqi}.demo-mistake-filters{margin-block:5cqi}.demo-mistake-filters span{padding:2cqi;font-size:2cqi}.demo-mistake-list>div{gap:2cqi;padding-block:5cqi}.demo-mistake-list span{font-size:2cqi}.demo-mistake-list strong{font-size:3cqi}.demo-mistake-list small{font-size:1.8cqi}}
