/* Merchant dashboard refinements only; shared page and dashboard geometry is retained. */
.merchants-page .hero.merchant-explorer-hero{height:1130px}
.merchants-page .merchant-explorer-hero::before{top:510px;height:560px}
.merchants-page .merchant-explorer-hero>.ribbons{top:1060px}
.merchants-page .hero .merchant-explorer-frame{top:350px;height:704px;border-radius:20px 20px 0 0}
.merchant-frame-top,.merchant-frame-left{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none}
.merchant-frame-top{width:1024px;height:30px;border-radius:20px 20px 0 0}
.merchant-frame-left{width:14px;height:704px;border-radius:20px 0 0 0}
.merchant-frame-top img,.merchant-frame-left img{position:absolute;top:0;left:0;width:1024px;height:704px;max-width:none}
.merchant-explorer{position:absolute;left:14px;top:14px;width:996px;height:676px;border:1px solid #DDE2ED;border-radius:14px;background:#fff;box-shadow:0 12px 30px #17263C12}
.merchant-preview-note{position:absolute;top:1083px;left:64px;right:64px;text-align:center;color:#78859B;font-size:11px;line-height:18px}
.merchant-full-dialog{padding:0;margin:auto;width:min(1400px,94vw);height:90vh;max-width:94vw;max-height:90vh;border:1px solid #DDE2ED;border-radius:16px;background:white;color:#0B1F3A;box-shadow:0 20px 90px #0B1F3A40}
.merchant-full-dialog::backdrop{background:#0B1F3A99}
.merchant-full-dialog>header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #E1E5EF}
.merchant-full-dialog>header strong{display:block;font-size:15px;font-weight:600}
.merchant-full-dialog>header div>span{display:block;color:#78859B;font-size:10px;margin-top:4px}
.merchant-full-dialog>header button{font:500 12px var(--font);padding:10px 14px;border:1px solid #DDE2ED;border-radius:8px;background:#fff;color:#0B1F3A;cursor:pointer}
.merchant-full-dialog>header button>span{margin-left:14px;font-size:18px}
.merchant-full-dialog>iframe{width:100%;height:calc(100% - 66px);border:0;display:block}
.merchant-full-dialog button:focus-visible{outline:2px solid #7C49EC;outline-offset:3px}
@media(max-width:700px){.merchant-full-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:12px}.merchant-full-dialog>header{padding:0 14px}}
.merchants-page .hero{height:1017px}
.merchants-page .hero-frame{top:426px}
.merchants-page .hero::before{top:535px}
.merchants-page .hero>.ribbons{top:964.6px}
.merchants-page .hero .concept-label{top:315px;left:64px;right:64px;text-align:center;font-size:9px;letter-spacing:1px}
.merchants-page .merchant-tabs{left:256px;right:auto;top:340px;width:640px;height:66px;padding:0;gap:12px;background:transparent;border:0;border-radius:0}
.merchants-page .merchant-tabs button{position:relative;width:314px;height:66px;padding:12px 30px 12px 49px;text-align:left;background:#fff;border:1px solid #D9D3E5;border-radius:12px;cursor:pointer;color:#17263C}
.merchants-page .merchant-tabs button>img{position:absolute;left:17px;top:20px;width:24px;height:24px}
.merchants-page .merchant-tabs button strong{display:block;font-size:14px;line-height:20px;font-weight:600}
.merchants-page .merchant-tabs button small{display:block;margin-top:3px;font-size:10px;line-height:15px;font-weight:400;color:#687386}
.merchants-page .merchant-tabs button::after{content:"→";position:absolute;right:15px;top:20px;font-size:18px;line-height:24px;color:#8B79A6}
.merchants-page .merchant-tabs button:hover{border-color:#9979CE;background:#FAF8FE}
.merchants-page .merchant-tabs button[aria-selected="true"]{border:2px solid #8D6ADD;padding:11px 29px 11px 48px;background:#F3EEFC;color:#6942B1;box-shadow:0 3px 9px rgba(98,84,191,.08)}
.merchants-page .merchant-tabs button[aria-selected="true"]::after{content:"✓";color:#7C49EC;font-size:14px}
/* Mega Charts Revenue 3: same baseline and scale for both payment gaps. */
.merchants-page .rhythm-comparison>div+div strong{color:#8E62EF}
.merchants-page .merchant-kit-rhythm{top:113px;height:25px;width:318px;right:auto}
.merchants-page .merchant-rhythm-grid{position:absolute;inset:0;border-right:1px solid #E7E4E3;background:repeating-linear-gradient(to right,#EFECF2 0px,#EFECF2 1px,transparent 1px,transparent 63.6px)}
.merchants-page .merchant-kit-rhythm i{top:0;width:57.24px;height:11px;border-radius:6px;background:repeating-linear-gradient(159.79deg,#E7E4E3 0px,#E7E4E3 1px,#F7F7F7 1px,#F7F7F7 2px)}
.merchants-page .merchant-kit-rhythm b{top:14px;width:279.84px;height:11px;border-radius:6px;background:#8E62EF}
/* Mega Charts Progress: expected interval with its recorded observation. */
.merchants-page .merchant-kit-window{position:absolute;left:48px;top:68px;width:758px;height:132px}
.merchants-page .merchant-window-key{position:absolute;left:50px;top:5px;display:flex;align-items:center;font-size:10px;line-height:16px;color:#8876A3}
.merchants-page .merchant-window-key i{width:12px;height:12px;margin-right:7px;border-left:1px dashed #8E62EF;border-right:1px dashed #8E62EF;background:#F2ECFD}
.merchants-page .merchant-window-plot{position:absolute;left:50px;top:0;width:650px;height:127px}
.merchants-page .merchant-window-grid{position:absolute;left:0;right:0;top:42px;height:45px}
.merchants-page .merchant-window-grid i{position:absolute;top:0;height:45px;border-left:1px solid #E7E4E3}
.merchants-page .merchant-window-grid i:nth-child(1){left:0}.merchants-page .merchant-window-grid i:nth-child(2){left:162.5px}.merchants-page .merchant-window-grid i:nth-child(3){left:325px}.merchants-page .merchant-window-grid i:nth-child(4){left:487.5px}.merchants-page .merchant-window-grid i:nth-child(5){left:650px}
.merchants-page .merchant-window-band{position:absolute;left:162.5px;top:42px;width:325px;height:45px;border-left:2px dashed #8E62EF;border-right:2px dashed #8E62EF;background:#F2ECFD}
.merchants-page .merchant-window-axis{position:absolute;left:0;right:0;top:66px;border-top:1px solid #DDD7E8}
.merchants-page .merchant-window-paid{position:absolute;left:406.25px;top:0;height:73px}
.merchants-page .merchant-window-paid::before{content:"";position:absolute;top:40px;left:0;height:26px;border-left:1px dashed #8E62EF}
.merchants-page .merchant-window-paid>i{position:absolute;left:-6px;top:60px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #0F0E0E;box-shadow:0 2px 4px #3232470F}
.merchants-page .merchant-window-tooltip{position:absolute;left:-45px;top:0;width:90px;height:41px;padding:5px 8px;background:#0F0E0E;border-radius:10px;color:#fff;text-align:center}
.merchants-page .merchant-window-tooltip b{display:block;font-size:13px;line-height:17px;font-weight:550}
.merchants-page .merchant-window-tooltip span{display:block;font-size:9px;line-height:13px;color:#E7E4ED}
.merchants-page .merchant-window-dates{position:absolute;left:0;right:0;top:100px;font-size:10px;line-height:16px;color:#8793A7}
.merchants-page .merchant-window-dates span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.merchants-page .merchant-window-dates span:nth-child(1){left:0}.merchants-page .merchant-window-dates span:nth-child(2){left:162.5px}.merchants-page .merchant-window-dates span:nth-child(3){left:325px}.merchants-page .merchant-window-dates span:nth-child(4){left:487.5px}.merchants-page .merchant-window-dates span:nth-child(5){left:650px}

/* First supporting section: the same 96px breathing room as FX and Trading. */
.merchants-page #product.comparison-section{height:626px}
.merchants-page #product>.split-inner{bottom:96px}

/* Outcome learning: match the first supporting section’s vertical rhythm. */
.merchants-page #outcomes.forecast-section{height:626px}
.merchants-page #outcomes>.split-inner{bottom:96px}

/* Finish with the approved FX / Trading spacing around the Cooper conversation. */
.merchants-page .intelligence-section{margin:24px 0 48px}
.merchants-page .closing-section{height:392px}