/* Platforms only. Mega Charts Revenue 1, 2 and 3, adapted to the existing sample data. */
/* Section spacing follows the approved FX page. */
.platforms-page .open-section{height:626px}
.platforms-page .open-section .split-inner{bottom:96px}
.platforms-page .intelligence-section{margin:24px 0 48px}
.platforms-page .closing-section{height:392px}
.platforms-page .closing-inner{top:96px}
.platforms-page{--platform-hatch:repeating-linear-gradient(159.79deg,#E7E4E3 0px,#E7E4E3 2px,#F7F7F7 2px,#F7F7F7 4px)}
.platforms-page .funds{--product-colour:#159C94}.platforms-page .fx{--product-colour:#7C49EC}.platforms-page .payouts{--product-colour:#417BC3}.platforms-page .cards{--product-colour:#D39A3B}
.platforms-page .platform-mini-chart{position:relative;width:168px;height:58px;margin-top:7px}
.platforms-page .platform-mini-grid{position:absolute;inset:0;border-bottom:1px solid #E7E4E3;background:linear-gradient(to bottom,transparent 28px,#F0EEED 28px,#F0EEED 29px,transparent 29px)}
.platforms-page .platform-mini-usual{position:absolute;left:0;right:0;top:13px;border-top:1px dashed #C9C4D3;z-index:1}
.platforms-page .platform-mini-bar{position:absolute;bottom:1px;width:23px;border-radius:4px;background:repeating-linear-gradient(159.79deg,#E7E4E3 0px,#E7E4E3 1px,#F7F7F7 1px,#F7F7F7 2px);font-style:normal}
.platforms-page .platform-mini-bar.cycle-1{left:0}.platforms-page .platform-mini-bar.cycle-2{left:28px}.platforms-page .platform-mini-bar.cycle-3{left:56px}.platforms-page .platform-mini-bar.cycle-4{left:84px}.platforms-page .platform-mini-bar.cycle-5{left:112px}.platforms-page .platform-mini-bar.cycle-6{left:140px;background:var(--product-colour)}
.platforms-page .platform-mini-bar span{display:none}
.platforms-page .platform-mini-bar:last-child span{display:block;position:absolute;left:-6px;top:-17px;width:36px;padding:2px 0;background:#0F0E0E;border-radius:4px;color:#fff;text-align:center;font-size:7px;line-height:10px;z-index:2}
.platforms-page .rhythm-status{margin-top:5px;line-height:10px}
/* Revenue 3: retain an open four-row comparison to break up the product windows. */
.platforms-page .platform-comparison{padding:30px 38px 0}
.platforms-page .platform-comparison>h3{font-size:20px;line-height:28px;font-weight:550;letter-spacing:-.4px;margin:10px 0 11px;color:var(--navy)}
.platforms-page .platform-comparison-legend,.platforms-page .platform-forecast-legend{display:flex;align-items:center;gap:22px;font-size:11px;line-height:18px;color:#7E7A84}
.platforms-page .platform-comparison-legend>span,.platforms-page .platform-forecast-legend>span{display:flex;align-items:center}
.platforms-page .legend-solid,.platforms-page .legend-hatch,.platforms-page .legend-history{display:inline-block;flex:none;width:12px;height:12px;border-radius:3px;margin-right:7px;background:#8E62EF}
.platforms-page .legend-hatch{background:var(--platform-hatch);border:1px solid #E7E4E3}
.platforms-page .legend-history{background:#2A2726}
.platforms-page .platform-comparison-rows{margin-top:17px;border-top:1px solid #E7E4E3}
.platforms-page .platform-comparison-row{position:relative;height:62px;border-bottom:1px solid #E7E4E3}
.platforms-page .platform-comparison-name{position:absolute;left:0;top:9px;width:168px}
.platforms-page .platform-comparison-name h4{margin:0;font-size:13px;line-height:20px;font-weight:550;color:#59657D}
.platforms-page .platform-comparison-name p{margin-top:3px;font-size:10px;line-height:15px;color:var(--product-colour)}
.platforms-page .platform-comparison-name p span{color:#8992A1}
.platforms-page .platform-comparison-track{position:absolute;left:172px;top:16px;width:304px;height:30px}
.platforms-page .platform-comparison-current,.platforms-page .platform-comparison-gap{position:absolute;top:0;height:30px;border-radius:12px}
.platforms-page .platform-comparison-current{left:0;background:var(--product-colour)}
.platforms-page .platform-comparison-gap{background:var(--platform-hatch)}
.platforms-page .platform-comparison-row>strong{position:absolute;right:0;top:19px;font-size:17px;line-height:24px;font-weight:550;color:var(--product-colour)}
.platforms-page .platform-comparison-axis{position:relative;width:304px;height:20px;margin:8px 0 0 172px;font-size:10px;line-height:18px;color:#8C8791}
.platforms-page .platform-comparison-axis span{position:absolute;top:0}.platforms-page .platform-comparison-axis span:nth-child(1){left:0}.platforms-page .platform-comparison-axis span:nth-child(2){left:50%;transform:translateX(-50%)}.platforms-page .platform-comparison-axis span:nth-child(3){right:0}
.platforms-page .platform-comparison>figcaption{margin-top:11px;font-size:10px;line-height:16px;color:#9388A4}
/* Revenue 2: exact card proportions; distinct observed and forecast treatments. */
.platforms-page .platform-expectation>.visual-kicker{position:absolute;left:91.2px;top:0;font-size:8px;letter-spacing:1px}
.platforms-page .platform-forecast-card{position:absolute;left:64px;top:0;width:544px;height:408px;background:#fff;border:1px solid #E7E4E3;border-radius:24px;color:#21201F;transform:scale(.9);transform-origin:center}
.platforms-page .platform-chart-heading{position:absolute;left:19px;right:19px;top:19px;height:40px;display:flex;align-items:center;font-size:24px;line-height:40px;font-weight:500;letter-spacing:-.5px}
.platforms-page .platform-chart-heading>img{width:24px;height:24px;margin-right:8px}
.platforms-page .platform-chart-corner{position:absolute;right:0;top:0;width:40px;height:40px;padding:10px;border-radius:50%;background:#F7F7F7}
.platforms-page .platform-chart-corner img{width:20px;height:20px}
.platforms-page .platform-forecast-summary{position:absolute;left:19px;right:19px;top:79px;display:flex;justify-content:space-between;align-items:center}
.platforms-page .platform-forecast-summary p{font-size:14px;line-height:24px;color:rgba(33,32,31,.56);margin:0 0 4px}
.platforms-page .platform-forecast-summary strong{font-size:32px;line-height:36px;font-weight:500;letter-spacing:-1px}
.platforms-page .platform-forecast-timing{width:136px;flex:none;text-align:right;color:#00659C;white-space:nowrap}
.platforms-page .platform-forecast-timing b{display:block;font-size:24px;line-height:36px;font-weight:500;letter-spacing:-.6px}
.platforms-page .platform-forecast-timing span{font-size:12px;line-height:20px;color:rgba(33,32,31,.56)}
.platforms-page .platform-forecast-chart{position:absolute;left:63px;top:155px;width:460px;height:197px}
.platforms-page .platform-forecast-grid{position:absolute;inset:0;width:460px;height:197px}
.platforms-page .platform-forecast-axis{position:absolute;left:-44px;top:0;width:36px;height:197px;font-size:11px;line-height:18px;color:rgba(33,32,31,.56)}
.platforms-page .platform-forecast-axis span{position:absolute;left:0;transform:translateY(-50%)}
.platforms-page .platform-forecast-axis span:nth-child(1){top:4px}.platforms-page .platform-forecast-axis span:nth-child(2){top:52px}.platforms-page .platform-forecast-axis span:nth-child(3){top:100px}.platforms-page .platform-forecast-axis span:nth-child(4){top:148px}.platforms-page .platform-forecast-axis span:nth-child(5){top:196px}
.platforms-page .platform-forecast-bar{position:absolute;bottom:1px;width:32px;border-radius:8px;background:#2A2726;font-style:normal}
.platforms-page .platform-forecast-bar.history-8{background:#8E62EF}
.platforms-page .platform-forecast-bar span{display:none}
.platforms-page .platform-forecast-usual{position:absolute;left:0;right:0;top:36px;border-top:1px dashed #ABA5B6;z-index:1}
.platforms-page .platform-forecast-usual>span{position:absolute;left:0;bottom:4px;padding-right:6px;background:#fff;font-size:10px;line-height:15px;color:#7D758A}
.platforms-page .platform-forecast-next{position:absolute;left:416px;bottom:1px;width:32px;height:114px;border-radius:8px;background:var(--platform-hatch)}
.platforms-page .platform-forecast-range{position:absolute;left:16px;bottom:104px;width:1px;height:20px;border-left:2px solid #8E62EF}
.platforms-page .platform-forecast-range::before,.platforms-page .platform-forecast-range::after{content:"";position:absolute;left:-7px;width:12px;height:2px;background:#8E62EF}
.platforms-page .platform-forecast-range::before{top:0}.platforms-page .platform-forecast-range::after{bottom:0}
.platforms-page .platform-forecast-tooltip{position:absolute;right:-12px;top:-43px;width:98px;padding:4px 0;background:#0F0E0E;border-radius:8px;color:#fff;text-align:center;font-size:13px;line-height:20px;white-space:nowrap}
.platforms-page .platform-forecast-labels{position:absolute;left:0;right:0;top:202px;font-size:11px;line-height:20px;color:rgba(33,32,31,.56)}
.platforms-page .platform-forecast-labels span{position:absolute;width:32px;text-align:center}
.platforms-page .platform-forecast-labels span:nth-child(1){left:0}.platforms-page .platform-forecast-labels span:nth-child(2){left:48px}.platforms-page .platform-forecast-labels span:nth-child(3){left:96px}.platforms-page .platform-forecast-labels span:nth-child(4){left:144px}.platforms-page .platform-forecast-labels span:nth-child(5){left:192px}.platforms-page .platform-forecast-labels span:nth-child(6){left:240px}.platforms-page .platform-forecast-labels span:nth-child(7){left:288px}.platforms-page .platform-forecast-labels span:nth-child(8){left:336px}.platforms-page .platform-forecast-labels span:nth-child(9){left:416px}
.platforms-page .platform-forecast-legend{position:absolute;left:63px;right:19px;bottom:10px;font-size:9px;line-height:15px;gap:18px}
.platforms-page .platform-forecast-legend i{width:9px;height:9px;margin-right:5px;border-radius:2px}
.platforms-page .platform-expectation>figcaption{position:absolute;left:91.2px;right:91.2px;top:410px;font-size:10px;line-height:16px;color:#9388A4}
.platforms-page .funds .platform-mini-bar.cycle-1{height:44.280px}
.platforms-page .funds .platform-mini-bar.cycle-2{height:45.720px}
.platforms-page .funds .platform-mini-bar.cycle-3{height:44.730px}
.platforms-page .funds .platform-mini-bar.cycle-4{height:45.000px}
.platforms-page .funds .platform-mini-bar.cycle-5{height:45.450px}
.platforms-page .funds .platform-mini-bar.cycle-6{height:43.200px}
.platforms-page .fx .platform-mini-bar.cycle-1{height:44.000px}
.platforms-page .fx .platform-mini-bar.cycle-2{height:45.750px}
.platforms-page .fx .platform-mini-bar.cycle-3{height:45.000px}
.platforms-page .fx .platform-mini-bar.cycle-4{height:45.000px}
.platforms-page .fx .platform-mini-bar.cycle-5{height:39.000px}
.platforms-page .fx .platform-mini-bar.cycle-6{height:31.500px}
.platforms-page .payouts .platform-mini-bar.cycle-1{height:43.875px}
.platforms-page .payouts .platform-mini-bar.cycle-2{height:46.125px}
.platforms-page .payouts .platform-mini-bar.cycle-3{height:45.450px}
.platforms-page .payouts .platform-mini-bar.cycle-4{height:44.550px}
.platforms-page .payouts .platform-mini-bar.cycle-5{height:38.700px}
.platforms-page .payouts .platform-mini-bar.cycle-6{height:31.500px}
.platforms-page .cards .platform-mini-bar.cycle-1{height:43.875px}
.platforms-page .cards .platform-mini-bar.cycle-2{height:46.125px}
.platforms-page .cards .platform-mini-bar.cycle-3{height:45.000px}
.platforms-page .cards .platform-mini-bar.cycle-4{height:45.000px}
.platforms-page .cards .platform-mini-bar.cycle-5{height:46.125px}
.platforms-page .cards .platform-mini-bar.cycle-6{height:42.750px}
.platforms-page .platform-comparison-row.funds .platform-comparison-current{width:291.84px}
.platforms-page .platform-comparison-row.funds .platform-comparison-gap{left:293.84px;width:10.16px}
.platforms-page .platform-comparison-row.fx .platform-comparison-current{width:212.80px}
.platforms-page .platform-comparison-row.fx .platform-comparison-gap{left:214.80px;width:89.20px}
.platforms-page .platform-comparison-row.payouts .platform-comparison-current{width:212.80px}
.platforms-page .platform-comparison-row.payouts .platform-comparison-gap{left:214.80px;width:89.20px}
.platforms-page .platform-comparison-row.cards .platform-comparison-current{width:288.80px}
.platforms-page .platform-comparison-row.cards .platform-comparison-gap{left:290.80px;width:13.20px}
.platforms-page .platform-forecast-bar.history-1{left:0px;height:160.00px}
.platforms-page .platform-forecast-bar.history-2{left:48px;height:160.00px}
.platforms-page .platform-forecast-bar.history-3{left:96px;height:156.00px}
.platforms-page .platform-forecast-bar.history-4{left:144px;height:164.00px}
.platforms-page .platform-forecast-bar.history-5{left:192px;height:161.60px}
.platforms-page .platform-forecast-bar.history-6{left:240px;height:158.40px}
.platforms-page .platform-forecast-bar.history-7{left:288px;height:137.60px}
.platforms-page .platform-forecast-bar.history-8{left:336px;height:112.00px}

/* Opening preview matches the approved FX frame and card scale. */
.platforms-page .hero{height:1018px}
.platforms-page .hero::before{top:443px;height:553px}
.platforms-page .hero>.ribbons{top:auto;bottom:22px;right:0}
.platforms-page .hero-frame{left:64px;top:359px;width:1024px;height:627px}
.platforms-page .dashboard-viewport{left:24px;top:20px;width:1000px;height:607px}
.bp-preview-toolbar{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #E3DFEC}
.bp-preview-toolbar p{font-size:13px;font-weight:600;color:#17263C}
.bp-preview-toolbar p>span{margin-left:12px;font-size:8px;font-weight:400;letter-spacing:.6px;color:#7F8295}
.bp-preview-toolbar button{flex:none;width:158px;height:34px;padding:9px 12px;border:0;border-radius:8px;background:#17263C;color:#fff;font:600 11px/16px var(--font);cursor:pointer}
.platforms-page .dashboard-viewport .bp-preview{transform:none;width:1000px;height:563px;background:#F6F7FA}
.bp-preview .dash-metrics{left:24px;top:18px;width:952px;height:78px;gap:12px}
.bp-preview .metric{flex:1;min-width:0;width:auto;height:78px;padding:10px 12px;border-color:#CDD5E6;border-radius:12px}
.bp-preview .metric p{font-size:10px;line-height:14px}
.bp-preview .metric strong{font-size:23px;line-height:28px;font-weight:650;letter-spacing:0;margin-top:2px}
.bp-preview .metric small{font-size:7px;letter-spacing:.65px;font-weight:400;margin-top:1px}
.bp-preview .dash-card{padding:14px 16px;border-color:#CDD5E6;border-radius:12px}
.bp-preview .dash-card h2{font-size:14px;line-height:19px;letter-spacing:0;font-weight:600}
.bp-preview .live-read{left:24px;top:108px;width:538px;height:166px}
.bp-preview .live-read:before{top:16px;bottom:16px;height:auto;background:#965DFF}
.bp-preview .dash-eyebrow{font-size:8px;letter-spacing:.75px;line-height:12px;font-weight:600}
.bp-preview .new-read{display:none}
.bp-preview .live-read h2{font-size:16px;line-height:21px;margin-top:13px}
.bp-preview .live-caption{font-size:10px;line-height:16px;margin-top:13px}
.bp-preview .live-count{right:25px;top:40px}
.bp-preview .live-count strong{font-size:34px;line-height:40px}
.bp-preview .live-count span{font-size:10px;line-height:15px}
.bp-preview .dash-forecast{left:574px;top:108px;width:402px;height:166px}
.bp-preview .learned{right:16px;top:17px;font-size:7px;letter-spacing:.4px}
.bp-preview .forecast-label{margin-top:13px;font-size:9px}
.bp-preview .forecast-days{font-size:25px;line-height:32px;font-weight:650}
.bp-preview .forecast-days span{font-size:14px}
.bp-preview .forecast-value{top:61px;right:16px;font-size:18px;line-height:24px}
.bp-preview .forecast-value span{font-size:9px;line-height:14px;margin-top:0}
.bp-preview .rhythm-track{left:16px;right:16px;top:117px;height:12px}
.bp-preview .rhythm-track span{left:44%;width:28%;height:12px}
.bp-preview .rhythm-track i{left:58%;top:-4px;height:20px}
.bp-preview .track-label{top:139px;font-size:7px;font-weight:400;letter-spacing:1px}
.bp-preview .product-rhythms{left:24px;top:286px;width:952px;height:259px}
.bp-preview .dash-subtitle{font-size:9px;margin-top:4px}
.bp-preview .customer-chip{top:13px;right:16px;font-size:9px}
.bp-preview .rhythms-grid{left:16px;right:16px;top:66px;gap:18px}
.bp-preview .product-rhythm{flex:1;min-width:0;width:auto;height:174px;padding-right:18px}
.bp-preview .product-rhythm:last-child{padding-right:0}
.bp-preview .rhythm-label{font-size:11px;line-height:16px}
.bp-preview .rhythm-value{font-size:25px;line-height:31px;margin-top:7px}
.bp-preview .rhythm-value span{font-size:11px;line-height:31px}
.bp-preview .rhythm-usual{font-size:10px;line-height:15px}
.platforms-page .bp-preview .platform-mini-chart{margin-top:13px;height:63px;width:168px}
.platforms-page .bp-preview .rhythm-status{font-size:9px;line-height:13px;margin-top:8px}
.bp-full-dialog{width:min(1400px,94vw);max-width:94vw;height:90vh;max-height:90vh;margin:auto;padding:0;border:1px solid #DDD8E9;border-radius:16px;background:#F6F7FA;color:#17263C;overflow:hidden}
.bp-full-dialog::backdrop{background:rgba(15,26,45,.6)}
.bp-full-header{height:76px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #DDD8E9}
.bp-full-header h2{font-size:18px;line-height:24px;font-weight:600}
.bp-full-header p{font-size:11px;line-height:18px;color:#7F8295}
.bp-full-header button{padding:9px 14px;border:1px solid #DDD8E9;border-radius:8px;background:#fff;font:500 12px/18px var(--font);color:#17263C;cursor:pointer}
.bp-full-header button span{margin-left:10px;font-size:18px}
.bp-full-scroll{height:calc(100% - 76px);overflow:auto;overscroll-behavior:contain}
.bp-full-scroll>.dashboard{margin:0 auto;transform:none;flex:none}
.bp-preview-toolbar button:focus-visible,.bp-full-dialog button:focus-visible,.bp-full-scroll:focus-visible{outline:2px solid #7C49EC;outline-offset:-3px}