/* Merchant operating journey: three authored scenes in one shared theatre. */
.merchant-theatre{--journey-cyan:#62e5e6;--journey-gold:#e7c17d;margin-top:38px;background:#041b24;color:#eaf8f5;border-radius:26px;overflow:hidden;border:1px solid #21424c;isolation:isolate;box-shadow:0 24px 65px #09252f14}
.journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #29444d;background:#081f29}
.journey-tabs button{min-height:100px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:15px;padding:24px 27px;background:transparent;color:#aac0c3;border:0;border-right:1px solid #29444d;text-align:left;cursor:pointer;position:relative;transition:background .2s,color .2s}
.journey-tabs button:last-child{border-right:0}
.journey-tabs button>span{font:600 11px Bahnschrift,sans-serif;color:#82a4a9;letter-spacing:.1em}
.journey-tabs button>strong{font-size:14px;line-height:1.4;font-weight:550}
.journey-tabs button>svg{width:19px;color:#608890}
.journey-tabs button:after{position:absolute;content:"";height:2px;bottom:0;left:24px;right:24px;background:var(--journey-cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.journey-tabs button[aria-selected=true]{background:#0e303b;color:#f2ffff}
.journey-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.journey-tabs button[aria-selected=true]>span,.journey-tabs button[aria-selected=true]>svg{color:var(--journey-cyan)}
.journey-tabs button:hover{background:#10313b;color:#fff}
.journey-tabs button:focus-visible{outline:2px solid #e7c17d;outline-offset:-5px;z-index:2}
.journey-panel[hidden]{display:none}
.journey-panel:focus-visible{outline:2px solid var(--journey-gold);outline-offset:-6px}
.journey-layout{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;min-height:530px;background:radial-gradient(ellipse at 78% 47%,#12515b4d,transparent 55%)}
.journey-story{padding:40px 12px 48px 45px;position:relative;z-index:3}
.journey-number{font:400 70px/1 Georgia,serif;color:#54727c;display:block;margin-bottom:24px;letter-spacing:-.07em}
.journey-story h3{font:400 clamp(29px,3.4vw,43px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 23px;max-width:370px}
.journey-story p{color:#b2c9cc;font-size:15px;line-height:1.75;max-width:370px;margin-bottom:28px}
.journey-cta{display:inline-flex;gap:18px;align-items:center;min-height:44px;color:#7ce7e6;font-size:13px;font-weight:600;border-bottom:1px solid #53878b}
.journey-cta svg{width:18px;flex:none;transition:translate .2s}.journey-cta:hover svg{translate:4px 0}.journey-cta:focus-visible{outline:2px solid #e7c17d;outline-offset:5px}
.journey-art{position:relative;aspect-ratio:720/520;isolation:isolate;perspective:900px;container-type:inline-size;min-width:0;margin:15px 12px 15px 0}
.journey-art:before{content:"";position:absolute;left:10%;right:5%;top:9%;bottom:10%;background-image:linear-gradient(#84cdd90b 1px,transparent 1px),linear-gradient(90deg,#84cdd90b 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}
.journey-art:after{content:"";position:absolute;left:20%;right:10%;bottom:14%;height:10%;border-radius:50%;background:#010d1366;filter:blur(16px);z-index:-1}
.journey-traces{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#64d9de;stroke-width:1.3;stroke-opacity:.45;pointer-events:none;z-index:0}
.journey-traces circle{fill:#a2f9f4;stroke:none}.journey-traces .trace-gold{stroke:#e7c17d;stroke-opacity:.65}
.scene-caption{position:absolute;left:8%;right:8%;bottom:0;display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;color:#9bbcc1;font:500 clamp(9px,1.55cqw,12px)/1.5 Bahnschrift,sans-serif;letter-spacing:.02em}
.scene-caption b{color:var(--journey-gold)}.scene-caption strong{color:var(--journey-cyan)}
.scope-deck{position:absolute;width:53%;height:48%;left:25%;top:26%;padding:6%;border:1px solid #50949f;border-radius:15px;background:linear-gradient(140deg,#174c59bb,#082330ee);box-shadow:inset 0 1px #beffff55,0 22px 40px #0003;transform:rotateX(15deg) rotateY(-18deg) rotateZ(-7deg);z-index:3}
.scope-deck>span{display:block;color:#9bcbcf;font:500 clamp(9px,1.8cqw,13px)/1.4 Bahnschrift,sans-serif;margin-bottom:15px}
.scope-deck>i{height:1px;background:linear-gradient(90deg,#82d4da66,transparent);display:block;margin:16px 0;width:70%}
.scope-deck>i:last-child{width:90%}
.scope-deck.deck-rear{left:20%;top:15%;opacity:.58;transform:rotateX(15deg) rotateY(-18deg) rotateZ(-7deg) translateZ(-45px)}
.scope-deck.deck-mid{left:28%;top:24%;opacity:.78;transform:rotateX(15deg) rotateY(-18deg) rotateZ(-7deg) translateZ(-20px)}
.scope-deck.deck-front{left:36%;top:36%;width:46%;height:40%;padding:5%;border-color:#c2a66c;background:linear-gradient(135deg,#185160dd,#061d28f2);box-shadow:inset 0 1px #edcd8977,0 30px 40px #0005}
.deck-front img{width:20%;height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:9px;filter:drop-shadow(0 0 9px #54ece640)}
.deck-front strong{font:700 clamp(12px,2.7cqw,21px)/1.2 Bahnschrift,sans-serif;letter-spacing:.13em;color:#fff}
.deck-front>span{font-size:clamp(9px,1.6cqw,12px);margin:10px 0;color:#acc5c8}
.scope-rule{width:80%;height:1px;background:linear-gradient(90deg,#d6b572,transparent);margin-top:12px}
.deck-front>b{position:absolute;right:8%;top:13%;width:28px;height:28px;border:1px solid #9fcfc84f;border-radius:50%;display:grid;place-items:center;color:#bef9d7}.deck-front>b svg{width:14px}
.journey-core{position:absolute;left:50%;top:51%;width:30%;height:35%;transform:translate(-50%,-50%);z-index:3;display:grid;justify-items:center;align-content:center}
.journey-core>img{width:53%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 10px 12px #00121acc)}
.journey-core>strong{position:relative;z-index:3;font:700 clamp(12px,2.7cqw,20px)/1.2 Bahnschrift,sans-serif;letter-spacing:.16em;margin-top:9px}
.core-plinth{position:absolute;inset:15% -18% -10%;border:1px solid #6bcad780;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#165768aa,#052332e6);transform:rotateX(55deg);box-shadow:0 10px 0 #031821,0 11px 0 #64cada77,0 23px 22px #0006}
.core-light{position:absolute;inset:-16%;border:1px solid #64e2e733;border-radius:50%;background:radial-gradient(ellipse,#48cddd18,transparent 69%);transform:rotateX(30deg)}
.local-instrument{position:absolute;display:grid;justify-items:center;align-content:center;gap:10px;padding:10px;border:1px solid #528f9a66;border-radius:18px;background:linear-gradient(135deg,#174955aa,#061d28bb);box-shadow:inset 0 1px #bce5e63b,0 15px 24px #0003;z-index:2;transform:rotateY(-14deg) rotateX(8deg)}
.local-instrument svg{width:30px;color:#89c6d0}.local-instrument small{max-width:120px;text-align:center;font:500 clamp(9px,1.8cqw,12px)/1.3 Bahnschrift,sans-serif;color:#b2d3d7}
.instrument-business{left:5%;top:26%;width:21%;height:24%}.instrument-team{right:5%;top:15%;width:24%;height:25%}.instrument-support{right:8%;bottom:20%;width:13%;height:17%}.instrument-channels{left:12%;bottom:14%;width:13%;height:17%}
.journey-ledger{position:absolute;left:22%;top:20%;width:56%;height:49%;padding:6%;border:1px solid #75acb6aa;border-radius:15px;background:linear-gradient(145deg,#15434fcf,#061e28f5);box-shadow:inset 0 1px #adf1f433,0 26px 36px #0003;transform:rotateX(21deg) rotateY(-17deg) rotateZ(-7deg);z-index:2}
.journey-ledger>span{display:block;font:500 clamp(9px,1.8cqw,14px)/1.5 Bahnschrift,sans-serif;color:#acccd1;max-width:85%;margin-bottom:22px}
.journey-ledger>i{display:block;height:1px;margin:16px 0;background:linear-gradient(90deg,#74cfd2aa,#74cfd222);width:75%}.journey-ledger>i:nth-of-type(2){width:88%}.journey-ledger>i:nth-of-type(3){width:60%}
.ledger-far{top:12%;left:14%;opacity:.55;transform:rotateX(21deg) rotateY(-17deg) rotateZ(-7deg) translateZ(-40px)}
.ledger-near{top:23%;left:23%;opacity:.8;transform:rotateX(21deg) rotateY(-17deg) rotateZ(-7deg) translateZ(-20px)}
.ledger-top{top:35%;left:33%;border-color:#bda776aa;background:linear-gradient(145deg,#1c505ae6,#071f2bee)}
.ledger-top>span{max-width:74%;color:#e9e2c6}.ledger-top>b{position:absolute;right:8%;top:12%;width:32px;height:32px;border-radius:50%;background:#92e0c7;color:#06313a;display:grid;place-items:center;box-shadow:0 0 22px #5fe9ba25}.ledger-top>b svg{width:18px}.ledger-top>small{display:block;color:#a9c8cb;font:500 clamp(8px,1.65cqw,12px)/1.4 Bahnschrift,sans-serif;margin-top:17px}
.journey-ready .journey-panel:not([hidden]) .journey-story{animation:journeyCopyIn .4s ease-out both}
.journey-ready .journey-panel:not([hidden]) .scope-deck,.journey-ready .journey-panel:not([hidden]) .journey-ledger{animation:journeyAssemble .75s cubic-bezier(.2,.7,.2,1) both}
.journey-ready .journey-panel:not([hidden]) .deck-mid,.journey-ready .journey-panel:not([hidden]) .ledger-near{animation-delay:.1s}.journey-ready .journey-panel:not([hidden]) .deck-front,.journey-ready .journey-panel:not([hidden]) .ledger-top{animation-delay:.2s}
.journey-ready .journey-panel:not([hidden]) .journey-traces path{stroke-dasharray:900;stroke-dashoffset:0;animation:journeyConnect 1s .1s both}
.journey-ready .journey-panel:not([hidden]) .journey-core img{animation:journeyCoreLight 1.3s ease-out both}
.journey-ready .journey-panel:not([hidden]) .local-instrument{animation:journeyAssemble .6s ease-out both}
@keyframes journeyCopyIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes journeyAssemble{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes journeyConnect{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes journeyCoreLight{0%{filter:brightness(.7) drop-shadow(0 0 0 #6cf3ef00)}45%{filter:brightness(1.2) drop-shadow(0 0 18px #6cf3ef88)}100%{filter:brightness(1) drop-shadow(0 10px 12px #00121acc)}}
.merchant-theatre:not(.journey-ready) .journey-panel+.journey-panel{border-top:1px solid #31505a}
@media(max-width:980px){.journey-tabs button{padding:20px 16px;grid-template-columns:20px 1fr;gap:9px}.journey-tabs button>svg{display:none}.journey-layout{grid-template-columns:.83fr 1.17fr;min-height:480px}.journey-story{padding:35px 15px 35px 28px}.journey-story h3{font-size:32px}.journey-story p{font-size:14px}.journey-art{margin-right:5px}.journey-number{font-size:55px;margin-bottom:20px}}
@media(max-width:680px){.merchant-theatre{border-radius:18px;margin-top:28px}.journey-tabs button{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:17px 11px;gap:8px;min-height:113px}.journey-tabs button>strong{font-size:11px;line-height:1.45}.journey-tabs button>span{font-size:10px}.journey-tabs button:after{left:10px;right:10px}.journey-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.journey-story{padding:26px 24px 15px}.journey-number{font-size:36px;margin-bottom:17px}.journey-story h3{font-size:31px;max-width:none;margin-bottom:16px}.journey-story p{max-width:none;font-size:14px;margin-bottom:17px}.journey-cta{font-size:12px}.journey-art{margin:0 0 24px;width:100%}.scope-deck{border-radius:10px}.scope-deck>i{margin:11px 0}.deck-front>span{margin:6px 0}.deck-front img{margin-bottom:6px}.deck-front>b{width:20px;height:20px}.scope-rule{margin-top:7px}.journey-ledger{border-radius:10px}.journey-ledger>span{margin-bottom:10px}.journey-ledger>i{margin:9px 0}.ledger-top>b{width:22px;height:22px}.ledger-top>b svg{width:13px}.ledger-top>small{margin-top:9px}.local-instrument{border-radius:12px;gap:6px;padding:6px}.local-instrument svg{width:22px}.scene-caption{left:5%;right:5%;font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.merchant-theatre *,.merchant-theatre *::before,.merchant-theatre *::after{animation:none!important;transition:none!important;stroke-dashoffset:0!important}}
.motion-paused .merchant-theatre *,.motion-paused .merchant-theatre *::before,.motion-paused .merchant-theatre *::after{animation:none!important;transition:none!important;stroke-dashoffset:0!important}