/* Portrait strategy cards travelling around a shallow 3D cylinder. */
.strategy-showroom{padding:86px 0 76px;overflow:hidden;background:#f5f7fb;color:#172a46}.strategy-showroom>header{display:flex;align-items:end;justify-content:space-between;gap:32px}.strategy-showroom h2{font-size:64px;line-height:1.03;margin:0;letter-spacing:-.035em}.strategy-showroom h2 span{color:#2857e8}.strategy-showroom>header p{font-size:19px;line-height:1.6;margin:0 0 4px;max-width:31ch;color:#53627a}.strategy-drum{height:466px;position:relative;perspective:1150px;touch-action:pan-y;cursor:grab;isolation:isolate}.strategy-drum:active{cursor:grabbing}.sd-orbit{position:absolute;left:50%;top:38px;width:0;height:380px;transform-style:preserve-3d}.sd-card{position:absolute;left:-124px;top:0;display:flex;flex-direction:column;width:248px;height:374px;padding:20px;border:1px solid #d5ddeb;border-radius:22px;background:#fff;text-align:left;color:#172a46;backface-visibility:hidden;box-shadow:0 14px 28px #23385718;transform-origin:50% 50%;cursor:pointer;user-select:none;-webkit-user-select:none;font-family:Onest,sans-serif;overflow:hidden}.sd-card.sd-active{border-color:#9bb4f3;background:#fff;box-shadow:0 18px 32px #23385724}.sd-card-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:550;color:#64738a}.sd-card>strong{font-size:25px;line-height:1.1;letter-spacing:-.025em;font-weight:750;margin-top:22px;min-height:54px}.sd-rule{font-size:11px;color:#516783;line-height:1.4;margin-top:5px}.sd-illustration{flex:1;min-height:0;display:block;margin:3px -8px 0}.sd-illustration svg{width:100%;height:100%;overflow:visible}.sd-illustration text{font:11px Onest,sans-serif;fill:#53647d}.sd-guide{fill:none;stroke:#dce3ed;stroke-width:1}.sd-level{fill:none;stroke:#7799e8;stroke-width:1.4;stroke-dasharray:3 4}.sd-wick{stroke:currentColor;fill:none;stroke-width:1.3}.sd-up{fill:#168263;color:#168263}.sd-down{fill:#cb3c51;color:#cb3c51}.sd-average{fill:none;stroke:#2857df;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sd-buy,.sd-allocation{fill:#2857df;stroke:#fff;stroke-width:2}.sd-calendar,.sd-node{fill:#edf2ff;stroke:#c5d4f2;stroke-width:1}.sd-bar{fill:#2857df}.sd-bar-1{fill:#7e9ce6}.sd-bar-2{fill:#c5d3f3}.sd-card-bottom{border-top:1px solid #e5eaf2;padding-top:11px;font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#536580}.sd-card-bottom svg{width:15px;height:15px;stroke:currentColor;fill:none}.sd-selection{text-align:center;position:relative}.sd-navigation{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.sd-navigation>button{width:42px;height:42px;border:1px solid #ccd7e8;border-radius:50%;background:#fff;display:grid;place-items:center;color:#2857df;cursor:pointer}.sd-navigation svg{width:18px;height:18px;fill:none;stroke:currentColor}.sd-navigation [data-sd-prev] svg{transform:rotate(180deg)}.sd-navigation #sd-position{font:550 12px Onest,sans-serif;color:#5b6c84;min-width:42px;font-variant-numeric:tabular-nums}.sd-navigation button:hover{background:#e8eefb!important}.strategy-showroom :focus-visible{outline:3px solid #2857df;outline-offset:4px}.sd-comment h3{font-size:29px;line-height:1.2;margin:0 0 10px}.sd-comment p{font-size:17px;line-height:1.65;max-width:54ch;min-height:57px;margin:0 auto 22px;color:#52627a}.sd-comment .landing-button{font-size:14px;min-height:48px;padding:13px 24px;background:#2857e8;color:#fff;display:inline-flex;align-items:center;gap:18px;border-radius:9px;text-decoration:none}.sd-candle-example{max-width:1050px;margin:34px auto 0;padding:0 28px}.sd-candle-example>summary{cursor:pointer;text-align:center;font-size:14px;color:#2857df;padding:14px}.sd-candle-example .landing-preview-tabs{justify-content:center;margin:24px 0 16px}.sd-candle-example .landing-stage{max-width:850px;margin:auto}.sd-candle-example .bot-chart{background:#fff}.sd-candle-example .landing-preview-tabs button{color:#172a46}.sd-candle-example .landing-preview-tabs button[aria-pressed=true]{background:#2857df;color:#fff}
@media(min-width:1600px){.strategy-drum{perspective:1350px}}
@media(max-width:1000px){.strategy-showroom{padding-top:64px}.strategy-showroom h2{font-size:50px}.strategy-showroom>header p{font-size:17px}}
@media(max-width:760px){.strategy-showroom{padding:48px 0 46px}.strategy-showroom>header{display:block}.strategy-showroom h2{font-size:40px;line-height:1.08}.strategy-showroom>header p{font-size:15px;margin-top:17px;max-width:34ch}.strategy-drum{height:414px;perspective:920px}.sd-orbit{top:34px}.sd-card{width:224px;height:340px;left:-112px;border-radius:19px;padding:18px}.sd-card>strong{font-size:23px;margin-top:20px;min-height:50px}.sd-card-top{font-size:8px}.sd-rule{font-size:10px}.sd-navigation{gap:12px;flex-wrap:wrap;margin-bottom:20px}.sd-comment h3{font-size:25px}.sd-comment p{font-size:15px;min-height:75px;margin-bottom:19px}.sd-comment .landing-button{width:100%;justify-content:center;min-height:48px}.sd-candle-example{padding:0 18px}.sd-candle-example .landing-preview-tabs{gap:5px}.sd-candle-example .landing-preview-tabs button{font-size:10px;padding:9px}}
@media(prefers-reduced-motion:reduce){.sd-card{transition:none}.strategy-drum{cursor:default}}

.strategy-showroom.sd-manual .sd-card{transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s ease}@media(prefers-reduced-motion:reduce){.strategy-showroom.sd-manual .sd-card{transition:none}}

/* Strategy diagrams retain the original card proportions. */
.sd-illustration{margin:4px -16px 0}.sd-illustration svg{transform:scale(1.16);transform-origin:center}.sd-card-top>span:first-child{font-size:9px;color:#536580}.sd-sell{fill:#fff;stroke:#168263;stroke-width:3}.sd-card>strong{min-height:54px}.sd-card-bottom{font-size:10px;color:#2857df}@media(max-width:760px){.sd-card>strong{min-height:50px}.sd-illustration svg{transform:scale(1.12)}}

/* The working strategy cards lead; the introduction spans the section. */
.strategy-showroom{padding:64px 0 56px}
.sd-showroom-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "stage" "selection";row-gap:24px}
.sd-intro{grid-area:intro;min-width:0}
.sd-heading-copy{display:flex;align-items:end;justify-content:space-between;gap:48px}
.strategy-showroom h2{font-size:48px;line-height:1.06;letter-spacing:-.035em}
.strategy-showroom .sd-heading-copy p{font-size:16px;line-height:1.6;margin:0 0 4px;max-width:32ch;color:#53627a}
.sd-showcase-stage{grid-area:stage;position:relative;min-width:0;overflow:hidden;isolation:isolate;margin:0 -16px}
.sd-showcase-stage .strategy-drum{width:100%;height:510px}
.sd-showcase-stage .sd-orbit{top:28px}
.sd-selection{grid-area:selection;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;min-width:0}
.sd-selection .sd-navigation{margin:0;gap:14px;justify-content:center}
.sd-selection .sd-navigation>button{width:44px;height:44px}
.sd-selection .sd-comment{display:block;width:100%;max-width:560px}
.sd-selection .sd-comment h3{display:block;margin:0 0 7px;font-size:18px;line-height:1.3;font-weight:650}
.sd-selection .sd-comment p{max-width:56ch;min-height:0;margin:0 auto;font-size:14px;line-height:1.55;text-wrap:pretty}
@media(max-width:760px){
 .strategy-showroom{padding:40px 0}
 .sd-showroom-layout{row-gap:16px}
 .sd-heading-copy{display:block}
 .strategy-showroom h2{font-size:36px;line-height:1.08}
 .strategy-showroom .sd-heading-copy p{margin:16px 0 0;font-size:14px;line-height:1.55}
 .sd-showcase-stage{margin:0 -24px}
 .sd-showcase-stage .strategy-drum{height:480px}
 .sd-showcase-stage .sd-orbit{top:24px}
 .sd-selection{gap:14px}
 .sd-selection .sd-navigation{gap:12px}
 .sd-selection .sd-comment p{font-size:13px}
}
@media(max-width:360px){.strategy-showroom h2{font-size:33px}}