/* Market Readiness & Buyer Development: the two photographic reference states. */
.mbd2{padding:74px 0 90px;background:radial-gradient(ellipse at 0 0,#f0ebff66,transparent 38%),var(--paper)}
.mbd2-head{max-width:1030px;margin:0 auto 30px;text-align:center}
.mbd2-kicker{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 13px;color:var(--ink);font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mbd2-kicker:before,.mbd2-kicker:after{content:'';width:44px;height:2px;flex:0 0 44px;background:var(--gradient)}
.mbd2-head h2{font-size:clamp(34px,3.3vw,52px);line-height:1.12;font-weight:700;letter-spacing:-.047em}
.mbd2-head>p:last-child{max-width:890px;margin:15px auto 0;color:#3f4560;font-size:16px;line-height:1.65}
.mbd2-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:760px;margin:0 auto 23px;padding:0;border-radius:22px;background:#f0eff8}
.mbd2-tabs[hidden]{display:none}
.mbd2-tabs button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:10px 16px;border:0;border-radius:20px;background:transparent;color:var(--ink);font-size:17px;font-weight:750;line-height:1.2;letter-spacing:-.025em;transition:background .2s,box-shadow .2s,color .2s}
.mbd2-tabs button[aria-selected=true]{background:linear-gradient(115deg,#7534f4,#8029eb);color:#fff;box-shadow:0 6px 18px -7px #7424e9a8}
.mbd2-tabs button:hover:not([aria-selected=true]){background:#eae7f5}
.mbd2-tab-icon{font-size:25px;line-height:1;font-weight:400}
.mbd2-panel{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:0;min-height:520px;margin-bottom:16px;border:1px solid #e3e4f0;border-radius:21px;background:#fff;box-shadow:0 12px 25px -22px #2c226c45;overflow:hidden}
.mbd2-panel[hidden]{display:none}
.mbd2-intro{position:relative;isolation:isolate;padding:39px 54px 240px;overflow:hidden;border-right:1px solid #e3e4f0}
.mbd2-label{position:relative;z-index:2;margin:0 0 24px;color:var(--purple);font-size:17px;line-height:1.4;font-weight:800;text-transform:uppercase;letter-spacing:-.025em}
.mbd2-intro h3{position:relative;z-index:2;max-width:650px;color:var(--ink);font-size:clamp(30px,2.7vw,39px);line-height:1.12;font-weight:750;letter-spacing:-.05em}
.mbd2-intro h3 .gradient{display:inline}
.mbd2-intro>p:not(.mbd2-label){position:relative;z-index:2;max-width:620px;margin-top:20px;color:#3f4560;font-size:17px;line-height:1.58}
.mbd2-intro img{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:258px;object-fit:cover;object-position:center 53%;opacity:.93}
.mbd2-intro:after{content:'';position:absolute;z-index:1;left:0;right:0;bottom:188px;height:100px;background:linear-gradient(#fff,transparent);pointer-events:none}
#market-readiness .mbd2-intro img{object-position:70% 45%;height:270px}
#buyer-development .mbd2-intro img{object-position:50% 65%;height:255px}
.mbd2-list{list-style:none;min-width:0;margin:0;padding:22px 32px 22px 36px;display:grid;grid-template-columns:1fr;align-content:center}
.mbd2-list li{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:20px;min-height:105px;position:relative;padding:14px 0;border-bottom:1px solid #e6e7f0}
.mbd2-list li:last-child{border-bottom:0}
.mbd2-icon{display:grid;place-items:center;justify-self:center;width:72px;height:72px;border-radius:21px;background:linear-gradient(150deg,#f7f4ff,#f0e8fb);color:#6f32ec}
.mbd2-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mbd2-list li>div{padding-left:25px;border-left:1px solid #b8b0d9;min-width:0}
.mbd2-list h4{margin:0 0 6px;color:var(--ink);font-size:18px;font-weight:750;letter-spacing:-.04em;line-height:1.3}
.mbd2-list p{margin:0;color:#3f4560;font-size:15px;line-height:1.5}
.mbd2-list--buyer{padding-top:11px;padding-bottom:11px}
.mbd2-list--buyer li{grid-template-columns:60px minmax(0,1fr);gap:13px;min-height:78px;padding:8px 0}
.mbd2-list--buyer li:before{content:'';position:absolute;left:29px;top:0;bottom:0;width:1px;background:#ded4fa;z-index:0}
.mbd2-list--buyer li:first-child:before{top:50%}
.mbd2-list--buyer li:last-child:before{bottom:50%}
.mbd2-list--buyer .mbd2-icon{position:relative;z-index:1;width:60px;height:60px;border-radius:50%}
.mbd2-list--buyer .mbd2-icon svg{width:27px;height:27px}
.mbd2-list--buyer li>div{padding-left:8px;border-left:0}
.mbd2-list--buyer h4{font-size:17px;margin-bottom:1px}
.mbd2-list--buyer p{font-size:14px;line-height:1.4}
.mbd2-outcome{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;min-height:107px;padding:18px 38px;border-radius:18px;overflow:hidden;background:linear-gradient(105deg,#0f1533 0%,#1e1b62 65%,#382483 100%);color:#fff}
.mbd2-outcome-label{display:flex;align-items:center;gap:15px;min-height:51px;padding-right:28px;border-right:1px solid #ffffff55;white-space:nowrap;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.mbd2-outcome-label span{font-size:32px;line-height:1;font-weight:400}
.mbd2-outcome h3{position:relative;z-index:1;margin:0;font-size:23px;line-height:1.2;font-weight:750;letter-spacing:-.04em;color:#fff}
.mbd2-outcome p{position:relative;z-index:1;margin:5px 0 0;color:#e4e4f5;font-size:13px;line-height:1.5}
.mbd2-orb{position:absolute;right:-60px;bottom:-220px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#bb7af6 0%,#6134cf 30%,#251765 53%,transparent 68%);box-shadow:0 0 35px #9c62fa66;opacity:.7}
@media(max-width:1100px){.mbd2-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.mbd2-intro{padding:32px 30px 210px}.mbd2-intro h3{font-size:31px}.mbd2-intro>p:not(.mbd2-label){font-size:15px}.mbd2-intro img{height:225px}#market-readiness .mbd2-intro img{height:235px}.mbd2-intro:after{bottom:160px}.mbd2-list{padding:18px 24px}.mbd2-list li{grid-template-columns:54px minmax(0,1fr);gap:10px;min-height:98px}.mbd2-icon{width:54px;height:54px;border-radius:15px}.mbd2-icon svg{width:27px;height:27px}.mbd2-list li>div{padding-left:17px}.mbd2-list h4{font-size:16px}.mbd2-list p{font-size:13px}.mbd2-list--buyer li{grid-template-columns:52px minmax(0,1fr);gap:8px;min-height:76px}.mbd2-list--buyer li:before{left:25px}.mbd2-list--buyer .mbd2-icon{width:52px;height:52px}.mbd2-list--buyer li>div{padding-left:5px}.mbd2-list--buyer h4{font-size:15px}.mbd2-list--buyer p{font-size:12px}}
@media(max-width:767px){.mbd2{padding:62px 0}.mbd2-head{text-align:left;margin-bottom:24px}.mbd2-kicker{justify-content:flex-start;font-size:10px;letter-spacing:.08em;gap:10px}.mbd2-kicker:before{width:24px;flex-basis:24px}.mbd2-kicker:after{display:none}.mbd2-head h2{font-size:33px}.mbd2-head>p:last-child{font-size:13px;line-height:1.7;margin-top:14px}.mbd2-tabs{margin-bottom:16px;border-radius:15px}.mbd2-tabs button{min-height:53px;padding:8px 9px;border-radius:14px;gap:6px;font-size:12px;letter-spacing:-.025em}.mbd2-tab-icon{font-size:18px}.mbd2-panel{display:block;min-height:0;border-radius:16px}.mbd2-intro{min-height:315px;padding:24px 22px 155px;border-right:0;border-bottom:1px solid #e3e4f0}.mbd2-label{font-size:12px;margin-bottom:15px}.mbd2-intro h3{font-size:27px}.mbd2-intro>p:not(.mbd2-label){font-size:13px;margin-top:13px}.mbd2-intro img,#market-readiness .mbd2-intro img,#buyer-development .mbd2-intro img{height:160px}.mbd2-intro:after{height:78px;bottom:112px}.mbd2-list,.mbd2-list--buyer{padding:12px 19px}.mbd2-list li{grid-template-columns:43px minmax(0,1fr);gap:9px;min-height:78px;padding:10px 0}.mbd2-icon{width:40px;height:40px;border-radius:11px}.mbd2-icon svg{width:23px;height:23px}.mbd2-list li>div{padding-left:11px}.mbd2-list h4{font-size:14px;margin-bottom:3px}.mbd2-list p{font-size:11px;line-height:1.45}.mbd2-list--buyer li{min-height:75px}.mbd2-list--buyer li:before{left:20px}.mbd2-list--buyer .mbd2-icon{width:42px;height:42px}.mbd2-list--buyer .mbd2-icon svg{width:23px;height:23px}.mbd2-list--buyer li>div{padding-left:3px}.mbd2-list--buyer h4{font-size:14px}.mbd2-list--buyer p{font-size:11px}.mbd2-outcome{grid-template-columns:1fr;gap:10px;padding:18px;min-height:0;border-radius:14px}.mbd2-outcome-label{min-height:0;width:fit-content;padding:0 0 8px;border-right:0;border-bottom:1px solid #ffffff55;font-size:10px}.mbd2-outcome-label span{font-size:24px}.mbd2-outcome h3{font-size:19px}.mbd2-outcome p{font-size:11px}.mbd2-orb{right:-70px;bottom:-130px;width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){.mbd2 *, .mbd2 *:before,.mbd2 *:after{transition:none!important;animation:none!important}}

/* Keep photography in the reading flow when the two columns narrow. */
@media(max-width:1100px){.mbd2-intro{padding-bottom:0;display:flex;flex-direction:column}.mbd2-intro img,#market-readiness .mbd2-intro img,#buyer-development .mbd2-intro img{position:relative;left:auto;bottom:auto;display:block;width:calc(100% + 60px);height:220px;margin:25px -30px 0;object-fit:cover}.mbd2-intro:after{display:none}}
@media(max-width:767px){.mbd2-intro{min-height:0;padding:24px 22px 0}.mbd2-intro img,#market-readiness .mbd2-intro img,#buyer-development .mbd2-intro img{width:calc(100% + 44px);height:170px;margin:19px -22px 0}}

/* Keep the intro text clear of the photo at the foot of the panel. */
@media(min-width:1101px){.mbd2-intro{padding-bottom:294px}}

/* Text sizes, weights and colours matched to the page's other sections. */
.mbd2 .mbd2-kicker{gap:12px;margin-bottom:21px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.7}
.mbd2 .mbd2-kicker:before,.mbd2 .mbd2-kicker:after{width:30px;flex-basis:30px}
.mbd2 .mbd2-head h2{font-size:clamp(32px,3.3vw,46px);font-weight:650;letter-spacing:-.045em;line-height:1.15}
.mbd2 .mbd2-head>p:last-child{color:var(--muted);font-size:15px;line-height:1.7}
.mbd2 .mbd2-tabs button{font-size:13px;font-weight:700;letter-spacing:normal;line-height:1.5}
.mbd2 .mbd2-label{font-size:11px;font-weight:750;letter-spacing:normal;line-height:1.7}
.mbd2 .mbd2-intro h3{font-size:25px;font-weight:700;letter-spacing:-.045em;line-height:1.15}
.mbd2 .mbd2-intro>p:not(.mbd2-label){color:var(--muted);font-size:15px;line-height:1.7}
.mbd2 .mbd2-list h4{font-size:18px;font-weight:700;letter-spacing:-.045em;line-height:1.3}
.mbd2 .mbd2-list p{color:var(--muted);font-size:13px;line-height:1.8}
.mbd2 .mbd2-outcome-label{font-size:11px;letter-spacing:.16em}
.mbd2 .mbd2-outcome h3{font-size:clamp(20px,1.8vw,24px);font-weight:700;letter-spacing:-.045em;line-height:1.15}
.mbd2 .mbd2-outcome p{font-size:13px;line-height:1.7}
@media(max-width:767px){
.mbd2 .mbd2-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:18px}
.mbd2 .mbd2-head h2{font-size:33px}
.mbd2 .mbd2-head>p:last-child{font-size:13px}
.mbd2 .mbd2-tabs button{font-size:11px}
.mbd2 .mbd2-intro h3{font-size:23px}
.mbd2 .mbd2-intro>p:not(.mbd2-label){font-size:13px}
.mbd2 .mbd2-list p{font-size:12px}
.mbd2 .mbd2-outcome-label{font-size:9px;letter-spacing:.12em}
.mbd2 .mbd2-outcome p{font-size:12px}
}
