/* One investment instrument. Shares AIJELLA materials, type and motion controls. */
.approach-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);position:relative;border:1px solid #5d87b83d;border-radius:10px;overflow:hidden;background:#080d15;box-shadow:inset 0 1px #d2e9ff0a,0 35px 85px -65px #236bdd60}
.approach-console:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#9ccbff70,transparent);z-index:3;pointer-events:none}
.approach-rail{padding:34px 36px 24px;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#0c152180,#060b12);border-right:1px solid #5c86af26;z-index:2}
.approach-rail-heading{display:flex;gap:10px;align-items:center;color:#9baec6;font-size:13px;letter-spacing:.02em;margin:0 0 24px}
.approach-pulse{flex:none;width:5px;height:5px;border-radius:50%;background:#92cbff;box-shadow:0 0 12px #398dff}
.approach-tabs{position:relative;display:flex;flex-direction:column}
.approach-tabs:before{content:'';position:absolute;top:29px;bottom:34px;left:13px;width:1px;background:linear-gradient(#5e9ef180,#25426340)}
.approach-step{width:100%;padding:24px 0;border:0;border-bottom:1px solid #7c9bc51c;background:none;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:18px;text-align:left;color:#78879b;position:relative;cursor:pointer}
.approach-step:last-child{border-bottom:0}
.approach-step:focus-visible{outline:1px solid #91caff;outline-offset:5px;border-radius:4px}
.approach-step-index{height:27px;width:27px;display:grid;place-items:center;background:#0b1421;border:1px solid #39547466;border-radius:50%;font-family:Manrope,sans-serif;font-size:10px;color:#647f9f;transition:color .4s,border-color .4s,box-shadow .4s}
.approach-step-copy{min-width:0}
.approach-step strong{font-size:clamp(17px,1.6vw,22px);font-weight:500;line-height:1.4;letter-spacing:-.035em;display:block;color:inherit;transition:color .4s}
.approach-step-description{display:block;font-size:15px;line-height:1.85;color:#91a2b8;max-height:0;opacity:0;overflow:hidden;transition:max-height .55s cubic-bezier(.2,.8,.2,1),opacity .4s,margin-top .5s;margin-top:0}
.approach-step[aria-selected=true]{color:#eff5ff}
.approach-step[aria-selected=true] .approach-step-description{max-height:150px;opacity:1;margin-top:13px}
.approach-step[aria-selected=true] .approach-step-index{border-color:#9bd5ffb3;color:#cfeaff;box-shadow:0 0 22px #297de54a,inset 0 0 10px #236bb340}
.approach-step-arrow{font-size:20px;color:#6d91bd;opacity:0;transform:translate(-5px,5px);transition:opacity .4s,transform .4s;align-self:start;line-height:1.3}
.approach-step[aria-selected=true] .approach-step-arrow,.approach-step:hover .approach-step-arrow{opacity:1;transform:translate(0,0)}
.approach-step:hover strong{color:#d5e8ff}
.approach-rail-footer{margin-top:auto;padding-top:35px;display:flex;gap:11px;align-items:center;color:#59708d;font-family:Manrope,sans-serif;font-size:10px;letter-spacing:.11em}
.approach-rail-footer img{opacity:.5}
.approach-display{isolation:isolate;position:relative;min-width:0;padding:25px 30px 20px;background:radial-gradient(ellipse at 52% 43%,#163c7040,transparent 65%),linear-gradient(130deg,#0a111b,#080d14);overflow:hidden}
.approach-texture{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.075;filter:saturate(.65);mask-image:linear-gradient(0deg,transparent,#000,transparent);pointer-events:none}
.approach-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#4d83b70a 1px,transparent 1px),linear-gradient(90deg,#4d83b70a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 78%);pointer-events:none}
.approach-display-top,.approach-display-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#657f9f;font-family:Manrope,sans-serif;font-size:10px;letter-spacing:.12em;position:relative;z-index:1}
.approach-display-top{padding-bottom:4px}
.approach-panel[hidden]{display:none}
.approach-panel:focus-visible{outline:1px solid #77b7ff80;outline-offset:6px;border-radius:4px}
.approach-instrument{position:relative;max-width:360px;width:100%;aspect-ratio:1;margin:4px auto 10px;display:grid;place-items:center}
.approach-dial{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.approach-dial-ticks{stroke:#6487b273;stroke-width:6;stroke-dasharray:.1 .9}
.approach-dial-guide{stroke:#6399d32e;stroke-width:.7;stroke-dasharray:2 5}
.approach-tracer{transform-origin:200px 200px;animation:approach-trace 22s linear infinite;filter:drop-shadow(0 0 5px #358eff)}
.approach-panel[hidden] .approach-tracer{animation-play-state:paused}
.approach-dial-copy{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:35px;width:100%}
.approach-micro{font-size:12px;color:#8eadd2;letter-spacing:.1em}
.approach-dial-copy>strong{font-family:Manrope,sans-serif;font-size:88px;font-weight:500;line-height:1.2;letter-spacing:-.06em;color:#e1f1ff;text-shadow:0 0 35px #78beff28;display:flex;align-items:baseline;gap:8px;margin:7px 0 6px}
.approach-dial-copy>strong>span{font-size:21px;letter-spacing:-.05em;color:#7296c2;font-weight:400}
.approach-dial-copy>strong.approach-limit{gap:3px}
.approach-limit>span:first-child{align-self:center;margin-right:4px}
.approach-dial-copy p{max-width:230px;margin:0;font-size:14px;line-height:1.8;color:#8fa6c3}
.approach-coordinate{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.09em;color:#49688f;background:#0b1420;padding:3px 10px}
.approach-allocation-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-height:73px}
.approach-allocation-key>div{padding-top:10px;border-top:1px solid var(--key);position:relative;display:flex;flex-direction:column;gap:4px}
.approach-allocation-key>div:before{content:'';position:absolute;top:-1px;left:0;width:17px;height:1px;background:var(--key);box-shadow:0 0 9px var(--key)}
.approach-allocation-key strong{font-size:27px;line-height:1;font-family:Manrope,sans-serif;letter-spacing:-.04em;color:#c7d9f2;font-weight:500}
.approach-allocation-key strong span{font-size:13px;color:#7791b4;margin-left:2px}
.approach-allocation-key>div>span{font-size:13px;line-height:1.5;color:#8295ae}
.approach-checks{display:flex;flex-direction:column;gap:7px;min-height:73px;padding-top:3px;max-width:290px;margin:auto}
.approach-checks>span{display:flex;justify-content:space-between;flex-direction:row-reverse;color:#91a9c7;font-size:14px}
.approach-checks i{font-style:normal;color:#80b5f0}
.approach-quarter-key{display:flex;align-items:flex-start;justify-content:space-between;position:relative;min-height:73px;padding-top:5px}
.approach-quarter-key:before{content:'';position:absolute;left:15px;right:15px;top:44px;height:1px;background:linear-gradient(90deg,#7bbcff,#29426e)}
.approach-quarter-key>span{font-family:Manrope,sans-serif;color:#a1badb;font-size:15px;display:flex;flex-direction:column;gap:16px;align-items:center;position:relative}
.approach-quarter-key i{width:5px;height:5px;border-radius:50%;background:#a2d3ff;box-shadow:0 0 10px #338cff}
.approach-display-bottom{border-top:1px solid #6f97c52b;padding-top:14px;margin-top:18px;font-size:10px;letter-spacing:0;color:#6582a7}
.approach-display-bottom>b{font-weight:400}
.approach-display-bottom>span:last-child{white-space:nowrap;font-family:Manrope,sans-serif;letter-spacing:.08em}
@keyframes approach-trace{to{transform:rotate(360deg)}}
.motion-paused .approach-tracer{animation-play-state:paused}
.motion-paused .approach-step-description,.motion-paused .approach-step-index,.motion-paused .approach-step-arrow{transition:none}
@media(min-width:1440px){.approach-rail{padding:38px 44px 28px}.approach-step{padding:28px 0}.approach-step strong{font-size:24px}.approach-step-description{font-size:15px}.approach-display{padding:28px 44px 22px}.approach-instrument{max-width:390px}}
@media(max-width:1050px){.approach-rail{padding:26px 23px 22px}.approach-step{gap:11px}.approach-step strong{font-size:18px}.approach-step-description{font-size:14px}.approach-display{padding:26px 22px 22px}.approach-instrument{margin-top:25px}.approach-dial-copy>strong{font-size:72px}.approach-dial-copy>strong>span{font-size:18px}.approach-micro{font-size:11px}.approach-rail-footer{font-size:8px}.approach-checks,.approach-quarter-key,.approach-allocation-key{min-height:88px}}
@media(max-width:700px){.approach-console{grid-template-columns:minmax(0,1fr)}.approach-rail{padding:24px 22px 13px;border-right:0;border-bottom:1px solid #5c86af26}.approach-rail-heading{margin-bottom:7px}.approach-step{padding:18px 0;gap:12px}.approach-step strong{font-size:18px}.approach-step-description{font-size:14px;line-height:1.7}.approach-step[aria-selected=true] .approach-step-description{max-height:180px;margin-top:9px}.approach-rail-footer{display:none}.approach-tabs:before{top:30px;bottom:30px}.approach-display{padding:22px 22px 19px}.approach-instrument{max-width:330px;margin:8px auto 12px}.approach-checks,.approach-quarter-key,.approach-allocation-key{min-height:73px}.approach-dial-copy>strong{font-size:78px}.approach-dial-copy p{max-width:190px;font-size:12px}.approach-micro{font-size:10px}.approach-step[aria-selected=false]{padding-top:15px;padding-bottom:15px}.approach-display-bottom{margin-top:15px}.approach-allocation-key{gap:10px}.approach-allocation-key strong{font-size:25px}}
@media(max-width:380px){.approach-rail,.approach-display{padding-left:16px;padding-right:16px}.approach-step strong{font-size:16px}.approach-dial-copy>strong{font-size:66px}.approach-dial-copy p{font-size:11px}.approach-micro{font-size:10px}.approach-display-top{font-size:9px}.approach-display-bottom{font-size:9px}.approach-allocation-key>div>span{font-size:12px}.approach-allocation-key strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.approach-tracer{animation:none}.approach-console *{transition:none!important}}