:root{--smbf-g1:#145BC7;--smbf-g2:#168FA4;--smbf-g3:#63A844;--smbf-g3t:#467730;}
/* Manrope - self-hosted variable font, Brand Book 2026 typeface. No external requests. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/*!
 * SMBF Core — site stylesheet
 * Generated from the verified inline styles of the build, 2026-08-09.
 * Design values are measured from the Lovable PoC (project ef15e458).
 */

/* =============================================================
   Base: grid fixes, header, hero, about, membership, shared helpers
   ============================================================= */
.e-con.e-grid > *{min-width:0;}.smbf-eyebrow4,.smbf-eyebrow5{display:flex;flex-direction:column;align-items:center;}.smbf-eyebrow4 span:first-child{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#0D7F88;}.smbf-eyebrow4__rule{display:block;height:2px;width:42px;margin-top:8px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-eyebrow5 span:first-child{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#435FA8;}.smbf-eyebrow5__rule{display:block;height:2px;width:68px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-evh2{margin:16px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:44px;font-weight:800;line-height:1.15;color:#082F6F;}.smbf-evh2 .b{color:#145CC6;}.smbf-evh2 .g{color:#56A344;}@media(max-width:767px){.smbf-evh2{font-size:30px;}}.smbf-evlead{margin:15px auto 0;max-width:770px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:#354663;}.smbf-sth2{margin:14px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#082F6F;}.smbf-sth2 .l{display:block;}.smbf-sth2 .g{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:767px){.smbf-sth2{font-size:34px;}}.smbf-stlead2{margin:15px auto 30px;max-width:700px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#36415F;}.smbf-full-w{width:100%;}.smbf-eyebrow3{display:flex;flex-direction:column;align-items:center;}.smbf-eyebrow3 span:first-child{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#0C7B82;}.smbf-eyebrow3__rule{display:block;height:2px;width:36px;margin-top:10px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-memh2b{font-family:Manrope,Inter,sans-serif;font-size:60px;font-weight:800;line-height:1.03;letter-spacing:-.02em;color:#082F6F;margin:0;text-align:center;}.smbf-memh2b span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1024px){.smbf-memh2b{font-size:44px;}}@media(max-width:767px){.smbf-memh2b{font-size:34px;}}.smbf-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;}@media(max-width:1200px){.smbf-tiers{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:767px){.smbf-tiers{grid-template-columns:1fr;}}.smbf-tiermark{display:flex;flex-direction:column;align-items:center;margin-bottom:14px;}.smbf-tiermark__row{display:flex;width:100%;align-items:center;justify-content:center;}.smbf-tiermark__line{height:1px;flex:1;max-width:150px;}.smbf-tiermark__disc{margin:0 10px;display:grid;place-items:center;height:56px;width:56px;flex:0 0 56px;border-radius:999px;background:#fff;}.smbf-tiermark__label{margin-top:10px;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;}.smbf-tiercard{position:relative;min-height:408px;height:auto;overflow:hidden;display:flex;border-radius:16px;border:1px solid rgba(8,47,111,.08);background:#fff;box-shadow:0 6px 22px rgba(8,35,70,.07);transition:transform .2s ease,box-shadow .2s ease;}.smbf-tiercard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,35,70,.12);}.smbf-tiercard__img{position:absolute;bottom:0;right:0;height:62%;width:100%;object-fit:cover;pointer-events:none;}.smbf-tiercard__wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff 0%,#fff 58%,rgba(255,255,255,.7) 68%,rgba(255,255,255,.15) 80%,rgba(255,255,255,0) 92%);}.smbf-tiercard__wash2{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 35%,rgba(255,255,255,0) 60%);}.smbf-tiercard__in{position:relative;display:flex;flex-direction:column;flex:1;min-height:100%;padding:20px 26px;}.smbf-tiercard__disc{display:grid;place-items:center;height:58px;width:58px;border-radius:999px;}.smbf-tiercard__in h3{font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;line-height:1;color:#082F6F;margin:16px 0 0;}.smbf-tiercard__price{font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;margin:8px 0 0;}.smbf-tiercard__rule{display:block;height:2px;width:29px;margin-top:10px;}.smbf-tiercard__desc{font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.5;color:#33486A;margin:14px 0 0;max-width:240px;}.smbf-tiercard__feats{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px;}.smbf-tiercard__feats li{display:flex;align-items:flex-start;gap:8px;font-family:Manrope,Inter,sans-serif;font-size:12px;line-height:1.4;color:#22304A;}.smbf-tiercard__feats svg{flex:0 0 14px;margin-top:1px;}.smbf-tiercard__go{margin-top:auto;display:grid;place-items:center;height:46px;width:46px;border-radius:999px;background:#fff;color:#082F6F;box-shadow:0 4px 14px rgba(8,35,70,.14);}.smbf-tiercard:hover .smbf-tiercard__go svg{transform:translateX(2px);transition:transform .2s ease;}.smbf-statsbar{display:grid;grid-template-columns:minmax(0,1.6fr) auto minmax(0,.8fr) auto minmax(0,.8fr) auto minmax(0,.9fr) auto minmax(0,1fr);align-items:center;gap:0;border-radius:16px;border:1px solid rgba(8,47,111,.08);background:#fff;padding:24px 28px;box-shadow:0 5px 20px rgba(8,35,70,.06);width:100%;}@media(max-width:1200px){.smbf-statsbar{grid-template-columns:1fr;row-gap:24px;}.smbf-statsbar__div{display:none;}}.smbf-statsbar__lead{display:flex;align-items:center;gap:18px;min-width:0;}.smbf-statsbar__disc{display:grid;place-items:center;height:85px;width:85px;flex:0 0 85px;border-radius:999px;background:rgba(40,112,197,.08);color:#145BC7;}.smbf-statsbar__t1{font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:700;line-height:1.25;color:#082F6F;margin:0;}.smbf-statsbar__t2{font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:700;line-height:1.25;margin:0;}.smbf-statsbar__t2 span:first-child{color:#145BC7;}.smbf-statsbar__t2 span:last-child{color:#148A97;}.smbf-statsbar__sub{font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.5;color:#33486A;margin:8px 0 0;max-width:280px;}.smbf-statsbar__div{height:95px;width:1px;background:rgba(8,47,111,.12);justify-self:center;}.smbf-stat{display:flex;flex-direction:column;align-items:center;text-align:center;}.smbf-stat__v{font-family:Manrope,Inter,sans-serif;font-size:23px;font-weight:700;line-height:1;color:#082F6F;margin:8px 0 0;}.smbf-stat__c{font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.35;color:#33486A;margin:0;}.smbf-statsbar__cta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;}@media(max-width:1200px){.smbf-statsbar__cta{align-items:center;}}.smbf-statsbar__btn{display:inline-flex;height:48px;width:220px;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}.smbf-statsbar__btn:hover{filter:brightness(1.1);}.smbf-statsbar__trust{display:flex;align-items:center;gap:8px;font-family:Manrope,Inter,sans-serif;font-size:12px;color:#33486A;margin:0;}.smbf-eyebrow2 p{font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#091B4B;margin:0;}.smbf-eyebrow2__rule{display:block;height:3px;width:67px;margin-top:16px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-abh2b{font-family:Manrope,Inter,sans-serif;font-size:61px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#091B4B;margin:0;}.smbf-abh2b span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1024px){.smbf-abh2b{font-size:44px;}}@media(max-width:767px){.smbf-abh2b{font-size:34px;}}.smbf-abimg{position:relative;overflow:hidden;border-radius:21px;}.smbf-abimg img{display:block;width:100%;height:380px;object-fit:cover;object-position:center;}@media(max-width:1024px){.smbf-abimg img{height:300px;}}@media(max-width:767px){.smbf-abimg img{height:240px;}.smbf-abimg{border-radius:16px;}}.smbf-abimg__arcs{position:absolute;top:0;bottom:0;left:0;height:100%;width:45%;pointer-events:none;}.smbf-abimg__dots{position:absolute;right:38px;top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:19px;pointer-events:none;}.smbf-abimg__dots span{display:block;width:4px;height:4px;border-radius:999px;background:rgba(255,255,255,.55);}.smbf-abcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}@media(max-width:1024px){.smbf-abcards{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:767px){.smbf-abcards{grid-template-columns:1fr;}}.smbf-abcard{position:relative;display:flex;align-items:flex-start;gap:30px;overflow:hidden;border-radius:16px;border:1px solid rgba(9,27,75,.10);background:#fff;padding:36px 30px;box-shadow:0 8px 24px rgba(12,35,70,.08);transition:transform .2s ease,box-shadow .2s ease;}.smbf-abcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(12,35,70,.12);}.smbf-abcard__disc{display:grid;place-items:center;flex:0 0 120px;width:120px;height:120px;border-radius:999px;}.smbf-abcard__body{min-width:0;}.smbf-abcard__body h3{font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:#091B4B;margin:0;}.smbf-abcard__rule{display:block;height:3px;width:44px;margin-top:12px;}.smbf-abcard__body p{font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.5;color:#102351;margin:16px 0 0;}.smbf-abcard__foot{position:absolute;left:0;right:0;bottom:0;height:4px;}@media(max-width:420px){.smbf-abcard{flex-direction:column;gap:18px;}}.smbf-fixed-header{position:fixed !important;top:0;left:0;right:0;z-index:100;transition:background-color .25s ease,box-shadow .25s ease,padding .25s ease;}.smbf-fixed-header.is-scrolled{background-color:rgba(243,248,252,.94) !important;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);box-shadow:0 1px 0 rgba(6,34,93,.10),0 6px 22px rgba(6,34,93,.07);padding-top:14px !important;padding-bottom:14px !important;}.smbf-fixed-header.is-scrolled .elementor-widget-theme-site-logo img{max-width:180px;transition:max-width .25s ease;}.admin-bar .smbf-fixed-header{top:32px;}@media(max-width:782px){.admin-bar .smbf-fixed-header{top:46px;}}.smbf-ann2-w,.smbf-since-w,.smbf-tiles-w{width:100%;}.smbf-ann2{position:absolute;top:176px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:14px;width:calc(100% - 48px);max-width:1083px;margin:0;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,rgba(226,238,252,.92),rgba(233,246,236,.92));border:1px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px rgba(32,92,204,.18);}@media(max-width:767px){.smbf-ann2{top:100px;}}.smbf-ann2__ico{flex:0 0 34px;width:34px;height:34px;border-radius:999px;background:rgba(32,92,204,.10);display:inline-flex;align-items:center;justify-content:center;}.smbf-ann2__ico i{color:#145BC7;font-size:15px;}.smbf-ann2__ico svg,.smbf-ann2__ico{color:#145BC7;}.smbf-ann2__cta svg{width:16px;height:16px;}.smbf-tile svg{color:#145BC7;display:block;}.smbf-svg{fill:currentColor;}.smbf-ann2__txt{flex:1;font-family:Manrope,Inter,sans-serif;font-size:16px;color:#082F6F;}.smbf-ann2__cta{font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;color:#145BC7;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;}.smbf-ann2__cta:hover{text-decoration:underline;}.smbf-since{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;}.smbf-since__rule{height:1px;width:200px;background:rgba(6,34,93,.35);}.smbf-since__txt{font-family:Manrope,Inter,sans-serif;font-size:21px;font-weight:600;letter-spacing:.14em;color:#082F6F;text-transform:uppercase;white-space:nowrap;}.smbf-tiles{display:grid;grid-template-columns:repeat(6,1fr);max-width:930px;margin:0 auto;width:100%;}.smbf-tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 8px;text-decoration:none;border-right:1px solid rgba(6,34,93,.16);transition:transform .2s ease;}.smbf-tile:last-child{border-right:none;}.smbf-tile:hover{transform:translateY(-2px);}.smbf-tile i{font-size:30px;color:#145BC7;}.smbf-tile span{font-family:Manrope,Inter,sans-serif;font-size:16px;color:#082F6F;text-transform:uppercase;letter-spacing:.02em;}@media(max-width:1024px){.smbf-since__rule{width:90px;}.smbf-tiles{grid-template-columns:repeat(3,1fr);gap:22px 0;}.smbf-tile:nth-child(3n){border-right:none;}}@media(max-width:767px){.smbf-ann2{flex-wrap:wrap;justify-content:center;text-align:center;border-radius:18px;}.smbf-ann2__txt{flex:1 1 100%;font-size:14px;}.smbf-since__rule{width:46px;}.smbf-since__txt{font-size:15px;}.smbf-tiles{grid-template-columns:repeat(3,1fr);}.smbf-tile i{font-size:22px;}.smbf-tile span{font-size:12px;}}.e-con.e-grid{grid-template-rows:auto !important;}.smbf-phone-wrap{display:flex;justify-content:center;padding:20px 0;}.smbf-phone{width:312px;height:600px;background:linear-gradient(145deg,#c9cfd8,#2b3038 35%,#171a1f 60%,#9aa2ad);border-radius:52px;padding:9px;box-shadow:0 40px 80px -40px rgba(8,35,70,.45);transform:rotate(3deg);}@media(max-width:1024px){.smbf-phone{transform:none;}}.smbf-phone__screen{background:#fff;width:100%;height:100%;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;font-family:Manrope,Inter,sans-serif;}.smbf-ph__top{padding:22px 16px 10px;display:flex;justify-content:space-between;align-items:center;}.smbf-ph__brand{font-size:11px;font-weight:700;letter-spacing:.12em;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g3t));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.smbf-ph__top i{color:#737784;font-size:14px;}.smbf-ph__body{padding:0 16px;flex:1;overflow:hidden;}.smbf-ph__greet{color:#0A1230;font-size:17px;font-weight:800;line-height:1.2;margin:6px 0 14px;}.smbf-ph__search{background:#EFF4FF;border-radius:999px;padding:9px 14px;display:flex;align-items:center;gap:8px;margin-bottom:12px;}.smbf-ph__search i{color:#737784;font-size:11px;}.smbf-ph__search span{color:#737784;font-size:11px;}.smbf-ph__banner{background:#0A1230;color:#fff;border-radius:16px;padding:12px;font-size:10px;line-height:1.4;opacity:.94;margin-bottom:16px;}.smbf-ph__label{color:#0A1230;font-size:11px;font-weight:700;margin:0 0 8px;}.smbf-ph__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px;}.smbf-ph__tile{border:1px solid #E2E8F0;border-radius:16px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;}.smbf-ph__tile i{color:#145BC7;font-size:15px;}.smbf-ph__tile span{font-size:9px;font-weight:600;color:#0A1230;}.smbf-ph__event{background:#EFF4FF;border-radius:16px;padding:8px;display:flex;align-items:center;gap:9px;}.smbf-ph__thumb{width:38px;height:38px;border-radius:9px;flex:0 0 38px;background:linear-gradient(135deg,var(--smbf-g1),var(--smbf-g3));}.smbf-ph__evtxt{flex:1;min-width:0;display:block;}.smbf-ph__evt{display:block;font-size:10px;font-weight:700;color:#0A1230;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.smbf-ph__evd{display:block;font-size:9px;color:#737784;margin-top:2px;}.smbf-ph__event > i{color:#737784;font-size:10px;}.smbf-ph__tabs{height:58px;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-around;padding:0 14px;}.smbf-ph__tabs i{color:#C3C6D5;font-size:15px;}.smbf-ph__tabs i.on{color:#145BC7;}.smbf-ph__fab{width:36px;height:36px;border-radius:999px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g3));display:inline-flex;align-items:center;justify-content:center;}.smbf-ph__fab i{color:#fff !important;font-size:13px;}.smbf-steps-w{width:100%;}.smbf-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;}.smbf-tab{font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:600;color:#434653;background:#fff;border:1px solid #E2E8F0;border-radius:999px;padding:9px 18px;cursor:pointer;transition:.2s;}.smbf-tab:hover{border-color:#145BC7;color:#145BC7;}.smbf-tab.is-on{background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g3));border-color:transparent;color:#fff;}.smbf-tabs-w{width:100%;}.smbf-play{width:62px;height:62px;border-radius:999px;background:rgba(255,255,255,.92);display:inline-flex;align-items:center;justify-content:center;margin-bottom:auto;transition:.2s;}.smbf-play:hover{background:#fff;transform:scale(1.06);}.smbf-play i{color:#145BC7;font-size:18px;margin-left:3px;}.smbf-story-lg{height:100%;}.smbf-stories-big,.smbf-stories-big .elementor-widget-container,.smbf-stories-big .elementor-loop-container,.smbf-stories-big .e-loop-item,.smbf-stories-big .e-loop-item > .e-con{height:100%;}.smbf-stories-small .elementor-loop-container{height:100%;align-content:stretch;}.smbf-stories-small .e-loop-item,.smbf-stories-small .e-loop-item > .e-con{height:100%;}@media(max-width:767px){.smbf-stories-big,.smbf-stories-big .e-loop-item > .e-con{height:auto;}}.smbf-news-left{text-align:left;}.smbf-ann{display:inline-flex;align-items:center;gap:10px;background:#EAF0F9;border:1px solid #B1C5FF;border-radius:999px;padding:7px 22px 7px 12px;max-width:100%;}.smbf-ann__ico{width:30px;height:30px;border-radius:999px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g3));display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;}.smbf-ann__ico i{color:#fff;font-size:13px;}.smbf-ann__txt{font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.35;color:#0A1230;}.smbf-ann__cta{font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:600;color:#145BC7;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}.smbf-ann__cta:hover{text-decoration:underline;}.smbf-ann__cta i{font-size:11px;}@media(max-width:767px){.smbf-ann{flex-wrap:wrap;justify-content:center;text-align:center;border-radius:16px;padding:10px 14px;}}.smbf-steps{display:flex;align-items:flex-start;justify-content:center;max-width:760px;margin:0 auto;width:100%;}.smbf-steps__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:0 6px;}.smbf-steps__item:not(:last-child):after{content:"";position:absolute;top:21px;left:calc(50% + 26px);right:calc(-50% + 26px);height:2px;background:#C3C6D5;}.smbf-steps__dot{width:42px;height:42px;border-radius:999px;background:#fff;border:2px solid #DBEAFE;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;}.smbf-steps__dot i{color:#145BC7;font-size:15px;}.smbf-steps__item:nth-child(3) .smbf-steps__dot,.smbf-steps__item:nth-child(4) .smbf-steps__dot{background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g3));border-color:transparent;}.smbf-steps__item:nth-child(3) .smbf-steps__dot i,.smbf-steps__item:nth-child(4) .smbf-steps__dot i{color:#fff;}.smbf-steps__name{font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0A1230;}.smbf-steps__meta{font-family:Manrope,Inter,sans-serif;font-size:11px;color:#737784;}.e-loop-item > .e-con{transition:transform .25s ease,box-shadow .25s ease;height:100%;}.e-loop-item:hover > .e-con{transform:translateY(-4px);box-shadow:0 12px 32px rgba(10,18,48,.10);}.smbf-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.smbf-benefits li{display:flex;align-items:flex-start;gap:10px;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:21px;color:#434653}.smbf-benefits__tick{flex:0 0 18px;width:18px;height:18px;border-radius:999px;background:#E5EEFF;color:#145BC7;font-size:11px;line-height:18px;text-align:center;margin-top:2px}.smbf-datebadge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#E5EEFF;font-family:Manrope,Inter,sans-serif}.smbf-datebadge__day{font-size:24px;font-weight:800;line-height:1;color:#0A1230}.smbf-datebadge__mon{font-size:11px;font-weight:600;letter-spacing:.08em;color:#145BC7;margin-top:2px}.smbf-loc{font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em;color:#737784}.smbf-faqs{display:flex;flex-direction:column;gap:12px;width:100%;max-width:860px;margin:0 auto}.smbf-faq{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:18px 22px}.smbf-faq__q{cursor:pointer;list-style:none;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:600;color:#0A1230;display:flex;justify-content:space-between;align-items:center;gap:16px}.smbf-faq__q::-webkit-details-marker{display:none}.smbf-faq__q::after{content:"+";font-size:22px;font-weight:400;color:#145BC7;flex:0 0 auto}.smbf-faq[open] .smbf-faq__q::after{content:"\2212"}.smbf-faq__a{font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:24px;color:#434653;padding-top:10px}.smbf-faq__a p{margin:0 0 10px}.smbf-partnerlogo img{filter:grayscale(1);opacity:.65;transition:.25s}.smbf-partnerlogo:hover img{filter:none;opacity:1}

/* =============================================================
   Connect
   ============================================================= */
.smbf-connect{position:relative;overflow:hidden;width:100%;}.smbf-carcs{position:absolute;right:-120px;top:-160px;height:560px;width:560px;opacity:var(--smbf-deco-strong);pointer-events:none;}.smbf-cdots{position:absolute;bottom:180px;left:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;opacity:.35;pointer-events:none;}.smbf-cdots span{display:block;height:3px;width:3px;border-radius:999px;background:rgba(40,112,197,.4);}@media(max-width:1024px){.smbf-cdots{display:none;}}.smbf-cgrid{position:relative;display:grid;grid-template-columns:1.05fr .9fr 1fr;column-gap:72px;row-gap:80px;align-items:center;}@media(max-width:1024px){.smbf-cgrid{grid-template-columns:1fr;}.smbf-ccentre{order:3;}.smbf-cright{order:2;}}.smbf-ceyebrow{font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:4px;margin:0;}.smbf-ceyebrow span:first-child{color:#145BC7;}.smbf-ceyebrow span:last-child{color:#148A97;}.smbf-ceyebrow__rule{display:block;height:2px;width:105px;margin-top:10px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-ch2{font-family:Manrope,Inter,sans-serif;font-size:58px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#082F6F;margin:22px 0 0;white-space:nowrap;}.smbf-ch2 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1400px){.smbf-ch2{font-size:46px;}}@media(max-width:767px){.smbf-ch2{font-size:34px;white-space:normal;}}.smbf-clead{font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#0A1D42;margin:22px 0 0;max-width:440px;}.smbf-cjoin{margin-top:42px;border-radius:16px;border:1px solid #E9EFF7;background:#FBFCFE;padding:30px 28px;box-shadow:0 8px 26px rgba(8,35,70,.05);}.smbf-cjoin__top{display:flex;align-items:flex-start;gap:18px;}.smbf-cjoin__disc{display:grid;place-items:center;height:70px;width:70px;flex:0 0 70px;border-radius:999px;background:rgba(20,91,199,.08);color:#145BC7;}.smbf-cjoin__top h3{font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;line-height:1.25;color:#082F6F;margin:0;min-width:0;}.smbf-cjoin__sub{font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.5;color:#263B5D;margin:20px 0 0;margin-left:88px;}@media(max-width:767px){.smbf-cjoin__sub{margin-left:0;}}.smbf-cjoin__btn{margin-top:26px;display:flex;height:52px;width:100%;max-width:300px;align-items:center;justify-content:space-between;border-radius:8px;padding:0 22px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}.smbf-cjoin__btn:hover{filter:brightness(1.1);}.smbf-cright{position:relative;}.smbf-cright__rail{position:absolute;left:4px;top:46px;bottom:46px;width:1px;background:rgba(8,47,111,.15);}@media(max-width:767px){.smbf-cright__rail{display:none;}}.smbf-cfeat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:58px;}.smbf-cfeat li{display:flex;align-items:flex-start;gap:18px;}.smbf-cfeat__dot{margin-top:32px;height:9px;width:9px;flex:0 0 9px;border-radius:999px;}@media(max-width:767px){.smbf-cfeat__dot{display:none;}}.smbf-cfeat__disc{display:grid;place-items:center;height:72px;width:72px;flex:0 0 72px;border-radius:999px;transition:transform .2s ease;}.smbf-cfeat li:hover .smbf-cfeat__disc{transform:translateY(-2px);}.smbf-cfeat h3{font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;margin:0;}.smbf-cfeat p{font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.55;color:#263B5D;margin:6px 0 0;max-width:280px;}.smbf-crule{margin-top:80px;height:1px;width:100%;background:rgba(8,47,111,.12);}.smbf-cstats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;}@media(max-width:1024px){.smbf-cstats{grid-template-columns:repeat(2,1fr);}}@media(max-width:600px){.smbf-cstats{grid-template-columns:1fr;}}.smbf-cstat{display:flex;min-height:125px;align-items:center;justify-content:center;gap:16px;padding:0 10px;}.smbf-cstat+.smbf-cstat{border-left:1px solid rgba(8,47,111,.13);}@media(max-width:1024px){.smbf-cstat+.smbf-cstat{border-left:none;}}.smbf-cstat__disc{display:grid;place-items:center;height:66px;width:66px;flex:0 0 66px;border-radius:999px;}.smbf-cstat__n{font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:800;line-height:1;color:#082F6F;margin:0;}.smbf-cstat__c{font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.4;color:#263B5D;margin:6px 0 0;}.smbf-cstat__c span{display:block;}.smbf-ph2{position:relative;margin:0 auto;width:100%;max-width:312px;transform:rotate(3deg);}@media(max-width:1024px){.smbf-ph2{transform:none;}}.smbf-ph2__bezel{border-radius:52px;padding:9px;background:linear-gradient(145deg,#c9cfd8,#2b3038 35%,#171a1f 60%,#9aa2ad);box-shadow:0 40px 80px -40px rgba(8,35,70,.45);}.smbf-ph2__screen{position:relative;display:flex;flex-direction:column;aspect-ratio:9/19.5;overflow:hidden;border-radius:44px;background:#fff;}.smbf-ph2__notch{position:absolute;left:50%;top:10px;z-index:10;height:26px;width:110px;transform:translateX(-50%);border-radius:999px;background:#000;}.smbf-ph2__status{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 6px;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:600;color:#082F6F;}.smbf-ph2__bars{display:flex;align-items:flex-end;gap:4px;opacity:.8;}.smbf-ph2__bars i{display:inline-block;width:3px;border-radius:1px;background:#082F6F;}.smbf-ph2__bars i:nth-child(1){height:8px;}.smbf-ph2__bars i:nth-child(2){height:10px;}.smbf-ph2__bars i:nth-child(3){height:12px;}.smbf-ph2__bars b{display:inline-block;margin-left:2px;height:9px;width:16px;border-radius:3px;border:1px solid #082F6F;}.smbf-ph2__body{flex:1;padding:0 18px 10px;}.smbf-ph2__apphead{display:flex;align-items:center;justify-content:space-between;padding-top:8px;}.smbf-ph2__brand{font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g3t));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.smbf-ph2__bell{position:relative;color:#082F6F;}.smbf-ph2__bell i{position:absolute;right:-1px;top:-1px;height:7px;width:7px;border-radius:999px;background:#59A845;box-shadow:0 0 0 2px #fff;}.smbf-ph2__greet{font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;font-style:italic;line-height:1.25;color:#082F6F;margin:12px 0 0;}.smbf-ph2__search{margin-top:12px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;border:1px solid #E3E9F2;background:#fff;padding:9px 12px;color:#7C8AA3;}.smbf-ph2__search span{font-family:Manrope,Inter,sans-serif;font-size:11px;}.smbf-ph2__hero{position:relative;margin-top:12px;overflow:hidden;border-radius:9px;background:#0B2149;padding:14px;}.smbf-ph2__herotxt{position:relative;z-index:1;display:block;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:500;font-style:italic;line-height:1.5;color:#fff;}.smbf-ph2__herotxt em{color:#7FD35A;font-style:italic;}.smbf-ph2__heroglobe{position:absolute;right:-6px;top:50%;transform:translateY(-50%);color:rgba(63,169,224,.7);}.smbf-ph2__label{font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:600;color:#082F6F;margin:12px 0 0;}.smbf-ph2__grid{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}.smbf-ph2__tile{display:flex;height:54px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;border:1px solid #E9EEF6;background:#fff;color:#0B2149;}.smbf-ph2__tile span{font-family:Manrope,Inter,sans-serif;font-size:8px;line-height:1;text-align:center;color:#334867;padding:0 2px;}.smbf-ph2__event{margin-top:7px;display:flex;align-items:center;gap:10px;border-radius:9px;border:1px solid #E9EEF6;background:#fff;padding:8px;color:#082F6F;}.smbf-ph2__event img,.smbf-ph2__thumb{height:46px;width:62px;flex:0 0 62px;border-radius:6px;object-fit:cover;background:linear-gradient(135deg,var(--smbf-g1),var(--smbf-g3));}.smbf-ph2__evtxt{min-width:0;flex:1;display:block;}.smbf-ph2__evt{display:block;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:700;color:#082F6F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.smbf-ph2__evc,.smbf-ph2__evd{display:block;font-family:Manrope,Inter,sans-serif;font-size:9px;color:#4A5D7D;}.smbf-ph2__evd{font-style:italic;}.smbf-ph2__tabs{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #EDF1F7;padding:9px 22px 16px;}.smbf-ph2__nav{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8494AC;}.smbf-ph2__nav.is-on{color:#145BC7;}.smbf-ph2__nav span{font-family:Manrope,Inter,sans-serif;font-size:8px;}.smbf-ph2__fab{display:grid;place-items:center;height:36px;width:36px;border-radius:999px;background:#0B2149;color:#fff;box-shadow:0 6px 14px -6px rgba(8,35,70,.6);}

/* =============================================================
   Events
   ============================================================= */
.smbf-events{width:100%;}.smbf-evmain{display:grid;grid-template-columns:.68fr 1.05fr;align-items:start;gap:24px;margin-top:30px;}@media(max-width:1024px){.smbf-evmain{grid-template-columns:1fr;}}.smbf-evfeat{position:relative;height:520px;overflow:hidden;border-radius:12px;}.smbf-evfeat img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;}.smbf-evfeat__w1{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,56,.96) 0%,rgba(3,22,56,.85) 45%,rgba(3,22,56,.35) 100%);}.smbf-evfeat__w2{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,22,56,.75) 100%);}.smbf-evfeat__in{position:relative;display:flex;height:100%;flex-direction:column;padding:26px;}.smbf-evfeat__badge{width:fit-content;border-radius:5px;background:#0F5FCD;padding:7px 12px;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff;}.smbf-evfeat__in h3{margin:28px 0 0;max-width:260px;font-family:Manrope,Inter,sans-serif;font-size:43px;font-weight:800;line-height:1.12;color:#fff;}@media(max-width:767px){.smbf-evfeat__in h3{font-size:32px;}}.smbf-evfeat__month{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6DBA4D;}.smbf-evfeat__rule{display:block;height:2px;width:55px;margin-top:14px;background:rgba(255,255,255,.8);}.smbf-evfeat__details{margin-top:auto;display:flex;flex-wrap:wrap;column-gap:18px;row-gap:14px;}.smbf-evfeat__d{display:flex;min-width:0;align-items:center;gap:10px;}.smbf-evfeat__dico{display:grid;place-items:center;height:42px;width:42px;flex:0 0 42px;border-radius:999px;color:#fff;}.smbf-evfeat__dp{display:block;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.3;color:#fff;}.smbf-evfeat__ds{display:block;font-family:Manrope,Inter,sans-serif;font-size:12px;line-height:1.35;color:rgba(255,255,255,.85);}.smbf-evfeat__btn{margin-top:30px;display:inline-flex;height:51px;width:220px;align-items:center;justify-content:space-between;border-radius:6px;background:#fff;padding:0 20px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#082F6F;}.smbf-evfeat__btn:hover{background:#F7F9FC;}.smbf-evtabs{display:flex;flex-wrap:wrap;gap:14px;}@media(max-width:767px){.smbf-evtabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}.smbf-evtabs::-webkit-scrollbar{display:none;}}.smbf-evtab{height:36px;flex-shrink:0;border-radius:5px;padding:0 24px;font-family:Manrope,Inter,sans-serif;font-size:13.5px;font-weight:500;border:1px solid rgba(8,47,111,.35);background:#fff;color:#082F6F;cursor:pointer;transition:background .2s ease;}.smbf-evtab:hover{background:#fff!important;color:#082F6F!important;}.smbf-evtab.is-on:hover{background:#082F6F!important;color:#fff!important;}.smbf-evtab.is-on{background:#082F6F;color:#fff;border-color:#082F6F;}.smbf-evgrid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}@media(max-width:1200px){.smbf-evgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.smbf-evgrid{grid-template-columns:1fr;}}.smbf-evcard{position:relative;display:block;height:340px;overflow:hidden;border-radius:12px;text-decoration:none;box-shadow:0 6px 20px rgba(8,35,70,.10);transition:transform .2s ease,box-shadow .2s ease;}.smbf-evcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,35,70,.16);}.smbf-evcard img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .25s ease;}.smbf-evcard:hover img{transform:scale(1.03);}.smbf-evcard__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,20,48,.05) 25%,rgba(2,20,48,.82) 70%,rgba(2,20,48,.98) 100%);}.smbf-evcard__date{position:absolute;left:16px;top:16px;display:grid;place-items:center;height:64px;width:48px;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(8,35,70,.15);}.smbf-evcard__date span:first-child{font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:700;line-height:1;color:#082F6F;}.smbf-evcard__date span:last-child{font-family:Manrope,Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;line-height:1;color:#354663;}.smbf-evcard__foot{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;}.smbf-evcard__txt{min-width:0;}.smbf-evcard__loc{display:flex;align-items:center;gap:5px;color:#1AA8F0;}.smbf-evcard__loc span{font-family:Manrope,Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.smbf-evcard__title{display:block;margin-top:8px;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;line-height:1.3;color:#fff;}.smbf-evcard__go{display:grid;place-items:center;height:36px;width:36px;flex:0 0 36px;border-radius:999px;border:1px solid rgba(255,255,255,.8);color:#fff;transition:.2s;}.smbf-evcard:hover .smbf-evcard__go{background:#fff;color:#082F6F;}.smbf-evbar{position:relative;margin-top:36px;width:100%;overflow:hidden;border-radius:12px;background:#031C48;padding:26px 34px;}.smbf-evbar__arcL{position:absolute;bottom:-120px;left:-60px;height:280px;width:280px;opacity:.25;pointer-events:none;}.smbf-evbar__arcR{position:absolute;bottom:-130px;right:-70px;height:300px;width:300px;opacity:.25;pointer-events:none;}.smbf-evbar__in{position:relative;display:flex;align-items:center;gap:30px;}@media(max-width:1200px){.smbf-evbar__in{flex-direction:column;align-items:stretch;gap:24px;}.smbf-evbar__div{display:none;}}.smbf-evbar__lead{display:flex;min-width:0;align-items:center;gap:20px;flex-shrink:0;}.smbf-evbar__disc{display:grid;place-items:center;height:75px;width:75px;flex:0 0 75px;border-radius:999px;background:rgba(15,95,205,.25);color:#fff;}.smbf-evbar__lead h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;line-height:1.25;color:#fff;}.smbf-evbar__lead h3 span{color:#6DBA4D;}.smbf-evbar__div{height:82px;width:1px;flex-shrink:0;background:rgba(255,255,255,.45);}.smbf-evbar__feats{display:grid;flex:1;grid-template-columns:repeat(3,1fr);gap:24px;}@media(max-width:767px){.smbf-evbar__feats{grid-template-columns:1fr;}}.smbf-evbar__f{display:flex;min-width:0;align-items:flex-start;gap:12px;color:#fff;}.smbf-evbar__ft{margin:0;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:600;color:#fff;}.smbf-evbar__fb{margin:4px 0 0;max-width:150px;font-family:Manrope,Inter,sans-serif;font-size:12px;line-height:1.5;color:rgba(255,255,255,.8);}.smbf-evbar__btn{display:inline-flex;height:50px;width:205px;flex-shrink:0;align-items:center;justify-content:space-between;border-radius:6px;border:1px solid rgba(91,169,74,.8);padding:0 20px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;}.smbf-evbar__btn:hover{border-color:rgba(91,169,74,.8);}

/* =============================================================
   Member Stories
   ============================================================= */
.smbf-stories{position:relative;width:100%;}.smbf-starcs{position:absolute;top:0;height:520px;width:420px;pointer-events:none;}.smbf-starcs--left{left:0;transform:translateX(-33%);}.smbf-starcs--right{right:0;transform:translateX(33%);}@media(max-width:1024px){.smbf-starcs{display:none;}}.smbf-stgrid{position:relative;display:grid;grid-template-columns:1.65fr 1fr;gap:16px;}@media(max-width:1024px){.smbf-stgrid{grid-template-columns:1fr;}}.smbf-stlead{position:relative;height:420px;overflow:hidden;border-radius:11px;}.smbf-stlead img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .25s ease;}.smbf-stlead:hover img{transform:scale(1.02);}.smbf-stlead__w1{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,32,.72) 0%,rgba(3,15,32,.45) 45%,rgba(3,15,32,.18) 100%);}.smbf-stlead__w2{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(3,15,32,0) 0%,rgba(3,15,32,.7) 100%);}.smbf-stlead__play{position:absolute;left:38px;top:38%;display:flex;align-items:center;gap:12px;text-decoration:none;}.smbf-stlead__playdisc{display:grid;place-items:center;height:54px;width:54px;border-radius:999px;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.05);color:#fff;transition:background .2s ease;}.smbf-stlead:hover .smbf-stlead__playdisc{background:rgba(255,255,255,.15);}.smbf-stlead__playtxt{font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:600;color:#fff;}.smbf-stlead__quote{position:absolute;left:38px;bottom:74px;max-width:440px;}.smbf-stq{display:block;font-family:Georgia,serif;font-size:64px;line-height:1;color:#53A845;margin-bottom:-20px;}.smbf-stq--sm{font-size:42px;margin-top:-10px;margin-bottom:0;}.smbf-stlead__q{font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:700;line-height:1.35;color:#fff;margin:0;}.smbf-stlead__n{font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:12px 0 0;}.smbf-stlead__r{font-family:Manrope,Inter,sans-serif;font-size:12px;color:rgba(255,255,255,.8);margin:0;}.smbf-stlead__bar{position:absolute;left:0;right:0;bottom:0;padding:0 26px 14px;}.smbf-stlead__track{height:3px;width:100%;border-radius:999px;background:rgba(255,255,255,.25);}.smbf-stlead__track span{display:block;height:100%;width:24%;border-radius:999px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-stlead__ctrls{margin-top:10px;display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.85);font-family:Manrope,Inter,sans-serif;font-size:12px;}.smbf-stlead__dim{color:rgba(255,255,255,.5);}.smbf-stside{display:grid;gap:16px;}@media(min-width:601px) and (max-width:1024px){.smbf-stside{grid-template-columns:repeat(2,1fr);}}.smbf-stcard{position:relative;height:202px;overflow:hidden;border-radius:9px;}.smbf-stcard img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:left;transition:transform .25s ease;}.smbf-stcard:hover img{transform:scale(1.02);}.smbf-stcard__wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,32,.10) 0%,rgba(3,15,32,.35) 45%,rgba(3,15,32,.90) 100%);}.smbf-stcard__play{position:absolute;left:34px;top:50%;transform:translateY(-50%);display:grid;place-items:center;height:50px;width:50px;border-radius:999px;border:1.5px solid rgba(255,255,255,.9);background:rgba(255,255,255,.05);color:#fff;transition:background .2s ease;}.smbf-stcard__play:hover{background:rgba(255,255,255,.2);}.smbf-stcard__txt{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;width:210px;gap:8px;}.smbf-stcard__q{font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;line-height:1.4;color:#fff;margin:0;}.smbf-stcard__n{font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:10px 0 0;}.smbf-stcard__r{font-family:Manrope,Inter,sans-serif;font-size:11px;color:rgba(255,255,255,.8);margin:0;}.smbf-stcta{margin-top:20px;display:flex;justify-content:center;}.smbf-stcta a{display:inline-flex;height:46px;width:245px;align-items:center;justify-content:space-between;border-radius:6px;border:1px solid #11306C;background:#F3F8FC;padding:0 20px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#082F6F;}.smbf-stcta a span{margin:0 auto;}.smbf-ststats{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-radius:11px;border:1px solid rgba(12,27,68,.08);background:#F3F8FC;padding:0 26px;min-height:132px;box-shadow:0 6px 24px rgba(8,35,70,.05);}@media(max-width:1024px){.smbf-ststats{grid-template-columns:repeat(2,1fr);padding:24px 26px;gap:24px;}}@media(max-width:600px){.smbf-ststats{grid-template-columns:1fr;}}.smbf-ststat{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 10px;}.smbf-ststat+.smbf-ststat{border-left:1px solid rgba(12,27,68,.13);}@media(max-width:1024px){.smbf-ststat+.smbf-ststat{border-left:none;}}.smbf-ststat__disc{display:grid;place-items:center;height:70px;width:70px;flex:0 0 70px;border-radius:999px;}.smbf-ststat__v{font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:800;line-height:1;color:#082F6F;margin:0;}.smbf-ststat__c{font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.45;color:#36415F;margin:6px 0 0;}.smbf-ststat__c span{display:block;}

@media(max-width:600px){
  .smbf-ststats{
    padding:6px 22px;
    gap:0;
    min-height:0;
  }
  .smbf-ststat{
    justify-content:flex-start;
    padding:18px 4px;
  }
  .smbf-ststat+.smbf-ststat{
    border-top:1px solid rgba(12,27,68,.13);
  }
}

/* =============================================================
   Partners
   ============================================================= */
.smbf-partners{width:100%;}.smbf-pblock{margin-top:20px;}.smbf-pblock--nat{margin-top:34px;}.smbf-pcat{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:12px;}@media(min-width:601px){.smbf-pcat{flex-wrap:nowrap;}}.smbf-pcat__disc{display:grid;place-items:center;height:54px;width:54px;flex:0 0 54px;border-radius:999px;padding:1.5px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3));}.smbf-pcat__disc > span{display:grid;place-items:center;height:100%;width:100%;border-radius:999px;background:#fff;color:#082F6F;}.smbf-pcat h3{flex-shrink:0;margin:0;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:.01em;color:#082F6F;}.smbf-pcat__rule{position:relative;display:none;height:1px;min-width:0;flex:1;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3));}@media(min-width:601px){.smbf-pcat__rule{display:block;}}.smbf-pcat__rule i{position:absolute;top:-2.5px;right:0;height:6px;width:6px;border-radius:999px;background:#56A840;}.smbf-ukflag{height:22px;width:30px;border-radius:2px;}.smbf-pgrid{margin-top:18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}@media(max-width:1024px){.smbf-pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}}@media(max-width:600px){.smbf-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}.smbf-pcard{display:flex;height:155px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(8,47,111,.12);background:#fff;padding:18px;box-shadow:0 4px 16px rgba(8,35,70,.04);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;}@media(max-width:600px){.smbf-pcard{height:130px;}}.smbf-pcard:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(8,35,70,.08);}.smbf-pcard img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;}.smbf-pmark{font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;color:#082F6F;text-align:center;}.smbf-pcta{margin:26px auto 0;display:flex;width:100%;max-width:1120px;flex-direction:column;align-items:center;gap:24px;border-radius:16px;border:1px solid rgba(8,47,111,.12);background:#fff;padding:28px 24px;text-align:center;box-shadow:0 6px 22px rgba(8,35,70,.05);}@media(min-width:601px){.smbf-pcta{flex-direction:row;justify-content:center;gap:28px;padding:28px 55px;text-align:left;}}.smbf-pcta__disc{display:grid;place-items:center;height:72px;width:72px;flex:0 0 72px;border-radius:999px;padding:1.5px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3));}.smbf-pcta__disc > span{display:grid;place-items:center;height:100%;width:100%;border-radius:999px;background:#fff;color:#082F6F;}.smbf-pcta__txt h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;color:#082F6F;}.smbf-pcta__txt p{margin:8px 0 0;font-family:Manrope,Inter,sans-serif;font-size:16px;color:#52617A;}.smbf-pcta__div{display:none;height:58px;width:1px;background:rgba(8,47,111,.14);}@media(min-width:601px){.smbf-pcta__div{display:block;}}.smbf-pcta__btn{display:inline-flex;height:58px;width:100%;max-width:320px;align-items:center;justify-content:space-between;border-radius:8px;padding:0 28px;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:600;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}.smbf-pcta__btn:hover{filter:brightness(1.1);}.smbf-peyebrow{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3t));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0;text-align:center;}.smbf-peyebrow__rule{display:block;height:2px;width:68px;margin:8px auto 0;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3));}.smbf-ph2b{margin:16px auto 0;max-width:900px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:50px;font-weight:800;line-height:1.06;color:#082F6F;}.smbf-ph2b .uk{color:#145BC7;}.smbf-ph2b .wd{color:#56A840;}@media(max-width:767px){.smbf-ph2b{font-size:35px;}}.smbf-plead{margin:18px auto 0;max-width:545px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:#52617A;}

/* =============================================================
   International Trade
   ============================================================= */
.smbf-trade{width:100%;}.smbf-tdgrid{display:grid;grid-template-columns:1.25fr .82fr .72fr;align-items:stretch;gap:42px;}@media(max-width:1100px){.smbf-tdgrid{grid-template-columns:1fr;gap:32px;}}.smbf-tdcard{position:relative;min-height:590px;overflow:hidden;border-radius:12px;border:1px solid rgba(145,185,218,.35);}.smbf-tdcard img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:70% center;transition:transform .25s ease;}.smbf-tdcard:hover img{transform:scale(1.02);}.smbf-tdcard__w1{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,52,.94) 0%,rgba(3,22,52,.74) 48%,rgba(3,22,52,.25) 100%);}.smbf-tdcard__w2{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,22,52,0) 50%,rgba(3,22,52,.65) 100%);}.smbf-tdmap{position:absolute;right:0;top:0;height:190px;width:340px;opacity:.14;pointer-events:none;}.smbf-tdcard__in{position:relative;z-index:1;padding:42px;}@media(max-width:600px){.smbf-tdcard__in{padding:28px;}}.smbf-tdcard__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#65B64C;}.smbf-tdcard__rule{display:block;height:1px;width:105px;margin-top:12px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-tdcard__h{margin:28px 0 0;font-family:Manrope,Inter,sans-serif;font-size:43.2px;font-weight:800;line-height:1.18;letter-spacing:-.02em;color:#fff;}@media(max-width:767px){.smbf-tdcard__h{font-size:34px;}}.smbf-tdcard__h .b{color:#0874D1;}.smbf-tdcard__h .t{color:#1598A3;}.smbf-tdcard__h .g{color:#59AA47;}.smbf-tdcard__p{margin:28px 0 0;max-width:336px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.7;color:rgba(255,255,255,.95);}.smbf-tdcard__next{position:absolute;left:28px;right:28px;bottom:25px;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;max-width:380px;border-radius:9px;background:rgba(4,31,72,.92);backdrop-filter:blur(8px);padding:16px;color:#fff;text-decoration:none;}@media(max-width:600px){.smbf-tdcard__next{left:15px;right:15px;bottom:15px;}}.smbf-tdcard__nextdisc{display:grid;place-items:center;height:60px;width:60px;flex:0 0 60px;border-radius:999px;background:#0849A5;}.smbf-tdcard__nexttxt{min-width:0;display:block;font-family:Manrope,Inter,sans-serif;}.smbf-tdcard__nexttxt .g{display:block;font-size:14px;color:#65B64C;}.smbf-tdcard__nexttxt .n{display:block;font-size:16px;font-weight:600;color:#fff;}.smbf-tdcard__nexttxt .d{display:block;font-size:14px;color:#fff;}.smbf-tdcard:hover .smbf-tdcard__next svg:last-child{transform:translateX(3px);transition:transform .2s ease;}.smbf-tdmid h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:30.24px;font-weight:700;line-height:1.2;color:#fff;}@media(max-width:767px){.smbf-tdmid h3{font-size:26px;}}.smbf-tdmid__month{margin:4px 0 0;font-family:Manrope,Inter,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-tdmid__p{margin:16px 0 0;max-width:430px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.65;color:#fff;}.smbf-tdmid__hr{margin:25px 0;height:1px;width:100%;background:rgba(255,255,255,.25);}.smbf-tdrow{display:flex;align-items:flex-start;gap:16px;padding:18px 0;}.smbf-tdrow.has-div{border-bottom:1px solid rgba(255,255,255,.2);}.smbf-tdrow__disc{display:grid;place-items:center;height:52px;width:52px;flex:0 0 52px;border-radius:999px;background:#0849A5;color:#fff;}.smbf-tdrow__l{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;}.smbf-tdrow__v{margin-top:4px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.5;color:#fff;}.smbf-tbc{font-size:13px;color:rgba(255,255,255,.65);}.smbf-tdgain{align-self:start;border-radius:12px;border:1px solid rgba(66,168,120,.75);background:rgba(255,255,255,.02);padding:32px;}.smbf-tdgain h3{margin:0 0 26px;font-family:Manrope,Inter,sans-serif;font-size:23px;font-weight:700;line-height:1.5;color:#5EAD49;}.smbf-tdgain ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;}.smbf-tdgain li{display:flex;align-items:flex-start;gap:15px;color:#65B84C;}.smbf-tdgain li svg{flex:0 0 20px;margin-top:3px;}.smbf-tdgain p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.6;color:#fff;}.smbf-tdstrip{position:relative;margin-top:24px;overflow:hidden;border-radius:9px;border:1px solid rgba(145,185,218,.55);background:rgba(4,31,72,.72);}.smbf-tdstrip__l{position:absolute;bottom:-96px;left:0;height:220px;width:320px;opacity:.24;pointer-events:none;}.smbf-tdstrip__r{position:absolute;bottom:-96px;right:0;height:220px;width:320px;opacity:.24;pointer-events:none;}.smbf-tdstrip__in{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:28px;padding:20px 85px;}@media(max-width:1200px){.smbf-tdstrip__in{padding:20px 40px;}}@media(max-width:1000px){.smbf-tdstrip__in{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 20px;}.smbf-tdstrip__div{height:1px !important;width:100% !important;}}.smbf-tdstrip__disc{display:grid;place-items:center;height:76px;width:76px;flex:0 0 76px;border-radius:999px;background:#063E8D;color:#fff;}.smbf-tdstrip__txt .h{margin:0;font-family:Manrope,Inter,sans-serif;font-size:25px;font-weight:700;line-height:1.2;color:#fff;}.smbf-tdstrip__txt .h span{color:#3FA8A6;}@media(max-width:600px){.smbf-tdstrip__txt .h{font-size:21px;}}.smbf-tdstrip__txt .s{margin:8px 0 0;font-family:Manrope,Inter,sans-serif;font-size:14px;color:rgba(255,255,255,.95);}.smbf-tdstrip__btn{display:inline-flex;height:55px;width:235px;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}.smbf-tdstrip__btn:hover{filter:brightness(1.1);}.smbf-tdstrip__div{height:67px;width:1px;background:rgba(255,255,255,.35);}.smbf-tdstrip__help{display:flex;align-items:center;gap:16px;color:#fff;}.smbf-tdstrip__help p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.45;color:#fff;}

/* =============================================================
   Gallery
   ============================================================= */
.smbf-gallery{position:relative;width:100%;}.smbf-glarcs{position:absolute;left:0;top:0;height:620px;width:420px;transform:translateX(-50%);pointer-events:none;}.smbf-gldots{position:absolute;right:65px;top:120px;display:grid;grid-template-columns:repeat(5,1fr);gap:23px;opacity:.55;pointer-events:none;}.smbf-gldots span{display:block;height:5px;width:5px;border-radius:999px;}@media(max-width:1024px){.smbf-glarcs,.smbf-gldots{display:none;}}.smbf-gltabs{position:relative;margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}@media(max-width:600px){.smbf-gltabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;}.smbf-gltabs::-webkit-scrollbar{display:none;}}.smbf-gltab{height:44px;flex-shrink:0;border-radius:24px;padding:0 29px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;border:1px solid rgba(17,48,108,.30);background:#fff;color:#082F6F;cursor:pointer;transition:background .2s ease;}.smbf-gltab:hover{background:#EAF1FA!important;color:#082F6F!important;}.smbf-gltab.is-on:hover{background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%)!important;color:#fff!important;}.smbf-gltab.is-on{border-color:transparent;color:#fff;background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%);}.smbf-glgrid{position:relative;margin-top:30px;display:grid;gap:11px;}@media(min-width:1025px){.smbf-glgrid{grid-template-columns:repeat(12,1fr);grid-template-rows:255px 140px 140px;grid-template-areas:"a a a a b b b b c c c c" "d d d d e e e e f f g g" "d d d d e e e e h h i i";}}@media(min-width:768px) and (max-width:1024px){.smbf-glgrid{grid-template-columns:repeat(2,1fr);}}.smbf-gltile{position:relative;margin:0;height:200px;overflow:hidden;border-radius:10px;}@media(min-width:1025px){.smbf-gltile{height:auto;}.smbf-gltile--a{grid-area:a;}.smbf-gltile--b{grid-area:b;}.smbf-gltile--c{grid-area:c;}.smbf-gltile--d{grid-area:d;}.smbf-gltile--e{grid-area:e;}.smbf-gltile--f{grid-area:f;}.smbf-gltile--g{grid-area:g;}.smbf-gltile--h{grid-area:h;}.smbf-gltile--i{grid-area:i;}}.smbf-gltile img{height:100%;width:100%;object-fit:cover;transition:transform .25s ease;}.smbf-gltile:hover img{transform:scale(1.02);}.smbf-glcta{margin-top:24px;display:flex;justify-content:center;}.smbf-glcta a{display:flex;height:64px;width:auto;gap:12px;align-items:center;border-radius:10px;border:1px solid rgba(20,91,199,.45);background:#fff;padding:0 26px;color:#082F6F;font-size:16px;text-decoration:none;transition:background .2s ease;}.smbf-glcta a:hover{background:#EAF1FA;}.smbf-glcta span{margin:0 auto;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:600;}@media(max-width:600px){.smbf-glcta span{font-size:18px;}}.smbf-gleyebrow{margin:0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:5px;color:#435FA8;}.smbf-gleyebrow__rule{display:block;height:3px;width:55px;margin:10px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-glh2{margin:16px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:70px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#082F6F;}.smbf-glh2 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1024px){.smbf-glh2{font-size:52px;}}@media(max-width:767px){.smbf-glh2{font-size:40px;}}.smbf-gllead{margin:18px auto 0;max-width:700px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:19px;line-height:1.55;color:#082F6F;}

/* =============================================================
   Invest
   ============================================================= */
.smbf-invest{width:100%;}.smbf-invgrid{margin-top:45px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}@media(max-width:767px){.smbf-invgrid{grid-template-columns:1fr;}}.smbf-invcard{position:relative;height:505px;overflow:hidden;border-radius:16px;}@media(max-width:767px){.smbf-invcard{height:460px;}}.smbf-invcard img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .3s ease;}.smbf-invcard--dark img{object-position:60% center;}.smbf-invcard:hover img{transform:scale(1.02);}.smbf-invcard__w1{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,42,.95) 0%,rgba(2,18,42,.82) 40%,rgba(2,18,42,.35) 100%);}.smbf-invcard__w2{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,42,0) 55%,rgba(2,18,42,.45) 100%);}.smbf-invcard__w3{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 42%,rgba(255,255,255,.05) 100%);}.smbf-invcard__in{position:relative;height:100%;padding:55px;}@media(max-width:600px){.smbf-invcard__in{padding:30px;}}.smbf-hex{position:relative;display:block;height:55px;width:55px;}.smbf-hex svg:first-child{position:absolute;inset:0;height:100%;width:100%;}.smbf-hex__in{position:absolute;inset:0;margin:auto;}.smbf-invcard h3{margin:35px 0 0;font-family:Manrope,Inter,sans-serif;font-size:46px;font-weight:700;}@media(max-width:600px){.smbf-invcard h3{font-size:34px;}}.smbf-invcard--dark h3{color:#fff;}.smbf-invcard--light h3{color:#082F6F;white-space:nowrap;}.smbf-invcard__rule{display:block;height:2px;width:52px;margin-top:22px;background:#2FA493;}.smbf-invcard__rule--grad{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-invcard p{margin:25px 0 0;max-width:280px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.6;}.smbf-invcard--dark p{color:#fff;}.smbf-invcard--light p{color:#082F6F;}.smbf-invcard__go{position:absolute;left:55px;bottom:62px;display:grid;place-items:center;height:56px;width:56px;border-radius:999px;background:#fff;}@media(max-width:600px){.smbf-invcard__go{left:30px;bottom:40px;height:52px;width:52px;}}.smbf-invcard__go--dark{background:#031936;}.smbf-invcard:hover .smbf-invcard__go svg{transform:translateX(3px);transition:transform .2s ease;}.smbf-inveyebrow{margin:0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.26em;color:#158789;}.smbf-invh2{margin:26px auto 0;max-width:900px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:64px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#082F6F;}.smbf-invh2 .l{display:block;}.smbf-invh2 .p{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-invh2 .i{background:linear-gradient(90deg,#23899B 0%,#279B84 55%,#55A443 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1024px){.smbf-invh2{font-size:48px;}}@media(max-width:767px){.smbf-invh2{font-size:38px;}}.smbf-invrule{display:block;height:2px;width:48px;margin:25px auto 0;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-invlead{margin:25px auto 0;max-width:660px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.55;color:#667188;}

/* =============================================================
   Footer
   ============================================================= */
.smbf-newscard{width:100%;max-width:1490px;margin:0 auto;border-radius:14px;border:1px solid rgba(8,47,111,.10);background:#fff;padding:46px;box-shadow:0 6px 22px rgba(8,35,70,.05);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;}@media(max-width:1024px){.smbf-newscard{grid-template-columns:1fr;gap:36px;padding:34px 28px;}}.smbf-newslead{display:flex;align-items:center;gap:34px;}@media(max-width:600px){.smbf-newslead{flex-direction:column;align-items:flex-start;gap:26px;}}.smbf-newsdisc{display:grid;place-items:center;height:100px;width:100px;flex:0 0 100px;border-radius:999px;border:1px solid rgba(8,47,111,.15);background:#fff;color:#1467BC;box-shadow:0 4px 14px rgba(8,35,70,.06);}.smbf-newseye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.smbf-newseye .a{color:#145BC7;}.smbf-newseye .b{color:#168F9C;}.smbf-newsh2{margin:10px 0 0;font-family:Manrope,Inter,sans-serif;font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:#061A3D;}.smbf-newsh2 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:600px){.smbf-newsh2{font-size:34px;}}.smbf-newsp{margin:12px 0 0;max-width:560px;font-family:Manrope,Inter,sans-serif;font-size:16.5px;line-height:1.55;color:#12284D;}.smbf-newsnote{margin:17px 0 0;display:flex;align-items:center;gap:8px;font-family:Manrope,Inter,sans-serif;font-size:13px;color:#657086;}.smbf-newsform .elementor-form{display:flex;overflow:hidden;border-radius:9px;border:1px solid rgba(8,47,111,.18);background:#fff;height:58px;}.smbf-newsform .elementor-field-group{padding:0 !important;margin:0 !important;flex:1;}.smbf-newsform .elementor-field-textual{height:56px !important;border:none !important;background:#fff !important;padding-left:24px !important;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#12284D;box-shadow:none !important;}.smbf-newsform .elementor-field-group-submit{flex:0 0 33%;}.smbf-newsform .elementor-button{height:56px !important;width:100% !important;border-radius:8px !important;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%) !important;box-shadow:0 8px 24px -14px rgba(8,47,111,.5);font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;}.smbf-newsform .elementor-button:hover{filter:brightness(1.25);}@media(max-width:600px){.smbf-newsform .elementor-form{flex-direction:column;height:auto;}.smbf-newsform .elementor-field-group-submit{flex:1;}}.smbf-fmain{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1fr;column-gap:35px;row-gap:44px;width:100%;}@media(max-width:1200px){.smbf-fmain{grid-template-columns:repeat(2,1fr);}}@media(max-width:600px){.smbf-fmain{grid-template-columns:1fr;}}.smbf-fdiv{min-width:0;}@media(min-width:1201px){.smbf-fdiv{border-left:1px solid rgba(8,47,111,.10);padding-left:35px;}}.smbf-fbrand__top{display:flex;align-items:center;gap:14px;}.smbf-fbrand__txt{display:flex;flex-direction:column;line-height:1;}.smbf-fbrand__txt .n{font-family:Manrope,Inter,sans-serif;font-size:42px;font-weight:800;letter-spacing:-.01em;color:#082F6F;}.smbf-fbrand__txt .g{margin-top:5px;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:.18em;color:#12284D;}.smbf-fbrand__p{margin:30px 0 0;max-width:360px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.7;color:#12284D;}.smbf-fbrand__rule{display:block;height:3px;width:235px;margin-top:45px;border-radius:2px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-fsocial{margin-top:26px;display:flex;align-items:center;gap:16px;}.smbf-fsocial a{display:grid;place-items:center;height:43px;width:43px;border-radius:999px;border:1px solid rgba(8,47,111,.35);color:#082F6F;transition:background .2s ease;}.smbf-fsocial a:hover{background:#EAF2FB;}.smbf-fsocial svg{height:17px;width:17px;}.smbf-fcol h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#145BC7;}.smbf-fcol__rule{display:block;height:2px;width:39px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}.smbf-fcol ul{list-style:none;margin:18px 0 0;padding:0;}.smbf-fcol li{line-height:2.35;}.smbf-fcol a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Manrope,Inter,sans-serif;font-size:15.5px;color:#12284D;text-decoration:none;transition:color .2s ease;}.smbf-fcol a:hover{color:#145BC7;}.smbf-fchev{display:inline-flex;color:#657086;transition:transform .2s ease;}.smbf-fcol a:hover .smbf-fchev{transform:translateX(3px);}.smbf-fdark{display:grid;grid-template-columns:.8fr 1.2fr 1fr 1fr 1.3fr;align-items:center;gap:30px;width:100%;}@media(max-width:1200px){.smbf-fdark{grid-template-columns:repeat(2,1fr);}}@media(max-width:600px){.smbf-fdark{grid-template-columns:1fr;}}.smbf-fdark__brand{display:flex;align-items:center;gap:10px;}.smbf-fdark__brand .n{font-size:30px;color:#fff;}.smbf-fdark__brand .g{font-size:10px;color:rgba(255,255,255,.9);margin-top:4px;}@media(min-width:1201px){.smbf-fdark__col{border-left:1px solid rgba(255,255,255,.18);padding-left:30px;}}.smbf-fdark__b{display:flex;min-width:0;align-items:flex-start;gap:14px;}.smbf-fdark__i{margin-top:2px;flex-shrink:0;color:#91B9DA;}.smbf-fdark__b .t{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;}.smbf-fdark__b .v{margin-top:6px;font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.8;color:rgba(255,255,255,.95);}.smbf-fdark__b .v p{margin:0;}.smbf-fdark__b .v em{color:#57A546;font-style:normal;}.smbf-fdark__b .v a{color:inherit;text-decoration:none;}.smbf-fdark__b .v a:hover{color:#91B9DA;}.smbf-fdark__cta h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:18.5px;font-weight:700;color:#fff;}.smbf-fdark__cta p{margin:8px 0 0;max-width:215px;font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.7;color:rgba(255,255,255,.95);}.smbf-fdark__btn{margin-top:18px;display:flex;height:48px;width:220px;align-items:center;justify-content:center;gap:12px;border-radius:9px;border:1px solid #145BC7;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#DCE9F7;text-decoration:none;transition:.2s;}.smbf-fdark__btn:hover{border-color:#57A546;color:#fff;}.smbf-fdark__hr{margin-top:35px;height:1px;width:100%;background:rgba(255,255,255,.16);}.smbf-fdark__copy{margin:0;padding:20px 0 25px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:13px;color:rgba(255,255,255,.95);}

/* =============================================================
   FAQ
   ============================================================= */
.smbf-faq2{width:100%;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}.smbf-faq2__item{border-radius:16px;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 6px 22px rgba(8,35,70,.05);overflow:hidden;transition:box-shadow .2s ease;}.smbf-faq2__item[open]{box-shadow:0 10px 28px rgba(8,35,70,.09);}.smbf-faq2__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:24px 28px;}.smbf-faq2__item summary::-webkit-details-marker{display:none;}.smbf-faq2__q{font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.4;color:#082F6F;}@media(max-width:600px){.smbf-faq2__q{font-size:16px;}.smbf-faq2__item summary{padding:20px;}}.smbf-faq2__mark{position:relative;display:grid;place-items:center;height:34px;width:34px;flex:0 0 34px;border-radius:999px;background:rgba(20,91,199,.08);transition:background .2s ease,transform .2s ease;}.smbf-faq2__mark i{position:absolute;background:#145BC7;border-radius:2px;transition:opacity .2s ease;}.smbf-faq2__mark i:first-child{width:13px;height:2px;}.smbf-faq2__mark i:last-child{width:2px;height:13px;}.smbf-faq2__item[open] .smbf-faq2__mark{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);transform:rotate(180deg);}.smbf-faq2__item[open] .smbf-faq2__mark i{background:#fff;}.smbf-faq2__item[open] .smbf-faq2__mark i:last-child{opacity:0;}.smbf-faq2__a{padding:0 28px 26px;}@media(max-width:600px){.smbf-faq2__a{padding:0 20px 22px;}}.smbf-faq2__a p{margin:0;max-width:780px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.7;color:#36415F;}.smbf-faqcta{margin:26px auto 0;display:flex;width:100%;max-width:980px;flex-direction:column;align-items:center;gap:22px;border-radius:16px;border:1px solid rgba(8,47,111,.12);background:#fff;padding:26px 28px;text-align:center;box-shadow:0 6px 22px rgba(8,35,70,.05);}@media(min-width:769px){.smbf-faqcta{flex-direction:row;text-align:left;gap:26px;padding:26px 40px;}}.smbf-faqcta__disc{display:grid;place-items:center;height:66px;width:66px;flex:0 0 66px;border-radius:999px;padding:1.5px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-faqcta__disc > span{display:grid;place-items:center;height:100%;width:100%;border-radius:999px;background:#fff;color:#082F6F;}.smbf-faqcta__txt{flex:1;min-width:0;}.smbf-faqcta__txt h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:700;color:#082F6F;}.smbf-faqcta__txt p{margin:6px 0 0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.55;color:#52617A;}.smbf-faqcta__div{display:none;height:52px;width:1px;background:rgba(8,47,111,.14);}@media(min-width:769px){.smbf-faqcta__div{display:block;}}.smbf-faqcta__btn{display:inline-flex;height:52px;width:100%;max-width:230px;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);text-decoration:none;}.smbf-faqcta__btn:hover{filter:brightness(1.1);}.smbf-faqeyebrow{display:flex;flex-direction:column;align-items:center;}.smbf-faqeyebrow span:first-child{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#0C7B82;}.smbf-faqeyebrow__rule{display:block;height:2px;width:52px;margin-top:10px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-faqh2{margin:16px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:52px;font-weight:800;line-height:1.06;letter-spacing:-.02em;color:#082F6F;}.smbf-faqh2 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1024px){.smbf-faqh2{font-size:40px;}}@media(max-width:767px){.smbf-faqh2{font-size:32px;}}.smbf-faqlead{margin:16px auto 30px;max-width:640px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#52617A;}

/* =============================================================
   Section shell \u2014 [smbf_section] chrome for new pages
   ============================================================= */
.smbf-sec{width:100%;}.smbf-sec__in{margin:0 auto;width:100%;}.smbf-sec__in{text-align:left;}.smbf-sec--center .smbf-sec__eyebrow,.smbf-sec--center .smbf-sec__h2,.smbf-sec--center .smbf-sec__lead{text-align:center;}.smbf-sec__eyebrow{display:flex;flex-direction:column;align-items:center;}.smbf-sec--left .smbf-sec__eyebrow{align-items:flex-start;}.smbf-sec__eyebrow span:first-child{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#0C7B82;}.smbf-sec__rule{display:block;height:2px;width:52px;margin-top:10px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}.smbf-sec__h2{margin:16px 0 0;font-family:Manrope,Inter,sans-serif;font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#082F6F;}.smbf-sec--bg-navy .smbf-sec__h2,.smbf-sec--bg-navy .smbf-sec__lead{color:#fff;}.smbf-sec__grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-sec__ac--a{color:#145CC6;}.smbf-sec__ac--b{color:#56A344;}@media(max-width:1024px){.smbf-sec__h2{font-size:40px;}}@media(max-width:767px){.smbf-sec__h2{font-size:32px;}.smbf-sec{padding-left:20px !important;padding-right:20px !important;}}.smbf-sec__lead{margin:16px auto 30px;max-width:700px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#52617A;}.smbf-sec--left .smbf-sec__lead{margin-left:0;}

/* =============================================================
   Builder-free theme: header, buttons, page, footer bands
   ============================================================= */
.smbf-header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;padding:30px 24px;transition:background-color .25s ease,box-shadow .25s ease,padding .25s ease;}.smbf-header.is-scrolled{background:rgba(243,248,252,.94);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);box-shadow:0 1px 0 rgba(6,34,93,.10),0 6px 22px rgba(6,34,93,.07);padding:14px 24px;}.admin-bar .smbf-header{top:32px;}.smbf-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1430px;margin:0 auto;}.smbf-header__logo{flex:0 0 auto;display:block;}.smbf-header__logo img{display:block;width:230px;height:auto;transition:width .25s ease;}.smbf-header.is-scrolled .smbf-header__logo img{width:180px;}.smbf-header__nav{flex:1 1 auto;min-width:0;display:flex;justify-content:center;}.smbf-nav{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;}.smbf-nav li{position:relative;}.smbf-nav a{display:block;padding:0 29px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:500;color:#082F6F;text-decoration:none;white-space:nowrap;transition:color .2s ease;}.smbf-nav a:hover,.smbf-nav .current-menu-item > a{color:#145BC7;}.smbf-header__cta{flex:0 0 auto;display:flex;align-items:center;gap:16px;}.smbf-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:11px 26px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:.2s;}.smbf-btn--ghost{border:1px solid rgba(6,34,93,.6);color:#082F6F;background:transparent;}.smbf-btn--ghost:hover{border-color:#145BC7;color:#145BC7;}.smbf-btn--grad{color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);}.smbf-btn--grad:hover{opacity:.92;}.smbf-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:none;background:transparent;cursor:pointer;}.smbf-burger span{display:block;height:2px;width:24px;background:#082F6F;border-radius:2px;margin:0 auto;transition:.2s;}@media(max-width:1100px){.smbf-burger{display:flex;}.smbf-header__nav{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 30px rgba(6,34,93,.12);display:none;padding:12px 0;}.smbf-header__nav.is-open{display:block;}.smbf-nav{flex-direction:column;align-items:stretch;}.smbf-nav a{padding:14px 24px;}.smbf-header__cta .smbf-btn--ghost{display:none;}}@media(max-width:600px){.smbf-header{padding:16px 18px;}.smbf-header__logo img{width:150px;}}.smbf-page{padding:150px 24px 96px;background:#F3F8FC;}.smbf-page__in{max-width:900px;margin:0 auto;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.7;color:#102351;}.smbf-page__title{font-family:Manrope,Inter,sans-serif;font-size:52px;font-weight:800;letter-spacing:-.02em;color:#082F6F;margin:0 0 24px;}@media(max-width:767px){.smbf-page__title{font-size:34px;}}.smbf-footer__news{background:#fff;padding:96px 22px 80px;}.smbf-footer__mainband{background:linear-gradient(180deg,#F9FBFE 0%,#F3F7FC 100%);padding:55px 40px;}.smbf-footer__darkband{background:linear-gradient(90deg,#05285D 0%,#082F6F 48%,#06306B 100%);padding:45px 40px;}.smbf-footer__in{max-width:1400px;margin:0 auto;width:100%;}.smbf-footer__news .smbf-footer__in{max-width:1490px;}@media(max-width:767px){.smbf-footer__news{padding:56px 20px 48px;}.smbf-footer__mainband,.smbf-footer__darkband{padding-left:20px;padding-right:20px;}}.smbf-newsform2 form{display:flex;overflow:hidden;border-radius:9px;border:1px solid rgba(8,47,111,.18);background:#fff;height:58px;}.smbf-newsform2 input[type=email]{flex:1;height:56px;border:none;background:#fff;padding-left:24px;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#12284D;outline:none;}.smbf-newsform2 button{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:0 0 33%;height:56px;border:none;cursor:pointer;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);}.smbf-newsform2 button:hover{filter:brightness(1.25);}@media(max-width:600px){.smbf-newsform2 form{flex-direction:column;height:auto;}.smbf-newsform2 button{flex:1;}}



/* Fix: nav overflowing into the CTA area on medium-width desktops.
   The nav had no shrink/wrap logic, so it silently overflowed past
   its container and landed on top of Login/Become A Member. */
@media (max-width: 1400px) {
  .smbf-nav a{
    padding: 0 18px;
    font-size: 15px;
  }
}
@media (max-width: 1250px) {
  .smbf-nav a{
    padding: 0 12px;
    font-size: 14px;
  }
  .smbf-header__cta{ gap: 10px; }
  .smbf-btn{ padding: 11px 18px; font-size: 15px; }
}
/* Move the burger breakpoint up from 1100px to 1150px so the nav
   never has less room than it needs before switching to the mobile menu */
@media (max-width: 1150px) {
  .smbf-burger{ display: flex; }
  .smbf-header__nav{
    position: absolute; left: 0; right: 0; top: 100%;
    background: #fff; box-shadow: 0 12px 30px rgba(6,34,93,.12);
    display: none; padding: 12px 0;
  }
  .smbf-header__nav.is-open{ display: block; }
  .smbf-nav{ flex-direction: column; align-items: stretch; }
  .smbf-nav a{ padding: 14px 24px; }
  .smbf-header__cta .smbf-btn--ghost{ display: none; }
}
/* =============================================================
   Hero + About blocks (builder-free)
   ============================================================= */
.smbf-hero2{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 64px;background:#F3F8FC center bottom/cover no-repeat;overflow:hidden;}.smbf-hero2__w1{position:absolute;inset:0;background:radial-gradient(78% 62% at 46% 44%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 45%,rgba(255,255,255,.18) 78%,rgba(255,255,255,0) 100%);}.smbf-hero2__w2{position:absolute;inset:0;background:linear-gradient(180deg,rgba(233,241,250,.85) 0%,rgba(255,255,255,.10) 42%,rgba(255,255,255,0) 100%);}.smbf-hero2__in{position:relative;z-index:1;width:100%;max-width:1280px;display:flex;flex-direction:column;align-items:center;}.smbf-hero2__h1{margin:40px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:86px;font-weight:800;line-height:1.02;letter-spacing:-.02em;color:#082F6F;}.smbf-hero2__h1 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1023px){.smbf-hero2__h1{font-size:68px;}}@media(max-width:767px){.smbf-hero2{min-height:100vh;padding:104px 18px 48px;}.smbf-hero2__h1{font-size:56px;}}@media(max-width:639px){.smbf-hero2__h1{font-size:38px;}.smbf-hero2__lead{font-size:16px;line-height:24px;}.smbf-hero2__cta{margin-top:40px;height:58px;font-size:18px;}.smbf-hero2 .smbf-tiles{margin-top:36px;}}.smbf-hero2__lead{margin:14px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:24px;line-height:36px;color:#152E67;}@media(max-width:1023px){.smbf-hero2__lead{font-size:19px;line-height:28.5px;}}.smbf-hero2 .smbf-since{margin-top:18px;}.smbf-hero2 .smbf-tiles{margin-top:52px;}.smbf-hero2__cta{margin-top:48px;display:flex;align-items:center;justify-content:center;height:70px;width:100%;max-width:340px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:600;color:#fff;text-decoration:none;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}.smbf-hero2__cta:hover{opacity:.92;}.smbf-absplit{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start;margin-top:38px;}@media(max-width:1024px){.smbf-absplit{grid-template-columns:1fr;gap:32px;}}@media(min-width:1025px){.smbf-abtext{border-left:1px solid rgba(9,27,75,.15);padding-left:48px;}}.smbf-abh2a{margin:0;font-family:Manrope,Inter,sans-serif;font-size:61px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#091B4B;}@media(max-width:1024px){.smbf-abh2a{font-size:44px;}}@media(max-width:767px){.smbf-abh2a{font-size:34px;}}.smbf-abtext{max-width:560px;padding-top:8px;}.smbf-abtext p{margin:0 0 26px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#102351;}.smbf-abtext p:last-child{margin-bottom:0;}.smbf-abimg{margin-top:45px;}.smbf-abcards{margin-top:35px;}

/* overflow containment ------------------------------------------------
   Decorative arc/dot fields are positioned outside their section on
   purpose. Elementor previously clipped them per-container; the section
   shell must do the same or they widen the document.
   -------------------------------------------------------------------- */
.smbf-sec,.smbf-hero2,.smbf-footer__news,.smbf-footer__mainband,.smbf-footer__darkband{overflow:hidden;}.smbf-sec__in{position:relative;}

/* =============================================================
   Inner pages: hero banner + contact
   ============================================================= */
.smbf-phero{position:relative;overflow:hidden;padding:190px 40px 80px;background:#F3F8FC center/cover no-repeat;text-align:center;}.smbf-phero.has-img{background-color:#082F6F;}.smbf-phero__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,248,252,.92) 0%,rgba(243,248,252,.75) 100%);}.smbf-phero.has-img .smbf-phero__wash{background:linear-gradient(90deg,rgba(3,22,56,.92) 0%,rgba(3,22,56,.72) 60%,rgba(3,22,56,.45) 100%);}.smbf-phero__in{position:relative;z-index:1;max-width:900px;margin:0 auto;}.smbf-phero__h1{margin:16px 0 0;font-family:Manrope,Inter,sans-serif;font-size:64px;font-weight:800;line-height:1.06;letter-spacing:-.02em;color:#082F6F;}.smbf-phero.has-img .smbf-phero__h1{color:#fff;}.smbf-phero__h1 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}@media(max-width:1024px){.smbf-phero__h1{font-size:46px;}.smbf-phero{padding:150px 24px 64px;}}@media(max-width:767px){.smbf-phero__h1{font-size:34px;}.smbf-phero{padding:120px 20px 48px;}}.smbf-phero__lead{margin:18px auto 0;max-width:660px;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.55;color:#52617A;}.smbf-phero.has-img .smbf-phero__lead{color:rgba(255,255,255,.92);}.smbf-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start;text-align:left;width:100%;}@media(max-width:900px){.smbf-contact{grid-template-columns:1fr;gap:32px;}}.smbf-contact__ok{grid-column:1/-1;margin:0;border-radius:9px;border:1px solid rgba(86,163,68,.4);background:rgba(86,163,68,.08);padding:16px 20px;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#2F6B2A;}.smbf-contact__side{display:flex;flex-direction:column;gap:22px;}.smbf-contact__b{display:flex;align-items:flex-start;gap:14px;}.smbf-contact__b > span{display:grid;place-items:center;height:52px;width:52px;flex:0 0 52px;border-radius:999px;background:rgba(32,92,204,.08);color:#145BC7;}.smbf-contact__b .t{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#082F6F;}.smbf-contact__b .v{margin:4px 0 0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.6;color:#52617A;}.smbf-contact__b .v a{color:#145BC7;text-decoration:none;}.smbf-contact__form{display:grid;gap:18px;border-radius:16px;border:1px solid rgba(8,47,111,.12);background:#fff;padding:32px;box-shadow:0 6px 22px rgba(8,35,70,.05);}.smbf-contact__form label{display:block;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#082F6F;}.smbf-contact__form input,.smbf-contact__form textarea{display:block;width:100%;margin-top:8px;border-radius:9px;border:1px solid rgba(8,47,111,.18);padding:13px 16px;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#12284D;background:#fff;}.smbf-contact__form input:focus,.smbf-contact__form textarea:focus{outline:2px solid rgba(32,92,204,.35);outline-offset:1px;}.smbf-contact__form button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;border:none;border-radius:9px;cursor:pointer;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);}.smbf-contact__form button:hover{opacity:.92;}

/* Light header over photographic page heroes ---------------------------- */
.smbf-dark-hero .smbf-header:not(.is-scrolled) .smbf-nav a{color:#fff;}.smbf-dark-hero .smbf-header:not(.is-scrolled) .smbf-nav a:hover{color:#BFE0FF;}.smbf-dark-hero .smbf-header:not(.is-scrolled) .smbf-btn--ghost{border-color:rgba(255,255,255,.75);color:#fff;}.smbf-dark-hero .smbf-header:not(.is-scrolled) .smbf-btn--ghost:hover{border-color:#fff;color:#fff;}.smbf-dark-hero .smbf-header:not(.is-scrolled) .smbf-header__logo img{filter:brightness(0) invert(1);}.smbf-dark-hero .smbf-header:not(.is-scrolled) .smbf-burger span{background:#fff;}

/* Archive / single / body copy ---------------------------------------- */
.smbf-eventbody{font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.75;color:#102351;}.smbf-eventbody h2{font-family:Manrope,Inter,sans-serif;font-size:30px;font-weight:800;color:#082F6F;margin:32px 0 12px;}.smbf-eventbody h3{font-size:22px;font-weight:700;color:#082F6F;margin:24px 0 10px;}.smbf-eventbody a{color:#145BC7;}.smbf-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;}.smbf-list a{display:block;border-radius:9px;border:1px solid rgba(8,47,111,.12);background:#fff;padding:18px 22px;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:600;color:#082F6F;text-decoration:none;}.smbf-list a:hover{border-color:#145BC7;color:#145BC7;}.smbf-pagination{margin-top:28px;display:flex;gap:8px;font-family:Manrope,Inter,sans-serif;}.smbf-evmain--nofeat{grid-template-columns:1fr !important;}

/* Legal placeholders ---------------------------------------------------- */
.smbf-legal{font-family:Manrope,Inter,sans-serif;color:#102351;text-align:left;}.smbf-legal__notice{border-radius:9px;border:1px solid rgba(230,138,0,.45);background:rgba(230,138,0,.08);padding:16px 20px;font-size:15px;line-height:1.6;color:#7A4B00;margin-bottom:36px;}.smbf-legal__s{padding:0 0 26px;border-bottom:1px solid rgba(8,47,111,.10);margin-bottom:26px;}.smbf-legal__s:last-of-type{border-bottom:none;}.smbf-legal__s h2{margin:0 0 10px;font-size:22px;font-weight:700;color:#082F6F;}.smbf-legal__hint{margin:0;font-size:16px;line-height:1.7;color:#52617A;}.smbf-legal__todo{margin:10px 0 0;display:inline-block;border-radius:6px;background:rgba(8,47,111,.06);padding:6px 12px;font-size:13px;font-weight:600;color:#52617A;}.smbf-legal__foot{margin:8px 0 0;font-size:15px;color:#52617A;}.smbf-legal__foot a{color:#145BC7;}

/* mobile header fit ----------------------------------------------------
   At 375px the logo + Register + burger exceeded the viewport and clipped
   the burger. Shrink the logo and button, and tighten the gap.
   -------------------------------------------------------------------- */
@media(max-width:600px){.smbf-header{padding:12px 14px;}.smbf-header__in{gap:10px;}.smbf-header__logo img{width:118px;}.smbf-header.is-scrolled .smbf-header__logo img{width:104px;}.smbf-header__cta{gap:8px;}.smbf-btn--grad{padding:9px 14px;font-size:14px;white-space:nowrap;}.smbf-burger{width:38px;height:38px;flex:0 0 38px;}}@media(max-width:380px){.smbf-btn--grad{padding:9px 11px;font-size:13px;}.smbf-header__logo img{width:104px;}}.smbf-header{position:fixed;}@media(max-width:1100px){.smbf-header__nav.is-open{display:block;max-height:70vh;overflow-y:auto;}}

/* grid min-width containment -------------------------------------------
   Grid items default to min-width:auto, so a wide or horizontally
   scrolling child (the events tab strip) forces its whole track wider than
   the column. Same trap as the Elementor build; fix it once, everywhere.
   -------------------------------------------------------------------- */
.smbf-evmain > *,.smbf-cgrid > *,.smbf-stgrid > *,.smbf-tdgrid > *,.smbf-invgrid > *,.smbf-fmain > *,.smbf-fdark > *,.smbf-contact > *,.smbf-statsbar > *,.smbf-newscard > *,.smbf-absplit > *,.smbf-tiers > *,.smbf-pgrid > *,.smbf-glgrid > *,.smbf-cstats > *,.smbf-ststats > *,.smbf-abcards > *,.smbf-evgrid > *{min-width:0;}.smbf-evtabs,.smbf-gltabs{min-width:0;max-width:100%;}.smbf-evright,.smbf-evmain,.smbf-events{min-width:0;max-width:100%;}

/* --- P2 membership extras: eligibility line, included/not pair, explorer strip, youth steps --- */
.smbf-eligibility{display:inline-block;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#145BC7;background:rgba(40,112,197,.08);border-radius:999px;padding:6px 14px;}
.smbf-tierfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:26px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.5;color:#33486A;text-align:center;}
.smbf-tierfoot strong{color:#082F6F;}
.smbf-tierfoot__dot{width:4px;height:4px;border-radius:999px;background:rgba(8,47,111,.28);flex:0 0 4px;}
.smbf-tierfoot__link{font-weight:600;color:#145BC7;text-decoration:none;}
.smbf-tierfoot__link:hover{text-decoration:underline;}
.smbf-explorer,.smbf-youth{width:100%;max-width:1120px;margin:34px auto 0;border-radius:16px;border:1px solid rgba(8,47,111,.12);background:#fff;padding:34px;box-shadow:0 6px 22px rgba(8,35,70,.05);text-align:left;}
.smbf-explorer h3,.smbf-youth h3{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:700;color:#082F6F;}
.smbf-explorer p,.smbf-youth p{margin:10px 0 0;max-width:720px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.6;color:#52617A;}
.smbf-incnot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:24px;}
@media(max-width:767px){.smbf-incnot{grid-template-columns:1fr;gap:18px;}.smbf-explorer,.smbf-youth{padding:24px;}}
.smbf-incnot__col h4{margin:0 0 12px;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#082F6F;}
.smbf-incnot__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.smbf-incnot__col li{position:relative;padding-left:26px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.5;color:#33486A;}
.smbf-incnot__col li:before{position:absolute;left:0;top:0;font-weight:700;}
.smbf-incnot__col li.is-yes:before{content:'\2713';color:#56A344;}
.smbf-incnot__col li.is-no:before{content:'\2014';color:#8A94A6;}
.smbf-incnot__col li.is-no{color:#66718A;}
.smbf-explorer__cta{margin-top:26px;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;text-decoration:none;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}
.smbf-explorer__cta:hover{filter:brightness(1.08);}
.smbf-youth__steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.smbf-youth__steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.smbf-youth__steps{grid-template-columns:1fr;}}
.smbf-youth__steps li{display:flex;gap:12px;min-width:0;}
.smbf-youth__steps .n{flex:0 0 28px;height:28px;width:28px;border-radius:999px;display:grid;place-items:center;background:rgba(40,112,197,.10);color:#145BC7;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;}
.smbf-youth__steps .t{font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.55;color:#52617A;min-width:0;}
.smbf-youth__steps .t strong{display:block;color:#082F6F;font-size:14px;margin-bottom:3px;}

/* Tier cards: the wrapper is the grid item, so the card must stretch inside it.
   Brand Book 8.1 - cards align cleanly and carry equal visual weight. */
.smbf-tiers>.smbf-tierwrap{display:flex;flex-direction:column;min-width:0;}
.smbf-tiers>.smbf-tierwrap>.smbf-tiercard{flex:1;}

/* --- P3 --- */
.smbf-pgrid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;gap:16px;padding-bottom:8px;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.smbf-pgrid>*{flex:0 0 200px;scroll-snap-align:start;}
@media(max-width:600px){.smbf-pgrid>*{flex:0 0 150px;}}
.smbf-pgrid::-webkit-scrollbar{height:6px;}
.smbf-pgrid::-webkit-scrollbar-thumb{background:rgba(8,47,111,.20);border-radius:999px;}
.smbf-evfeat__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
@media(max-width:900px){.smbf-evfeat__details{grid-template-columns:1fr;gap:14px;}}
.smbf-evfeat__dp{font-weight:700 !important;font-size:15px !important;}
.smbf-evfeat__ds{font-weight:500 !important;}
.smbf-evfeat__badge{font-weight:700 !important;letter-spacing:.12em !important;}
.smbf-tdrow__l{font-weight:600 !important;font-size:14px !important;letter-spacing:.01em;}
.smbf-tdrow__v{font-weight:500 !important;}
.smbf-tdgain li p{font-weight:500;}

/* Footer lockup: the logo carries the name, so the text beside it is a descriptor only. */
.smbf-fbrand__top{align-items:center;gap:16px;}
.smbf-fbrand__txt .g{font-size:12px;letter-spacing:.22em;color:#52617A;}
.smbf-fdark__brand .smbf-fbrand__txt .g{color:rgba(255,255,255,.85);}

/* --- P4 responsive --- */
/* Content pinned to the bottom of a fixed-height box collides with the copy
   above it once the box narrows. Below 1100px the trade card's next-delegation
   panel leaves the flow and simply follows the text, and the card stops
   enforcing a tall minimum it no longer needs. */
@media(max-width:1100px){
  .smbf-tdcard{min-height:0;}
  .smbf-tdcard__next{position:relative;left:auto;right:auto;bottom:auto;margin-top:26px;max-width:none;z-index:2;}
  .smbf-tdcard__in{padding-bottom:34px;}
}
@media(max-width:900px){
  .smbf-stlead__quote{position:relative;left:auto;bottom:auto;max-width:none;padding:0 26px 8px;z-index:2;}
  .smbf-stlead__bar{position:relative;left:auto;right:auto;bottom:auto;padding:0 26px 20px;z-index:2;}
  .smbf-stlead{display:flex;flex-direction:column;justify-content:flex-end;}
}

/* Tap targets on the two text links this build introduced. WCAG 2.2 AA 2.5.8
   wants 24px minimum; the Manual asks for 44. Padding rather than font size,
   so the type scale is untouched. */
.smbf-tierfoot__link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;}
.smbf-ann2__cta{min-height:44px;padding:0 4px;}

/* P5: form error state. The success style existed; failure had no style because
   failure had no message - the form simply looked as though nothing happened. */
.smbf-contact__err{grid-column:1/-1;margin:0;border-radius:10px;border:1px solid rgba(167,74,66,.40);background:rgba(167,74,66,.07);padding:16px 20px;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#8A3B32;}
/* iOS Safari zooms the page when a focused input is under 16px. */
.smbf-contact__form input,.smbf-contact__form textarea,.smbf-newsform2 input{font-size:16px;}

/* --- P6 templates: facts, tables, chips, related cards --- */
.smbf-factgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:26px 0 6px;}
.smbf-fact{border-left:3px solid rgba(40,112,197,.35);padding:2px 0 2px 16px;min-width:0;}
.smbf-fact__l{display:block;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B7A94;margin-bottom:5px;}
.smbf-fact__v{display:block;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:650;color:#082F6F;line-height:1.35;}
.smbf-tblwrap{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid rgba(8,47,111,.12);border-radius:16px;margin:22px 0 14px;}
.smbf-ptable{width:100%;border-collapse:collapse;min-width:620px;font-family:Manrope,Inter,sans-serif;}
.smbf-ptable th{background:#082F6F;color:#fff;text-align:left;padding:14px 16px;font-size:13px;font-weight:700;letter-spacing:.03em;}
.smbf-ptable td{border-top:1px solid rgba(8,47,111,.10);padding:14px 16px;font-size:15px;color:#33486A;vertical-align:top;}
.smbf-ptable__rl{font-weight:700;color:#082F6F;}
.smbf-pnotes{list-style:none;margin:0;padding:0 20px;display:flex;flex-direction:column;gap:8px;}
.smbf-pnotes li{position:relative;padding-left:20px;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.55;color:#66718A;}
.smbf-pnotes li:before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:999px;background:rgba(40,112,197,.45);}
.smbf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.smbf-chip{border:1px solid rgba(8,47,111,.14);background:#fff;border-radius:999px;padding:9px 16px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#082F6F;}
.smbf-relgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;}
.smbf-relcard{display:block;min-width:0;border:1px solid rgba(8,47,111,.12);border-radius:16px;padding:22px;background:#fff;text-decoration:none;transition:.2s;}
.smbf-relcard:hover{border-color:rgba(40,112,197,.45);transform:translateY(-2px);}
.smbf-relcard__d{display:block;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#145BC7;margin-bottom:8px;}
.smbf-relcard__t{display:block;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;line-height:1.35;}
.smbf-note{border:1px solid rgba(8,47,111,.12);border-radius:16px;background:#fff;padding:30px;}
.smbf-note h3{margin:0 0 10px;font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;color:#082F6F;}
.smbf-note p{margin:0 0 20px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.65;color:#52617A;max-width:760px;}
@media(max-width:600px){.smbf-factgrid{grid-template-columns:1fr;}.smbf-note{padding:22px;}}

/* --- P7 page blocks --- */
.smbf-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 6px;}
@media(max-width:760px){.smbf-journey{grid-template-columns:1fr;}}
.smbf-jstep{display:block;min-width:0;border:1px solid rgba(8,47,111,.12);border-radius:16px;background:#fff;padding:22px;text-decoration:none;transition:.2s;}
.smbf-jstep:hover,.smbf-jstep.is-on{border-color:rgba(40,112,197,.5);transform:translateY(-2px);}
.smbf-jstep__k{display:block;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#145BC7;margin-bottom:9px;}
.smbf-jstep__d{display:block;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.5;color:#52617A;margin-bottom:12px;}
.smbf-jstep__t{display:block;font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:700;color:#082F6F;}
.smbf-compare td.is-yes span{color:#2E7D2A;font-weight:650;}
.smbf-compare td.is-no span{color:#8A94A6;}
.smbf-compare td{font-size:14px;}
/* replaced - see P7 process block below */
.smbf-featgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:24px;}
.smbf-feat{min-width:0;border:1px solid rgba(8,47,111,.12);border-radius:16px;background:#fff;padding:24px;}
.smbf-feat h4{margin:0 0 8px;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;}
.smbf-feat p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.6;color:#52617A;}

/* P7: two-pathway selector (Invest), programme index cards */
.smbf-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;}
@media(max-width:900px){.smbf-paths{grid-template-columns:1fr;}}
.smbf-path{min-width:0;border:1px solid rgba(8,47,111,.12);border-radius:16px;background:#fff;padding:30px;}
.smbf-path h3{margin:14px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:24px;font-weight:700;color:#082F6F;}
.smbf-path>p{margin:0 0 18px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.6;color:#52617A;}
.smbf-path .smbf-incnot{grid-template-columns:1fr;gap:18px;}
.smbf-feat--link{text-decoration:none;display:block;transition:.2s;}
.smbf-feat--link:hover{border-color:rgba(40,112,197,.45);transform:translateY(-2px);}
.smbf-feat--link h4{margin-top:12px;}
.smbf-feat__meta{margin-top:10px !important;font-size:13px !important;font-weight:650;color:#145BC7 !important;}
@media(max-width:600px){.smbf-path{padding:22px;}}

/* P7: partnership levels, timeline, enquiry routes */
.smbf-feat--tall .smbf-incnot{grid-template-columns:1fr;gap:16px;margin-top:18px;}
.smbf-feat__price{font-family:Manrope,Inter,sans-serif;font-size:19px !important;font-weight:700 !important;color:#145BC7 !important;margin:6px 0 10px !important;}
.smbf-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:26px;}
.smbf-tl__i{min-width:0;border-top:3px solid rgba(40,112,197,.35);padding-top:18px;}
.smbf-tl__y{display:block;font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.10em;color:#145BC7;margin-bottom:8px;}
.smbf-tl__i h4{margin:0 0 8px;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:700;color:#082F6F;}
.smbf-tl__i p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.6;color:#52617A;}
.smbf-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px;}
.smbf-route{min-width:0;display:block;border:1px solid rgba(8,47,111,.12);border-radius:16px;background:#fff;padding:20px;text-decoration:none;transition:.2s;}
.smbf-route:hover{border-color:rgba(40,112,197,.45);transform:translateY(-2px);}
.smbf-route__t{display:block;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;margin-bottom:6px;}
.smbf-route__d{display:block;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.55;color:#52617A;}

.smbf-path--wide{max-width:none;}
.smbf-path--wide .smbf-incnot{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
@media(max-width:900px){.smbf-path--wide .smbf-incnot{grid-template-columns:1fr;}}
.smbf-path--wide .smbf-explorer__cta{margin-top:24px;}

.smbf-ctarow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;}
.smbf-ctarow p{margin:0;max-width:640px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.6;color:#52617A;}
.smbf-ctarow .smbf-explorer__cta{margin-top:0;flex:0 0 auto;}

/* Example content badge. Loud on purpose - placeholder material that looks
   finished gets mistaken for finished, which is exactly how three invented
   member stories were reported back to us as real. */
.smbf-demo{display:inline-flex;align-items:center;gap:6px;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:#7A4E06;background:#FFF3D6;border:1px solid rgba(164,103,10,.45);border-radius:999px;padding:5px 12px;line-height:1;}
.smbf-demo:before{content:'';width:6px;height:6px;border-radius:999px;background:#C98A12;}
.smbf-stcard .smbf-demo,.smbf-stlead .smbf-demo{position:absolute;top:14px;left:14px;z-index:5;}
.smbf-demo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:center;background:#FFF3D6;border-bottom:1px solid rgba(164,103,10,.35);padding:10px 20px;font-family:Manrope,Inter,sans-serif;font-size:14px;color:#7A4E06;text-align:center;}
.smbf-demo-bar strong{font-weight:800;}

/* ---------------------------------------------------------------------------
   P7 blocks, second pass.
   First version reused .smbf-steps, a class the stylesheet already defined as a
   760px centred flex row - so four steps crammed into two thirds of the
   container. Renamed, and given treatment rather than a plain card grid:
   a connected sequence for process, and staged cards for the journey.
   --------------------------------------------------------------------------- */

/* Process: a numbered sequence with a rule running through it, so it reads as
   steps in order rather than four unrelated boxes. */
.smbf-process{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;}
.smbf-process li{position:relative;min-width:0;padding:0 22px 0 0;}
.smbf-process li:not(:last-child):after{content:'';position:absolute;top:19px;left:46px;right:10px;height:2px;background:linear-gradient(90deg,rgba(40,112,197,.32),rgba(40,112,197,.08));}
.smbf-process__n{position:relative;z-index:1;display:grid;place-items:center;height:38px;width:38px;border-radius:999px;background:linear-gradient(135deg,var(--smbf-g1),var(--smbf-g2));color:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:800;box-shadow:0 4px 12px rgba(8,47,111,.18);}
.smbf-process__b{display:block;min-width:0;margin-top:18px;font-family:Manrope,Inter,sans-serif;}
.smbf-process__b strong{display:block;font-size:17px;font-weight:700;color:#082F6F;margin-bottom:7px;line-height:1.3;}
.smbf-process__b span{display:block;font-size:15px;line-height:1.6;color:#52617A;}
@media(max-width:900px){
  .smbf-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0;}
  .smbf-process li:nth-child(2n):after{display:none;}
}
@media(max-width:560px){
  .smbf-process{grid-template-columns:1fr;gap:24px;}
  .smbf-process li{padding-right:0;}
  .smbf-process li:after{display:none !important;}
}

/* Journey: three stages, weighted so the eye moves left to right. */
.smbf-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;}
.smbf-jstep{position:relative;display:block;min-width:0;border:1px solid rgba(8,47,111,.10);border-radius:16px;background:#fff;padding:30px 26px 26px;text-decoration:none;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;}
.smbf-jstep:before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3));opacity:.30;transition:opacity .2s;}
.smbf-jstep:hover{transform:translateY(-3px);border-color:rgba(40,112,197,.35);box-shadow:0 14px 34px rgba(8,35,70,.09);}
.smbf-jstep:hover:before,.smbf-jstep.is-on:before{opacity:1;}
.smbf-jstep__k{display:inline-block;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#145BC7;background:rgba(40,112,197,.08);border-radius:999px;padding:5px 12px;margin-bottom:16px;}
.smbf-jstep__d{display:block;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.55;color:#52617A;margin-bottom:14px;min-height:48px;}
.smbf-jstep__t{display:flex;align-items:center;gap:8px;font-family:Manrope,Inter,sans-serif;font-size:21px;font-weight:800;color:#082F6F;}
.smbf-jstep__t:after{content:'→';font-size:18px;color:#145BC7;transition:transform .2s;}
.smbf-jstep:hover .smbf-jstep__t:after{transform:translateX(4px);}
@media(max-width:760px){.smbf-journey{grid-template-columns:1fr;}.smbf-jstep__d{min-height:0;}}

/* FAQ page: jump nav, grouped accordions */
.smbf-faqnav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 46px;}
.smbf-faqnav a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(8,47,111,.12);background:#fff;border-radius:999px;padding:10px 16px;min-height:44px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:650;color:#082F6F;text-decoration:none;transition:.2s;}
.smbf-faqnav a:hover{border-color:rgba(40,112,197,.45);transform:translateY(-2px);}
.smbf-faqnav a span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(40,112,197,.10);color:#145BC7;font-size:12px;font-weight:800;}
.smbf-faqgrp{margin:0 0 44px;scroll-margin-top:110px;}
.smbf-faqgrp__h{margin:0 0 18px;font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;color:#082F6F;text-align:left;}
.smbf-faqgrp__list{border-top:1px solid rgba(8,47,111,.10);}
.smbf-faqitem{border-bottom:1px solid rgba(8,47,111,.10);}
.smbf-faqitem summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 0;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;line-height:1.45;}
.smbf-faqitem summary::-webkit-details-marker{display:none;}
.smbf-faqitem summary:after{content:'+';flex:0 0 auto;font-size:22px;font-weight:600;color:#145BC7;line-height:1;transition:transform .2s;}
.smbf-faqitem[open] summary:after{content:'\2212';}
.smbf-faqitem summary:hover{color:#145BC7;}
.smbf-faqitem__a{padding:0 0 22px;max-width:820px;}
.smbf-faqitem__a p{margin:0 0 12px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.7;color:#52617A;}
.smbf-faqitem__a p:last-child{margin-bottom:0;}
@media(max-width:600px){.smbf-faqgrp__h{font-size:22px;}.smbf-faqitem summary{font-size:16px;}}

/* Cross-link module. Contained and labelled, so it reads as a deliberate next
   step rather than a stray sentence in an empty band. */
.smbf-ctacard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(8,47,111,.12);border-left:4px solid #145BC7;border-radius:16px;background:#fff;padding:26px 30px;box-shadow:0 4px 18px rgba(8,35,70,.04);}
.smbf-ctacard__txt{min-width:0;flex:1 1 420px;}
.smbf-ctacard__eye{display:block;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#145BC7;margin-bottom:8px;}
.smbf-ctacard__txt p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.6;color:#33486A;max-width:680px;}
.smbf-ctacard .smbf-explorer__cta{margin-top:0;flex:0 0 auto;}
@media(max-width:700px){.smbf-ctacard{padding:22px;}.smbf-ctacard .smbf-explorer__cta{width:100%;}}

/* ===========================================================================
   POLISH PASS - 2026-08-09
   Brand Book tokens only. No new colours, no new typeface. The work is in
   restraint: one container width, one shadow scale, one motion curve, and
   text set to a readable measure instead of stretched across the container.
   =========================================================================== */

/* --- 1. Rhythm. One vertical scale, so bands feel deliberate. --- */
.smbf-sec{--pad:120px;padding-top:var(--pad) !important;padding-bottom:var(--pad) !important;}
@media(max-width:1100px){.smbf-sec{--pad:88px;}}
@media(max-width:640px){.smbf-sec{--pad:64px;}}

/* --- 2. Measure. Long lines are the fastest way to look cheap. --- */
.smbf-sec__lead{max-width:760px;}
.smbf-sec--center .smbf-sec__lead{margin-left:auto;margin-right:auto;}
.smbf-sec--left .smbf-sec__lead{margin-left:0;}

/* --- 3. Type. Tighter tracking on display sizes; tabular figures. --- */
.smbf-sec__h2,.smbf-phero__h1,.smbf-hero2__h1{letter-spacing:-.022em;}
.smbf-sec__eyebrow span,.smbf-eligibility,.smbf-jstep__k,.smbf-ctacard__eye,.smbf-tl__y{font-variant-numeric:tabular-nums;}
.smbf-fact__v,.smbf-stat__v,.smbf-ptable td{font-variant-numeric:tabular-nums;}

/* --- 4. Depth. One shadow scale rather than ad-hoc values. --- */
:root{
  --sh-1:0 1px 2px rgba(8,35,70,.04);
  --sh-2:0 6px 20px rgba(8,35,70,.06);
  --sh-3:0 18px 44px rgba(8,35,70,.10);
  --ease:cubic-bezier(.22,.61,.36,1);
}
.smbf-feat,.smbf-path,.smbf-relcard,.smbf-note,.smbf-jstep,.smbf-route,.smbf-ctacard,.smbf-explorer,.smbf-youth{
  box-shadow:var(--sh-2);border-color:rgba(8,47,111,.09);
}
.smbf-feat,.smbf-path,.smbf-relcard,.smbf-jstep,.smbf-route,.smbf-ctacard{transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);}
.smbf-feat--link:hover,.smbf-relcard:hover,.smbf-jstep:hover,.smbf-route:hover{box-shadow:var(--sh-3);}

/* --- 5. Light. A single soft wash on tinted bands, so they read as lit
       rather than flat grey. Brand Book allows a pale gradient wash. --- */
.smbf-sec--bg-wash{position:relative;isolation:isolate;}
.smbf-sec--bg-wash:before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(720px 340px at 12% 0%,rgba(40,112,197,.055),transparent 62%),
    radial-gradient(620px 320px at 92% 100%,rgba(89,172,61,.05),transparent 60%);
}

/* --- 6. Section seams. A hairline where two bands meet, so edges read as
       intentional joins rather than a colour change. --- */
.smbf-sec + .smbf-sec{border-top:1px solid rgba(8,47,111,.055);}

/* --- 7. Focus. Visible, on-brand, and never removed. --- */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid #145BC7;outline-offset:3px;border-radius:6px;
}

/* --- 8. Tables. Sticky row label so the meaning survives a sideways scroll. --- */
.smbf-ptable__rl{position:sticky;left:0;background:#fff;z-index:1;}
.smbf-ptable tr:nth-child(even) .smbf-ptable__rl{background:#FBFCFE;}
.smbf-ptable tr:nth-child(even) td{background:#FBFCFE;}
.smbf-ptable tbody tr{transition:background .2s var(--ease);}
.smbf-ptable tbody tr:hover td{background:rgba(40,112,197,.045);}

/* --- 9. Entrance. Sections rise slightly once, on first view. Purposeful,
       not decorative - and entirely absent for anyone who asks for less. --- */



/* ---------------------------------------------------------------------------
   Heading measure fixes (homepage review, 2026-08-09)
   Long titles were breaking to roughly one word per line. The cause was a
   fixed max-width sized around a short example title, with a fixed font size
   that never adapts to what is actually in the field.
   --------------------------------------------------------------------------- */

/* Featured event: "Saudi Arabia International Trade Programme" was 43px inside
   a 260px box - five lines, one word each. Let it use the column, and scale
   with it so a long title shrinks rather than shatters. */
.smbf-evfeat__in h3{
  max-width:none;
  font-size:clamp(26px,2.3vw,38px);
  line-height:1.18;
  text-wrap:balance;
}
@media(max-width:767px){.smbf-evfeat__in h3{font-size:28px;}}

/* Events bar lead: 22px in a 205px flex child. Give it room before it wraps. */
.smbf-evbar__lead{flex:1 1 340px;}
.smbf-evbar__lead h3{max-width:none;text-wrap:balance;}
.smbf-evbar__feats{flex:1 1 420px;}

/* Trade card heading had four words over three lines. */
.smbf-tdcard__in h2,.smbf-tdcard__in h3{text-wrap:balance;}

/* Balance long headings site-wide - browsers that support it even out the
   last line instead of leaving one orphaned word. Harmless where unsupported. */
.smbf-sec__h2,.smbf-phero__h1,.smbf-feat h4,.smbf-relcard__t,.smbf-jstep__t{text-wrap:balance;}

/* Featured event card fills the full row height on desktop, and that row height is pinned to always fit 2 rows of event cards (748px: tabs 36 + gap 16 + 2x340 cards + 16 gap), regardless of how many cards a filter/category actually leaves visible. This means the featured image never shows a gap beneath it, and the 'Many more events' bar below never shifts position based on filtering. Below 1024px the columns stack, so the image reverts to its own fixed height instead of matching a sibling. */
.smbf-evmain{align-items:stretch;min-height:748px;}
.smbf-evfeat{height:auto;}
@media(max-width:1024px){.smbf-evmain{min-height:0;}.smbf-evfeat{height:440px;}}

/* Trade section, third column.
   .smbf-tdgain set align-self:start, which overrides the grid's align-items:
   stretch - so the bordered "What You'll Gain" panel finished 60px above the
   two columns beside it. The border makes that gap obvious in a way an
   unbordered column would not. Let it fill the row like its siblings. */
.smbf-tdgrid > .smbf-tdgain{align-self:stretch;}

/* left-aligned eyebrow for template sections (the page shortcode centres its own) */
.smbf-sec__eyebrow--left{justify-content:flex-start;margin-left:0;}
.smbf-sec--left .smbf-sec__eyebrow--left{text-align:left;}

/* Contact form data-use note, matching the newsletter's privacy line. */
.smbf-formnote{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:13.5px;line-height:1.5;color:#6B7A94;}
.smbf-formnote a{color:#145BC7;text-decoration:underline;text-underline-offset:2px;}
.smbf-formnote svg{flex:0 0 auto;color:#8A94A6;}

/* FAQ group route: every topic ends with a way onward rather than a full stop. */
.smbf-faqgrp__more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:16px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;color:#145BC7;text-decoration:none;}
.smbf-faqgrp__more:hover{text-decoration:underline;text-underline-offset:3px;}

/* Gallery: the designed mosaic uses named grid areas a-i and therefore only
   works with exactly nine tiles. The gallery page now shows every item, so it
   drops the mosaic for a uniform grid that holds any number. The homepage keeps
   the mosaic, where the count is always nine. */
.smbf-glgrid--all{
  grid-template-areas:none !important;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important;
  grid-template-rows:none !important;
  grid-auto-rows:240px !important;
  gap:18px !important;
}
.smbf-glgrid--all > .smbf-gltile{grid-area:auto !important;height:auto !important;}
@media(max-width:640px){.smbf-glgrid--all{grid-auto-rows:200px !important;}}

/* Trade EOI: checkbox groups and consent row */
.smbf-eoi__lbl{display:block;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:650;color:#082F6F;margin-bottom:10px;}
.smbf-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 16px;margin-bottom:6px;}
.smbf-check{display:flex;align-items:flex-start;gap:9px;min-height:44px;padding:6px 0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.45;color:#33486A;cursor:pointer;}
.smbf-check input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#145BC7;}
.smbf-eoi select{width:100%;font-size:16px;font-family:Manrope,Inter,sans-serif;border:1px solid rgba(8,47,111,.18);border-radius:9px;padding:12px 14px;background:#fff;color:#082F6F;min-height:48px;}
.smbf-consent{display:flex !important;align-items:flex-start;gap:10px;font-weight:400 !important;}
.smbf-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:3px;accent-color:#145BC7;}
.smbf-consent span{font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.55;color:#52617A;}

.smbf-pblock__note{margin:6px 0 18px;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.6;color:#6B7A94;}

/* Muslim Invest investor form: the two optional selects. Same treatment as
   the trade EOI selects, which are the only other selects on the site. */
.smbf-optin select{width:100%;margin-top:8px;font-size:16px;font-family:Manrope,Inter,sans-serif;border:1px solid rgba(8,47,111,.18);border-radius:9px;padding:12px 14px;background:#fff;color:#12284D;min-height:48px;}
.smbf-optin select:focus{outline:2px solid rgba(32,92,204,.35);outline-offset:1px;}
section.smbf-sec:has(.smbf-abcards){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;padding-left:36px!important;padding-right:36px!important;}section.smbf-sec:has(.smbf-abcards) > div{max-width:1460px;margin-left:auto;margin-right:auto;}@media(max-width:600px){section.smbf-sec:has(.smbf-abcards){padding-left:20px!important;padding-right:20px!important;}}.smbf-abcard{border-radius:12px;}.smbf-abimg{border-radius:21px;}@media(max-width:640px){.smbf-abimg{border-radius:14px;}}section.smbf-sec:has(.smbf-tiers){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}section.smbf-sec:has(.smbf-tiers) .smbf-sec__in{max-width:1320px;margin-left:auto;margin-right:auto;}section.smbf-sec:has(.smbf-tiers) .smbf-sec__lead{font-size:18px;line-height:1.45;color:#33486A;max-width:420px;margin-top:14px;margin-bottom:26px;}.smbf-tiercard{border-radius:12px;}.smbf-statsbar{border-radius:12px;}.smbf-statsbar__btn{border-radius:8px;}section.smbf-sec:has(.smbf-connect){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}section.smbf-sec:has(.smbf-events){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}section.smbf-sec:has(.smbf-events) .smbf-sec__lead{font-size:16px;line-height:1.55;color:#354663;max-width:770px;}section.smbf-sec:has(.smbf-stories){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}section.smbf-sec:has(.smbf-stories) .smbf-sec__lead{max-width:700px;color:oklch(0.36 0.055 262);}section.smbf-sec:has(.smbf-partners){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}section.smbf-sec:has(.smbf-partners) .smbf-sec__h2{font-size:50px;max-width:900px;margin-left:auto;margin-right:auto;}section.smbf-sec:has(.smbf-partners) .smbf-sec__lead{font-size:16px;max-width:545px;}/* Gallery band at PoC parity (measured 2026-08-16 at 1440). */
.e-con:has(.smbf-gallery) .smbf-el-standalone .smbf-sec__eyebrow > span:not(.smbf-sec__rule){background-image:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--smbf-g1);font-size:18px;letter-spacing:5px;}
.e-con:has(.smbf-gallery) .smbf-sec__h2{line-height:1.05;}
.e-con:has(.smbf-gallery) .smbf-el-lead{font-size:19px;line-height:1.55;max-width:700px;color:#082F6F!important;}
/* Partners at PoC parity (measured 2026-08-16 at 1440): the PoC is a STATIC
   two-group grid, not a marquee - cards 207x155 come from repeat(6)+16px gap
   in the 1320 container. The marquee block that lived here also displayed
   every partner twice (the track duplicates its cards for the loop seam),
   which is where the "Emaan appears twice" report came from. The group
   header row reverts to the original left layout with the flexible rule -
   the PoC h3 is shrink-0 beside a flexible sibling. */
.e-con:has(.smbf-partners) .smbf-pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:18px;}
@media(max-width:1024px){.e-con:has(.smbf-partners) .smbf-pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}}
@media(max-width:600px){.e-con:has(.smbf-partners) .smbf-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
.e-con:has(.smbf-partners) .smbf-sec__h2{max-width:900px;margin-left:auto;margin-right:auto;line-height:1.06;}
/* PoC accents are SOLID: UK #145BC7 (= --smbf-g1 exactly), World green -
   brand #63A844 over the PoC's #56A840 per the Brand Book deviation. --b is
   teal site-wide, so the green is scoped to this band only. */
.e-con:has(.smbf-partners) .smbf-sec__ac--b{color:var(--smbf-g3);}
.e-con:has(.smbf-partners) .smbf-el-lead{max-width:545px;color:#52617A!important;}
/* PoC eyebrows are gradient text (bg-clip) - About already renders so; the
   six [smbf_eyebrow] standalones were still the solid teal from the old
   theme. One rule brings them all to the PoC treatment. */
.smbf-el-standalone .smbf-sec__eyebrow > span:not(.smbf-sec__rule){background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
section.smbf-sec:has(.smbf-trade){--pad:88px;padding-top:88px!important;padding-bottom:88px!important;}section.smbf-sec:has(.smbf-trade){background:#fff!important;}section.smbf-sec:has(.smbf-trade) .smbf-sec__h2,section.smbf-sec:has(.smbf-trade) .smbf-sec__lead{color:#082F6F;}.smbf-tdcard{border-color:rgba(8,47,111,.14)!important;}.smbf-tdcard__w1{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.15) 100%)!important;}.smbf-tdcard__w2{background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgba(255,255,255,.55) 100%)!important;}.smbf-tdcard__h{color:#082F6F!important;}.smbf-tdcard__p{color:rgba(8,47,111,.82)!important;}.smbf-tdmid h3{color:#082F6F!important;}.smbf-tdmid__p{color:#33486A!important;}.smbf-tdmid__hr{background:rgba(8,47,111,.14)!important;}.smbf-tdrow__l{color:#082F6F!important;}.smbf-tdrow__v{color:#33486A!important;}.smbf-tbc{color:rgba(8,47,111,.55)!important;}.smbf-tdgain{border-color:rgba(66,168,120,.5)!important;background:rgba(83,168,69,.04)!important;}.smbf-tdstrip{background:rgba(8,47,111,.03)!important;border-color:rgba(8,47,111,.14)!important;}.smbf-tdstrip__txt .h{color:#082F6F!important;}.smbf-tdstrip__txt .h span{color:#5EAD49!important;}.smbf-tdstrip__txt .s{color:#33486A!important;}.smbf-tdstrip__help p{color:#082F6F!important;}.smbf-tdstrip__div{background:rgba(8,47,111,.14)!important;}.smbf-tdstrip__l,.smbf-tdstrip__r{opacity:.35;}.smbf-tdgain li,.smbf-tdgain li p{color:#33486A!important;}.smbf-tdgain li svg{color:#5EAD49!important;}section.smbf-sec:has(.smbf-invest){--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}.smbf-invcard{border-radius:14px!important;}.smbf-invcard p{max-width:260px!important;}.smbf-invcard--dark img{object-position:60% center;}section.smbf-sec:has(.smbf-connect){padding-top:140px!important;}section.smbf-sec:has(.smbf-trade){padding-top:130px!important;}.smbf-cgrid{margin-top:40px!important;}.smbf-tdgrid{margin-top:40px!important;}.smbf-sec__h2{font-size:52px!important;}@media(max-width:1024px){.smbf-sec__h2{font-size:40px!important;}}@media(max-width:640px){.smbf-sec__h2{font-size:32px!important;}}.smbf-sec__lead{font-size:17px!important;line-height:1.55!important;color:#33486A!important;}.smbf-abh2b{font-size:52px!important;}.smbf-ch2{font-size:52px!important;}@media(max-width:1024px){.smbf-abh2b{font-size:40px!important;}.smbf-ch2{font-size:40px!important;}}@media(max-width:640px){.smbf-abh2b{font-size:32px!important;}.smbf-ch2{font-size:32px!important;}}.smbf-abh2a{font-size:52px!important;}@media(max-width:1024px){.smbf-abh2a{font-size:40px!important;}}@media(max-width:640px){.smbf-abh2a{font-size:32px!important;}}.smbf-cphone-gif{display:block;margin:0 auto;width:100%;max-width:360px;height:auto;}.smbf-vislead{font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;line-height:1.35;color:#082F6F;text-align:center;max-width:760px;margin:0 auto;}.smbf-vissub{margin:36px 0 18px;font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;color:#082F6F;text-align:center;}.smbf-visaims{list-style:none;margin:0 auto;padding:0;max-width:820px;display:flex;flex-direction:column;gap:16px;}.smbf-visaims li{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border:1px solid rgba(8,47,111,.10);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(8,35,70,.04);}.smbf-visaims li svg{flex:0 0 18px;margin-top:3px;color:#53A845;}.smbf-visaims li span{font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:#33486A;}.smbf-visquote{margin:40px auto;max-width:720px;text-align:center;padding:32px 36px;border-radius:14px;background:linear-gradient(90deg,rgba(20,91,199,.06),rgba(20,138,151,.06));border:1px solid rgba(20,91,199,.14);}.smbf-visquote span{display:inline-flex;color:#145BC7;margin-bottom:12px;}.smbf-visquote p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:600;font-style:italic;line-height:1.5;color:#082F6F;}.smbf-visquote cite{display:block;margin-top:12px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:.02em;color:#148A97;}.smbf-vistext{max-width:760px;margin:0 auto 22px;font-family:Manrope,Inter,sans-serif;font-size:16.5px;line-height:1.7;color:#33486A;}.smbf-vistext--center{text-align:center;font-weight:600;color:#082F6F;}.smbf-vispull{margin:44px auto;max-width:640px;text-align:center;}.smbf-vispull p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.01em;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-viswwd{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}@media(max-width:900px){.smbf-viswwd{grid-template-columns:1fr;}}.smbf-viswwd__card{padding:32px 26px;border:1px solid rgba(8,47,111,.10);border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(8,35,70,.05);text-align:center;}.smbf-viswwd__disc{display:grid;place-items:center;height:64px;width:64px;margin:0 auto 18px;border-radius:999px;background:rgba(20,91,199,.10);color:#145BC7;}.smbf-viswwd__card h4{margin:0 0 10px;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:800;color:#082F6F;}.smbf-viswwd__card p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.55;color:#33486A;}.smbf-visfounder{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;max-width:900px;margin:0 auto;padding:40px;border:1px solid rgba(8,47,111,.10);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(8,35,70,.05);}@media(max-width:640px){.smbf-visfounder{grid-template-columns:1fr;text-align:center;}.smbf-visfounder__mark{margin:0 auto;}}.smbf-visfounder__mark{display:grid;place-items:center;height:96px;width:96px;flex:0 0 96px;border-radius:999px;background:linear-gradient(135deg,var(--smbf-g1),var(--smbf-g2));color:#fff;}.smbf-visfounder__body h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:24px;font-weight:800;color:#082F6F;}.smbf-visfounder__role{margin:4px 0 18px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#148A97;}.smbf-visfounder__body p{margin:0 0 16px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.65;color:#33486A;}.smbf-visfounder__body p:last-child{margin-bottom:0;}.smbf-viscta{text-align:center;max-width:760px;margin:0 auto;padding:56px 40px;border-radius:20px;background:linear-gradient(135deg,#04205A 0%,#0A3975 100%);}.smbf-viscta__eyebrow{margin:0 0 14px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,.85);}.smbf-viscta__h2{margin:0 0 30px;font-family:Manrope,Inter,sans-serif;font-size:38px;font-weight:800;line-height:1.2;color:#fff;}.smbf-viscta__h2 span{background:linear-gradient(90deg,#5BC6D9,#7DD07A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-viscta__btn{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 34px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;text-decoration:none;transition:filter .2s;}.smbf-viscta__btn:hover{filter:brightness(1.1);}.smbf-tdcard__nexttxt .s{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.65);}.smbf-netstats{margin-top:56px;padding:64px 40px;text-align:center;border-radius:16px;border:1px solid rgba(8,47,111,.10);background:#F7FAFD;}.smbf-netstats__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#0C7B82;}.smbf-netstats__h2{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:42px;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#082F6F;}.smbf-netstats__h2 span{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-netstats__sub{margin:16px auto 0;max-width:620px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#33486A;}.smbf-netstats__grid{margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:900px;}@media(max-width:768px){.smbf-netstats__grid{grid-template-columns:1fr;gap:34px;}.smbf-netstats{padding:48px 24px;}.smbf-netstats__h2{font-size:32px;}}.smbf-netstat__v{margin:0;font-family:Manrope,Inter,sans-serif;font-size:52px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#082F6F;}.smbf-netstat__c{margin:10px auto 0;max-width:210px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.45;color:#52617A;}.smbf-netstats__btn{display:inline-flex;align-items:center;gap:10px;margin-top:48px;height:54px;padding:0 32px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s;}.smbf-netstats__btn:hover{filter:brightness(1.08);}.smbf-netstats__trust{margin:18px 0 0;font-family:Manrope,Inter,sans-serif;font-size:13px;letter-spacing:.04em;color:#7A879B;}.smbf-mvids{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:12px;}@media(max-width:900px){.smbf-mvids{grid-template-columns:1fr;gap:22px;}}.smbf-mvid{display:block;text-decoration:none;border-radius:14px;overflow:hidden;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 6px 20px rgba(8,35,70,.05);transition:transform .2s,box-shadow .2s;}a.smbf-mvid:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(8,35,70,.12);}.smbf-mvid__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#0B2E63,#12508F);}.smbf-mvid__media img{width:100%;height:100%;object-fit:cover;display:block;}.smbf-mvid__ph{position:absolute;inset:0;background:linear-gradient(135deg,#0B2E63,#12508F);}.smbf-mvid__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;height:58px;width:58px;border-radius:999px;background:rgba(255,255,255,.94);color:#082F6F;box-shadow:0 6px 18px rgba(0,0,0,.18);}.smbf-mvid.is-empty .smbf-mvid__play{opacity:.55;}.smbf-mvid__meta{display:block;padding:20px 22px 22px;}.smbf-mvid__name{display:block;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;}.smbf-mvid.is-empty .smbf-mvid__name{color:#7A879B;font-weight:600;}.smbf-mvid__co{display:block;margin-top:3px;font-family:Manrope,Inter,sans-serif;font-size:14px;color:#52617A;}.smbf-mvid__tier{display:inline-block;margin-top:10px;padding:4px 12px;border-radius:999px;background:rgba(20,91,199,.09);font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;color:#145BC7;}.smbf-eco{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}@media(max-width:980px){.smbf-eco{grid-template-columns:repeat(2,1fr);}}@media(max-width:640px){.smbf-eco{grid-template-columns:1fr;}}.smbf-eco__card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;padding:24px 22px;border-radius:12px;border:1px solid rgba(8,47,111,.10);background:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;}.smbf-eco__card:hover{border-color:rgba(20,91,199,.35);box-shadow:0 8px 22px rgba(8,35,70,.07);transform:translateY(-2px);}.smbf-eco__disc{display:grid;place-items:center;height:48px;width:48px;flex:0 0 48px;border-radius:999px;background:rgba(20,91,199,.09);color:#145BC7;}.smbf-eco__body{min-width:0;}.smbf-eco__h{display:block;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;}.smbf-eco__p{display:block;margin-top:5px;font-family:Manrope,Inter,sans-serif;font-size:14.5px;line-height:1.5;color:#52617A;}.smbf-eco__go{color:#145BC7;margin-top:14px;}.smbf-mcta{text-align:center;padding:64px 40px;border-radius:18px;background:linear-gradient(135deg,#04205A 0%,#0A3975 100%);}.smbf-mcta__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.75);}.smbf-mcta__h2{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:44px;font-weight:800;line-height:1.12;color:#fff;}.smbf-mcta__h2 span{background:linear-gradient(90deg,#5BC6D9,#7DD07A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.smbf-mcta__p{margin:16px auto 0;max-width:560px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:rgba(255,255,255,.85);}.smbf-mcta__btn{display:inline-flex;align-items:center;gap:10px;margin-top:32px;height:58px;padding:0 34px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;text-decoration:none;transition:filter .2s;}.smbf-mcta__btn:hover{filter:brightness(1.1);}@media(max-width:640px){.smbf-mcta{padding:48px 24px;}.smbf-mcta__h2{font-size:32px;}}
/* ===== 01 Hero (split layout) ===== */
.smbf-cn2hero{padding:140px 40px 96px;background:linear-gradient(180deg,#F3F8FC 0%,#fff 100%);}
.smbf-cn2hero__grid{display:grid;grid-template-columns:1fr 0.9fr;gap:64px;align-items:center;}
@media(max-width:960px){.smbf-cn2hero__grid{grid-template-columns:1fr;gap:40px;}.smbf-cn2hero{padding:120px 24px 64px;}}
.smbf-cn2hero__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#145BC7;}
.smbf-cn2hero__h1{margin:16px 0 0;font-family:Manrope,Inter,sans-serif;font-size:48px;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#082F6F;}
@media(max-width:640px){.smbf-cn2hero__h1{font-size:34px;}}
.smbf-cn2hero__lead{margin:20px 0 0;max-width:480px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.6;color:#33486A;}
.smbf-cn2hero__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.smbf-cn2hero__btn{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 28px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s,background .2s;}
.smbf-cn2hero__btn.is-primary{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-cn2hero__btn.is-primary:hover{filter:brightness(1.08);}
.smbf-cn2hero__btn.is-secondary{background:#fff;border:1px solid rgba(8,47,111,.20);color:#082F6F;}
.smbf-cn2hero__btn.is-secondary:hover{background:#F3F8FC;}
.smbf-cn2hero__trust{display:flex;align-items:center;gap:8px;margin-top:24px;font-family:Manrope,Inter,sans-serif;font-size:13px;color:#7A879B;}
.smbf-cn2hero__visual{display:flex;justify-content:center;}
.smbf-cn2hero__visual img{width:100%;max-width:340px;height:auto;filter:drop-shadow(0 30px 50px rgba(8,35,70,.18));}

/* ===== 02 What is Connect ===== */
.smbf-cn2whatis__p{max-width:760px;margin:0 auto;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.65;color:#33486A;}
.smbf-cn2whatis__row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:44px;text-align:center;}
@media(max-width:768px){.smbf-cn2whatis__row{grid-template-columns:1fr;gap:28px;}}
.smbf-cn2whatis__item span{display:inline-flex;color:#145BC7;}
.smbf-cn2whatis__item h3{margin:14px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:800;color:#082F6F;}
.smbf-cn2whatis__item p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#52617A;}

/* ===== 03 Platform showcase ===== */
.smbf-cn2show{display:grid;grid-template-columns:0.85fr 1fr;gap:56px;align-items:center;}
@media(max-width:900px){.smbf-cn2show{grid-template-columns:1fr;gap:36px;}}
.smbf-cn2show__img{display:flex;justify-content:center;}
.smbf-cn2show__img img{width:100%;max-width:320px;height:auto;filter:drop-shadow(0 30px 50px rgba(8,35,70,.16));}
.smbf-cn2show__list{display:flex;flex-direction:column;gap:26px;}
.smbf-cn2show__item{display:flex;align-items:flex-start;gap:16px;}
.smbf-cn2show__item span{flex:0 0 auto;display:grid;place-items:center;height:44px;width:44px;border-radius:999px;background:rgba(20,91,199,.09);color:#145BC7;}
.smbf-cn2show__item h4{margin:0;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;color:#082F6F;}
.smbf-cn2show__item p{margin:4px 0 0;font-family:Manrope,Inter,sans-serif;font-size:14.5px;line-height:1.5;color:#52617A;}

/* ===== 04 Capabilities ===== */
.smbf-cn2cap{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
@media(max-width:1024px){.smbf-cn2cap{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.smbf-cn2cap{grid-template-columns:1fr;}}
.smbf-cn2cap__item{padding:26px 22px;border-radius:12px;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 4px 16px rgba(8,35,70,.04);}
.smbf-cn2cap__item span{display:inline-flex;color:#145BC7;}
.smbf-cn2cap__item h4{margin:14px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;color:#082F6F;}
.smbf-cn2cap__item p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.5;color:#52617A;}

/* ===== 05 Discovery filters ===== */
.smbf-cn2disc{display:flex;flex-direction:column;gap:32px;}
.smbf-cn2disc__label{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#082F6F;}
.smbf-cn2disc__chips{display:flex;flex-wrap:wrap;gap:10px;}
.smbf-cn2disc__chips span{padding:9px 18px;border-radius:999px;border:1px solid rgba(8,47,111,.18);background:#fff;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#33486A;}

/* ===== 06 Journey ===== */
.smbf-cn2journey{display:flex;align-items:flex-start;gap:8px;}
@media(max-width:900px){.smbf-cn2journey{flex-direction:column;gap:28px;}}
.smbf-cn2journey__step{flex:1;min-width:0;}
.smbf-cn2journey__n{display:inline-block;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:800;color:#57A546;}
.smbf-cn2journey__step h4{margin:10px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:800;color:#082F6F;}
.smbf-cn2journey__step p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.5;color:#52617A;}
.smbf-cn2journey__arrow{flex:0 0 auto;margin-top:6px;color:#B9C4D6;}
@media(max-width:900px){.smbf-cn2journey__arrow{display:none;}}

/* ===== 07 Who you'll meet ===== */
.smbf-cn2who{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
@media(max-width:1024px){.smbf-cn2who{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.smbf-cn2who{grid-template-columns:1fr;}}
.smbf-cn2who__card{text-align:center;padding:28px 20px;border-radius:12px;background:#fff;border:1px solid rgba(8,47,111,.10);}
.smbf-cn2who__card span{display:inline-flex;color:#148A97;}
.smbf-cn2who__card h4{margin:14px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:15.5px;font-weight:800;color:#082F6F;}
.smbf-cn2who__card p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:13.5px;line-height:1.5;color:#52617A;}

/* ===== 08 Connect vs Membership ===== */
.smbf-cn2vs{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:768px){.smbf-cn2vs{grid-template-columns:1fr;}}
.smbf-cn2vs__col{padding:34px 30px;border-radius:14px;border:1px solid rgba(8,47,111,.10);background:#fff;}
.smbf-cn2vs__col.is-member{background:linear-gradient(160deg,#0A3975,#04205A);border-color:transparent;}
.smbf-cn2vs__h{margin:0 0 20px;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:800;color:#082F6F;}
.smbf-cn2vs__col.is-member .smbf-cn2vs__h{color:#fff;}
.smbf-cn2vs__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
.smbf-cn2vs__col li{display:flex;align-items:flex-start;gap:10px;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#33486A;}
.smbf-cn2vs__col.is-member li{color:rgba(255,255,255,.92);}
.smbf-cn2vs__col li svg{flex:0 0 auto;margin-top:3px;color:#53A845;}
.smbf-cn2vs__col.is-member li svg{color:#7DD07A;}
.smbf-cn2vs__note{margin:20px 0 0;font-family:Manrope,Inter,sans-serif;font-size:13px;color:#7A879B;}
.smbf-cn2vs__btn{display:inline-flex;align-items:center;gap:9px;margin-top:24px;height:48px;padding:0 24px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;text-decoration:none;}

/* ===== 09 Community proof ===== */
.smbf-cn2proof{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;}
@media(max-width:640px){.smbf-cn2proof{grid-template-columns:1fr;gap:28px;}}
.smbf-cn2proof__v{margin:0;font-family:Manrope,Inter,sans-serif;font-size:44px;font-weight:800;color:#082F6F;}
.smbf-cn2proof__c{margin:8px 0 0;font-family:Manrope,Inter,sans-serif;font-size:15px;color:#52617A;}

/* ===== 11 Final CTA ===== */
.smbf-cn2cta{text-align:center;padding:64px 40px;border-radius:18px;background:linear-gradient(135deg,#04205A 0%,#0A3975 100%);}
.smbf-cn2cta__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.75);}
.smbf-cn2cta__h2{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:38px;font-weight:800;line-height:1.2;color:#fff;}
.smbf-cn2cta__h2 span{background:linear-gradient(90deg,#5BC6D9,#7DD07A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-cn2cta__p{margin:16px auto 0;max-width:520px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:rgba(255,255,255,.85);}
.smbf-cn2cta__row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px;}
.smbf-cn2cta__btn{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 28px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s,background .2s;}
.smbf-cn2cta__btn.is-primary{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-cn2cta__btn.is-primary:hover{filter:brightness(1.1);}
.smbf-cn2cta__btn.is-secondary{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;}
.smbf-cn2cta__btn.is-secondary:hover{background:rgba(255,255,255,.08);}
@media(max-width:640px){.smbf-cn2cta{padding:48px 24px;}.smbf-cn2cta__h2{font-size:28px;}}

/* Page-wide: unify padding to 96px across every section on Events (some use an older 104px helper). */
body.page-template-default.smbf-events-archive .smbf-sec,
.smbf-events-archive .smbf-sec{padding-top:96px!important;padding-bottom:96px!important;}

/* ===== 05 Event types ===== */
.smbf-ev2types{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.smbf-ev2types{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.smbf-ev2types{grid-template-columns:1fr;}}
.smbf-ev2types__card{padding:26px 24px;border-radius:12px;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 4px 16px rgba(8,35,70,.04);}
.smbf-ev2types__card span{display:inline-flex;color:#145BC7;}
.smbf-ev2types__card h4{margin:14px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:800;color:#082F6F;}
.smbf-ev2types__card p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.55;color:#52617A;}

/* ===== 06 Why attend ===== */
.smbf-ev2why{display:flex;align-items:flex-start;gap:8px;}
@media(max-width:900px){.smbf-ev2why{flex-direction:column;gap:26px;}}
.smbf-ev2why__item{flex:1;min-width:0;text-align:center;}
@media(max-width:900px){.smbf-ev2why__item{text-align:left;display:flex;align-items:flex-start;gap:16px;}}
.smbf-ev2why__item span{display:inline-flex;color:#57A546;}
.smbf-ev2why__item h4{margin:12px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:800;color:#082F6F;}
@media(max-width:900px){.smbf-ev2why__item h4{margin:0 0 6px;}}
.smbf-ev2why__item p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.5;color:#52617A;}
.smbf-ev2why__arrow{flex:0 0 auto;margin-top:34px;color:#B9C4D6;}
@media(max-width:900px){.smbf-ev2why__arrow{display:none;}}

/* ===== 07 Event experience gallery ===== */
.smbf-ev2exp{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;}
@media(max-width:860px){.smbf-ev2exp{grid-template-columns:1fr;}}
.smbf-ev2exp__main{border-radius:16px;overflow:hidden;height:100%;min-height:360px;}
.smbf-ev2exp__main img{width:100%;height:100%;object-fit:cover;display:block;}
.smbf-ev2exp__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.smbf-ev2exp__thumb{border-radius:14px;overflow:hidden;aspect-ratio:1/1;}
.smbf-ev2exp__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.smbf-ev2exp__thumb:hover img{transform:scale(1.04);}
.smbf-ev2exp__stmt{margin:32px auto 0;max-width:640px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.6;color:#33486A;}

/* ===== 08 Past events ===== */
.smbf-ev2past{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.smbf-ev2past{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.smbf-ev2past{grid-template-columns:1fr;}}
.smbf-ev2past__card{border-radius:12px;overflow:hidden;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 4px 16px rgba(8,35,70,.04);}
.smbf-ev2past__img{aspect-ratio:4/3;overflow:hidden;}
.smbf-ev2past__img img{width:100%;height:100%;object-fit:cover;display:block;}
.smbf-ev2past__tag{display:inline-block;margin:16px 0 0 18px;padding:4px 12px;border-radius:999px;background:rgba(20,91,199,.09);font-family:Manrope,Inter,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#145BC7;}
.smbf-ev2past__title{margin:10px 18px 18px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.4;color:#082F6F;}

/* ===== 09 Member benefits ===== */
.smbf-ev2ben{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:768px){.smbf-ev2ben{grid-template-columns:1fr;}}
.smbf-ev2ben__item{text-align:center;padding:26px 20px;}
.smbf-ev2ben__item span{display:inline-flex;color:#145BC7;}
.smbf-ev2ben__item h4{margin:14px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:800;color:#082F6F;}
.smbf-ev2ben__item p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.5;color:#52617A;}
.smbf-ev2ben__cta{text-align:center;margin-top:28px;}
.smbf-ev2ben__cta a{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 26px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;text-decoration:none;}

/* ===== 10 Testimonials ===== */
.smbf-ev2test{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.smbf-ev2test{grid-template-columns:1fr;}}
.smbf-ev2test__card{padding:28px 26px;border-radius:14px;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 4px 16px rgba(8,35,70,.04);}
.smbf-ev2test__q{margin:0 0 18px;font-family:Manrope,Inter,sans-serif;font-size:15.5px;line-height:1.55;color:#33486A;font-style:italic;}
.smbf-ev2test__q.is-empty{color:#9AA6B8;font-style:normal;}
.smbf-ev2test__name{margin:0;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:800;color:#082F6F;}
.smbf-ev2test__co,.smbf-ev2test__event{margin:2px 0 0;font-family:Manrope,Inter,sans-serif;font-size:13px;color:#7A879B;}

/* ===== 12 Final CTA ===== */
.smbf-ev2cta{text-align:center;padding:64px 40px;border-radius:18px;background:linear-gradient(135deg,#04205A 0%,#0A3975 100%);}
.smbf-ev2cta__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.75);}
.smbf-ev2cta__h2{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:38px;font-weight:800;line-height:1.2;color:#fff;}
.smbf-ev2cta__h2 span{background:linear-gradient(90deg,#5BC6D9,#7DD07A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-ev2cta__p{margin:16px auto 0;max-width:520px;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:rgba(255,255,255,.85);}
.smbf-ev2cta__row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px;}
.smbf-ev2cta__btn{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 28px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s,background .2s;}
.smbf-ev2cta__btn.is-primary{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-ev2cta__btn.is-primary:hover{filter:brightness(1.1);}
.smbf-ev2cta__btn.is-secondary{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;}
.smbf-ev2cta__btn.is-secondary:hover{background:rgba(255,255,255,.08);}
@media(max-width:640px){.smbf-ev2cta{padding:48px 24px;}.smbf-ev2cta__h2{font-size:28px;}}

/* ---------------------------------------------------------------------------
   Membership Showcase - three tiers as alternating rows.
   Structure ported from the approved Lovable PoC (MembershipShowcase.tsx).
   Colour is NOT ported: the PoC's #145BC7/#148A97/#C88A22 are not Brand Book
   values (@R ruled 2026-08-15 the Brand Book wins). Each row's accent arrives
   as --acc from that tier's tier_accent meta, so this file adds no new colour
   literal and the palette stays editable in one place.
   Radii follow the Brand Book: card 16px, button 9px.
--------------------------------------------------------------------------- */
.smbf-mshow{display:flex;flex-direction:column;gap:26px;text-align:left;}
.smbf-mshow__row{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:16px;border:1px solid rgba(8,47,111,.06);background:#fff;box-shadow:0 8px 32px rgba(5,30,70,.05);min-height:450px;}
.smbf-mshow__body{order:1;display:flex;flex-direction:column;justify-content:center;padding:44px;}
.smbf-mshow__media{order:2;overflow:hidden;}
/* PoC alternates which side the photograph sits on. */
.smbf-mshow__row.is-flip .smbf-mshow__body{order:2;}
.smbf-mshow__row.is-flip .smbf-mshow__media{order:1;}
.smbf-mshow__img{width:100%;height:100%;object-fit:cover;display:block;}

.smbf-mshow__head{display:flex;align-items:center;gap:20px;}
.smbf-mshow__num{font-family:Manrope,Inter,sans-serif;font-size:60px;font-weight:800;line-height:1;color:var(--acc);opacity:.35;}
.smbf-mshow__div{width:1px;height:68px;background:var(--acc);flex:0 0 auto;}
.smbf-mshow__id{display:flex;flex-direction:column;gap:2px;}
.smbf-mshow__label{font-family:Manrope,Inter,sans-serif;font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--acc-text,var(--acc));}
.smbf-mshow__title{font-family:Manrope,Inter,sans-serif;font-size:36px;font-weight:800;line-height:1.1;color:#082F6F;margin:0;}
.smbf-mshow__price{margin-left:auto;font-family:Manrope,Inter,sans-serif;font-size:30px;font-weight:800;color:#082F6F;white-space:nowrap;}
.smbf-mshow__price span{font-size:15px;font-weight:600;color:#66718A;}

.smbf-mshow__sub{font-family:Manrope,Inter,sans-serif;font-size:23px;font-weight:700;line-height:1.3;color:var(--acc-text,var(--acc));margin:24px 0 0;}
.smbf-mshow__lead{font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.65;color:#33486A;margin:14px 0 0;max-width:520px;}

.smbf-mshow__feats{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;max-width:560px;}
.smbf-mshow__feats li{position:relative;padding-left:28px;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.5;color:#33486A;min-width:0;}
.smbf-mshow__feats li:before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--acc) 12%,transparent);}
.smbf-mshow__feats li:after{content:'';position:absolute;left:6px;top:8px;width:6px;height:6px;border-radius:999px;background:var(--acc);}

/* Section B requires the limits at the same weight as the benefits. */
.smbf-mshow__not{margin-top:24px;padding:16px 18px;border-radius:12px;background:#F7F9FC;border:1px solid rgba(8,47,111,.07);max-width:560px;}
.smbf-mshow__not h5{font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#66718A;margin:0 0 8px;}
.smbf-mshow__not ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.smbf-mshow__not li{position:relative;padding-left:18px;font-family:Manrope,Inter,sans-serif;font-size:13.5px;line-height:1.5;color:#66718A;}
.smbf-mshow__not li:before{content:'';position:absolute;left:0;top:9px;width:9px;height:1.5px;background:#8A94A6;}

.smbf-mshow__cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap;}
.smbf-mshow__btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:9px;font-family:Manrope,Inter,sans-serif;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .22s ease,filter .22s ease;}
.smbf-mshow__btn:hover{transform:translateY(-1px);}
.smbf-mshow__btn.is-solid{background:var(--acc);color:var(--acc-on,#FFFFFF);}
.smbf-mshow__btn.is-out{background:#fff;color:var(--acc-text,var(--acc));border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);}

@media (max-width:1024px){
  .smbf-mshow__row{grid-template-columns:1fr;min-height:0;}
  /* On one column the photograph leads, whichever side it took on desktop. */
  .smbf-mshow__body,.smbf-mshow__row.is-flip .smbf-mshow__body{order:2;padding:28px;}
  .smbf-mshow__media,.smbf-mshow__row.is-flip .smbf-mshow__media{order:1;height:280px;}
}
@media (max-width:640px){
  .smbf-mshow__feats{grid-template-columns:1fr;}
  .smbf-mshow__num{font-size:46px;}
  .smbf-mshow__title{font-size:28px;}
  .smbf-mshow__head{flex-wrap:wrap;gap:14px;}
  .smbf-mshow__price{margin-left:0;width:100%;}
  .smbf-mshow__btn{width:100%;}
}

/* Image page-heroes carry a dark overlay (rgba(3,22,56,.92)) and white h1 text,
   so the accented phrase must use the light-on-dark gradient the other dark
   bands already use - the brand blue is 2.85:1 there and the darkened text
   green 3.35:1, while these are 8.95 and 9.50. Found 2026-08-15 by measuring
   the overlay rather than the section's background-color, which sits BEHIND
   the photograph and is not what the text is read against. */
.smbf-phero.has-img .smbf-phero__h1 .smbf-sec__grad,
.smbf-phero.has-img .smbf-phero__h1 span{background-image:linear-gradient(90deg,#5BC6D9 0%,#7DD07A 100%);}

/* Second route out of a scoped FAQ list - the questions it does not show still exist. */
.smbf-faqcta__all{display:inline-flex;align-items:center;gap:8px;margin-left:12px;height:50px;padding:0 22px;border-radius:9px;border:1px solid rgba(8,47,111,.18);background:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;color:var(--smbf-g1);text-decoration:none;}
.smbf-faqcta__all:hover{border-color:var(--smbf-g1);}
@media(max-width:640px){.smbf-faqcta__all{margin-left:0;margin-top:10px;width:100%;justify-content:center;}}

/* ---------------------------------------------------------------------------
   Membership hero - split layout ported from the PoC (MembershipHero.tsx).
   Colour is Brand Book, not the PoC's literals; the photograph is real SMBF
   event photography; accents arrive per-card as --acc / --acc-text so the
   Executive gold never sets type below AA.
--------------------------------------------------------------------------- */
.smbf-mhero{position:relative;overflow:hidden;background:linear-gradient(160deg,#F6F9FD 0%,#FFFFFF 45%,#F2F6FC 100%);padding:64px 40px 96px;}
.smbf-mhero__in{position:relative;max-width:1400px;margin:0 auto;}
.smbf-mhero__arcs{position:absolute;left:-150px;top:10px;width:420px;height:420px;color:var(--smbf-g1);opacity:.18;pointer-events:none;}
.smbf-mhero__dots{position:absolute;right:6%;top:24px;width:330px;height:210px;opacity:.5;pointer-events:none;background-image:radial-gradient(var(--smbf-g1) 1.1px,transparent 1.1px);background-size:12px 12px;-webkit-mask-image:linear-gradient(200deg,#000 0%,transparent 78%);mask-image:linear-gradient(200deg,#000 0%,transparent 78%);}
.smbf-mhero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start;text-align:left;}
.smbf-mhero__left{padding-top:64px;}
.smbf-mhero__h1{margin:26px 0 0;font-family:Manrope,Inter,sans-serif;font-size:clamp(40px,6vw,74px);font-weight:800;line-height:1.02;letter-spacing:-.025em;color:#082F6F;}
.smbf-mhero__h1 span{display:block;}
.smbf-mhero__lead{margin:26px 0 0;max-width:520px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.75;color:#33486A;}
.smbf-mhero__cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px;}
.smbf-mhero__btn{display:inline-flex;align-items:center;gap:26px;height:62px;padding:0 26px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;}
.smbf-mhero__btn:hover{transform:translateY(-1px);}
.smbf-mhero__btn.is-solid{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-mhero__btn.is-out{background:rgba(255,255,255,.7);border:1px solid rgba(20,91,199,.45);color:#082F6F;}
.smbf-mhero__right{position:relative;min-height:720px;}
.smbf-mhero__media{position:absolute;inset:0;border-radius:14px;overflow:hidden;}
.smbf-mhero__img{width:100%;height:100%;object-fit:cover;display:block;}
.smbf-mhero__fade{position:absolute;inset:0;background:linear-gradient(90deg,#F7FAFD 0%,rgba(247,250,253,.92) 18%,rgba(247,250,253,.45) 38%,rgba(255,255,255,.08) 60%,rgba(255,255,255,0) 100%);}
.smbf-mhero__cards{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px;padding:26px 0 0 40px;}
.smbf-mhero__card{display:flex;align-items:flex-start;gap:16px;width:286px;padding:20px;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(8,35,70,.10);}
.smbf-mhero__card:nth-child(1){margin-left:104px;}
.smbf-mhero__card:nth-child(3){margin-left:16px;width:272px;}
.smbf-mhero__disc{display:grid;place-items:center;flex:0 0 54px;height:54px;width:54px;border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,transparent);color:var(--acc-text,var(--acc));}
.smbf-mhero__cbody{min-width:0;display:block;}
.smbf-mhero__ceye{display:block;font-family:Manrope,Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--acc-text,var(--acc));}
.smbf-mhero__ctitle{display:block;margin-top:4px;font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:800;color:var(--acc-text,var(--acc));}
.smbf-mhero__ctext{display:block;margin-top:8px;font-family:Manrope,Inter,sans-serif;font-size:13px;line-height:1.55;color:#33486A;}
.smbf-mhero__benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;padding:36px 28px;border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(8,35,70,.08);text-align:left;}
.smbf-mhero__benefit{display:flex;align-items:flex-start;gap:18px;padding:0 28px;}
.smbf-mhero__benefit+.smbf-mhero__benefit{border-left:1px solid rgba(8,47,111,.10);}
.smbf-mhero__bdisc{display:grid;place-items:center;flex:0 0 58px;height:58px;width:58px;border-radius:999px;background:rgba(20,91,199,.08);color:var(--smbf-g1);}
.smbf-mhero__btitle{display:block;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:800;color:#082F6F;}
.smbf-mhero__btext{display:block;margin-top:6px;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.5;color:#33486A;}
@media(max-width:1024px){
  .smbf-mhero{padding:48px 24px 72px;}
  .smbf-mhero__grid{grid-template-columns:1fr;gap:40px;}
  .smbf-mhero__left{padding-top:24px;}
  .smbf-mhero__right{min-height:0;}
  .smbf-mhero__media{position:relative;height:420px;}
  .smbf-mhero__cards{padding:24px 0 0;}
  .smbf-mhero__card,.smbf-mhero__card:nth-child(1),.smbf-mhero__card:nth-child(3){margin-left:0;width:100%;}
  .smbf-mhero__benefits{grid-template-columns:repeat(2,1fr);gap:28px;}
  .smbf-mhero__benefit{padding:0 12px;}
  .smbf-mhero__benefit+.smbf-mhero__benefit{border-left:0;}
}
@media(max-width:640px){
  .smbf-mhero{padding:40px 20px 56px;}
  .smbf-mhero__benefits{grid-template-columns:1fr;}
  .smbf-mhero__btn{width:100%;justify-content:space-between;}
  .smbf-mhero__media{height:300px;}
}

/* ---------------------------------------------------------------------------
   Ecosystem split - feature photograph beside the six routes.
   Ported from the PoC (MembershipEcosystem.tsx). The existing .smbf-eco grid
   is now the right-hand column, so its own rules still apply; only the wrapper
   and the feature panel are new.
--------------------------------------------------------------------------- */
.smbf-ecowrap{display:grid;grid-template-columns:1.05fr 1.05fr;gap:30px;align-items:stretch;text-align:left;}
.smbf-ecofeat{position:relative;overflow:hidden;border-radius:22px;min-height:480px;}
.smbf-ecofeat__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.smbf-ecofeat:hover .smbf-ecofeat__img{transform:scale(1.015);}
.smbf-ecofeat__wash{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,15,35,.78) 0%,rgba(2,15,35,.45) 35%,rgba(2,15,35,.08) 70%,rgba(2,15,35,0) 100%);}
.smbf-ecofeat__in{position:absolute;inset:auto 0 0 0;padding:32px;}
.smbf-ecofeat__badge{display:inline-block;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 100%);font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff;}
.smbf-ecofeat__h{margin:16px 0 0;font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.2;color:#fff;}
.smbf-ecofeat__p{margin:9px 0 0;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.5;color:rgba(255,255,255,.95);}
/* right column: two per row inside half the container */
.smbf-ecowrap .smbf-eco{grid-template-columns:repeat(2,1fr);gap:20px;}
.smbf-eco__disc{background:color-mix(in srgb,var(--acc,var(--smbf-g1)) 9%,transparent);color:var(--acc,var(--smbf-g1));}
.smbf-eco__rule{display:block;margin-top:8px;height:2px;width:30px;border-radius:999px;background:var(--acc,var(--smbf-g1));}
.smbf-eco__go{color:var(--acc,var(--smbf-g1));}
@media(max-width:1100px){
  .smbf-ecowrap{grid-template-columns:1fr;gap:24px;}
  .smbf-ecofeat{min-height:340px;}
}
@media(max-width:640px){
  .smbf-ecowrap .smbf-eco{grid-template-columns:1fr;}
  .smbf-ecofeat{min-height:260px;}
  .smbf-ecofeat__in{padding:22px;}
  .smbf-ecofeat__h{font-size:22px;}
}

/* ---------------------------------------------------------------------------
   Member story cards - structure cloned from the PoC (MembershipStories.tsx).
   Content comes from the smbf_story CPT, not the PoC's invented stories.
--------------------------------------------------------------------------- */
.smbf-mstories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;}
.smbf-mstory{display:flex;flex-direction:column;overflow:hidden;border-radius:21px;border:1px solid rgba(8,47,111,.06);background:#fff;box-shadow:0 8px 28px rgba(5,30,70,.055);transition:transform .22s ease,box-shadow .22s ease;}
.smbf-mstory:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(5,30,70,.10);}
.smbf-mstory__media{position:relative;height:230px;overflow:hidden;}
.smbf-mstory__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease;}
.smbf-mstory:hover .smbf-mstory__img{transform:scale(1.015);}
.smbf-mstory__ph{position:absolute;inset:0;background:linear-gradient(135deg,#0B2E63,#12508F);}
.smbf-mstory__biz{position:absolute;right:30px;bottom:12px;display:grid;place-items:center;height:88px;width:88px;padding:0 8px;border-radius:999px;border:1px solid rgba(8,47,111,.06);background:#fff;box-shadow:0 6px 18px rgba(5,30,70,.10);text-align:center;}
.smbf-mstory__biz span{font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;line-height:1.15;color:#082F6F;}
.smbf-mstory__body{display:flex;flex-direction:column;flex:1;padding:20px 24px 0;}
.smbf-mstory__mark{display:block;font-family:Georgia,'Times New Roman',serif;font-size:54px;font-weight:700;line-height:.8;color:var(--acc);}
.smbf-mstory__quote{margin:12px 0 0;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:500;line-height:1.55;color:#082F6F;}
.smbf-mstory__hr{margin:19px 0;border:0;border-top:1px solid rgba(8,47,111,.10);}
.smbf-mstory__who{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.smbf-mstory__avatar{display:grid;place-items:center;flex:0 0 40px;height:40px;width:40px;border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,transparent);color:var(--acc);}
.smbf-mstory__id{min-width:0;display:block;}
.smbf-mstory__name{display:block;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:800;line-height:1.2;color:#082F6F;}
.smbf-mstory__role{display:block;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.25;color:var(--acc);}
.smbf-mstory__sector{display:block;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.25;color:#66718A;}
.smbf-mstory__outcome{display:flex;align-items:center;gap:14px;margin-top:auto;min-height:72px;padding:16px 24px;background:color-mix(in srgb,var(--acc) 7%,transparent);}
.smbf-mstory__ocheck{color:var(--acc);flex:0 0 auto;display:grid;place-items:center;}
.smbf-mstory__outcome p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;line-height:1.5;color:#33486A;}
.smbf-mstory__outcome strong{color:#082F6F;}
@media(max-width:1024px){.smbf-mstories{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.smbf-mstories{grid-template-columns:1fr;}}

/* ---------------------------------------------------------------------------
   FAQ rows with an icon disc + CSS-only show-more, cloned from the PoC
   (MembershipFaqs.tsx). No JavaScript anywhere in this: a checkbox and a
   sibling selector do the disclosure, so a script failure cannot hide an
   answer. If the stylesheet itself fails, every row is visible.
--------------------------------------------------------------------------- */
.smbf-faqwrap{width:100%;max-width:980px;margin:0 auto;}
.smbf-faq2__item summary{align-items:flex-start;}
.smbf-faq2__disc{display:grid;place-items:center;flex:0 0 54px;height:54px;width:54px;border-radius:999px;background:rgba(20,91,199,.09);color:var(--smbf-g1);}
.smbf-faq2__item:nth-child(3n+2) .smbf-faq2__disc{background:color-mix(in srgb,var(--smbf-g2) 10%,transparent);color:var(--smbf-g2);}
.smbf-faq2__item:nth-child(3n+3) .smbf-faq2__disc{background:color-mix(in srgb,var(--smbf-g3) 12%,transparent);color:var(--smbf-g3);}
.smbf-faq2__item summary .smbf-faq2__q{flex:1;padding-top:14px;}

/* keep the control reachable by keyboard while invisible */
.smbf-faq2__toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.smbf-faq2__toggle:not(:checked) ~ .smbf-faq2.has-more > .smbf-faq2__item:nth-child(n+5){display:none;}
.smbf-faq2__more{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;min-width:240px;margin:22px auto 0;padding:0 26px;border-radius:9px;border:1.5px solid var(--smbf-g1);background:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;color:var(--smbf-g1);cursor:pointer;}
.smbf-faqwrap{display:flex;flex-direction:column;align-items:center;}
.smbf-faqwrap > .smbf-faq2{width:100%;}
.smbf-faq2__more:hover{background:#F7FAFD;}
.smbf-faq2__toggle:focus-visible ~ .smbf-faq2__more{outline:2px solid var(--smbf-g1);outline-offset:2px;}
.smbf-faq2__toggle:not(:checked) ~ .smbf-faq2__more .is-less{display:none;}
.smbf-faq2__toggle:checked ~ .smbf-faq2__more .is-more{display:none;}
@media(max-width:640px){
  .smbf-faq2__disc{flex:0 0 44px;height:44px;width:44px;}
  .smbf-faq2__item summary .smbf-faq2__q{padding-top:10px;}
  .smbf-faq2__more{width:100%;}
}

/* ---------------------------------------------------------------------------
   SECTION RHYTHM - one scale, declared last so it wins.

   Measured on /membership/ 2026-08-15 before this block: container width
   stepped 1440 -> 1400 -> 1320 -> 1320 -> 1400 -> 1100 down the page, section
   padding came in three values (64/96, 96/96, 120/120), and the gap between a
   heading and its content was 30px where a lead existed and 0px where it did
   not. That combination is the same fault recorded on 08-09 as what made the
   build read as unconsidered - the content edge and the vertical beat both
   move while you scroll.

   The scale:
     section padding   120px  (Brand Book 100-140)
     head -> content    40px
     eyebrow -> heading 16px
     heading -> lead    16px

   The per-block `:has()` overrides below are neutralised rather than deleted,
   so the reason they existed stays visible in the file above.
--------------------------------------------------------------------------- */
section.smbf-sec:has(.smbf-tiers),
section.smbf-sec:has(.smbf-connect),
section.smbf-sec:has(.smbf-events),
section.smbf-sec:has(.smbf-stories),
section.smbf-sec:has(.smbf-partners),
section.smbf-sec:has(.smbf-invest),
section.smbf-sec:has(.smbf-trade){--pad:120px;padding-top:120px!important;padding-bottom:120px!important;}

.smbf-sec__head{margin:0 0 40px;}
.smbf-sec--center .smbf-sec__head{margin-left:auto;margin-right:auto;}
/* the gap now belongs to the head wrapper, not to whether a lead was written */
.smbf-sec__lead{margin-bottom:0;}
.smbf-sec__h2{margin-top:16px;}

/* hero bottom edge joins the same beat; its top stays shorter because the
   header sits directly above it */
.smbf-mhero{padding-bottom:120px;}
.smbf-mhero__h1{margin-top:16px;}

/* the CTA band keeps the same content edge as every other section; the card
   inside it stays narrow rather than the whole band shrinking */
.smbf-mcta{max-width:1100px;margin-left:auto;margin-right:auto;}

/* ---------------------------------------------------------------------------
   Hero corrections, measured 2026-08-15 at 1440:
   - The site header is position:fixed and 137px tall. This hero was built with
     64px of top padding, so the header sat ON the photograph and covered the
     top 47px of the first floating card. Every other page hero on this site
     uses 190px for exactly this reason; matching it.
   - The right column carried min-height:720px while its cards ended at 620,
     leaving 164px of photograph with nothing beside it. Height now follows the
     cards.
   - The PoC fades the foot of the image as well as its left edge. Only the
     left fade had been ported, so the photo ended on a hard horizontal line.
--------------------------------------------------------------------------- */
.smbf-mhero{padding-top:190px;}
.smbf-mhero__left{padding-top:0;}
.smbf-mhero__right{min-height:0;}
.smbf-mhero__cards{padding-top:0;padding-bottom:34px;}
.smbf-mhero__fade--b{position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(246,249,253,.85) 70%,#F4F8FC 100%);}
@media(max-width:1024px){
  .smbf-mhero{padding-top:150px;}
  .smbf-mhero__right{min-height:0;}
  .smbf-mhero__cards{padding-bottom:0;}
}
@media(max-width:640px){.smbf-mhero{padding-top:130px;}}

/* ---------------------------------------------------------------------------
   Tier card - text legibility over the photograph.

   Measured 2026-08-15 at 1440: the card is 428px tall, the photograph starts
   at 38% of its height, and all five feature lines sat over it. The wash held
   solid white only to 58% and then fell to 0.7 / 0.15, so the last two lines
   were reading against a photograph at roughly 15-50% white. Illegible, and
   invisible to every check run on this build - none of them looks at text
   contrast over an image.

   The PoC's card is 575px, which is why its own gradient works: its text ends
   before the photo becomes visible. Ours was the same content compressed into
   428px. Fixed at the cause (height) and defended at the symptom (the wash
   holds opaque through the whole text column, then releases).
--------------------------------------------------------------------------- */
.smbf-tiercard{min-height:560px;}
.smbf-tiercard__wash{background:linear-gradient(180deg,#fff 0%,#fff 62%,rgba(255,255,255,.94) 72%,rgba(255,255,255,.55) 84%,rgba(255,255,255,.12) 100%);}
/* the photograph keeps its footprint; only what sits over the text changes */
.smbf-tiercard__img{height:52%;}
@media(max-width:900px){.smbf-tiercard{min-height:520px;}}

/* Narrow viewports wrap the feature lines, so the text column runs further
   down the card (74% at 390 against 62% at 1440). Hold the wash opaque past
   that point there - measured, not guessed. */
@media(max-width:900px){
  .smbf-tiercard__wash{background:linear-gradient(180deg,#fff 0%,#fff 78%,rgba(255,255,255,.9) 86%,rgba(255,255,255,.45) 94%,rgba(255,255,255,.12) 100%);}
}

/* ---------------------------------------------------------------------------
   Tier card foot + tick, brought to PoC parity.
   The card previously ended on a floating arrow disc, leaving ~200px of bare
   photograph and no action on the card itself. The PoC ends on an arrow disc
   above a full-width gradient CTA, both pushed down by auto margin.
--------------------------------------------------------------------------- */
.smbf-tiercard__in{display:flex;flex-direction:column;}
.smbf-tiercard__foot{margin-top:auto;padding-top:34px;}
.smbf-tiercard__go{display:grid;place-items:center;height:52px;width:52px;border-radius:999px;background:#fff;box-shadow:0 5px 18px rgba(5,30,70,.10);color:#082F6F;}
.smbf-tiercard__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;height:50px;padding:0 20px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s;}
.smbf-tiercard__cta span{flex:1;text-align:center;}
.smbf-tiercard__cta:hover{filter:brightness(1.07);transform:translateY(-1px);}
/* PoC tick: a thin accent-outlined circle, not a bare glyph */
.smbf-tiercard__feats li{align-items:flex-start;}
.smbf-tiercard__tick{display:grid;place-items:center;flex:0 0 17px;height:17px;width:17px;margin-top:2px;border:1.4px solid currentColor;border-radius:999px;}

/* Type scale to PoC parity. Ours was set for a 428px card; at 560 the same
   sizes left 84px of dead space between the features and the CTA and read
   undersized beside the PoC. PoC: name 26-28, price/desc 14, features 13.5. */
.smbf-tiercard__in{padding:24px 28px 22px;}
.smbf-tiercard__in h3{font-size:27px;line-height:1.05;}
.smbf-tiercard__price{font-size:18px;margin-top:10px;}
.smbf-tiercard__rule{width:28px;margin-top:14px;}
.smbf-tiercard__desc{font-size:14px;line-height:1.5;margin-top:18px;max-width:280px;}
.smbf-tiercard__feats{margin:26px 0 0;gap:12px;}
.smbf-tiercard__feats li{font-size:13.5px;line-height:1.45;gap:10px;}

/* ---------------------------------------------------------------------------
   Section decoration - concentric arcs + dot grids, as every PoC section has.
   Only the hero carried these; the other five sections sat on flat white,
   which is a large part of why the page read plainer than the PoC.
   Ornament only: aria-hidden, pointer-events none, hidden below 1024 where
   there is no room for it, and nothing depends on it painting.
--------------------------------------------------------------------------- */
.smbf-sec.has-deco{position:relative;overflow:hidden;}
.smbf-deco{position:absolute;width:700px;height:700px;color:var(--smbf-g1);opacity:.10;pointer-events:none;z-index:0;}
.smbf-deco--tl{left:-300px;top:-240px;}
.smbf-deco--tr{right:-300px;top:-240px;}
.smbf-deco--bl{left:-300px;bottom:-260px;color:var(--smbf-g3);}
.smbf-deco--br{right:-280px;bottom:-260px;color:var(--smbf-g3);}
.smbf-deco__dots{position:absolute;width:114px;height:114px;pointer-events:none;z-index:0;opacity:.30;
  background-image:radial-gradient(var(--smbf-g1) 2.5px,transparent 2.5px);background-size:24px 24px;}
.smbf-deco__dots--tr{right:56px;top:52px;}
.smbf-deco__dots--bl{left:48px;bottom:60px;background-image:radial-gradient(var(--smbf-g3) 2.5px,transparent 2.5px);}
/* content sits above the ornament */
.smbf-sec.has-deco > .smbf-sec__in{position:relative;z-index:1;}
@media(max-width:1024px){.smbf-deco,.smbf-deco__dots{display:none;}}

/* Hero left column - measured against the PoC 2026-08-15.
   The eyebrow and its rule were CENTRED while the H1, lead and buttons were
   flush left: at 1440 the eyebrow sat at x=274 and the rule at x=336 against
   x=40 for everything else, same at 1200 and 900. `.smbf-sec__eyebrow` is
   built for centred sections and the hero never overrode it. Earlier checks
   measured the vertical gap between eyebrow and heading, never their
   horizontal position, which is why this survived.
   Type deltas closed too: eyebrow 14->15px, tracking 3px->0.16em, rule
   52->78px, button weight 700->600 (PoC font-semibold).
   Deliberately NOT matched: button radius stays 9px and H1 stays #082F6F -
   both Brand Book rather than the PoC's 8px / #0B2350. */
.smbf-mhero .smbf-sec__eyebrow{align-items:flex-start;justify-content:flex-start;margin-left:0;margin-right:auto;text-align:left;}
.smbf-mhero .smbf-sec__eyebrow > span{font-size:15px;letter-spacing:.16em;color:var(--smbf-g1);}
.smbf-mhero .smbf-sec__rule{width:78px;margin-left:0;}
.smbf-mhero__btn{font-weight:600;}

/* Benefits row: per-item accent (PoC gives each its own), title weight 700 to
   the PoC's font-bold rather than 800. */
.smbf-mhero__bdisc{background:color-mix(in srgb,var(--acc,var(--smbf-g1)) 9%,transparent);color:var(--acc,var(--smbf-g1));}
.smbf-mhero__btitle{font-weight:700;}

/* Section head parity with the PoC, measured 2026-08-15. 27 deltas across five
   headers. Eyebrow 14->15px; the PoC clips a gradient through the eyebrow text
   in every section but Options, which is two-tone navy/teal; and it varies the
   rule width per section (58/64/60) where ours was a flat 52 everywhere. */
.smbf-sec__eyebrow > span:not(.smbf-sec__rule){font-size:15px;}
section.smbf-sec .smbf-sec__eyebrow > span:not(.smbf-sec__rule){
  background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
section.smbf-sec .smbf-sec__rule{width:60px;}
/* per-section rule widths, as the PoC sets them */
section.smbf-sec:has(.smbf-tiers)  .smbf-sec__rule{width:58px;}
section.smbf-sec:has(.smbf-mshow)  .smbf-sec__rule{width:64px;}
/* Options keeps the PoC's two-tone eyebrow rather than the gradient */
section.smbf-sec:has(.smbf-tiers) .smbf-sec__eyebrow > span:not(.smbf-sec__rule){
  background-image:linear-gradient(90deg,#082F6F 0%,#082F6F 55%,var(--smbf-g2) 55%,var(--smbf-g2) 100%);}
.smbf-sec__lead{font-size:18px;}
section.smbf-sec:has(.smbf-tiers) .smbf-sec__lead{font-size:18px;max-width:520px;}
section.smbf-sec:has(.smbf-mshow) .smbf-sec__lead{font-size:17px;max-width:680px;}
section.smbf-sec:has(.smbf-eco)   .smbf-sec__lead{max-width:880px;}
section.smbf-sec:has(.smbf-mstories) .smbf-sec__lead{max-width:900px;}
section.smbf-sec:has(.smbf-faq2)  .smbf-sec__lead{max-width:800px;}

/* An earlier rule pins the lead with !important (17px / #33486A). The PoC uses
   18px / #40567D on every section but the Showcase, which is 17px. Matching it
   needs the same weapon - specificity alone loses to !important. */
section.smbf-sec .smbf-sec__lead{font-size:18px!important;color:#40567D!important;}
section.smbf-sec:has(.smbf-mshow) .smbf-sec__lead{font-size:17px!important;}

/* Showcase row parity, measured against MembershipShowcase.tsx 2026-08-15.
   Body 16 -> 14.5px / 1.65, radius 16 -> 20px, numeral at 35% as the PoC sets
   it, and benefits as a two-column grid with a 48px accent disc rather than a
   tick list. Row height stays taller than the PoC's 450px minimum because our
   rows also carry the "Not included" list and the price, both Section B. */
.smbf-mshow__row{border-radius:20px;}
.smbf-mshow__num{opacity:.35;}
.smbf-mshow__body,.smbf-mshow__row > div p{font-size:14.5px;line-height:1.65;}
.smbf-mshow__feats{display:grid;grid-template-columns:repeat(2,1fr);column-gap:32px;row-gap:20px;max-width:560px;list-style:none;margin:28px 0 0;padding:0;}
.smbf-mshow__feats li{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;color:#263B5D;}
.smbf-mshow__feats li::before{content:none;}
.smbf-mshow__bdisc{display:grid;place-items:center;flex:0 0 48px;height:48px;width:48px;border-radius:999px;
  background:color-mix(in srgb,var(--acc,var(--smbf-g1)) 8%,transparent);color:var(--acc-text,var(--smbf-g1));}
.smbf-mshow__feats li > span:last-child{padding-top:6px;}
@media(max-width:640px){.smbf-mshow__feats{grid-template-columns:1fr;}}

/* Ecosystem card parity - diffed against the PoC's own rendered values
   2026-08-15 (navigate + window.name carry, not transcription). */
.smbf-eco__card{border-radius:19px;padding:22px;border-color:rgba(8,47,111,.08);}
.smbf-eco__disc{height:64px;width:64px;flex:0 0 64px;background:color-mix(in srgb,var(--acc,var(--smbf-g1)) 8%,transparent);}
.smbf-eco__h{font-size:20px;color:#061A3D;}
.smbf-eco__p{font-size:14px;line-height:1.55;color:#263B5D;}

/* Story card + FAQ row parity - diffed against the PoC's own rendered values
   2026-08-15. Story cards were already within two fields; the FAQ rows were
   built before the diff method and carried eight. */
.smbf-mstory__quote{color:#061A3D;}
.smbf-mstory__outcome{min-height:74px;}
.smbf-faq2__item{border-radius:13px;}
.smbf-faq2__item summary{padding:16px 22px 16px 16px;min-height:92px;}
.smbf-faq2__disc{flex:0 0 60px;height:60px;width:60px;}
.smbf-faq2__q{font-size:16px;}
.smbf-faq2__more{font-size:16px;}
@media(max-width:640px){
  .smbf-faq2__item summary{padding:16px;min-height:0;}
  .smbf-faq2__disc{flex:0 0 48px;height:48px;width:48px;}
}

/* Visually hidden, still announced. Used to disambiguate headings that repeat
   by design (tier names appear on both the card and the detail row). */
.smbf-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* The benefits list used to be a bullet list: the bullet was drawn by ::after
   (a 6px dot at left:6px), NOT ::before. When the list became icon discs only
   ::before was suppressed, so 17 orphan dots sat in the gap to the left of
   every disc across all three Showcase rows.
   Both pseudo-elements are killed here. When you convert a list away from
   bullets, check ::before AND ::after - the dot is as often on one as the
   other, and a computed `content:none` on one says nothing about the other. */
.smbf-mshow__feats li::before,
.smbf-mshow__feats li::after{content:none!important;}

/* ---------------------------------------------------------------------------
   Logo lockup (2026-08-15). Mark above, descriptor below, letterspaced to the
   mark's width. No gradient: at header size (~215px) a three-stop gradient
   across four letters cannot resolve and only costs the navy its authority -
   the mark's geometry is already the distinctive thing.
--------------------------------------------------------------------------- */
/* One width drives the lockup, so the mark and the descriptor cannot diverge.
   The mark's width is forced: a theme stylesheet (whose rules are not readable
   from script) pins header logo images to 230px.
   The descriptor is spread with text-align-last:justify rather than a tuned
   letter-spacing - it then meets the mark's width EXACTLY at any font, size or
   breakpoint, instead of being 127px of text sitting in a 186px box. */
.smbf-header__logo{--logo-w:200px;display:inline-flex;flex-direction:column;align-items:flex-start;
  gap:6px;width:var(--logo-w);text-decoration:none;line-height:1;}
.smbf-logo__mark{display:block;width:var(--logo-w)!important;max-width:var(--logo-w)!important;height:auto;}
.smbf-logo__desc{display:block;width:100%;font-family:Manrope,Inter,sans-serif;font-size:10px;font-weight:600;
  text-transform:uppercase;color:#4A5B78;white-space:nowrap;
  text-align:justify;text-align-last:justify;-moz-text-align-last:justify;}
/* white lockup wherever the brand sits on a dark band */
.smbf-footer__darkband .smbf-logo__mark,.smbf-on-dark .smbf-logo__mark{filter:brightness(0) invert(1);}
.smbf-footer__darkband .smbf-logo__desc,.smbf-on-dark .smbf-logo__desc{color:rgba(255,255,255,.72);}
@media(max-width:900px){.smbf-header__logo{--logo-w:164px;} .smbf-logo__desc{font-size:9px;}}
@media(max-width:480px){.smbf-header__logo{--logo-w:132px;} .smbf-logo__desc{font-size:7.5px;}}

/* ---------------------------------------------------------------------------
   One lockup, three places. The header sets the descriptor BELOW the mark on
   one line, spread to the mark's exact width. Both footer instances were still
   setting it beside the mark in a row, where it wrapped onto two lines
   ("GLOBAL" / "NETWORK") - three different treatments of the same lockup on
   one page.

   Mark width is derived from its rendered height x the source aspect
   (676/138 = 4.9), so the descriptor tracks the mark at whatever size each
   band uses rather than needing a hand-tuned number per instance.
--------------------------------------------------------------------------- */
.smbf-fbrand__top,.smbf-fdark__brand{flex-direction:column;align-items:flex-start;gap:6px;}
.smbf-fbrand__top .smbf-fbrand__txt,.smbf-fdark__brand .smbf-fbrand__txt{width:100%;}
.smbf-fbrand__top .g,.smbf-fdark__brand .g{display:block;width:100%;margin-top:0;white-space:nowrap;
  text-align:justify;text-align-last:justify;-moz-text-align-last:justify;}
/* light band: mark renders 38px tall -> 38 x 4.9 = 186px wide */
.smbf-fbrand__top{width:186px;}
.smbf-fbrand__top .g{font-size:9.5px;font-weight:600;color:#52617A;}
/* dark band: 30px tall -> 147px wide */
.smbf-fdark__brand{width:147px;}
.smbf-fdark__brand .g{font-size:8px;font-weight:600;color:rgba(255,255,255,.78);}

/* Elementor containers do not clip their children, but `section.smbf-sec` does
   (`overflow:hidden`). The partner marquee track is deliberately wider than the
   viewport - inside a native Elementor band it escaped and put 114px of
   horizontal scroll on the page. Any band holding an SMBF widget clips. */
/* Clip EVERY Elementor band, not a chosen few. `section.smbf-sec` has always
   carried overflow:hidden, and several SMBF blocks rely on it - the partner
   marquee track is deliberately ~2500px wide, and the decorative arcs sit
   outside the band on purpose. A `:has()` list looked tidy but missed cases
   and left 78px of horizontal scroll on the page. A band is the equivalent of
   a section, so it clips like one. */
.e-con,.e-con-boxed,.e-parent{overflow-x:hidden;}
.e-con > .e-con-inner{overflow-x:hidden;}

/* ---------------------------------------------------------------------------
   Hero notice bar - taken out of absolute positioning.

   It was pinned at `top:176px` inside a hero whose height follows the viewport
   (min-height 900px, but it compresses below that). The heading rises as the
   hero shrinks; a fixed offset does not. Measured overlap on the LIVE site:
   -31px at a 900px viewport, -81px at 800, -90px at 700 - so it collided on
   most laptop windows.

   It was already a sibling immediately before the heading block, so it needs
   no positioning at all: in the flow it sits above the heading and keeps its
   gap at every height. Also why it survived every check today - all of them
   used tall iframes (2600-3000px), where the hero gets its full height and the
   gap exists. Viewport HEIGHT had never been varied, only width.
--------------------------------------------------------------------------- */
.smbf-ann2{position:relative;top:auto;left:auto;transform:none;margin:0 auto 28px;}
@media(max-width:900px){.smbf-ann2{margin-bottom:22px;}}
@media(max-width:640px){.smbf-ann2{margin-bottom:18px;padding:12px 18px;}}

/* ---------------------------------------------------------------------------
   Hero photograph (@R, 2026-08-15: same as the PoC).
   Full-bleed, object-fit:cover equivalent, sitting behind the existing wash
   layers so the navy heading keeps its contrast over the sky. The PoC runs the
   photo at full section size with the copy reading over its lighter half.
--------------------------------------------------------------------------- */
.smbf-hero2.has-photo{position:relative;}
.smbf-hero2__photo{position:absolute;inset:0;z-index:0;background-position:center 62%;
  background-size:cover;background-repeat:no-repeat;}
/* the existing wash veils sit above the photo, the content above them */
.smbf-hero2.has-photo .smbf-hero2__w1,
.smbf-hero2.has-photo .smbf-hero2__w2{z-index:1;}
.smbf-hero2.has-photo .smbf-hero2__in,
.smbf-hero2.has-photo .smbf-ann2{position:relative;z-index:2;}
/* keep the heading legible over the sky: a light veil, strongest at the top
   where the type sits, releasing towards the skyline */
.smbf-hero2.has-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(247,250,253,.93) 0%,rgba(247,250,253,.86) 42%,rgba(247,250,253,.55) 70%,rgba(247,250,253,.28) 100%);}
@media(max-width:900px){
  .smbf-hero2__photo{background-position:center 55%;}
  .smbf-hero2.has-photo::before{background:linear-gradient(180deg,rgba(247,250,253,.95) 0%,rgba(247,250,253,.9) 55%,rgba(247,250,253,.5) 100%);}
}

/* ---------------------------------------------------------------------------
   Section rhythm and heading scale, measured against the PoC 2026-08-15.
   PoC uses 96px section padding throughout (88px on Trade) and a 61.44px h2 -
   ours were 120px and 52px, so every band ran 24px looser and every heading
   9px smaller than the approved design.
--------------------------------------------------------------------------- */
section.smbf-sec{--pad:96px;padding-top:96px!important;padding-bottom:96px!important;}
.smbf-sec__h2{font-size:61.44px;line-height:1.08;}
/* Elementor bands holding a whole SMBF section carry the same rhythm */
.e-con.e-parent:has(> .e-con-inner > .elementor-widget-shortcode){padding-top:96px;padding-bottom:96px;}
@media(max-width:1024px){
  section.smbf-sec{padding-top:72px!important;padding-bottom:72px!important;}
  .smbf-sec__h2{font-size:44px;}
}
@media(max-width:640px){
  section.smbf-sec{padding-top:56px!important;padding-bottom:56px!important;}
  .smbf-sec__h2{font-size:34px;}
}

/* About heading uses its own two-line classes rather than .smbf-sec__h2, so it
   missed the 61.44px correction. PoC measures 61.44/66.36 here too. */
.smbf-absplit .smbf-abh2a,.smbf-absplit .smbf-abh2b,.smbf-abh2a,.smbf-abh2b{font-size:61.44px!important;line-height:1.08;}
@media(max-width:1024px){.smbf-abh2a,.smbf-abh2b{font-size:44px;}}
@media(max-width:640px){.smbf-abh2a,.smbf-abh2b{font-size:34px;}}

/* Full-bleed bands (those holding a whole SMBF section) still need the PoC's
   96px vertical rhythm - the section inside them supplies its own horizontal
   padding but not the band's. The earlier :has() rule missed these because the
   shortcode widget is nested one level deeper than it assumed. */
.e-con.e-parent:has(.elementor-widget-shortcode){padding-top:96px;padding-bottom:96px;}
/* except the hero, which is full-height by design and sets its own */
.e-con.e-parent:has(.smbf-hero2){padding-top:0;padding-bottom:0;}
@media(max-width:1024px){.e-con.e-parent:has(.elementor-widget-shortcode){padding-top:72px;padding-bottom:72px;}}
@media(max-width:640px){.e-con.e-parent:has(.elementor-widget-shortcode){padding-top:56px;padding-bottom:56px;}}

/* Homepage tier card - the PoC's lighter card: 408px, no CTA button.
   The Membership page keeps the fuller 575px card with its Explore button.
   These were one component until 2026-08-15, so the homepage had inherited
   200px of height and a button the approved homepage design does not have. */
.smbf-tiers.is-compact .smbf-tiercard{min-height:408px;}
.smbf-tiercard__foot.is-compact{padding-top:18px;}
@media(max-width:900px){.smbf-tiers.is-compact .smbf-tiercard{min-height:380px;}}

/* RETIRED 2026-08-17 at the homepage gate: a blanket type override on every
   heading widget on page 417. It matched nothing while 417 was shortcode-built,
   but 417 is now native Elementor and this would have forced EVERY heading to
   60px !important the moment the data landed - silently undoing the whole
   point of the rebuild and defeating @H's panel edits. Type now lives in each
   widget's own controls. */
/* Eyebrow and heading for bands built from Elementor elements rather than a
   section shell. The data widgets carry no shell, so the frame is composed on
   the canvas - these classes give it the PoC's values without the client
   having to set type by hand. PoC: eyebrow 15px/700/3px tracking teal;
   heading 60px/800. */
.smbf-el-eyebrow{margin:0 0 14px;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:700;
  letter-spacing:3px;text-transform:none;color:#0C7B82;text-align:center;}

.e-con .elementor-widget-text .smbf-el-eyebrow + *{margin-top:0;}
@media(max-width:1024px){

  .smbf-el-eyebrow{font-size:13px;letter-spacing:2.4px;}
}
@media(max-width:640px){

}

/* Elementor writes its own per-element CSS to a generated file whose rules are
   not readable from script, and it was winning on both of these. Matching it
   with !important rather than guessing at specificity a third time today. */



/* Bands built from Elementor elements (data widgets) carry the PoC's 96px
   rhythm. Setting this in the element data did not survive into the generated
   CSS, so it is set here where it is visible and reviewable. */
.e-con.e-parent:has(.elementor-widget-smbf_tiers),
.e-con.e-parent:has(.elementor-widget-smbf_events),
.e-con.e-parent:has(.elementor-widget-smbf_stories),
.e-con.e-parent:has(.elementor-widget-smbf_partners),
.e-con.e-parent:has(.elementor-widget-smbf_gallery),
.e-con.e-parent:has(.elementor-widget-smbf_faqs){padding-top:96px!important;padding-bottom:96px!important;}
@media(max-width:1024px){
  .e-con.e-parent:has([class*="elementor-widget-smbf_"]){padding-top:72px!important;padding-bottom:72px!important;}
}

/* Centred variant of the eyebrow, for bands whose heading is centred. */
.smbf-sec__eyebrow--center{align-items:center;text-align:center;}
.smbf-sec__eyebrow--left{align-items:flex-start;text-align:left;}

/* ---------------------------------------------------------------------------
   Double padding between bands.

   A band holding a section SHELL is padded twice: the Elementor band adds 96px
   and the `section.smbf-sec` inside it adds its own. Measured gap between the
   About and Membership sections was 192px against the PoC's 96 - and 216px
   where the inner section was still on 120 (Connect, Trade).

   The band owns the rhythm on this page, so the section inside it contributes
   none. Data-widget bands are unaffected: they have no inner section.
--------------------------------------------------------------------------- */
.e-con section.smbf-sec{padding-top:0!important;padding-bottom:0!important;}
/* the hero is full-bleed and sets its own vertical space */
.e-con .smbf-hero2{padding-top:190px;}

/* ---------------------------------------------------------------------------
   Section rhythm halved to 48px (@R, 2026-08-15): 96px between sections rather
   than 192. The PoC's own 96/96 read as too empty, and the PoC is not right
   about everything - this is a deliberate departure from it, recorded as such.

   Declared last and with !important because a set of per-block :has() rules
   still forced 120px on specific sections, so every live page was running two
   padding values at once and the rhythm stepped as you scrolled.
--------------------------------------------------------------------------- */
section.smbf-sec{--pad:48px;padding-top:48px!important;padding-bottom:48px!important;}
section.smbf-sec:has(.smbf-tiers),
section.smbf-sec:has(.smbf-connect),
section.smbf-sec:has(.smbf-events),
section.smbf-sec:has(.smbf-stories),
section.smbf-sec:has(.smbf-partners),
section.smbf-sec:has(.smbf-invest),
section.smbf-sec:has(.smbf-trade),
section.smbf-sec:has(.smbf-abcards){padding-top:48px!important;padding-bottom:48px!important;}
/* Elementor bands carry the same rhythm; the section inside a band adds none */
.e-con.e-parent:has(.elementor-widget-shortcode),
.e-con.e-parent:has([class*="elementor-widget-smbf_"]){padding-top:48px!important;padding-bottom:48px!important;}
.e-con.e-parent:has(.smbf-hero2){padding-top:0!important;padding-bottom:0!important;}
.e-con section.smbf-sec{padding-top:0!important;padding-bottom:0!important;}
@media(max-width:1024px){
  section.smbf-sec{padding-top:40px!important;padding-bottom:40px!important;}
  .e-con.e-parent:has([class*="elementor-widget-smbf_"]),
  .e-con.e-parent:has(.elementor-widget-shortcode){padding-top:40px!important;padding-bottom:40px!important;}
}
@media(max-width:640px){
  section.smbf-sec{padding-top:32px!important;padding-bottom:32px!important;}
  .e-con.e-parent:has([class*="elementor-widget-smbf_"]),
  .e-con.e-parent:has(.elementor-widget-shortcode){padding-top:32px!important;padding-bottom:32px!important;}
}

/* The first section after the hero gets a full 96px above it.
   Every other gap on the page is 48 (bottom) + 48 (top) = 96. The hero has no
   bottom padding - it is full-bleed and ends at its own edge - so the section
   below it was getting 48 where everything else gets 96, and read as jammed
   against the hero. Same for an Elementor band directly after the hero. */
.smbf-hero2 + section.smbf-sec,
section.smbf-hero + section.smbf-sec{padding-top:96px!important;}
.e-con.e-parent:has(.smbf-hero2) + .e-con.e-parent{padding-top:96px!important;}
@media(max-width:1024px){
  .smbf-hero2 + section.smbf-sec,
  section.smbf-hero + section.smbf-sec,
  .e-con.e-parent:has(.smbf-hero2) + .e-con.e-parent{padding-top:72px!important;}
}
@media(max-width:640px){
  .smbf-hero2 + section.smbf-sec,
  section.smbf-hero + section.smbf-sec,
  .e-con.e-parent:has(.smbf-hero2) + .e-con.e-parent{padding-top:56px!important;}
}

/* Connect section, measured against the PoC 2026-08-15. Its h2 is 53.76px -
   smaller than the 60px used on the other section headings - and its eyebrow
   tracks at 4px rather than the usual 3px. */
section.smbf-sec:has(.smbf-ph2) .smbf-sec__h2,
.e-con:has(.smbf-ph2) .smbf-sec__h2{font-size:53.76px!important;line-height:1.05;}
section.smbf-sec:has(.smbf-ph2) .smbf-sec__eyebrow > span:not(.smbf-sec__rule),
.e-con:has(.smbf-ph2) .smbf-sec__eyebrow > span:not(.smbf-sec__rule){letter-spacing:4px;}
@media(max-width:1024px){
  section.smbf-sec:has(.smbf-ph2) .smbf-sec__h2,
  .e-con:has(.smbf-ph2) .smbf-sec__h2{font-size:40px!important;}
}

/* Connect renders its own heading (.smbf-ch2) and its own eyebrow
   (.smbf-ceyebrow) rather than the shell's - which is why a rule aimed at
   .smbf-sec__h2 never applied, and why adding a shell eyebrow gave the band
   two. PoC: h2 53.76px, eyebrow tracking 4px. */
.smbf-ch2{font-size:53.76px!important;line-height:1.05;}
.smbf-ceyebrow{letter-spacing:4px!important;}
@media(max-width:1024px){.smbf-ch2{font-size:40px!important;}}
@media(max-width:640px){.smbf-ch2{font-size:32px!important;}}

/* Lead paragraph for bands composed from Elementor elements. Five sections had
   lost theirs entirely when the page was built - Events, Stories, Partners,
   Gallery and FAQ - which a word-level text diff caught, not a style check. */
.smbf-el-lead{margin:16px auto 0;max-width:820px;font-family:Manrope,Inter,sans-serif;
  font-size:16px;line-height:1.55;color:#354663;text-align:center;}
/* Events runs a smaller heading and eyebrow than the other sections in the
   approved design: 44px and 14px against 60px and 15px. */
/* RETIRED 2026-08-16 (home native heads): band-scoped !important type override beat the native heading widget's own panel control and also hit the eyebrow. Size now lives in the widget. */
.e-con:has(.elementor-widget-smbf_events) .smbf-sec__eyebrow > span:not(.smbf-sec__rule){font-size:14px;}
/* RETIRED 2026-08-16 (home native heads): band-scoped !important type override beat the native heading widget's own panel control and also hit the eyebrow. Size now lives in the widget. */

/* Member Stories, measured against the PoC 2026-08-15: heading 52px (not 60),
   lead 17px (not 16), small story cards radius 10px. The lead card is 11px in
   both. */
/* RETIRED 2026-08-16 (home native heads): band-scoped !important type override beat the native heading widget's own panel control and also hit the eyebrow. Size now lives in the widget. */
.e-con:has(.elementor-widget-smbf_stories) .smbf-el-lead{font-size:17px;line-height:1.55;}
.smbf-stcard{border-radius:10px;}
/* RETIRED 2026-08-16 (home native heads): band-scoped !important type override beat the native heading widget's own panel control and also hit the eyebrow. Size now lives in the widget. */

/* One heading colour. About was rendering #091B4B while every other heading
   was #082F6F - two navies on one page, close enough to look like a mistake
   rather than a choice. */
.smbf-abh2a,.smbf-abh2b,.smbf-sec__h2,.smbf-ch2,.smbf-tdcard__h{color:#082F6F;}
/* the inline size from [smbf_heading] must beat the global rule */
/* Gradient phrase, unscoped. The rule that paints .smbf-sec__grad sits under
   `section.smbf-sec`, so headings rendered by [smbf_heading] inside an
   Elementor band - which have no section ancestor - lost the gradient
   entirely. Seven of ten homepage headings were flat navy. */
.smbf-sec__grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-sec__ac--a{color:var(--smbf-g1);}
.smbf-sec__ac--b{color:var(--smbf-g2);}

/* A standalone heading/eyebrow wrapper must not re-introduce section padding
   or a background band - it only exists to supply the class context those
   components' rules are scoped to. */
.smbf-el-standalone{padding:0!important;background:none!important;overflow:visible;}
.smbf-el-standalone .smbf-sec__h2{margin-top:0;}

/* Partners, measured against the PoC 2026-08-16: h2 50px (not 60), eyebrow
   tracking 2px (not the usual 3), group headers 18px (not 15). */
.e-con:has(.elementor-widget-smbf_partners) .smbf-sec__h2{font-size:50px!important;line-height:1.06;}
.e-con:has(.elementor-widget-smbf_partners) .smbf-sec__eyebrow > span:not(.smbf-sec__rule){letter-spacing:2px;}
.smbf-pgroup__h,.smbf-plevel__h,.smbf-partners h3{font-size:18px;font-weight:700;letter-spacing:-.47px;}
@media(max-width:1024px){
  .e-con:has(.elementor-widget-smbf_partners) .smbf-sec__h2{font-size:38px!important;}
}

/* Trade is the navy band in the approved design: white heading on navy, green
   eyebrow at 13px / 2.5px tracking, 88px rhythm rather than the page's 48.
   Inside an Elementor band the section's own navy background was not painting,
   so the heading rendered navy-on-white - unreadable against the design and
   the only inverted band on the page. */
.e-con section.smbf-sec--bg-navy{background:radial-gradient(circle at 55% 40%,rgba(13,73,139,.18),transparent 45%),linear-gradient(135deg,#031B3D 0%,#02152F 48%,#031B3D 100%)!important;}
.e-con.e-parent:has(.smbf-tdcard__h),
.e-con.e-parent:has(.smbf-trade){
  padding-top:88px!important;padding-bottom:88px!important;}
/* White heading ONLY where the band is actually painted navy. The bare
   `.smbf-sec--bg-navy .smbf-tdcard__h` selector also matched the LIGHT trade
   sections (/trade/ and the live homepage): that markup still carries the
   bg-navy class while `section.smbf-sec:has(.smbf-trade){background:#fff}`
   forces the panel white, so "Expand Beyond Borders." rendered white on a
   95% white wash - measured invisible 2026-08-16. Scoped to .e-con so the
   light pages fall back to the #082F6F heading rule. */
.e-con:has(.smbf-trade) .smbf-sec__h2,
.e-con:has(.smbf-trade) .smbf-tdcard__h,
.e-con .smbf-sec--bg-navy .smbf-tdcard__h{color:#fff!important;}
.e-con:has(.smbf-trade) .smbf-sec__eyebrow > span:not(.smbf-sec__rule){
  font-size:13px;letter-spacing:2.5px;color:#65B64C!important;
  background-image:none!important;-webkit-text-fill-color:#65B64C!important;}
.e-con:has(.smbf-trade) .smbf-sec__lead,
.e-con:has(.smbf-trade) .smbf-el-lead{color:rgba(255,255,255,.9)!important;}

/* ---------------------------------------------------------------------------
   Trade band: text colours for a NAVY background.

   The navy was being painted on the Elementor band while the section inside it
   stayed transparent, so every text colour in the section was still the one
   set for a white background. Measured: 16 elements below 4.5:1, the worst at
   **1.08:1** - navy #082F6F on navy, effectively invisible.

   The section carries `smbf-sec--bg-navy`, so it is the correct place to both
   paint the background and invert the text.
--------------------------------------------------------------------------- */

.e-con .smbf-sec--bg-navy .smbf-tdcard__p,
.e-con .smbf-sec--bg-navy .smbf-tdmid__p,
.e-con .smbf-sec--bg-navy .smbf-tdrow__l,
.e-con .smbf-sec--bg-navy .smbf-tdmid__h,
.e-con .smbf-sec--bg-navy h3,
.e-con .smbf-sec--bg-navy h4,
.e-con .smbf-sec--bg-navy li,
.e-con .smbf-sec--bg-navy p,
.e-con .smbf-sec--bg-navy span:not(.smbf-sec__rule):not([class*="eyebrow"]){color:rgba(255,255,255,.92)!important;}
.e-con .smbf-sec--bg-navy .smbf-tbc{color:rgba(255,255,255,.62)!important;}
.e-con .smbf-sec--bg-navy .smbf-tdrow__l{color:#fff!important;}
/* the green eyebrow and the gradient heading keep their own colours */
.e-con .smbf-sec--bg-navy .smbf-sec__eyebrow > span:not(.smbf-sec__rule){color:#65B64C!important;-webkit-text-fill-color:#65B64C!important;}
/* Accent + box restores for the navy trade band on Elementor pages. The broad
   white rules above catch spans/headings/paragraphs that carry their own
   accent colours in the base trade CSS, and the light live re-theme's
   !important box styles leak through wherever no e-con rule answers them.
   `section.` in each selector lifts specificity to tie the broad :not() span
   rule, and file order settles the tie. Scoped .e-con throughout, so the
   live (light) trade rendering is untouched. PoC-parity 2026-08-16. */
.e-con section.smbf-sec--bg-navy .smbf-tdcard__eye{color:#65B64C!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__h .b{color:#0874D1!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__h .t{color:#1598A3!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__h .g{color:#59AA47!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__nexttxt .g{color:#65B64C!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__nexttxt .s{color:rgba(255,255,255,.65)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard{border-color:rgba(145,185,218,.35)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__w1{background:linear-gradient(90deg,rgba(3,22,52,.94) 0%,rgba(3,22,52,.74) 48%,rgba(3,22,52,.25) 100%)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdcard__w2{background:linear-gradient(180deg,rgba(3,22,52,0) 50%,rgba(3,22,52,.65) 100%)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdmid__month{color:transparent!important;-webkit-text-fill-color:transparent!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdmid__hr{background:rgba(255,255,255,.25)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdrow__v{color:#fff!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdrow__v{font-weight:400!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdmid h3{color:#fff!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdgain{border-color:rgba(66,168,120,.75)!important;background:rgba(255,255,255,.02)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdgain h3{color:#5EAD49!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdgain li{color:#65B84C!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdgain li svg{color:#65B84C!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdgain li p{color:#fff!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdstrip{background:rgba(4,31,72,.72)!important;border-color:rgba(145,185,218,.55)!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdstrip__l,.e-con section.smbf-sec--bg-navy .smbf-tdstrip__r{opacity:.24;}
.e-con section.smbf-sec--bg-navy .smbf-tdstrip__txt .h span{color:#3FA8A6!important;}
.e-con section.smbf-sec--bg-navy .smbf-tdstrip__div{background:rgba(255,255,255,.35)!important;}

/* Events page hero (PoC Events.tsx, measured 2026-08-16 at 1440). */
.smbf-evhero{background:#fff;}
.smbf-evhero__in{margin:0 auto;max-width:1345px;width:calc(100% - 40px);display:grid;grid-template-columns:593fr 696fr;align-items:center;column-gap:56px;row-gap:48px;padding:100px 0 40px;}
@media(max-width:1023px){.smbf-evhero__in{grid-template-columns:1fr;}}
.smbf-evhero__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background-image:linear-gradient(90deg,#145BC7 0%,#148A97 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-evhero__h1{margin:26px 0 0;font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,5vw,76px);font-weight:800;line-height:1.01;letter-spacing:-.028em;color:#082F6F;}
.smbf-evhero__h1 span{display:block;}
.smbf-evhero__h1 .g{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-evhero__lead{margin:26px 0 0;max-width:580px;font-family:Manrope,Inter,sans-serif;font-size:19px;line-height:1.6;color:#304667;}
.smbf-evhero__btns{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px 20px;}
.smbf-evhero__rule{display:block;height:2px;width:68px;margin-top:20px;background:linear-gradient(90deg,#145BC7 0%,#148A97 100%);}
.smbf-evhero__btn{display:inline-flex;height:64px;width:270px;align-items:center;justify-content:space-between;border-radius:8px;padding:0 26px;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:600;text-decoration:none;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);transition:filter .2s;}
.smbf-evhero__btn--ghost{width:302px;}
.smbf-evhero__stats{background:#F8FBFF;border-top:1px solid rgba(8,47,111,.06);}
.smbf-evhero__stats-in{margin:0 auto;max-width:1345px;width:calc(100% - 40px);display:grid;grid-template-columns:repeat(4,1fr);padding:34px 0;}
@media(max-width:900px){.smbf-evhero__stats-in{grid-template-columns:repeat(2,1fr);row-gap:8px;}}
.smbf-evhero__stat{display:flex;align-items:center;gap:16px;padding:10px 22px;}
.smbf-evhero__stat + .smbf-evhero__stat{border-left:1px solid rgba(8,47,111,.10);}
@media(max-width:900px){.smbf-evhero__stat:nth-child(3){border-left:none;}}
.smbf-evhero__stat-disc{display:grid;place-items:center;height:72px;width:72px;flex:0 0 72px;border-radius:999px;background:rgba(20,91,199,.08);color:#145BC7;}
.smbf-evhero__stat:nth-child(2) .smbf-evhero__stat-disc{background:rgba(53,169,75,.09);color:#35A94B;}
.smbf-evhero__stat:nth-child(3) .smbf-evhero__stat-disc{color:#1769E8;}
.smbf-evhero__stat:nth-child(4) .smbf-evhero__stat-disc{background:rgba(20,138,151,.09);color:#148A97;}
.smbf-evhero__stat-txt b{display:block;font-family:Manrope,Inter,sans-serif;font-size:34px;font-weight:800;line-height:1.1;color:#082F6F;}
.smbf-evhero__stat-txt i{display:block;font-style:normal;margin-top:2px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:500;color:#243A5C;}
.smbf-evhero__btn:hover{filter:brightness(1.08);}
.smbf-evhero__btn--ghost{background:#fff;border:1px solid var(--smbf-g1);color:var(--smbf-g1);}
.smbf-evhero__btn--ghost:hover{filter:none;background:rgba(20,91,199,.05);}
.smbf-evhero__main{overflow:hidden;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);}
.smbf-evhero__main img{display:block;width:100%;height:510px;object-fit:cover;}
.smbf-evhero__strip{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.smbf-evhero__cut{overflow:hidden;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);}
.smbf-evhero__cut img{display:block;width:100%;height:215px;object-fit:cover;}
@media(max-width:1279px){
.smbf-evhero__main{clip-path:none;border-radius:18px;}
.smbf-evhero__cut{clip-path:none;border-radius:12px;}
}
@media(max-width:640px){
.smbf-evhero__in{padding-top:60px;}
.smbf-evhero__main img{height:300px;}
.smbf-evhero__cut img{height:120px;}
}

/* Featured event card, content-first redesign (@R 2026-08-16): the grid can
   make this card as tall as it likes - copy, meta tiles and CTA stack at the
   top, and every spare pixel goes to the photograph, which reveals downward
   through an inverted wash. Countdown chip is derived from start_date. */
.smbf-evfeat__in{justify-content:flex-start;}
.smbf-evfeat__details{margin-top:26px;}
.smbf-evfeat__btn{margin-top:26px;}
.smbf-evfeat__w1{background:linear-gradient(180deg,rgba(3,22,56,.97) 0%,rgba(3,22,56,.93) 34%,rgba(3,22,56,.55) 62%,rgba(3,22,56,.12) 100%);}
.smbf-evfeat__w2{background:linear-gradient(180deg,transparent 78%,rgba(3,22,56,.45) 100%);}
.smbf-evfeat__badgerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.smbf-evfeat__count{display:inline-flex;align-items:center;gap:8px;height:31px;border-radius:999px;padding:0 14px;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;color:#DFF3FF;background:rgba(255,255,255,.10);border:1px solid rgba(163,216,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.smbf-evfeat__count i{display:block;height:7px;width:7px;border-radius:999px;background:#5BE49B;box-shadow:0 0 0 0 rgba(91,228,155,.6);animation:smbfPulse 2.2s ease-out infinite;}
@keyframes smbfPulse{0%{box-shadow:0 0 0 0 rgba(91,228,155,.55);}70%{box-shadow:0 0 0 8px rgba(91,228,155,0);}100%{box-shadow:0 0 0 0 rgba(91,228,155,0);}}
.smbf-evfeat__d{align-items:flex-start;border-radius:12px;border:1px solid rgba(163,216,255,.22);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;}
@media(prefers-reduced-motion:reduce){.smbf-evfeat__count i{animation:none;}}

/* Native events archive (template 439) - MINIMAL SHIM ONLY. All typography,
   colours, borders, backgrounds and sizes live in the widgets' own Elementor
   controls so the client's panel edits actually work. This shim carries only
   what Elementor has no control for. NO !important anywhere - element-level
   panel edits must always win. */
.smbf-evhero__eye-w .elementor-heading-title{background-image:linear-gradient(90deg,#145BC7 0%,#148A97 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-evhero__eye-w::after{content:"";display:block;height:2px;width:68px;margin-top:20px;background:linear-gradient(90deg,#145BC7 0%,#148A97 100%);}
.smbf-evhero__h1-w{margin-top:26px;}
.smbf-evhero__h1-w .elementor-heading-title .g{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-evhero__lead-w{margin-top:26px;}
.smbf-evhero__btn-w .elementor-button{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:8px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:700;}.smbf-evhero__btn-w .elementor-button-content-wrapper{justify-content:center;align-items:center;gap:9px;}.smbf-evhero__btn-w .elementor-button{align-items:center;}.smbf-evhero__btn-w:not(.smbf-evhero__btn-w--ghost) .elementor-button{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
@media(min-width:1024px){.smbf-evhero-native .e-con:has(> .smbf-evhero__btn-w){flex-wrap:nowrap;}}
.smbf-evhero-native .smbf-evhero__main img,.smbf-evhero-native .smbf-evhero__cut img{width:100%;display:block;}
.smbf-evhero-native .smbf-evhero__main img{clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);}
.smbf-evhero-native .smbf-evhero__cut img{clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);}
@media(max-width:1279px){.smbf-evhero-native .smbf-evhero__main img{clip-path:none;border-radius:18px;}.smbf-evhero-native .smbf-evhero__cut img{clip-path:none;border-radius:12px;}}
.smbf-evhero__stats-w .smbf-evhero__stat{flex:1;}
.smbf-evhero__stat-l{margin-top:2px;}
.smbf-evs2__h2{margin-top:14px;}
.e-con .smbf-evs2__h2 .elementor-heading-title .b{color:#145CC6;}
.e-con .smbf-evs2__h2 .elementor-heading-title .g{color:#56A344;}
.smbf-evs2__lead{margin-top:15px;}
.smbf-evs2__chips{margin-top:26px;}
.smbf-evs2 .smbf-evs2__chips .e-filter,.smbf-hev__chips .e-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.smbf-evs2 .smbf-evs2__chips .e-filter-item,.smbf-hev__chips .e-filter-item{font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;height:40px;min-height:0;padding:0 18px;border-radius:6px;background:#fff;color:#082F6F;border:1px solid rgba(8,47,111,.14);cursor:pointer;transition:.2s;}
.smbf-evs2 .smbf-evs2__chips .e-filter-item:hover,.smbf-hev__chips .e-filter-item:hover{border-color:#145BC7;color:#145BC7;}
.smbf-evs2 .smbf-evs2__chips .e-filter-item[aria-pressed="true"],.smbf-evs2 .smbf-evs2__chips .e-filter-item.e-active,.smbf-hev__chips .e-filter-item[aria-pressed="true"],.smbf-hev__chips .e-filter-item.e-active{background:#082F6F;color:#fff;border-color:#082F6F;}
.smbf-evs2__grid{margin-top:38px;width:100%;}
.smbf-evs2 .smbf-evs2__grid .elementor-loop-container,.smbf-hev__grid .elementor-loop-container{gap:26px;}
.smbf-evs3__h2{margin-top:14px;}
.e-con .smbf-evs3__h2 .elementor-heading-title .g{color:#0E9F6E;}
.smbf-evs3__lead{margin-top:15px;}
.smbf-evs3__grid > .e-con{width:calc((100% - 44px)/3);}
@media(max-width:1100px){.smbf-evs3__grid > .e-con{width:calc((100% - 22px)/2);}}
@media(max-width:700px){.smbf-evs3__grid > .e-con{width:100%;}}
.smbf-evs3__card{transition:transform .2s ease,box-shadow .2s ease;}
.smbf-evs3__card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,35,70,.10);}
.smbf-evs3__ic{align-self:flex-start;}
.smbf-evs3__t{margin-top:18px;}
.smbf-evs3__b{margin-top:8px;}
.smbf-evs3__cta{margin-top:46px;}
.smbf-evs3__cta .elementor-button{justify-content:space-between;}
.smbf-evs4__h2{margin-top:14px;}
.e-con .smbf-evs4__h2 .elementor-heading-title .g{color:#0E9F6E;}
.smbf-evs4__lead{margin-top:15px;}
.smbf-evs4__grid{margin-top:42px;width:100%;}
.smbf-evs4 .smbf-evs4__grid .elementor-loop-container{gap:20px;}
.smbf-evs4__cta{margin-top:44px;}
.smbf-evs4__cta .elementor-button{justify-content:space-between;}
.smbf-evs5__h2{margin-top:14px;}
.smbf-evs5__lead{margin-top:15px;}
.smbf-evs5__form input:not([type=checkbox]),.smbf-evs5__form select{height:60px;}
.smbf-evs5__form .elementor-button{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);border-radius:8px;height:58px;min-width:218px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;}
.smbf-evs5__form .elementor-button:hover{filter:brightness(1.08);}
.smbf-evs6__h2{margin-top:14px;}
.e-con .smbf-evs6__h2 .elementor-heading-title .g{color:#0E9F6E;}
.smbf-evs6__acc .elementor-accordion .elementor-accordion-item{border-radius:13px;overflow:hidden;background:#fff;margin-bottom:12px;}
.smbf-evs6__acc .elementor-tab-title{padding:20px;font-family:Manrope,Inter,sans-serif;}
.smbf-evs6__acc .elementor-tab-content{padding:0 20px 20px;font-family:Manrope,Inter,sans-serif;}
.smbf-evs2__row .smbf-evs2__feat .smbf-evfeat{height:100%;}
.smbf-evs2__right .smbf-evs2__chips{margin-top:0;}
.smbf-evs2__right .smbf-evs2__grid{margin-top:16px;}
.smbf-evs2 .e-loop-item .elementor-widget-heading .elementor-heading-title{font-size:17px;line-height:1.3;}
.smbf-evs4 .e-loop-item .elementor-widget-heading .elementor-heading-title{font-size:17px;line-height:1.3;}
.smbf-evs2__bar-h .elementor-heading-title .g{color:#6DBA4D;}
.smbf-evs2__bar-ft{margin:0;}
.smbf-evs2__bar-fb{margin-top:4px;max-width:170px;}
.smbf-evs2__bar-btn{flex-shrink:0;}
.smbf-evs2__bar-disc{flex-shrink:0;}
.smbf-evs2__bar-h{flex-shrink:0;max-width:250px;}
.smbf-evs2__bar-btn .elementor-button{justify-content:space-between;height:50px;}
@media(max-width:1100px){.smbf-evs2__row{flex-wrap:wrap;}.smbf-evs2__left,.smbf-evs2__right{width:100%!important;}.smbf-evs2__bar{flex-wrap:wrap;}}

/* ===== CONNECT NATIVE S1 (page 450 band 1) — PoC /connect hero, 2026-08-16 ===== */
.smbf-cns1{background:linear-gradient(135deg,#FFFFFF 0%,#FBFDFF 60%,#F5FAFF 100%);overflow:hidden;position:relative}
.smbf-cns1 .smbf-cns1__wrap{max-width:1360px;width:calc(100% - 36px);margin:0 auto}
.smbf-cns1 .smbf-cns1__grid{align-items:center}
.smbf-cns1 .smbf-cns1__left{max-width:700px}
.smbf-cns1__eye .cns1-eb2{color:#148A97}
.smbf-cns1__rule .elementor-divider{padding:0}
.smbf-cns1 .smbf-cns1__rule .elementor-divider-separator{display:block;width:88px;height:2px;border:0;margin-top:12px;border-radius:999px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%)}
.smbf-cns1__h1 .cns1-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 58%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns1__btn .elementor-button{height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.smbf-cns1__btn:not(.smbf-cns1__btn--ghost) .elementor-button{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-cns1__btn--ghost .elementor-button:hover{background-color:#F7FAFD}
/* visual */
.smbf-cns1 .cns1-vis{position:relative;min-height:700px;width:100%}
.smbf-cns1 .cns1-dots{position:absolute;right:2%;top:4%;width:420px;height:200px;opacity:.14;background-image:radial-gradient(#145BC7 1.5px,transparent 1.6px);background-size:12px 12px;pointer-events:none}
.smbf-cns1 .cns1-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.smbf-cns1 .cns1-card{position:relative;z-index:10;margin-left:auto;margin-right:14%;width:100%;max-width:460px;border-radius:20px;border:1px solid rgba(8,47,111,.06);padding:22px;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(5,30,70,.06)}
.smbf-cns1 .cns1-card__t{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#061A3D}
.smbf-cns1 .cns1-card__t2{font-weight:700;letter-spacing:2px;color:#148A97}
.smbf-cns1 .cns1-search{margin-top:16px;display:flex;align-items:center;gap:10px}
.smbf-cns1 .cns1-search__in{display:flex;flex:1;height:44px;align-items:center;gap:8px;border-radius:8px;border:1px solid rgba(8,47,111,.10);padding:0 12px;min-width:0}
.smbf-cns1 .cns1-search__in span{font-size:13px;color:#7C8DAB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns1 .cns1-search__f{display:flex;height:44px;align-items:center;gap:7px;border-radius:8px;border:1px solid rgba(8,47,111,.10);padding:0 14px;font-size:13px;font-weight:600;color:#082F6F}
.smbf-cns1 .cns1-rows{margin-top:14px;display:flex;flex-direction:column;gap:11px}
.smbf-cns1 .cns1-row{display:flex;align-items:center;gap:14px;border-radius:11px;border:1px solid rgba(8,47,111,.06);background:#fff;padding:12px 14px;transition:background-color .2s}
.smbf-cns1 .cns1-row:hover{background:#F7FAFD}
.smbf-cns1 .cns1-row__av{display:flex;height:46px;width:46px;flex:0 0 46px;align-items:center;justify-content:center;border-radius:999px;font-size:15px;font-weight:700}
.smbf-cns1 .cns1-row__tx{min-width:0;display:block}
.smbf-cns1 .cns1-row__nm{display:block;font-size:15px;font-weight:700;color:#061A3D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns1 .cns1-row__ct{display:block;font-size:13px;color:#40567D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns1 .cns1-row__ci{margin-top:2px;display:flex;align-items:center;gap:4px;font-size:12px;color:#7C8DAB}
.smbf-cns1 .cns1-hand{position:absolute;bottom:0;left:2%;z-index:20;width:86%;max-width:640px;height:auto;object-fit:contain;pointer-events:none}
.smbf-cns1 .cns1-av{position:absolute;z-index:30;height:56px;width:56px;border-radius:999px;border:2px solid #145BC7;background:#fff;object-fit:cover;box-shadow:0 6px 18px rgba(5,30,70,.10);transition:transform .2s}
.smbf-cns1 .cns1-av:hover{transform:scale(1.03)}
/* benefits panel */
.smbf-cns1 .smbf-cns1__panel{position:relative;z-index:30;background:rgba(255,255,255,.97);border:1px solid rgba(8,47,111,.05);box-shadow:0 8px 32px rgba(5,30,70,.05)}
.smbf-cns1 .smbf-cns1__bitem{flex:1 1 0}
.smbf-cns1 .smbf-cns1__panel{gap:0}
.smbf-cns1 .smbf-cns1__bitem .e-con{gap:0}
.smbf-cns1 .smbf-cns1__bitem .elementor-widget-text-editor p{margin:0}
.smbf-cns1 .smbf-cns1__bitem .elementor-heading-title{margin:0}
.smbf-cns1 .smbf-cns1__bitem:not(:last-child){border-right:1px solid rgba(8,47,111,.10)}
.smbf-cns1 .smbf-cns1__bicon .elementor-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;padding:0}
@media (max-width:1024px){.smbf-cns1 .smbf-cns1__grid{flex-wrap:wrap}.smbf-cns1 .smbf-cns1__left,.smbf-cns1 .smbf-cns1__right{width:100%}.smbf-cns1 .cns1-dots,.smbf-cns1 .cns1-lines,.smbf-cns1 .cns1-av{display:none}.smbf-cns1 .smbf-cns1__panel{flex-wrap:wrap}.smbf-cns1 .smbf-cns1__bitem{flex:1 1 45%;border-right:0!important;border-bottom:1px solid rgba(8,47,111,.10)}}
@media (max-width:640px){.smbf-cns1 .cns1-vis{min-height:520px}.smbf-cns1 .cns1-card{margin-right:0}.smbf-cns1 .cns1-hand{left:6%;width:92%}.smbf-cns1 .smbf-cns1__btnrow{flex-direction:column;gap:14px}.smbf-cns1 .smbf-cns1__btn .elementor-button{height:56px;width:100%}.smbf-cns1 .smbf-cns1__bitem{flex:1 1 100%}}
/* ===== /CONNECT NATIVE S1 ===== */

/* ===== CONNECT NATIVE S2 (page 450 band 2) — app promo, 2026-08-16 ===== */
.smbf-cns2{position:relative;overflow:hidden}
.smbf-cns2 .smbf-cns2__wrap{max-width:1400px;width:calc(100% - 36px);margin:0 auto;position:relative}
.smbf-cns2 .cns2-arcs{position:absolute;right:-120px;top:-160px;width:560px;height:560px;opacity:var(--smbf-deco-strong);pointer-events:none}
.smbf-cns2 .cns2-dots{position:absolute;bottom:180px;left:0;width:98px;height:117px;opacity:.35;background-image:radial-gradient(rgba(40,112,197,.4) 1.5px,transparent 1.6px);background-size:19px 19px;pointer-events:none}
.smbf-cns2 .smbf-cns2__rule .elementor-divider{padding:0}
.smbf-cns2 .smbf-cns2__rule .elementor-divider-separator{height:2px;border:0;margin-top:10px;border-radius:999px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%)}
.smbf-cns2 .smbf-cns2__rule--c .elementor-divider{display:flex;justify-content:center}
.smbf-cns2__eye .cns2-eb2{color:#148A97}
.smbf-cns2__h2 .cns2-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns2 .smbf-cns2__grid{display:grid;grid-template-columns:1.05fr .9fr 1fr;column-gap:72px;row-gap:80px;align-items:center}
.smbf-cns2 .smbf-cns2__grid>.e-con{width:100%;max-width:100%}
.smbf-cns2 .smbf-cns2__jcard{max-width:470px;box-shadow:0 8px 26px rgba(8,35,70,.05)}
.smbf-cns2 .smbf-cns2__cicon .elementor-icon{width:70px;height:70px;padding:0;display:flex;align-items:center;justify-content:center}
.smbf-cns2 .smbf-cns2__cbtn .elementor-button{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);transition:filter .2s}
.smbf-cns2 .smbf-cns2__cbtn .elementor-button:hover{filter:brightness(1.1)}
.smbf-cns2 .elementor-widget:not(:last-child){margin-block-end:0}
/* right rail */
.smbf-cns2 .smbf-cns2__right{position:relative;padding-left:31px}
.smbf-cns2 .smbf-cns2__right::before{content:"";position:absolute;left:4px;top:46px;bottom:46px;width:1px;background:rgba(8,47,111,.15)}
.smbf-cns2 .smbf-cns2__frow{position:relative}
.smbf-cns2 .smbf-cns2__frow::before{content:"";position:absolute;left:-31px;top:32px;width:9px;height:9px;border-radius:999px;background:#145BC7}
.smbf-cns2 .cns2-f--t::before{background:#148A97}
.smbf-cns2 .cns2-f--g::before{background:#59A845}
.smbf-cns2 .smbf-cns2__ficon .elementor-icon{width:72px;height:72px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.smbf-cns2 .smbf-cns2__frow:hover .smbf-cns2__ficon .elementor-icon{transform:translateY(-2px)}
.smbf-cns2 .smbf-cns2__frow .elementor-heading-title{margin:0}
.smbf-cns2 .smbf-cns2__frow .elementor-widget-text-editor p{margin:0}
.smbf-cns2 .smbf-cns2__frow .e-con{gap:0}
/* phone */
.smbf-cns2 .cns2-phone{max-width:312px;margin:0 auto;transform:rotate(3deg)}
.smbf-cns2 .cns2-phone__frame{border-radius:52px;background:linear-gradient(145deg,#c9cfd8,#2b3038 35%,#171a1f 60%,#9aa2ad);padding:9px;box-shadow:0 40px 80px -40px rgba(8,35,70,.45)}
.smbf-cns2 .cns2-phone__screen{position:relative;display:flex;flex-direction:column;aspect-ratio:9/19.5;overflow:hidden;border-radius:44px;background:#fff}
.smbf-cns2 .cns2-ph__notch{position:absolute;left:50%;top:10px;z-index:10;height:26px;width:110px;transform:translateX(-50%);border-radius:999px;background:#000}
.smbf-cns2 .cns2-ph__status{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 6px;font-size:11px;font-weight:600;color:#061A3D}
.smbf-cns2 .cns2-ph__sig{display:flex;align-items:flex-end;gap:2px;opacity:.8}
.smbf-cns2 .cns2-ph__sig i{display:inline-block;width:3px;border-radius:1px;background:#061A3D}
.smbf-cns2 .cns2-ph__sig b{margin-left:2px;display:inline-block;height:9px;width:16px;border-radius:3px;border:1px solid #061A3D}
.smbf-cns2 .cns2-ph__body{flex:1;padding:0 18px 10px}
.smbf-cns2 .cns2-ph__head{display:flex;align-items:center;justify-content:space-between;padding-top:8px}
.smbf-cns2 .cns2-ph__logo{font-size:15px;font-weight:800;color:#061A3D}
.smbf-cns2 .cns2-ph__logo b{font-weight:700;letter-spacing:1.5px;color:#148A97}
.smbf-cns2 .cns2-ph__bell{position:relative}
.smbf-cns2 .cns2-ph__belldot{position:absolute;right:-1px;top:-1px;height:7px;width:7px;border-radius:999px;background:#59A845;box-shadow:0 0 0 2px #fff}
.smbf-cns2 .cns2-ph__hi{margin:12px 0 0;font-size:15px;font-weight:700;font-style:italic;line-height:1.25;color:#061A3D}
.smbf-cns2 .cns2-ph__search{margin-top:12px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;border:1px solid #E3E9F2;background:#fff;padding:9px 12px}
.smbf-cns2 .cns2-ph__search span{font-size:11px;color:#7C8AA3}
.smbf-cns2 .cns2-ph__hero{position:relative;margin-top:12px;overflow:hidden;border-radius:10px;background:#0B2149;padding:14px}
.smbf-cns2 .cns2-ph__hero>div{position:relative;z-index:10;font-size:11px;font-weight:500;font-style:italic;line-height:1.5;color:#fff}
.smbf-cns2 .cns2-ph__hero>div span{color:#7FD35A}
.smbf-cns2 .cns2-ph__hero>i{position:absolute;right:-6px;top:50%;transform:translateY(-50%)}
.smbf-cns2 .cns2-ph__lbl{margin:12px 0 0;font-size:11px;font-weight:600;color:#061A3D}
.smbf-cns2 .cns2-ph__quick{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.smbf-cns2 .cns2-q{display:flex;height:54px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;border:1px solid #E9EEF6;background:#fff}
.smbf-cns2 .cns2-q span{padding:0 2px;text-align:center;font-size:8px;line-height:1;color:#334867}
.smbf-cns2 .cns2-ph__ev{margin-top:7px;display:flex;align-items:center;gap:10px;border-radius:10px;border:1px solid #E9EEF6;background:#fff;padding:8px}
.smbf-cns2 .cns2-ph__ev img{height:46px;width:62px;flex:0 0 62px;border-radius:6px;object-fit:cover}
.smbf-cns2 .cns2-ph__evt{min-width:0;flex:1;display:block}
.smbf-cns2 .cns2-ph__evt b{display:block;font-size:11px;font-weight:700;color:#061A3D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns2 .cns2-ph__evt span{display:block;font-size:9px;color:#4A5D7D}
.smbf-cns2 .cns2-ph__evt em{display:block;font-size:9px;color:#4A5D7D}
.smbf-cns2 .cns2-ph__nav{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #EDF1F7;padding:9px 22px 16px}
.smbf-cns2 .cns2-ph__ni{display:flex;flex-direction:column;align-items:center;gap:3px}
.smbf-cns2 .cns2-ph__ni span{font-size:8px;color:#8494AC}
.smbf-cns2 .cns2-ph__ni--on span{color:#145BC7}
.smbf-cns2 .cns2-ph__plus{display:grid;height:36px;width:36px;place-items:center;border-radius:999px;background:#0B2149;box-shadow:0 6px 14px -6px rgba(8,35,70,.6)}
@media (max-width:1024px){.smbf-cns2 .smbf-cns2__grid{grid-template-columns:1fr}.smbf-cns2 .cns2-arcs,.smbf-cns2 .cns2-dots{display:none}.smbf-cns2 .smbf-cns2__right{order:2}.smbf-cns2 .smbf-cns2__centre{order:3}}
@media (max-width:640px){.smbf-cns2 .smbf-cns2__cp{margin-left:0!important}}
/* ===== /CONNECT NATIVE S2 ===== */

/* ===== CONNECT NATIVE S3 (page 450 band 3) — capabilities, 2026-08-16 ===== */
.smbf-cns3{position:relative;overflow:hidden}
.smbf-cns3 .smbf-cns3__wrap{max-width:1440px;width:calc(100% - 36px);margin:0 auto;position:relative}
.smbf-cns3 .cns3-arcs{position:absolute;left:-180px;top:-150px;width:520px;height:520px;pointer-events:none}
.smbf-cns3 .cns3-dg{position:absolute;right:60px;top:64px;width:120px;height:86px;pointer-events:none}
.smbf-cns3__eye .elementor-heading-title{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns3 .smbf-cns3__rule .elementor-divider{padding:0;display:flex;justify-content:center}
.smbf-cns3 .smbf-cns3__rule .elementor-divider-separator{height:2px;border:0;margin-top:14px;border-radius:999px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%)}
.smbf-cns3__h2 .cns3-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns3 .smbf-cns3__lead{margin-left:auto;margin-right:auto}
.smbf-cns3 .elementor-widget:not(:last-child){margin-block-end:0}
.smbf-cns3 .smbf-cns3__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.smbf-cns3 .smbf-cns3__grid>.e-con{width:100%;max-width:100%;min-height:195px}
.smbf-cns3 .smbf-cns3__card{position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(5,30,70,.045);transition:transform .2s ease-out,box-shadow .2s ease-out}
.smbf-cns3 .smbf-cns3__card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(5,30,70,.07)}
.smbf-cns3 .smbf-cns3__card::before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:#145BC7}
.smbf-cns3 .cns3-s1::before{background:#2870C5}
.smbf-cns3 .cns3-s2::before,.smbf-cns3 .cns3-s3::before{background:#148A97}
.smbf-cns3 .cns3-s4::before,.smbf-cns3 .cns3-s5::before{background:#2EA63A}
.smbf-cns3 .cns3-disc{display:flex;height:116px;width:116px;flex:0 0 116px;align-items:center;justify-content:center;border-radius:20px}
.smbf-cns3 .cns3-disc svg{height:56px;width:56px}
.smbf-cns3 .smbf-cns3__card .elementor-heading-title{margin:0}
.smbf-cns3 .smbf-cns3__card .elementor-widget-text-editor p{margin:0}
.smbf-cns3 .smbf-cns3__card .e-con{gap:0}
@media (max-width:1049px){.smbf-cns3 .smbf-cns3__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:759px){.smbf-cns3 .smbf-cns3__grid{grid-template-columns:1fr}.smbf-cns3 .cns3-disc{height:86px;width:86px;flex-basis:86px}.smbf-cns3 .cns3-disc svg{height:42px;width:42px}.smbf-cns3 .cns3-arcs,.smbf-cns3 .cns3-dg{display:none}}
/* ===== /CONNECT NATIVE S3 ===== */

/* ===== CONNECT NATIVE S4 (page 450 band 4) — everything you need, 2026-08-16 ===== */
.smbf-cns4{position:relative;overflow:hidden}
.smbf-cns4 .smbf-cns4__wrap{max-width:1440px;width:calc(100% - 36px);margin:0 auto;position:relative}
.smbf-cns4 .cns4-dots{position:absolute;bottom:-10px;left:10px;width:104px;height:88px;opacity:.18;background-image:radial-gradient(#145BC7 2px,transparent 2.1px),radial-gradient(#148A97 2px,transparent 2.1px);background-size:36px 18px,36px 18px;background-position:0 0,18px 9px;pointer-events:none}
.smbf-cns4 .cns4-arcs{position:absolute;bottom:-120px;right:-80px;width:420px;height:420px;pointer-events:none}
.smbf-cns4__eye .elementor-heading-title{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns4 .smbf-cns4__rule .elementor-divider{padding:0}
.smbf-cns4 .smbf-cns4__rule .elementor-divider-separator{height:2px;border:0;margin-top:10px;border-radius:999px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g3) 100%)}
.smbf-cns4__h2 .cns4-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns4 .elementor-widget:not(:last-child){margin-block-end:0}
.smbf-cns4 .smbf-cns4__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.smbf-cns4 .smbf-cns4__grid>.e-con{width:100%;max-width:100%}
.smbf-cns4 .smbf-cns4__fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.smbf-cns4 .smbf-cns4__cell{padding:26px 0;min-height:142px}
.smbf-cns4 .smbf-cns4__cell:nth-child(odd){padding-right:30px}
.smbf-cns4 .smbf-cns4__cell:nth-child(even){border-left:1px solid rgba(8,47,111,.09);padding-left:30px}
.smbf-cns4 .smbf-cns4__cell:nth-child(n+3){border-top:1px solid rgba(8,47,111,.09)}
.smbf-cns4 .smbf-cns4__ficon .elementor-icon{width:78px;height:78px;padding:0;display:flex;align-items:center;justify-content:center}
.smbf-cns4 .smbf-cns4__cell .elementor-heading-title,.smbf-cns4 .smbf-cns4__cell .elementor-widget-text-editor p{margin:0}
.smbf-cns4 .smbf-cns4__cell .e-con{gap:0}
.smbf-cns4 .smbf-cns4__cta{justify-content:space-between}
.smbf-cns4 .smbf-cns4__cta .elementor-heading-title,.smbf-cns4 .smbf-cns4__cta .elementor-widget-text-editor p{margin:0}
.smbf-cns4 .smbf-cns4__cicon .elementor-icon{width:66px;height:66px;padding:0;display:flex;align-items:center;justify-content:center}
.smbf-cns4 .smbf-cns4__btn .elementor-button{height:52px;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,filter .2s;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-cns4 .smbf-cns4__btn .elementor-button:hover{transform:translateY(-1px);filter:brightness(1.1)}
.smbf-cns4 .smbf-cns4__signin a{font-weight:600;color:#145BC7;text-decoration:underline}
/* phone + blobs */
.smbf-cns4 .smbf-cns4__right{position:relative;display:flex;align-items:center;justify-content:center}
.smbf-cns4 .cns4-blobs i{position:absolute;border-radius:999px;pointer-events:none}
.smbf-cns4 .cns4-blob1{width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(20,91,199,.10);filter:blur(2px)}
.smbf-cns4 .cns4-blob2{width:380px;height:380px;right:10%;top:16%;background:rgba(20,138,151,.10)}
.smbf-cns4 .cns4-blob3{width:300px;height:300px;left:8%;bottom:6%;background:rgba(53,169,75,.10)}
.smbf-cns4 .cns4-phone{position:relative;max-width:430px;width:100%;margin:0 auto;transform:rotate(6deg)}
.smbf-cns4 .cns4-phone__frame{position:relative;border-radius:52px;background:linear-gradient(145deg,#c9cfd8,#2b3038 35%,#171a1f 62%,#9aa2ad);padding:10px;box-shadow:0 25px 60px rgba(5,30,70,.16)}
.smbf-cns4 .cns4-sb{position:absolute;width:3px;background:#5b6270}
.smbf-cns4 .cns4-sb--l1{left:-3px;top:150px;height:54px;border-radius:2px 0 0 2px}
.smbf-cns4 .cns4-sb--l2{left:-3px;top:218px;height:54px;border-radius:2px 0 0 2px}
.smbf-cns4 .cns4-sb--r{right:-3px;top:190px;height:80px;border-radius:0 2px 2px 0}
.smbf-cns4 .cns4-phone__screen{position:relative;display:flex;flex-direction:column;aspect-ratio:9/19.5;overflow:hidden;border-radius:44px;background:#fff}
.smbf-cns4 .cns4-ph__notch{position:absolute;left:50%;top:10px;z-index:10;height:26px;width:104px;transform:translateX(-50%);border-radius:999px;background:#000}
.smbf-cns4 .cns4-ph__status{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 4px;font-size:10px;font-weight:600;color:#061A3D}
.smbf-cns4 .cns4-ph__sig{display:flex;align-items:flex-end;gap:2px;opacity:.8}
.smbf-cns4 .cns4-ph__sig i{display:inline-block;width:2.5px;border-radius:1px;background:#061A3D}
.smbf-cns4 .cns4-ph__sig b{margin-left:2px;display:inline-block;height:8px;width:15px;border-radius:3px;border:1px solid #061A3D}
.smbf-cns4 .cns4-ph__body{flex:1;overflow:hidden;padding:0 16px}
.smbf-cns4 .cns4-ph__head{display:flex;align-items:center;justify-content:space-between;padding-top:10px}
.smbf-cns4 .cns4-ph__logo{font-size:15px;font-weight:800;letter-spacing:-.01em;color:#061A3D}
.smbf-cns4 .cns4-ph__logo b{color:#145BC7}
.smbf-cns4 .cns4-ph__hr{display:flex;align-items:center;gap:8px}
.smbf-cns4 .cns4-ph__me{display:flex;height:22px;width:22px;align-items:center;justify-content:center;border-radius:999px;background:#0B2148;font-size:9px;font-weight:700;color:#fff}
.smbf-cns4 .cns4-ph__search{margin-top:11px;display:flex;align-items:center;gap:7px;border-radius:10px;border:1px solid #E3E9F2;background:#fff;padding:7px 10px}
.smbf-cns4 .cns4-ph__search span{font-size:9px;color:#8A9AB5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns4 .cns4-ph__wel{margin-top:10px;border-radius:12px;background:#0B2148;padding:13px}
.smbf-cns4 .cns4-ph__wel b{display:block;font-size:12px;font-weight:700;color:#fff}
.smbf-cns4 .cns4-ph__wel>span{display:block;margin-top:5px;font-size:9px;line-height:1.5;color:rgba(255,255,255,.7)}
.smbf-cns4 .cns4-ph__wel button{margin-top:10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;background:#fff;padding:6px 10px;font-size:9px;font-weight:700;color:#0B2148}
.smbf-cns4 .cns4-ph__lbl{margin:12px 0 0;font-size:10px;font-weight:700;color:#061A3D}
.smbf-cns4 .cns4-ph__qa{margin-top:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.smbf-cns4 .cns4-qa{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:9px;border:1px solid #E9EEF6;background:#fff;padding:8px 3px}
.smbf-cns4 .cns4-qa span{text-align:center;font-size:6.5px;font-weight:600;line-height:1.2;color:#40567D}
.smbf-cns4 .cns4-ph__rec{margin-top:12px;display:flex;align-items:center;justify-content:space-between}
.smbf-cns4 .cns4-ph__rec span{font-size:8px;font-weight:600;color:#145BC7}
.smbf-cns4 .cns4-ph__list{margin-top:7px;display:flex;flex-direction:column;gap:8px}
.smbf-cns4 .cns4-li{display:flex;align-items:center;gap:8px}
.smbf-cns4 .cns4-li__av{display:flex;height:26px;width:26px;flex:0 0 26px;align-items:center;justify-content:center;border-radius:999px;border:1px solid;font-size:8px;font-weight:700}
.smbf-cns4 .cns4-li__tx{min-width:0;flex:1;display:block}
.smbf-cns4 .cns4-li__tx b{display:block;font-size:9px;font-weight:700;color:#061A3D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns4 .cns4-li__tx span{display:block;font-size:7.5px;color:#7488A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smbf-cns4 .cns4-li button{border:1px solid #D9E2EF;border-radius:6px;background:#fff;padding:4px 7px;font-size:7.5px;font-weight:600;color:#0B2148}
.smbf-cns4 .cns4-ph__nav{margin-top:8px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EDF1F7;padding:8px 14px 16px}
.smbf-cns4 .cns4-ni{display:flex;flex-direction:column;align-items:center;gap:3px}
.smbf-cns4 .cns4-ni span{font-size:6.5px;font-weight:600;color:#9AAAC4}
.smbf-cns4 .cns4-ni--on span{color:#145BC7}
@media (max-width:1024px){.smbf-cns4 .smbf-cns4__grid{grid-template-columns:1fr}.smbf-cns4 .smbf-cns4__right{order:-1}.smbf-cns4 .cns4-phone{max-width:300px;transform:rotate(3deg)}.smbf-cns4 .cns4-blob1{width:340px;height:340px}.smbf-cns4 .cns4-blob2,.smbf-cns4 .cns4-blob3,.smbf-cns4 .cns4-dots,.smbf-cns4 .cns4-arcs{display:none}}
@media (max-width:767px){.smbf-cns4 .smbf-cns4__fgrid{grid-template-columns:1fr}.smbf-cns4 .smbf-cns4__cell{padding-left:0!important;padding-right:0!important;border-left:0!important}.smbf-cns4 .smbf-cns4__cell:nth-child(n+2){border-top:1px solid rgba(8,47,111,.09)}.smbf-cns4 .smbf-cns4__cta{flex-direction:column;align-items:stretch}.smbf-cns4 .smbf-cns4__btn .elementor-button{width:100%}}
/* ===== /CONNECT NATIVE S4 ===== */

/* ===== CONNECT NATIVE S5+S6 (page 450 survivors) — upsell (locked) + FAQ, 2026-08-16 ===== */
.smbf-cns5 .smbf-cns5__wrap{max-width:1000px;width:calc(100% - 80px);margin:0 auto}
.smbf-cns6 .smbf-cns6__wrap{max-width:900px;width:calc(100% - 80px);margin:0 auto}
.smbf-cns6 .elementor-widget:not(:last-child){margin-block-end:0}
.smbf-cns6__eye .elementor-heading-title{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-cns6__h2 .cns6-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 50%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* ===== /CONNECT NATIVE S5+S6 ===== */

/* ===== CONNECT NATIVE overflow fix 2026-08-16: the legacy h-scroll guard (.e-con{overflow-x:hidden})
   computes overflow-y:auto, so rotated phone overhang grew real scrollbars on classic-scrollbar
   browsers. Inner e-cons of the connect bands go back to visible; the .smbf-cnsN band roots keep
   overflow:hidden, which still contains everything at page level. ===== */
.smbf-cns1 .e-con,.smbf-cns2 .e-con,.smbf-cns3 .e-con,.smbf-cns4 .e-con,.smbf-cns5 .e-con,.smbf-cns6 .e-con{overflow-x:visible;overflow-y:visible}

/* ===== INVEST NATIVE (page 831) 2026-08-16 ===== */
.smbf-inv1,.smbf-inv2,.smbf-inv3,.smbf-inv4,.smbf-inv5,.smbf-inv6{position:relative;overflow:hidden}
.smbf-inv1 .e-con,.smbf-inv2 .e-con,.smbf-inv3 .e-con,.smbf-inv4 .e-con,.smbf-inv5 .e-con,.smbf-inv6 .e-con{overflow-x:visible;overflow-y:visible}
.smbf-inv1 .elementor-widget:not(:last-child),.smbf-inv2 .elementor-widget:not(:last-child),.smbf-inv3 .elementor-widget:not(:last-child),.smbf-inv5 .elementor-widget:not(:last-child){margin-block-end:0}
.smbf-inv1__wrap,.smbf-inv2__wrap,.smbf-inv3__wrap{max-width:1360px;width:calc(100% - 80px);margin:0 auto}
.smbf-inv4__wrap,.smbf-inv6__wrap{max-width:1400px;width:calc(100% - 80px);margin:0 auto}
.smbf-inv5__wrap{max-width:1280px;width:calc(100% - 80px);margin:0 auto}
.inv-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 58%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.smbf-inv1 .elementor-widget-text-editor,.smbf-inv2 .elementor-widget-text-editor,.smbf-inv5 .elementor-widget-text-editor{margin-left:auto;margin-right:auto}
/* hero */
.smbf-inv1__b1 .elementor-button{height:60px;padding:0 36px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
.smbf-inv1__b2 .elementor-button{height:60px;padding:0 36px}
.smbf-inv1__b2 .elementor-button:hover{border-color:#145BC7}
.smbf-inv1__grid{display:grid;grid-template-columns:1fr .68fr 1fr;gap:10px;align-items:center}
.smbf-inv1__grid>.e-con{width:100%;max-width:100%}
.smbf-inv1__img img{width:100%;height:330px;object-fit:cover;border-radius:18px}
.inv1-mid{display:flex;align-items:center;justify-content:center;height:100%}
.inv1-card{width:320px;background:rgba(255,255,255,.94);border:1px solid rgba(8,47,111,.10);border-radius:17px;box-shadow:0 14px 40px rgba(5,30,70,.12);padding:18px 20px;font-family:Manrope,Inter,sans-serif}
.inv1-card__disc{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#E8F4F8;color:#148A97;font-size:16px}
.inv1-card__lbl{margin:10px 0 0;font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#145BC7}
.inv1-card__t{margin:4px 0 0;font-size:19px;font-weight:700;color:#061A3D}
.inv1-card dl{margin:12px 0 0;display:grid;grid-template-columns:1fr auto;gap:6px 12px}
.inv1-card dt{font-size:12.5px;color:#63768F;margin:0}
.inv1-card dd{font-size:12.5px;font-weight:600;color:#082F6F;margin:0;text-align:right}
/* split cards */
.smbf-inv2__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.smbf-inv2__grid>.e-con{width:100%;max-width:100%}
.smbf-inv2__card{position:relative;border-radius:19px;overflow:hidden;min-height:600px}
.smbf-inv2__card .elementor-widget-html,.smbf-inv2__card .elementor-widget-container{position:static}
.inv2-dark{background:linear-gradient(135deg,#031633 0%,#052458 100%)}
.inv2-light{background:linear-gradient(135deg,#FFFFFF 0%,#F5FBFD 100%);border:1px solid rgba(8,47,111,.07)}
.inv2-img{position:absolute;right:0;bottom:0;width:62%;height:72%;object-fit:cover;pointer-events:none}
.inv2-dark .inv2-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#031633 28%,rgba(3,22,51,.72) 52%,rgba(5,36,88,.25) 100%)}
.inv2-light .inv2-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#FFFFFF 30%,rgba(255,255,255,.78) 55%,rgba(245,251,253,.20) 100%)}
.inv2-in{position:relative;display:flex;flex-direction:column;height:100%;min-height:600px;padding:40px;font-family:Manrope,Inter,sans-serif}
.inv2-hd{display:flex;align-items:flex-start;gap:16px}
.inv2-num{font-size:112px;font-weight:700;line-height:.9}
.inv2-tag{margin:14px 0 0;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.inv2-rule{display:block;width:42px;height:3px;border-radius:999px;margin-top:16px}
.inv2-h3{margin:18px 0 0;font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.inv2-dark .inv2-h3{color:#fff}.inv2-light .inv2-h3{color:#061A3D}
.inv2-p{margin:16px 0 0;max-width:440px;font-size:17px;line-height:1.55}
.inv2-dark .inv2-p{color:rgba(255,255,255,.92)}.inv2-light .inv2-p{color:#263B5D}
.inv2-cta{margin-top:26px;display:inline-flex;width:280px;height:58px;align-items:center;justify-content:center;gap:10px;border-radius:8px;color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:filter .2s}
.inv2-cta:hover{filter:brightness(1.1);color:#fff}
.inv2-chips{margin-top:auto;padding-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.inv2-chip{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600}
.inv2-dark .inv2-chip{color:rgba(255,255,255,.92)}.inv2-light .inv2-chip{color:#263B5D}
/* journey */
.smbf-inv3__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.smbf-inv3__grid>.e-con{width:100%;max-width:100%}
.smbf-inv3__ico .elementor-icon{width:76px;height:76px;padding:0;display:flex;align-items:center;justify-content:center}
.smbf-inv3__row .elementor-heading-title,.smbf-inv3__row .elementor-widget-text-editor p{margin:0}
.smbf-inv3__row .e-con{gap:0}
/* @R's "visual design issues" on /invest/, found by diffing against the PoC:
   its four journey steps are bordered white CARDS (128px tall), ours were bare
   rows (88px) - which is both why the band sat 216px short of the PoC and why
   the section read flatter. Measured off the PoC at 1440: radius 16,
   0.8px rgba(8,47,111,.06) border, 20/24 padding, 16px inner gap, 18px between
   rows, title 21/700 lh1.25, body 17 lh1.45, CTA margin 28. */
.smbf-inv3__row{background:#fff;border:.8px solid rgba(8,47,111,.06);border-radius:16px;
  padding:20px 24px;gap:16px;align-items:center;transition:box-shadow .2s ease,transform .2s ease}
.smbf-inv3__row:hover{box-shadow:0 10px 26px rgba(8,35,70,.07);transform:translateY(-1px)}
.smbf-inv3__left{gap:18px}
.smbf-inv3__row .elementor-heading-title{font-size:21px;font-weight:700;line-height:1.25}
.smbf-inv3__row .elementor-widget-text-editor p{font-size:17px;line-height:1.45}
.smbf-inv3__cta{margin-top:28px}
/* the lead's 740px box is set with Elementor's custom-width control, which
   constrains the width but leaves the widget left-aligned - measured 310px off
   the heading's centre. */
.smbf-inv3__lead{margin:20px auto 0}
@media(max-width:767px){.smbf-inv3__row{padding:16px 18px}.smbf-inv3__row .elementor-heading-title{font-size:18px}}
.smbf-inv3__img img{width:100%;height:560px;object-fit:cover;border-radius:20px}
.smbf-inv3__cta .elementor-button{height:58px;justify-content:center;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;}
/* faq band reuses smbf-faq2 styles from the widget */
.smbf-inv5 .smbf-faqcta{max-width:1280px}
@media (max-width:1024px){.smbf-inv1__grid{grid-template-columns:1fr}.inv1-mid{padding:10px 0}.smbf-inv2__grid{grid-template-columns:1fr}.smbf-inv3__grid{grid-template-columns:1fr;gap:36px}.smbf-inv3__img img{height:380px}}
@media (max-width:767px){.smbf-inv1__b1 .elementor-button,.smbf-inv1__b2 .elementor-button{height:64px;padding:0 22px}.smbf-inv1__btns{flex-wrap:wrap}.inv2-in{padding:26px}.inv2-h3{font-size:32px}.inv2-num{font-size:72px}.inv2-chips{grid-template-columns:1fr}.inv2-img{opacity:.35}}
/* ===== /INVEST NATIVE ===== */
/* INVEST NATIVE responsive type (390 gate fix) */
@media (max-width:1024px){.smbf-inv1__h2 .elementor-heading-title{font-size:56px!important}.smbf-inv2__h2 .elementor-heading-title{font-size:54px!important}.smbf-inv3__h2 .elementor-heading-title{font-size:50px!important}}
@media (max-width:767px){.smbf-inv1__h2 .elementor-heading-title{font-size:38px!important;letter-spacing:-1px!important}.smbf-inv2__h2 .elementor-heading-title{font-size:38px!important}.smbf-inv3__h2 .elementor-heading-title{font-size:34px!important}.smbf-inv5__h2 .elementor-heading-title{font-size:30px!important}.smbf-inv1__img img{height:240px}.smbf-inv3__img img{height:300px}}
/* INVEST button render fix: theme renders .elementor-button inline-block; kit adds 2.4px tracking */
.smbf-inv1__b1 .elementor-button,.smbf-inv1__b2 .elementor-button,.smbf-inv3__cta .elementor-button{display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}
.smbf-inv1__b1 .elementor-button-content-wrapper,.smbf-inv1__b2 .elementor-button-content-wrapper,.smbf-inv3__cta .elementor-button-content-wrapper{display:flex;align-items:center;justify-content:center;gap:10px}
.smbf-inv3__cta .elementor-button{width:100%}
.smbf-inv1__b1 .elementor-button,.smbf-inv1__b2 .elementor-button{padding:0 60px}

/* ===== HOME NATIVE HEADS (bands 2,4,5,6,8,9) 2026-08-16 =====
   The eyebrow/rule/h2 of these bands are now native Elementor heading +
   divider widgets, so every type property lives in the widget's own panel
   controls and @H can edit them. Only what Elementor has no control for
   lives here: gradient-clipped text, and a gradient rule.
   Replaces the [smbf_eyebrow]/[smbf_heading] shortcode pair, whose inline
   font-size:Npx!important beat every media query and left all six headings
   at desktop size on mobile. */
.smbf-hns__eye .elementor-heading-title{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hns__eye--solid .elementor-heading-title{background-image:none;-webkit-text-fill-color:currentColor;color:inherit;}
.smbf-hns__rule .elementor-divider-separator{border:0;height:2px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}
.smbf-hns__rule .elementor-divider{padding-block:0;}
.smbf-hns__h2 .hns-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hns__h2 .hns-a{color:#145BC7;-webkit-text-fill-color:#145BC7;}
.smbf-hns__h2 .hns-b{color:#63A844;-webkit-text-fill-color:#63A844;}
/* ===== /HOME NATIVE HEADS ===== */


/* ===== HOME NATIVE EVENTS (band 4) 2026-08-16 =====
   @R: copy the PoC layout - featured event left, grid right. Built from the
   same native components /events/ uses (smbf_event_featured data widget +
   Pro taxonomy-filter wired to a Pro loop-grid on template 159), NOT the
   [smbf_events] shortcode - which is why the `! is_front_page()` guard at
   events.php:94 does not suppress the card here. Chip/grid styling is shared
   with the /events/ rules above rather than restated.
   Elementor Pro appends its "All" chip last in the DOM; data-filter="__all"
   is a stable handle, so order:-1 puts it first without touching Pro. */
.smbf-hev__chips .e-filter-item[data-filter="__all"],.smbf-evs2__chips .e-filter-item[data-filter="__all"]{order:-1;}
.smbf-hev__chips .e-filter{justify-content:flex-start;}body.post-type-archive-smbf_event .smbf-hev__chips .e-filter{justify-content:center;}
.smbf-hev__row{align-items:stretch;}
.smbf-hev__left,.smbf-hev__left .elementor-widget-smbf_event_featured,
.smbf-hev__left .elementor-widget-smbf_event_featured .elementor-widget-container,
.smbf-evs2__left,.smbf-evs2__left .elementor-widget-smbf_event_featured,
.smbf-evs2__left .elementor-widget-smbf_event_featured .elementor-widget-container{display:flex;flex-direction:column;flex:1;}
.smbf-hev__feat .smbf-evfeat,.smbf-evs2__feat .smbf-evfeat{height:100%;}
.smbf-hev__cta{margin-top:34px;}.smbf-hev__cta .elementor-button{height:52px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;}
@media(max-width:1100px){
  .smbf-hev__row{flex-wrap:wrap;}
  .smbf-hev__left,.smbf-hev__right{width:100%!important;}
  .smbf-hev__feat .smbf-evfeat{height:auto;}
}
/* ===== /HOME NATIVE EVENTS ===== */

/* ===== EVENT LOOP CARD — PoC design (template 159) 2026-08-16 =====
   @R: "event section cards layout and design, the ones on right".
   Measured off the PoC HOMEPAGE band (not its /events route, which uses a
   different card): 257x233, radius 9, photo full-bleed under a navy wash,
   44x58 white date badge at 14/14, footer pinned bottom with location over
   title on the left and a 36px ghost arrow on the right.
   The date badge and location stay as shortcodes because they FORMAT data -
   start_date is a YYYYMMDD string and no native dynamic tag can render it as
   "22" + "JUN". Everything else is native. Badge/location rules are scoped to
   this card so the shared .smbf-datebadge / .smbf-loc components are untouched
   wherever else they render. */
.smbf-evcard2{position:relative;min-height:233px;border-radius:9px;overflow:hidden;}
.smbf-evcard2::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,20,48,.05) 25%,rgba(2,20,48,.82) 70%,rgba(2,20,48,.98) 100%);}
.smbf-evcard2__img,.smbf-evcard2__img .elementor-widget-container,.smbf-evcard2__img figure,.smbf-evcard2__img img{
  position:absolute;inset:0;height:100%;width:100%;margin:0;}
.smbf-evcard2__img img{object-fit:cover;transition:transform .3s ease;}
.smbf-evcard2:hover .smbf-evcard2__img img{transform:scale(1.03);}
.smbf-evcard2__badge{position:absolute;left:14px;top:14px;z-index:2;width:auto;}
.smbf-evcard2__badge .smbf-datebadge{height:58px;width:44px;border-radius:6px;background:#fff;}
.smbf-evcard2__badge .smbf-datebadge__day{font-size:20px;font-weight:700;line-height:20px;color:#061A3D;}
.smbf-evcard2__badge .smbf-datebadge__mon{font-size:10px;font-weight:700;line-height:10px;letter-spacing:normal;color:#354663;margin-top:2px;}
.smbf-evcard2__foot{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;width:auto;}
.smbf-evcard2__txt{min-width:0;padding:0;}
.smbf-evcard2__loc .smbf-loc{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase;color:#1AA8F0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.smbf-evcard2__t .elementor-heading-title{font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;
  line-height:1.25;color:#fff;margin-top:7px;}
.smbf-evcard2__go{flex:0 0 auto;}
.smbf-evcard2__go .elementor-icon{height:36px;width:36px;border-width:.8px;border-color:rgba(255,255,255,.8);color:#fff;}
.smbf-evcard2:hover .smbf-evcard2__go .elementor-icon{background:rgba(255,255,255,.14);}
/* The legacy estate h-scroll guard (.e-con{overflow-x:hidden}) computes
   overflow-y to AUTO per the CSS spec, so a title wrapping to three lines grew
   a real scrollbar inside the card - visible in a classic-scrollbar browser and
   structurally invisible to an overlay-scrollbar harness. Same fix as the
   Connect bands: scope overflow back to visible on this card's own containers,
   the card root keeps its own overflow:hidden so the photo is still clipped. */
.smbf-evcard2 .e-con,.smbf-evcard2__foot,.smbf-evcard2__txt{overflow:visible;}
/* ===== /EVENT LOOP CARD ===== */

/* ===== HOME NATIVE HERO (band 0) 2026-08-16 =====
   Same rendered values as the [smbf_hero] shortcode it replaces - this band
   already passed PoC parity on 08-16, so the job was editability, not redesign.
   Type, colours, spacing and the background all live in the widgets' own
   controls; only what Elementor has no control for is here: the two wash
   layers, the gradient-clipped H1 phrase, the tile dividers and the pill. */
.smbf-hnh{position:relative;overflow:hidden;}
.smbf-hnh::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(78% 62% at 46% 44%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 45%,rgba(255,255,255,.18) 78%,rgba(255,255,255,0) 100%);}
.smbf-hnh::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(233,241,250,.85) 0%,rgba(255,255,255,.10) 42%,rgba(255,255,255,0) 100%);}
.smbf-hnh > .e-con-inner,.smbf-hnh > .e-con-inner > *{position:relative;z-index:1;}
.smbf-hnh__h1 .hnh-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3t) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hnh__h1{margin-top:40px;}
.smbf-hnh__since{margin-top:18px;width:auto;}
.smbf-hnh__since-rule{width:auto;}
.smbf-hnh__lead{margin-top:14px;max-width:760px;}
.smbf-hnh__tiles{margin-top:52px;max-width:930px;width:100%;}
.smbf-hnh__tile{border-right:.8px solid rgba(6,34,93,.16);transition:transform .2s ease;}
.smbf-hnh__tile:last-child{border-right:none;}
.smbf-hnh__tile:hover{transform:translateY(-2px);}
.smbf-hnh__tile-lbl .elementor-heading-title a{color:inherit;text-decoration:none;}
.smbf-hnh__cta{margin-top:48px;}
.smbf-hnh__cta .elementor-button{display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;
  height:70px;width:340px;max-width:100%;border-radius:8px;color:#fff;
  background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);
  box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}
.smbf-hnh__cta .elementor-button:hover{opacity:.92;}
/* announcement pill */
.smbf-hnh__ann{width:min(1083px,100%);border-radius:999px;
  background-image:linear-gradient(90deg,rgba(226,238,252,.92),rgba(233,246,236,.92));
  box-shadow:0 0 0 1px rgba(32,92,204,.18);}
.smbf-hnh__ann-ico .elementor-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:999px;background:rgba(32,92,204,.10);}
.smbf-hnh__ann-txt p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:16px;color:#082F6F;}
.smbf-hnh__ann-cta .elementor-button{background:transparent;padding:0;color:#145BC7;font-family:Manrope,Inter,sans-serif;
  font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap;}
.smbf-hnh__ann-cta .elementor-button:hover{text-decoration:underline;}
@media(max-width:1024px){
  .smbf-hnh__tiles{flex-wrap:wrap;}
  /* Elementor's own responsive CSS sets --flex-direction:column on containers
     below desktop, and its post CSS loads after this file - so set the custom
     property rather than fighting the declaration with !important. */
  .smbf-hnh__tiles{--flex-direction:row;flex-wrap:wrap;}
  /* child containers carry --width:100% from Elementor, which beats a
     flex-basis in a wrapping row - set the width, not the basis. */
  .smbf-hnh__tile{--width:33.333%;width:33.333%;flex:0 0 auto;}
  .smbf-hnh__tile:nth-child(3n){border-right:none;}
  .smbf-hnh__since-rule{max-width:90px;}
}
@media(max-width:767px){
  .smbf-hnh__ann{flex-wrap:wrap;justify-content:center;text-align:center;border-radius:18px;}
  .smbf-hnh__since-rule{max-width:46px;}
  .smbf-hnh__cta .elementor-button{height:58px;font-size:18px;}
}
/* ===== /HOME NATIVE HERO ===== */

/* ===== HOME NATIVE ABOUT (band 1) 2026-08-16 =====
   Same rendered values as the [smbf_section block="about"] shortcode.
   Only the things Elementor has no control for live here: the gradient-clipped
   phrase, the hairline rail beside the body copy, the card accent rules/feet
   (two-stop brand gradients), and the tinted icon discs. */
.smbf-hna__eye .elementor-heading-title{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hna__rule .elementor-divider-separator{border:0;height:2px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}
.smbf-hna__rule .elementor-divider{padding-block:0;}
.smbf-hna__h2b .hna-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hna__split{margin-top:38px;}
.smbf-hna__left{--width:683px;}
.smbf-hna__right{--width:621px;}
@media(min-width:1025px){
  .smbf-hna__right{border-left:.8px solid rgba(9,27,75,.15);padding-left:48px;}
}
.smbf-hna__body{max-width:560px;padding-top:8px;}
.smbf-hna__body p{margin:0 0 26px;}
.smbf-hna__body p:last-child{margin-bottom:0;}
.smbf-hna__img{margin-top:45px;overflow:hidden;border-radius:21px;}
.smbf-hna__cards{margin-top:35px;align-items:stretch;}
.smbf-hna__card{position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(12,35,70,.08);
  transition:transform .2s ease,box-shadow .2s ease;--width:33.333%;}
.smbf-hna__card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(12,35,70,.12);}
.smbf-hna__card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;}
.smbf-hna__card--g12::after,.smbf-hna__crule--g12 .elementor-divider-separator{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 100%);}
.smbf-hna__card--g23::after,.smbf-hna__crule--g23 .elementor-divider-separator{background-image:linear-gradient(90deg,var(--smbf-g2) 0%,var(--smbf-g3) 100%);}
.smbf-hna__crule .elementor-divider-separator{border:0;height:3px;}
.smbf-hna__crule .elementor-divider{padding-block:0;}
.smbf-hna__cdisc{flex:0 0 120px;}
.smbf-hna__cdisc .elementor-icon{display:grid;place-items:center;height:120px;width:120px;border-radius:999px;}
.smbf-hna__cdisc--a12 .elementor-icon{background:rgba(20,91,199,.08);}
.smbf-hna__cdisc--a23 .elementor-icon{background:rgba(22,143,164,.08);}
/* 🔴 The third card had no variant of its own and reused --a12/--g12, so a
   green glyph sat on a blue disc above a blue rule (@R, 2026-08-19). Its rule
   closes the progression g1->g2, g2->g3, g3->g3t rather than restarting it. */
.smbf-hna__cdisc--a3 .elementor-icon{background:rgba(99,168,68,.08);}
.smbf-hna__card--g3::after,.smbf-hna__crule--g3 .elementor-divider-separator{background-image:linear-gradient(90deg,var(--smbf-g3) 0%,var(--smbf-g3t) 100%);}
.smbf-hna__cbody{min-width:0;}
.smbf-hna__cp p{margin:16px 0 0;}
@media(max-width:1024px){
  .smbf-hna__split{--flex-direction:column;}
  .smbf-hna__left,.smbf-hna__right{--width:100%;width:100%;}
  .smbf-hna__cards{--flex-direction:row;flex-wrap:wrap;}
  .smbf-hna__card{--width:calc(50% - 11px);width:calc(50% - 11px);}
}
@media(max-width:767px){
  .smbf-hna__cards{--flex-direction:column;}
  .smbf-hna__card{--width:100%;width:100%;flex-direction:column;}
  .smbf-hna__cdisc{flex:0 0 auto;}
}
/* 🔴 STANDING RULE for every native home band. The legacy estate h-scroll
   guard (.e-con{overflow-x:hidden}) makes the browser compute overflow-y to
   AUTO per the CSS spec, so any container whose content is a few px taller
   than its box grows a real scrollbar. It has now bitten three times (Connect
   bands, the event loop card, and .smbf-hna__left at 199 vs 207). Band roots
   keep their own overflow where they need to clip; their inner containers do
   not. Add new band classes to this list. */
.smbf-hnh .e-con,.smbf-hna .e-con{overflow:visible;}
@media(max-width:1024px){.smbf-hna__img img{height:300px!important;}}
@media(max-width:767px){.smbf-hna__img img{height:240px!important;}.smbf-hna__img{border-radius:16px;}}
/* ===== /HOME NATIVE ABOUT ===== */

/* ===== HOME NATIVE INVEST (band 8) 2026-08-16 =====
   New band, per @R's ruling ii - the PoC homepage runs
   trade -> INVEST -> gallery, and we had no Invest band.
   Head measured off the PoC homepage at 1440; the two cards are the existing
   [smbf_invest_block], which is already at PoC parity, wrapped in a locked
   widget because the Muslim Invest wording sits under card 704.
   Only the two gradient-clipped phrases and the rule gradient live here. */
.smbf-hni__h2 .hni-a{background-image:linear-gradient(90deg,#1878B8 0%,#218FA2 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hni__h2 .hni-b{background-image:linear-gradient(90deg,#23899B 0%,#279B84 55%,#55A443 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-hni__h2 .elementor-heading-title{max-width:900px;margin-inline:auto;}
.smbf-hni__rule .elementor-divider-separator{border:0;height:2px;
  background-image:linear-gradient(90deg,#1878B8 0%,#218F9E 55%,#55A443 100%);}
.smbf-hni__rule .elementor-divider{padding-block:0;}
.smbf-hni__cards{width:100%;}
.smbf-hni .e-con{overflow:visible;}
/* "Raise Investment" is set white-space:nowrap in the invest card block, which
   holds at desktop but overflows the card below it - measured 387 into a 363
   box at 1024 and 286 into 275 at 390. Let it wrap under desktop. */
@media(max-width:1024px){
  .smbf-invcard--light h3{white-space:normal;}
  /* wrapping alone was not enough: the single word "Investment" measures 255px
     at 46px type against a 235px box (345 card - 2x55 padding), so the word
     itself could not fit. Step the type down and ease the padding. */
  .smbf-invcard h3{font-size:34px;}
  .smbf-invcard__in{padding:36px;}
}
/* ===== /HOME NATIVE INVEST ===== */

/* ===== HOME NATIVE TRADE (band 7) 2026-08-17 =====
   @R: the navy stopped flush at the bottom of the CTA strip, with no dark
   spacing below it.

   Cause, found by rule-walking rather than reading: the navy is painted as an
   INLINE background on the inner .smbf-sec, which the shortcode also gives
   "padding:88px 40px" - but the estate carries
   `.e-con section.smbf-sec{padding-top:0!important;padding-bottom:0!important}`
   so that whenever a shortcode section is embedded in an Elementor band, the
   BAND owns the vertical spacing. That rule is deliberate and beats even the
   !important 88px on `section.smbf-sec:has(.smbf-trade)`. Net effect: the
   section shrink-wrapped the content and the 88px of breathing room sat
   OUTSIDE the navy, on the transparent band.

   So the fix runs the other way: paint the navy on the BAND, where the 88px
   already lives, and make the section transparent. The gradients are copied
   verbatim from the shortcode's inline style so the two cannot drift in
   appearance; if that inline value ever changes, this must change with it. */
.e-con:has(> .e-con-inner > .smbf-hnt),.e-con:has(> .smbf-hnt){
  background:radial-gradient(circle at 55% 40%,rgba(13,73,139,.18),transparent 45%),
             linear-gradient(135deg,#031B3D 0%,#02152F 48%,#031B3D 100%);}
.smbf-hnt .smbf-sec{background:none!important;}
/* ===== /HOME NATIVE TRADE ===== */

/* ===== INVEST HERO DECORATION (@R: "still missing these lines and dots") 2026-08-17 =====
   Measured off the PoC /invest hero at 1440. Four pieces were absent:
     - the dot field behind the image row  (26x7 dots, r2, #145BC7 @ .16, 38x42 pitch)
     - the dashed arc linking business -> opportunity -> investor, with 3 nodes
     - the ascending sparkline under the card (blue -> teal -> green)
     - the Shariah-Compliant Ecosystem pill and the "Opportunity" axis label
   The dot field is a repeating radial-gradient rather than the PoC's 182 inline
   <circle>s - same pitch and radius, a fraction of the markup. */
.smbf-inv1__grid{position:relative}
.smbf-inv1__grid::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;
  background-image:radial-gradient(#145BC7 2px,transparent 2px);background-size:38px 42px;background-position:20px 24px}
.smbf-inv1__grid > *{position:relative;z-index:1}
.inv1-mid{position:relative;flex-direction:column;justify-content:flex-start;padding-top:26px}
/* PoC: the arc's apex node sits 10px ABOVE the card top, so the card is pushed
   down and the arc is anchored so apex (viewBox y=16 of 80 => 20% of 80px)
   lands just clear of it. Anchoring at top:0 with the column padded 26px puts
   the apex at 16px, 10px above the card. */
.inv1-conn{position:absolute;left:-70%;right:-70%;top:0;width:240%;height:80px;pointer-events:none;z-index:0}
.inv1-card{position:relative;z-index:2}
.inv1-spark{display:block;margin:14px auto 0;height:58px;width:250px}
.inv1-pill{margin:10px auto 0;display:inline-flex;align-items:center;gap:7px;border-radius:999px;
  border:.8px solid rgba(20,138,151,.22);background:#F2FAFB;padding:7px 13px;
  font-family:Manrope,Inter,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;color:#148A97;white-space:nowrap}
.inv1-pill svg{width:14px;height:14px;flex:0 0 14px}
.inv1-axis{margin:14px 0 0;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:11px;
  font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#63768F}
@media(max-width:1024px){.inv1-conn{display:none}}
@media(max-width:600px){.inv1-pill{white-space:normal;text-align:center}}
/* ===== /INVEST HERO DECORATION ===== */

/* ===== INVEST SPLIT-BAND DECORATION (@R: "what about these decorative layers?") 2026-08-17 =====
   PoC /invest section 2: a ragged 195-dot lattice top-left and five concentric
   arcs bleeding off the top-right. Both at opacity .12, #145BC7, and both
   hidden below lg in the PoC - reproduced with the same breakpoint.
   Coordinates and radii are the PoC's own, not approximations.
   The band needs overflow:hidden because the arcs sit at right:-180px; without
   it they would put the page into horizontal scroll. */
.smbf-inv2{position:relative;overflow:hidden}
.inv2-deco{position:static}
.inv2-dots,.inv2-arcs{position:absolute;pointer-events:none;opacity:.12;z-index:0}
.inv2-dots{left:10px;top:40px;width:292px;height:160px}
.inv2-arcs{right:-180px;top:60px;width:620px;height:620px}
.smbf-inv2__wrap > *:not(.inv2-deco){position:relative;z-index:1}
@media(max-width:1024px){.inv2-dots,.inv2-arcs{display:none}}
/* ===== /INVEST SPLIT-BAND DECORATION ===== */

/* ===== INVEST JOURNEY + FAQ DECORATION 2026-08-17 =====
   Completes /invest against the PoC's own decorative layer. Note the PoC is
   NOT internally consistent - opacities run .09/.10/.12/.14/.16/.18/.24/.25,
   dot fields come in 48/152/182/195-circle variants and arc sets in 4/5/6/7
   rings, and /trade and /our-vision carry none at all. So each section is
   matched to its own PoC section rather than to a house rule.
   Journey reuses the split band's ragged 195 lattice (byte-identical in the
   PoC, verified) with its own arc set at cx380/cy320 r210-450 @ .10.
   The FAQ field is a different animal: a clean 8x6 lattice at r2.5, used twice
   - top-right @ .18 and bottom-left @ .14. */
.smbf-inv3,.smbf-inv5{position:relative;overflow:hidden}
.inv3-deco,.inv5-deco{position:static}
.inv3-dots,.inv3-arcs,.inv5-dots{position:absolute;pointer-events:none;z-index:0}
.inv3-dots{left:10px;top:30px;width:292px;height:160px;opacity:.12}
.inv3-arcs{right:-200px;top:40px;width:640px;height:640px;opacity:.10}
.inv5-dots{width:150px;height:120px}
.inv5-dots--tr{right:32px;top:40px;opacity:.18}
.inv5-dots--bl{left:24px;bottom:96px;opacity:.14}
.smbf-inv3__wrap > *:not(.inv3-deco),.smbf-inv5__wrap > *:not(.inv5-deco){position:relative;z-index:1}
@media(max-width:1024px){.inv3-dots,.inv3-arcs{display:none}}
@media(max-width:767px){.inv5-dots--bl{display:none}}
/* ===== /INVEST JOURNEY + FAQ DECORATION ===== */

/* ===== DECORATION TOKENS (@R ruling C, 2026-08-17) =====
   Placement stays per-section as the PoC composed it; the VALUES are normalised
   here. Measured spread being replaced: eight effective opacities, four dot
   fields, arc sets of 4/5/6/7 rings, and five stroke colours of which only
   #145BC7 is a Brand Book value.
   ⚠ These three opacity steps and the single ink colour are NOT in the Brand
   Book yet - same gap as the gold and the gradient. @H to confirm the steps.
   Geometry lives in smbf_deco_svg(); this file owns colour, opacity and offset. */
:root{
  --smbf-deco-ink:var(--smbf-g1);   /* brand blue - retires #2870C5 #2FC4D8 #3FC6E0 rgba(36,181,190) */
  --smbf-deco-soft:.10;
  --smbf-deco-base:.14;
  --smbf-deco-strong:.18;
}
.smbf-deco-w{position:static;color:var(--smbf-deco-ink)}
.smbf-deco-w--soft   .smbf-deco{opacity:var(--smbf-deco-soft)}
.smbf-deco-w--base   .smbf-deco{opacity:var(--smbf-deco-base)}
.smbf-deco-w--strong .smbf-deco{opacity:var(--smbf-deco-strong)}
.smbf-deco{position:absolute;pointer-events:none;z-index:0}
.smbf-deco--arcs{width:620px;height:620px}
.smbf-deco--dots-lg{width:292px;height:160px}
.smbf-deco--dots-sm{width:150px;height:120px}
/* corners: arcs bleed off the edge, dot fields sit inside it */
.smbf-deco-w--tl .smbf-deco--arcs{left:-200px;top:40px}
.smbf-deco-w--tr .smbf-deco--arcs{right:-200px;top:40px}
.smbf-deco-w--bl .smbf-deco--arcs{left:-200px;bottom:40px}
.smbf-deco-w--br .smbf-deco--arcs{right:-200px;bottom:40px}
.smbf-deco-w--tl .smbf-deco--dots-lg,.smbf-deco-w--tl .smbf-deco--dots-sm{left:10px;top:36px}
.smbf-deco-w--tr .smbf-deco--dots-lg,.smbf-deco-w--tr .smbf-deco--dots-sm{right:32px;top:40px}
.smbf-deco-w--bl .smbf-deco--dots-lg,.smbf-deco-w--bl .smbf-deco--dots-sm{left:24px;bottom:96px}
.smbf-deco-w--br .smbf-deco--dots-lg,.smbf-deco-w--br .smbf-deco--dots-sm{right:24px;bottom:96px}
/* any band carrying decoration must clip it and keep content above it */
.smbf-has-deco{position:relative;overflow:hidden}
.smbf-has-deco > .e-con-inner > *:not(.elementor-widget-smbf_deco),
.smbf-has-deco > *:not(.elementor-widget-smbf_deco){position:relative;z-index:1}
@media(max-width:1024px){.smbf-deco--arcs,.smbf-deco--dots-lg{display:none}}
@media(max-width:767px){.smbf-deco{display:none}}
/* ===== /DECORATION TOKENS ===== */

/* ===== TRADE NATIVE S1 (page 876) hero 2026-08-17 =====
   🔴 Built twice wrongly before this. First I copied the PoC card; then, told it
   was inconsistent, I "fixed" it to the navy .smbf-phero used by /trade/,
   /about-us/ and /our-vision/. That was the worse error: those are the
   UNCONVERTED legacy pages, not the standard. @R: the standard is the
   PoC-parity set - home, membership, connect, events - and the rest are being
   changed to match. So the PoC hero is correct and this is the restored build.
   Lesson: when judging "consistent with the site", compare against the pages
   already converted, not the ones still queued for conversion. */
.smbf-tn1{position:relative;
  /* PoC /trade: hero card sits 18px under the header, tighter than the 40px
     token default - override the clearance gap for this band only */
  padding-top:calc(var(--smbf-header-h) + 18px)!important}
/* PoC /trade page ground is WHITE (body oklch(1 0 0)) - the estate's bluish
   #F3F8FC was tinting the transparent header. Scoped to the trade pages. */
body.page-id-876,body.page-id-111{background:#fff}
/* PoC hero card is near full-bleed: calc(100%-20px) capped 1530, 10px gutters */
.smbf-tn1{padding-inline:0!important}
.smbf-tn1 > .e-con-inner{padding-inline:0;padding-top:0;max-width:none}
.smbf-tn1__card{width:calc(100% - 20px)!important;max-width:1530px;margin-inline:auto}
.smbf-tn1__card{background:none;overflow:visible;position:relative;
  /* @R 2026-08-17: the PoC's bordered card hero is NOT the converted-page
     standard - invest is flat full-bleed, events borderless. Chrome stripped;
     PoC type, spacing and buttons kept. */
  border:0!important;border-radius:0!important}
.smbf-tn1__rule .elementor-divider-separator{border:0;height:2px;
  background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%)}
.smbf-tn1__rule .elementor-divider{padding-block:0}
.smbf-tn1__h1 .elementor-heading-title{max-width:980px;margin-inline:auto}
.tn-grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3t) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.smbf-tn1__lead{margin-inline:auto}
.smbf-tn1__lead p{margin:0}
/* PoC buttons are FIXED widths (475/405), not padding-derived - measured */
.smbf-tn1__b1 .elementor-button{display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;
  height:60px;width:340px;max-width:100%;padding:0 28px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff}
.smbf-tn1__b2 .elementor-button{display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;
  height:60px;width:340px;max-width:100%;padding:0 28px;border-radius:8px;background-color:#fff;color:#061A3D;
  border:1.6px solid rgba(20,91,199,.35)}
.smbf-tn1__b1 .elementor-button:hover{filter:brightness(1.08)}
.smbf-tn1__b2 .elementor-button:hover{background-color:#F4F8FF}
/* PoC buttons centre [text 38px arrow] as a group (measured: justify center, gap 38) */
.smbf-tn1__b1 .elementor-button,.smbf-tn1__b2 .elementor-button{justify-content:center}
.smbf-tn1__b1 .elementor-button-icon,.smbf-tn1__b2 .elementor-button-icon{display:inline-flex}
/* an estate rule fills .e-font-icon-svg white (right on dark buttons, invisible
   on the white one) - pin both arrows to their button's own text colour */
.smbf-tn1__b1 .elementor-button svg,.smbf-tn1__b2 .elementor-button svg{fill:currentColor!important}
.smbf-tn1 .e-con{overflow:visible}
@media(max-width:767px){
  .smbf-tn1__card{padding-left:18px;padding-right:18px}
  .smbf-tn1__b1 .elementor-button,.smbf-tn1__b2 .elementor-button{height:64px;font-size:17px;padding:0 26px}
}
/* ===== /TRADE NATIVE S1 ===== */

/* ===== TRADE NATIVE S2 (page 876) "Why Go Global" 2026-08-17 =====
   PoC s1 is video-led: a 1345x445 player over a 519|747 text/media row.
   🔴 Both PoC <video> elements have NO src - only poster frames behind a play
   button, i.e. placeholders. Built with REAL SMBF photography and no play
   control instead, per the standing convention (real over mock; never imply
   content we cannot deliver). Swap to real video here if @F supplies footage. */
.smbf-tn2__wide img{width:100%;height:445px;object-fit:cover;border-radius:20px}
.smbf-tn2__side img{width:100%;height:374px;object-fit:cover;border-radius:20px}
.smbf-tn2__body p,.smbf-tn2__sub p{margin:0}
.smbf-tn2__body{max-width:540px}
/* 2026-08-17 @R: measured backgroundColor only and built a ghost button; the
   PoC CTA is the brand GRADIENT, uppercase 13.5/700 - backgroundImage matters */
.smbf-tn2__cta .elementor-button{display:inline-flex;align-items:center;justify-content:center;
  height:44px;width:240px;border-radius:8px;border:0;color:#fff;
  text-transform:uppercase;font-size:13.5px;font-weight:700;letter-spacing:.8px;
  background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);}
.smbf-tn2__cta .elementor-button:hover{filter:brightness(1.08)}
.smbf-tn2 .e-con{overflow:visible}
@media(max-width:1024px){
  .smbf-tn2__row{--flex-direction:column}
  .smbf-tn2__left,.smbf-tn2__right{--width:100%;width:100%}
  .smbf-tn2__wide img{height:300px}
  .smbf-tn2__side img{height:280px}
}
@media(max-width:767px){.smbf-tn2__wide img{height:220px}.smbf-tn2__side img{height:200px}}
/* ===== /TRADE NATIVE S2 ===== */
body.home .smbf-evcard{height:460px;}body.home .smbf-evtabs{justify-content:center;gap:14px;}body.home .smbf-evtab{height:44px;border-radius:24px;padding:0 36px;font-size:16px;font-weight:600;border:1px solid rgba(17,48,108,.30);background:#fff;color:#082F6F;}body.home .smbf-evtab:hover{background:#EAF1FA!important;color:#082F6F!important;}body.home .smbf-evtab.is-on{border-color:transparent;color:#fff;background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%);}body.home .smbf-evtab.is-on:hover{background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%)!important;color:#fff!important;}body.home .smbf-evcard2{height:350px!important;}body.home .smbf-hev__chips .e-filter{justify-content:center;gap:14px;}body.home .smbf-hev__chips .e-filter-item{height:44px;border-radius:24px;padding:0 36px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;border:1px solid rgba(17,48,108,.30);background:#fff;color:#082F6F;}body.home .smbf-hev__chips .e-filter-item:hover{background:#EAF1FA!important;color:#082F6F!important;}body.home .smbf-hev__chips .e-filter-item[aria-pressed="true"]{border-color:transparent!important;color:#fff!important;background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%)!important;}
/* ===== HEADER CLEARANCE TOKEN (@R approved 2026-08-17) =====
   The header is position:fixed, so every page's first band was clearing it with
   an ad-hoc padding-top. Measured before this: 190 (home) / 150 (invest) /
   56 (connect) / 0 (events) / 18 (trade draft) - five values, none derived from
   the header, and TWO LIVE PAGES DID NOT CLEAR IT: /connect/ had its eyebrow
   38px behind the nav and /events/ was 7px under.
   The header is not one height either - measured 117 / 108 / 64 at
   1440 / 768 / 390 - so a single hardcoded number would fail on mobile.
   One token, one gap, responsive. Per-page paddings below this line are
   superseded and should be removed as each page is next touched. */
:root{--smbf-header-h:117px;--smbf-header-gap:40px}
@media(max-width:1024px){:root{--smbf-header-h:108px}}
@media(max-width:767px){:root{--smbf-header-h:64px;--smbf-header-gap:28px}}

/* first band of any Elementor page clears the header by the token gap */
.elementor > .e-con:first-child{
  padding-top:max(var(--smbf-header-h) + var(--smbf-header-gap), 0px);
}
/* `max()` with an addition needs calc() inside - written explicitly so it is
   valid CSS rather than silently dropped */
.elementor > .e-con:first-child{
  padding-top:calc(var(--smbf-header-h) + var(--smbf-header-gap));
}
/* classic (non-Elementor) page heroes use the same token */
.smbf-phero{padding-top:calc(var(--smbf-header-h) + var(--smbf-header-gap))!important}
/* ===== /HEADER CLEARANCE TOKEN ===== */
.page-id-863 .smbf-evcard2{height:350px!important;}.page-id-863 .e-filter{justify-content:center!important;gap:14px!important;}.page-id-863 .e-filter-item{height:44px!important;border-radius:24px!important;padding:0 36px!important;font-family:Manrope,Inter,sans-serif!important;font-size:16px!important;font-weight:600!important;border:1px solid rgba(17,48,108,.30)!important;background:#fff!important;color:#082F6F!important;}.page-id-863 .e-filter-item:hover{background:#EAF1FA!important;color:#082F6F!important;}.page-id-863 .e-filter-item[aria-pressed="true"]{border-color:transparent!important;color:#fff!important;background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%)!important;}.smbf-pblock .smbf-pgrid{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:16px!important;padding-bottom:0!important;width:100%!important;will-change:transform;animation:smbf-pintl-ticker 24s linear infinite;}.smbf-pblock .smbf-pgrid:hover{animation-play-state:paused;}.smbf-pblock--nat .smbf-pgrid{animation-duration:28s;}@keyframes smbf-pintl-ticker{from{transform:translateX(0);}to{transform:translateX(var(--smbf-ticker-dist,-50%));}}.smbf-pblock .smbf-pgrid > *{flex:0 0 auto!important;width:200px;}.smbf-pblock .smbf-pgrid{animation:none!important;transform:none!important;overflow:visible!important;width:100%!important;}.smbf-pblock .smbf-pgrid > *{flex:1 1 0!important;width:auto!important;min-width:0!important;}.smbf-pblock:not(.smbf-pblock--nat) .smbf-pgrid > *:nth-child(n+7){display:none!important;}.smbf-pblock--nat .smbf-pgrid > *:nth-child(n+8){display:none!important;}
/* ===== TRADE NATIVE S4 "More Than An Introduction" 2026-08-17 =====
   PoC s3: 3x2 grid of 432x230 white cards r15, .8px border rgba(8,47,111,.08),
   30px pad, 90px icon disc (brand blue on a light blue wash), 22/700 title,
   16/1.55 body. Icons are FA (estate-loaded) with explicit colour so the
   white-on-white fill fault cannot recur. */
.smbf-tn4__cards{width:100%}
.tn4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tn4-card{background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:15px;padding:30px;text-align:left;
  /* @R 2026-08-17: PoC cards are icon-LEFT flex rows, not stacked */
  display:flex;gap:24px;align-items:flex-start}
.tn4-card > div{min-width:0}
.tn4-ic{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:999px;
  background:rgba(20,91,199,.07)}
.tn4-ic i{font-size:38px;color:#145BC7}
.tn4-card h4{margin:2px 0 0;font-family:Manrope,Inter,sans-serif;font-size:22px;font-weight:700;color:#061A3D}
.tn4-card p{margin:12px 0 0;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:#263B5D}
@media(max-width:1024px){.tn4-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.tn4-grid{grid-template-columns:1fr}.tn4-ic{width:72px;height:72px}.tn4-ic i{font-size:30px}}
/* ===== /TRADE NATIVE S4 ===== */

/* ===== TRADE NATIVE S5 market spotlight 2026-08-17 =====
   PoC s4: 1345x752 card r21, image col + content col, h3 42/800, four icon
   rows. 🔴 The PoC's programme dates are fabricated (16-20 Nov vs the real
   1 Sep event); the Upcoming Programme row renders from the CPT via
   SMBF_W_Next_Trade_Event instead of static copy. */
.smbf-tn5__card{border:.8px solid rgba(8,47,111,.08);overflow:hidden;background:#fff}
/* @R 2026-08-17 04:30: the image must contribute ZERO height and crop to the
   content column (PoC: content 752 == image 750 at every width). Absolute
   fill, like tn6-photo - my earlier height:100% chain let the image's
   intrinsic height drive the card tall at wide viewports. */
.smbf-tn5__img img{width:100%;height:100%;object-fit:cover;display:block}
.smbf-tn5__imgcol{position:relative;min-height:520px}
.smbf-tn5__imgcol .elementor-widget-image{position:absolute;inset:0}
.smbf-tn5__imgcol .elementor-widget-image .elementor-widget-container{height:100%}
.smbf-tn5__fb{position:absolute;inset:0;pointer-events:none;height:auto}
.smbf-tn5__imgcol{overflow:hidden}
.tn5-title{margin:0;font-family:Manrope,Inter,sans-serif;font-size:42px;font-weight:800;color:#061A3D}
.tn5-sub{margin:10px 0 0;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.5;color:#304667}
.smbf-tn5__rows{margin-top:26px}
.tn5-row{display:flex;gap:16px;align-items:flex-start;margin-top:20px}
.smbf-tn5__proghead .tn5-row{margin-top:20px}
.tn5-row__ic{flex:0 0 46px;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:12px;background:rgba(20,91,199,.07)}
.tn5-row__ic i{font-size:19px;color:#145BC7}
.tn5-row h4{margin:2px 0 0;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:700;color:#061A3D}
.tn5-row__body,.smbf-tn5__prog p{margin:6px 0 0;font-family:Manrope,Inter,sans-serif;font-size:16px;line-height:1.55;color:#263B5D}
.smbf-tn5__prog{margin-left:62px}
.smbf-tn5__prog a{color:#145BC7;font-weight:600}
.smbf-tn5__b1 .elementor-button{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 30px;
  border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;letter-spacing:0}
.smbf-tn5__b2 .elementor-button{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 30px;
  border-radius:9px;background:#fff;color:#061A3D;border:1.5px solid rgba(20,91,199,.35);letter-spacing:0}
.smbf-tn5__b1 .elementor-button svg,.smbf-tn5__b2 .elementor-button svg{fill:currentColor!important}
@media(max-width:1024px){
  .smbf-tn5__card{--flex-direction:column}
  .smbf-tn5__imgcol,.smbf-tn5__ccol{--width:100%;width:100%}
  .smbf-tn5__imgcol{min-height:0;height:340px}
  .smbf-tn5__content{padding:30px 24px}
}
/* ===== /TRADE NATIVE S5 ===== */

/* ===== TRADE NATIVE eyebrow rules (@R: "missing decorative eyebrows") =====
   Converted-page convention (.smbf-sec__rule): 52x2 gradient bar 10px under
   the eyebrow. Bands 3/4/5 eyebrows were bare; hero already carries its own. */
.smbf-tn3__eye .elementor-heading-title::after,
.smbf-tn4__eye .elementor-heading-title::after,
.smbf-tn5__eye .elementor-heading-title::after{
  content:"";display:block;height:2px;width:52px;margin:10px auto 0;
  background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%)}
/* ===== /eyebrow rules ===== */

/* ===== TRADE NATIVE S6 consultancy 2026-08-17 =====
   PoC s5: bg #FBFCFE, centred head, 592|569 row - left text with a 2x2
   check-feature grid + blue CTA, right 569x790 portrait r20. CTA routed to
   /business-support/ (the PoC's /consultation route does not exist here;
   business-support is the consultancy landing per the legacy cta_row). */
.smbf-tn6__eye .elementor-heading-title::after{content:"";display:block;height:2px;width:52px;margin:10px auto 0;
  background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%)}
.tn6-body{margin:0;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.65;color:#263B5D}
.tn6-body strong{color:#061A3D}
.tn6-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin-top:30px}
.tn6-feat{display:flex;gap:12px;align-items:flex-start;font-family:Manrope,Inter,sans-serif;font-size:16.5px;
  font-weight:600;color:#061A3D}
.tn6-feat i{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:999px;background:rgba(53,169,75,.12);color:#2A9A4B;font-size:12px;margin-top:-2px}
.smbf-tn6__cta .elementor-button{display:inline-flex;align-items:center;justify-content:center;height:70px;
  padding:0 40px;border-radius:8px;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;letter-spacing:0}
.smbf-tn6__cta .elementor-button svg{fill:currentColor!important}
.smbf-tn6__img img{width:100%;height:100%;min-height:560px;object-fit:cover;border-radius:20px;display:block}
.smbf-tn6__right{align-items:stretch}
.smbf-tn6__right .elementor-widget-image,
.smbf-tn6__right .elementor-widget-image .elementor-widget-container{height:100%;flex-grow:1}
.smbf-tn6__right .elementor-widget-container{display:flex}
.smbf-tn6__right .elementor-widget-container img{flex-grow:1}
@media(max-width:1024px){
  .smbf-tn6__row{--flex-direction:column}
  .smbf-tn6__left,.smbf-tn6__right{--width:100%;width:100%}
  .smbf-tn6__img img{min-height:0;height:340px}
}
@media(max-width:600px){.tn6-grid{grid-template-columns:1fr}}
/* ===== /TRADE NATIVE S6 ===== */

/* ===== TN2 VIDEO-POSTER PRESENTATION (@R ruled A, 2026-08-17 03:47) =====
   Exact PoC parity: the two media panels present as video players - poster
   frame + centred play disc. The PoC's <video> elements carry NO src and its
   posters are generated imagery; this was flagged and @R ruled to match the
   PoC exactly. The play control is a real <button> as in the PoC and is
   equally inert. When @F supplies footage, wire these to a lightbox/embed. */
.tn2-vid{position:relative;border-radius:20px;overflow:hidden;background:#000}
.tn2-vid img{width:100%;display:block;object-fit:cover}
.tn2-vid--wide img{height:445px}
.tn2-vid--side img{height:374px}
.tn2-play{position:absolute;inset:0;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}
.tn2-play span{width:70px;height:70px;border-radius:999px;background:rgba(255,255,255,.92);
  box-shadow:0 8px 30px rgba(3,22,56,.35);display:grid;place-items:center;transition:transform .2s}
.tn2-play span::before{content:"";display:block;width:0;height:0;margin-left:5px;
  border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #082F6F}
.tn2-play:hover span{transform:scale(1.07)}
@media(max-width:1024px){.tn2-vid--wide img{height:300px}.tn2-vid--side img{height:280px}}
@media(max-width:767px){.tn2-vid--wide img{height:220px}.tn2-vid--side img{height:200px}.tn2-play span{width:56px;height:56px}}
/* ===== /TN2 VIDEO-POSTER ===== */
.smbf-cphone-gif--lg{width:345px!important;position:relative;z-index:1;}.elementor-element-877bcd2{overflow:visible!important;}

/* ===== TN3 PoC event cards + TN5 2-col rows + FEATURED badge (2026-08-17,
   @R: "these also do not match") ===== */
/* auto-fit: with today's single real event the card centres instead of
   sitting in a 4-col row with three empty slots; fills to 4-up as @F adds */
.tn3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,342px));justify-content:center;gap:24px}
.tn3-card{position:relative;background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:13px;overflow:visible}
.tn3-card__link{position:absolute;inset:0;z-index:3}
.tn3-card__media{position:relative;border-radius:13px 13px 0 0;overflow:visible;height:235px;background:#EAF1FA}
.tn3-card__media img{width:100%;height:235px;object-fit:cover;border-radius:13px 13px 0 0;display:block}
.tn3-card__badge{position:absolute;left:19px;top:19px;z-index:2;display:inline-flex;align-items:center;height:30px;
  padding:0 14px;border-radius:6px;font-family:Manrope,Inter,sans-serif;font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;color:#fff;background:#145BC7}
.tn3-card__badge--trade-missions{background:#2A9A4B}
.tn3-card__disc{position:absolute;left:26px;top:204px;z-index:2;width:58px;height:58px;border-radius:999px;
  background:#2A9A4B;border:2.4px solid #fff;display:grid;place-items:center}
.tn3-card__disc i{color:#fff;font-size:18px}
.tn3-card__body{padding:44px 24px 26px}
.tn3-card__body h3{margin:0;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:700;color:#061A3D}
.tn3-meta{display:flex;gap:10px;align-items:center;margin:12px 0 0;font-family:Manrope,Inter,sans-serif;
  font-size:15px;color:#3A4E70}
.tn3-meta i{color:#145BC7;width:16px;text-align:center}
.tn3-meta--mode{color:#145BC7;font-weight:600}
.tn3-empty{font-family:Manrope,Inter,sans-serif;font-size:17px;color:#52617A;text-align:center}
@media(max-width:1200px){.tn3-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tn3-grid{grid-template-columns:1fr}}
/* tn5: PoC lays the six rows as a 2-col grid; the two Elementor widget
   wrappers become transparent so their rows share one grid */
.smbf-tn5__rows,.smbf-tn5__proghead,.smbf-tn5__prog{margin:0}
.smbf-tn5__rowsgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin-top:26px}
/* display:contents wrappers reset nth-child counting - target per wrapper:
   static rows 3+, and every data-widget row (visual rows 2 and 3) */
.smbf-tn5__rows .tn5-row:nth-child(n+3),
.smbf-tn5__prog .tn5-row{border-top:1px solid rgba(8,47,111,.08);padding-top:26px}
.smbf-tn5__rowsgrid > .elementor-element,.smbf-tn5__rowsgrid > .elementor-element > .elementor-widget-container{display:contents}
.smbf-tn5__prog{margin-left:0}
.tn5-row{margin-top:0}
.tn5-row h4{font-size:18px}
.tn5-featured{position:absolute;left:34px;top:34px;z-index:2;display:inline-flex;align-items:center;height:34px;
  padding:0 16px;border-radius:8px;background:#2A9A4B;color:#fff;font-family:Manrope,Inter,sans-serif;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.smbf-tn5__imgcol{position:relative}
@media(max-width:900px){.smbf-tn5__rowsgrid{grid-template-columns:1fr}}
/* ===== /TN3+TN5 parity ===== */
.smbf-evhero-native .e-con-inner{padding-top:0!important;}.smbf-hev__grid .smbf-evcard2{height:400px!important;}.smbf-evs4__grid .smbf-evcard2{height:400px!important;}.smbf-hev__filterbar .smbf-tabs,.smbf-evs4__filterbar .smbf-tabs{justify-content:center;gap:14px;margin:20px 0 30px;}.smbf-hev__filterbar .smbf-tab,.smbf-evs4__filterbar .smbf-tab{height:44px;border-radius:24px;padding:0 36px;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;border:1px solid rgba(17,48,108,.30);background:#fff;color:#082F6F;display:inline-flex;align-items:center;}.smbf-hev__filterbar .smbf-tab:hover,.smbf-evs4__filterbar .smbf-tab:hover{background:#EAF1FA!important;color:#082F6F!important;border-color:rgba(17,48,108,.30)!important;}.smbf-hev__filterbar .smbf-tab.is-on,.smbf-evs4__filterbar .smbf-tab.is-on{border-color:transparent!important;color:#fff!important;background:linear-gradient(90deg,#1262BA 0%,#0D4E9F 100%)!important;}
/* ===== TRADE parity round 3 (2026-08-17 04:2x) - tn4 outline icons,
   tn5 title-on-image + lead, tn6 rebuilt to the PoC composition ===== */
.tn4-ic svg,.tn6-fic svg,.tn5-chip svg,.tn6-fcic svg{width:38px;height:38px;color:#145BC7}
.tn4-ic{flex:0 0 90px}
/* tn5 overlay: white title + green chip + sub pinned to the image bottom */
.smbf-tn5__ov{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px 34px;
  background:linear-gradient(180deg,rgba(3,16,38,0) 0%,rgba(3,16,38,.55) 100%)}
.tn5-ov h3{margin:0;display:flex;align-items:center;gap:14px;font-family:Manrope,Inter,sans-serif;
  font-size:42px;font-weight:800;color:#fff}
.tn5-chip{display:inline-grid;place-items:center;width:56px;height:38px;border-radius:8px;background:#2A9A4B}
.tn5-chip svg{width:22px;height:22px;color:#fff}
.tn5-ov p{margin:8px 0 0;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.5;color:#fff}
/* the badge widget covers the image; the TITLE overlay pins to the BOTTOM
   only - inset:0 on both was dragging the title to the top (@R screenshot) */
.smbf-tn5__imgcol .elementor-widget-html{position:absolute;inset:0}
.smbf-tn5__imgcol .elementor-widget-html.smbf-tn5__ov{inset:auto;left:0;right:0;bottom:0;top:auto}
.smbf-tn5__imgcol .elementor-widget-html .elementor-widget-container{position:static}
.tn5-lead{margin:0 0 4px;font-family:Manrope,Inter,sans-serif;font-size:19px;line-height:1.6;color:#263B5D}
/* tn6 per PoC: left-aligned head, 4-in-row features with dividers, photo with floating card */
.smbf-tn6__eye .elementor-heading-title::after{margin-left:0}
.tn6-lead{margin:22px 0 0;font-family:Manrope,Inter,sans-serif;font-size:19px;font-weight:600;color:#1B2E4F}
.tn6-lead2{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.6;color:#3A4E70}
.tn6-featrow{display:flex;margin-top:34px}
.tn6-feat2{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:12px;padding:0 14px}
.tn6-div{position:absolute;left:0;top:8%;bottom:8%;width:.8px;background:rgba(8,47,111,.12)}
.tn6-fic{display:grid;place-items:center;width:96px;height:96px;border-radius:999px;background:rgba(20,91,199,.07)}
.tn6-feat2 p{margin:0;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.35;color:#061A3D}
.tn6-photo{position:relative;height:100%;min-height:640px;border-radius:20px;overflow:hidden}
.tn6-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tn6-fcard{position:absolute;right:26px;top:50%;transform:translateY(-50%);width:215px;padding:22px 18px;
  border-radius:17px;background:rgba(255,255,255,.94);text-align:center;box-shadow:0 14px 40px rgba(3,22,56,.18)}
.tn6-fcic{display:grid;place-items:center;width:60px;height:60px;border-radius:999px;background:#123BD6;margin:0 auto}
.tn6-fcic svg{width:26px;height:26px;color:#fff}
.tn6-fcard h5{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:700;color:#061A3D}
.tn6-fcard p{margin:8px 0 0;font-family:Manrope,Inter,sans-serif;font-size:14.5px;line-height:1.5;color:#3A4E70}
.smbf-tn6__photo,.smbf-tn6__photo .elementor-widget-container{height:100%}
.smbf-tn6__right{align-items:stretch}
.smbf-tn6__right .elementor-widget-html{height:100%;flex-grow:1}
@media(max-width:1024px){
  .tn6-featrow{flex-wrap:wrap;gap:22px 0}
  .tn6-feat2{flex:1 1 44%}
  .tn6-photo{min-height:420px}
  .tn5-ov h3{font-size:30px}
}
@media(max-width:640px){.tn6-feat2{flex:1 1 100%}.tn6-div{display:none}}
/* ===== /round 3 ===== */

/* ===== TN7 Section B terms reskin (@R: "very bland") 2026-08-17 =====
   Presentation only - the locked wrapper's compliance wording is untouched.
   Scoped to .smbf-tn7 so the same markup elsewhere keeps its own look. */
.smbf-tn7__eye .elementor-heading-title::after{content:"";display:block;height:2px;width:52px;margin:10px auto 0;
  background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%)}
.smbf-tn7 .smbf-eligibility{display:inline-flex;align-items:center;margin:0 auto 30px;padding:10px 22px;
  border-radius:999px;background:linear-gradient(90deg,rgba(20,91,199,.09),rgba(42,154,75,.09));
  border:.8px solid rgba(20,91,199,.22);font-weight:700;color:#0B3E8F;letter-spacing:.6px}
.smbf-tn7 .elementor-widget-smbf_trade_terms .elementor-widget-container{text-align:center}
.smbf-tn7 .smbf-incnot{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;margin-top:6px}
.smbf-tn7 .smbf-incnot__col{background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:15px;
  padding:30px 32px;box-shadow:0 10px 30px rgba(3,22,56,.04)}
.smbf-tn7 .smbf-incnot__col h4{margin:0 0 14px;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;color:#145BC7}
.smbf-tn7 .smbf-incnot__col:last-child h4{color:#8A6D1F}
.smbf-tn7 .smbf-incnot__col:last-child{background:#FFFDF6;border-color:rgba(138,109,31,.18)}
.smbf-tn7 .smbf-incnot li{margin-top:10px;line-height:1.55}
.smbf-tn7 .smbf-note{margin-top:26px;background:linear-gradient(135deg,#F7FAFF 0%,#F3FBF5 100%);
  border:.8px solid rgba(20,91,199,.14);border-radius:17px;padding:36px 40px;text-align:left;
  box-shadow:0 10px 30px rgba(3,22,56,.05)}
.smbf-tn7 .smbf-note h3{margin:0 0 12px;font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;color:#061A3D}
@media(max-width:900px){.smbf-tn7 .smbf-incnot{grid-template-columns:1fr}}
/* ===== /TN7 reskin ===== */

/* ===== TN8 EOI form redesign (@R: professional/futuristic/easy) 2026-08-17 =====
   Presentation only - fields, options and wording are the locked Master-List
   set, untouched. Scoped to .smbf-tn8. */
.smbf-tn8__eye .elementor-heading-title::after{content:"";display:block;height:2px;width:52px;margin:10px auto 0;
  background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%)}
.smbf-tn8 .smbf-eoi{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;
  background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:24px;padding:52px 56px;
  box-shadow:0 24px 70px rgba(3,22,56,.08)}
.smbf-tn8 .smbf-eoi > label{display:flex;flex-direction:column;gap:9px;
  font-family:Manrope,Inter,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;color:#30456B}
.smbf-tn8 .smbf-eoi > label.is-wide,.smbf-tn8 .smbf-eoi > .is-wide{grid-column:1/-1}
.smbf-tn8 .smbf-eoi input[type=text],.smbf-tn8 .smbf-eoi input[type=email],.smbf-tn8 .smbf-eoi input[type=tel],
.smbf-tn8 .smbf-eoi input[type=url],.smbf-tn8 .smbf-eoi select,.smbf-tn8 .smbf-eoi textarea{
  width:100%;min-height:52px;padding:14px 18px;border-radius:13px;border:1.5px solid rgba(8,47,111,.14);
  background:#FAFCFF;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:500;color:#061A3D;
  text-transform:none;letter-spacing:0;transition:border-color .18s,box-shadow .18s,background .18s;outline:none;
  appearance:none;-webkit-appearance:none}
.smbf-tn8 .smbf-eoi select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23145BC7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:46px}
.smbf-tn8 .smbf-eoi :is(input,select,textarea):focus{border-color:#145BC7;background:#fff;
  box-shadow:0 0 0 4px rgba(20,91,199,.13)}
.smbf-tn8 .smbf-eoi :is(input,textarea)::placeholder{color:#93A3BE;font-weight:400}
/* checkbox groups -> tappable chips */
.smbf-tn8 .smbf-checks{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.smbf-tn8 .smbf-check{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;
  border-radius:999px;border:1.5px solid rgba(8,47,111,.16);background:#FAFCFF;cursor:pointer;
  font-family:Manrope,Inter,sans-serif;font-size:14.5px;font-weight:600;letter-spacing:0;text-transform:none;
  color:#30456B;transition:all .16s;user-select:none}
.smbf-tn8 .smbf-check:hover{border-color:rgba(20,91,199,.45);transform:translateY(-1px)}
.smbf-tn8 .smbf-check input{position:absolute;opacity:0;pointer-events:none}
.smbf-tn8 .smbf-check:has(input:checked){background:linear-gradient(90deg,rgba(20,91,199,.10),rgba(42,154,75,.10));
  border-color:#145BC7;color:#0B3E8F;box-shadow:0 0 0 3px rgba(20,91,199,.10)}
.smbf-tn8 .smbf-check:has(input:checked)::before{content:"\2713";font-weight:800;color:#2A9A4B}
.smbf-tn8 .smbf-check:has(input:focus-visible){box-shadow:0 0 0 4px rgba(20,91,199,.2)}
/* submit */
.smbf-tn8 .smbf-eoi button[type=submit]{grid-column:1/-1;justify-self:center;min-width:340px;height:62px;
  border:0;border-radius:14px;cursor:pointer;font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:700;
  letter-spacing:.3px;color:#fff;
  background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);
  box-shadow:0 14px 34px rgba(20,91,199,.28);transition:transform .16s,box-shadow .16s,filter .16s}
.smbf-tn8 .smbf-eoi button[type=submit]:hover{transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 18px 44px rgba(20,91,199,.34)}
.smbf-tn8 .smbf-formnote{grid-column:1/-1;text-align:center;font-size:13.5px;color:#6B7C99;
  text-transform:none;letter-spacing:0;font-weight:500}
@media(max-width:760px){.smbf-tn8 .smbf-eoi{grid-template-columns:1fr;padding:30px 22px}
  .smbf-tn8 .smbf-eoi button[type=submit]{min-width:0;width:100%}}
/* ===== /TN8 form ===== */

/* ===== HEADER DROPDOWN (Invest sub-menu, @R 2026-08-17) =====
   Walker already outputs depth-2 ul.sub-menu; this is the missing styling.
   Generic - any top-level item given children inherits the same dropdown. */
.smbf-nav li.menu-item-has-children{position:relative}
.smbf-nav li.menu-item-has-children > a::after{content:"";display:inline-block;width:7px;height:7px;
  margin-left:7px;margin-bottom:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .18s}
.smbf-nav li.menu-item-has-children:hover > a::after{transform:rotate(225deg);margin-bottom:-2px}
.smbf-nav .sub-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);z-index:60;
  min-width:288px;margin:0;padding:10px;list-style:none;background:#fff;border:.8px solid rgba(8,47,111,.08);
  border-radius:14px;box-shadow:0 22px 60px rgba(3,22,56,.14);
  opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.smbf-nav li:hover > .sub-menu,.smbf-nav li:focus-within > .sub-menu{opacity:1;visibility:visible;
  transform:translate(-50%,4px)}
.smbf-nav .sub-menu::before{content:"";position:absolute;top:-9px;left:0;right:0;height:12px}
.smbf-nav .sub-menu li{display:block}
/* PoC pattern: title 15/600 navy + 12.5px grey description line per item */
.smbf-nav .sub-menu a{display:block;padding:11px 14px;border-radius:8px;white-space:nowrap;
  font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#1B2E4F;line-height:1.35;
  transition:all .14s}
.smbf-nav .sub-menu .sub-desc{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:#63768F}
.smbf-nav .sub-menu a:hover{background:linear-gradient(90deg,rgba(20,91,199,.08),rgba(42,154,75,.08));
  color:#0B3E8F}
/* Drawer accordion (@R 2026-08-25, revising M5): sub-menu starts COLLAPSED in the
   burger drawer; tapping the parent toggles it (its own destination is redundant -
   the parent repeats as the first child). Scope is the full drawer range <=1100px,
   which also removes the odd hover-popover the 768-1100 tablet drawer inherited.
   display is the single gate, so the desktop hover/focus rules are inert here. */
@media(max-width:1100px){
  .smbf-nav .sub-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;
    box-shadow:none;border:0;border-left:2px solid rgba(20,91,199,.18);border-radius:0;
    margin:4px 0 6px 14px;padding:0 0 0 10px;display:none;transition:none}
  .smbf-nav li.is-sub-open > .sub-menu{display:block}
  /* the desktop hover-bridge pseudo (12px absolute strip above the dropdown) overlays
     the lower half of the parent link in the drawer = intermittent dead taps */
  .smbf-nav .sub-menu::before{content:none}
  /* the base hover/focus-within rule is (0,3,0) and carries translate(-50%,4px);
     a TAP focuses the link (:focus-within) and dragged the static box half its
     width off-screen left - invisible to programmatic clicks, which never focus.
     Match the specificity and neutralise the transform in the drawer. */
  .smbf-nav li:hover > .sub-menu,
  .smbf-nav li:focus-within > .sub-menu{transform:none}
  .smbf-nav .sub-menu a{white-space:normal;padding:9px 10px}
  .smbf-nav li.is-sub-open > a::after{transform:rotate(225deg);margin-bottom:-2px}
  .smbf-nav li.menu-item-has-children:hover > a::after{transform:rotate(45deg);margin-bottom:2px}
  .smbf-nav li.menu-item-has-children.is-sub-open:hover > a::after{transform:rotate(225deg);margin-bottom:-2px}
  /* Drawer polish (@R 2026-08-25): hairline separators between top-level items,
     matching the site's card-border tint; light tap feedback. Drawer only. */
  .smbf-nav > li{border-bottom:1px solid rgba(8,47,111,.08)}
  .smbf-nav > li:last-child{border-bottom:0}
  .smbf-nav > li > a{padding:16px 24px}
  .smbf-nav > li > a:active{background:rgba(20,91,199,.05)}
  .smbf-header__nav{padding:4px 0 8px}
}
/* ===== /HEADER DROPDOWN ===== */

/* tn8 lead: Elementor custom-width leaves the 720px box left-anchored (same
   fault as the invest lead, 2026-08-17 00:58 row) - shim owns the centring */
.elementor-widget.smbf-tn8__lead{margin:0 auto 30px}

/* smbf_deco WIDGET wrapper rules - the widget emits .smbf-deco-w--{pos}/{strength}
   which had no CSS anywhere (first page to use the widget). Wrapper leaves the flow,
   span becomes the positioned deco box, inner svg fills it. */
.elementor-widget-smbf_deco{position:static!important;width:0!important;height:0!important;margin:0!important}
.smbf-deco-w{position:absolute;width:620px;height:620px;pointer-events:none;z-index:0;color:var(--smbf-g1);opacity:.10;display:block}
.smbf-deco-w--tl{left:-280px;top:-220px}
.smbf-deco-w--tr{right:-280px;top:-220px}
.smbf-deco-w--bl{left:-280px;bottom:-240px;color:var(--smbf-g3)}
.smbf-deco-w--br{right:-260px;bottom:-240px;color:var(--smbf-g3)}
.smbf-deco-w--soft{opacity:.06}
.smbf-deco-w--strong{opacity:.16}
.smbf-deco-w .smbf-deco{position:static;width:100%;height:100%;opacity:1}
.smbf-deco-w svg[class*="dots"]{width:170px;height:130px}
.smbf-deco-w--tr svg[class*="dots"]{position:absolute;right:336px;top:272px}
.smbf-deco-w--bl svg[class*="dots"]{position:absolute;left:336px;bottom:292px}


/* ============ INVESTORS NATIVE (ivn) ============ */
[class*="smbf-ivn"]{overflow:hidden;position:relative}
.ivn-rule{display:block;width:64px;height:3px;margin:12px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3))}
.ivn0-lead p,.ivn0-lead{margin:22px auto 0;max-width:640px;text-align:center;font:400 19px/1.6 Manrope,sans-serif;color:#33486A}
.ivn-btn{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:18px 30px;border-radius:9px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);color:#fff;font:600 17px/1 Manrope,sans-serif;text-decoration:none;transition:filter .2s}
.ivn-btn:hover{filter:brightness(1.08);color:#fff}
.elementor-widget-html:has(.ivn-btn),.elementor-widget-html:has(.ivn0-lead){text-align:center}
.ivn0-media{margin:64px auto 0;max-width:1180px;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(8,35,70,.16)}
.ivn0-media img{width:100%;height:560px;object-fit:cover;display:block}
.smbf-ivn0 .ivn0-eye .elementor-heading-title,.smbf-ivn2 .ivn2-eye .elementor-heading-title{letter-spacing:2.8px}
.ivn1-copy p{margin:0 0 18px;font:400 17px/1.7 Manrope,sans-serif;color:#33486A;max-width:560px}
.smbf-ivn1 .elementor-widget-html:has(.ivn-btn){text-align:left}
.ivn1-img{border-radius:24px;overflow:hidden}
.ivn1-img img{width:100%;height:600px;object-fit:cover;display:block}
.ivn2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}
.ivn2-card{background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:24px;padding:34px 30px;box-shadow:0 10px 30px rgba(8,47,111,.05)}
.ivn2-disc{width:78px;height:78px;border-radius:50%;background:#EAF3FE;display:flex;align-items:center;justify-content:center;color:#145BC7}
.ivn2-card h3{margin:20px 0 0;font:700 21px/1.3 Manrope,sans-serif;color:#061A3D}
.ivn2-card p{margin:12px 0 0;font:400 15px/1.6 Manrope,sans-serif;color:#52617A}
.ivn3-list{list-style:none;margin:44px auto 0;padding:0;max-width:760px;display:flex;flex-direction:column;gap:16px}
.ivn3-list li{display:flex;align-items:center;gap:16px;padding:20px 24px;border:.8px solid rgba(8,47,111,.10);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(8,35,70,.04);font:600 16.5px/1.5 Manrope,sans-serif;color:#0B2350}
.ivn3-ic{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:rgba(20,91,199,.09);display:flex;align-items:center;justify-content:center;color:#145BC7}
.ivn4-body h3{margin:12px 0 0;font:800 40px/1.15 Manrope,sans-serif;color:#0B2350}
.ivn4-body p{margin:16px 0 0;font:400 16.5px/1.65 Manrope,sans-serif;color:#33486A}
.ivn5-wrap{max-width:1000px;margin:44px auto 0}
.ivn6-lead{margin:18px auto 0;max-width:560px;text-align:center;font:400 17px/1.6 Manrope,sans-serif;color:#33486A}
.smbf-ivn6 .elementor-widget-shortcode{max-width:1000px;margin:36px auto 0;width:100%}
.smbf-ivn7 .elementor-widget-shortcode{max-width:640px;margin:30px auto 0;width:100%}
@media (max-width:1024px){
.ivn1-row{flex-wrap:wrap}
.ivn1-txt,.ivn1-photo,.ivn4-photo,.ivn4-txt{width:100%!important}
.ivn1-img img,.ivn4-img img,.ivn0-media img{height:auto}
.ivn2-grid{grid-template-columns:1fr}
}

.ivn-eyebrow{display:block;font:700 15px/1 Manrope,sans-serif;letter-spacing:2.8px;text-transform:uppercase;color:#145BC7}
.ivn-rule--left{margin:12px 0 22px}
.ivn0-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(4,20,45,.35);display:flex;align-items:center;justify-content:center;color:#0B2350;padding-left:5px}
.ivn0-media{position:relative}
.ivn2-cta,.ivn5-cta{text-align:center}
.smbf-ivn2 .ivn2-cta .ivn-btn,.smbf-ivn5 .ivn5-cta .ivn-btn{margin-top:44px}
.ivn3-split{display:flex;align-items:center;gap:56px}
.ivn3-photo{flex:0 0 44%;border-radius:24px;overflow:hidden}
.ivn3-photo img{width:100%;height:520px;object-fit:cover;display:block}
.ivn3-content{flex:1}
.ivn3-content h2{margin:0;font:800 56px/1.1 Manrope,sans-serif;color:#0B2350}
.ivn3-lead{margin:18px 0 0;font:400 17px/1.65 Manrope,sans-serif;color:#33486A;max-width:520px}
.smbf-ivn3 .ivn3-list{margin:28px 0 0;max-width:none}
.ivn4-split{display:flex;align-items:center;gap:64px}
.ivn4-body{flex:1}
.ivn4-body h2{margin:0;font:800 56px/1.1 Manrope,sans-serif;color:#0B2350}
.ivn4-accent{color:#148A97}
.ivn4-card{flex:0 0 400px;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(8,35,70,.14);background:#fff}
.ivn4-card img{width:100%;height:440px;object-fit:cover;display:block}
.ivn4-cap{background:#0B2350;padding:18px 24px;text-align:center}
.ivn4-cap strong{display:block;font:700 18px/1.2 Manrope,sans-serif;color:#fff}
.ivn4-cap span{display:block;margin-top:4px;font:700 11.5px/1 Manrope,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#7FD1DC}
.ivn5-lead{margin:16px auto 0;max-width:560px;text-align:center;font:400 16.5px/1.6 Manrope,sans-serif;color:#33486A}
@media (max-width:1024px){.ivn3-split,.ivn4-split{flex-direction:column}.ivn3-photo,.ivn4-card{flex:0 0 auto;width:100%}.ivn3-photo img,.ivn4-card img{height:auto}}

.ivn3-bounds{margin-top:26px;border:.8px solid rgba(200,138,34,.35);background:rgba(200,138,34,.06);border-radius:16px;padding:20px 24px}
.ivn3-bounds h4{margin:0;font:700 15px/1.2 Manrope,sans-serif;letter-spacing:.4px;color:#8F6318}
.ivn3-bounds ul{margin:12px 0 0;padding-left:18px}
.ivn3-bounds li{font:400 14.5px/1.6 Manrope,sans-serif;color:#4A3A16;margin-top:6px}
.ivn5-wrapsc{max-width:1000px;margin:44px auto 0;width:100%}

.ivn3-num{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:rgba(20,91,199,.09);display:flex;align-items:center;justify-content:center;font:700 14px/1 Manrope,sans-serif;color:#145BC7}
.ivn2-lead{margin:16px auto 0;max-width:560px;text-align:center;font:400 16.5px/1.6 Manrope,sans-serif;color:#33486A}

/* ============ MEMBERSHIP NATIVE (mn) — 2026-08-17 build, page 961→108 ============ */
body.page-id-961,body.page-id-108{background:#fff}
.smbf-mn0,.smbf-mn1,.smbf-mnsv,.smbf-mn2,.smbf-mn3,.smbf-mn4{overflow:hidden;position:relative}
/* mn bands: the homepage-era adapter (line ~1402) forces 48/96px !important outer padding on any
   .e-con holding an smbf_ widget; mn band padding lives on the boxed inner, so the outer must be 0.
   Scoped to the membership documents only, !important required to beat the adapter's. */
body.page-id-961 .e-con.e-parent[class*="smbf-mn"],body.page-id-108 .e-con.e-parent[class*="smbf-mn"]{padding:0!important}
body.page-id-965 .e-con.e-parent[class*="smbf-ivn"]{padding:0!important}
body.page-id-317 .e-con.e-parent[class*="smbf-ivn"]{padding:0!important}
body.page-id-967 .e-con.e-parent[class*="smbf-ivn"]{padding:0!important}
body.page-id-318 .e-con.e-parent[class*="smbf-ivn"]{padding:0!important}
/* mn1 is full-width (no e-con-inner), so its band padding lives here, same weight as the shim above */
body.page-id-961 .e-con.e-parent.smbf-mn1,body.page-id-108 .e-con.e-parent.smbf-mn1{padding:96px 0 110px!important}
.smbf-mn-eye{position:relative;padding-bottom:12px}
.smbf-mn-eye .elementor-heading-title{display:inline-block}
.smbf-mn-eye::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:52px;height:2px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3t))}
.mn0-eye.smbf-mn-eye::after{left:0;transform:none}
/* --- mn0 hero --- */
.smbf-mn0{background:linear-gradient(160deg,#F6F9FD 0%,#fff 45%,#F2F6FC 100%)}
.smbf-mn0 .mn0-eye .elementor-heading-title{color:#145BC7}
.mn0-photo{position:relative}
.mn0-copy{margin-top:67px}
.mn0-lead p{max-width:560px}
.mn0-photo{position:relative}
.mn0-photo .elementor-widget-html{position:absolute;left:0;top:138px;z-index:2}
.mn0-minis{display:flex;flex-direction:column;gap:22px}
.mn0-mini{display:flex;align-items:flex-start;gap:14px;width:300px;background:rgba(255,255,255,.96);border-radius:12px;padding:20px;box-shadow:0 14px 38px rgba(8,47,111,.09)}
.mn0-mini:nth-child(1){margin-left:100px}
.mn0-mini:nth-child(2){margin-left:-4px}
.mn0-mini:nth-child(3){margin-left:12px}
.mn0-mini__ic{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--a,#145BC7);background:color-mix(in srgb,var(--a,#145BC7) 10%,#fff)}
.mn0-mini__tag{display:block;font:700 11px/1 Manrope,sans-serif;letter-spacing:1.5px;color:var(--a,#155BC4);text-transform:uppercase}
.mn0-mini strong{display:block;font:700 22px/1.25 Manrope,sans-serif;color:var(--a,#155BC4);margin-top:5px}
.mn0-mini p{margin:5px 0 0;font:400 13px/1.5 Manrope,sans-serif;color:#33486A}
.mn0-img img{border-radius:14px;width:100%;height:720px;object-fit:cover;display:block}
.mn0-stats-w{width:100%}
.mn0-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:88px;width:100%;background:#fff;border-radius:20px;padding:44px 20px;box-shadow:0 18px 44px rgba(8,47,111,.06)}
.mn0-stat{display:flex;align-items:flex-start;gap:20px;padding:0 30px}
.mn0-stat+.mn0-stat{border-left:1px solid rgba(8,47,111,.10)}
.mn0-stat__ic{flex:0 0 54px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--a,#145BC7);background:color-mix(in srgb,var(--a,#145BC7) 9%,#fff)}
.mn0-stat__tx strong{display:block;font:700 21px/1.25 Manrope,sans-serif;color:#061A3D}
.mn0-stat__tx span{display:block;margin-top:6px;font:400 15px/1.5 Manrope,sans-serif;color:#63768F}
.mn0-btns{flex-wrap:nowrap!important;width:max-content;max-width:none}
@media (max-width:1024px){.mn0-btns{flex-wrap:wrap!important;width:auto}}
.mn0-b1 .elementor-button{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);color:#fff;border-radius:8px;padding:20px 26px}
.mn0-b2 .elementor-button{background:rgba(255,255,255,.7);color:#0B2350;border:.8px solid rgba(8,47,111,.14);border-radius:8px;padding:20px 26px}
/* --- mn1: rows are the locked smbf_tier_showcase (CPT-fed, Section B).
   PoC-composition overrides scoped to the native band only; the shortcode's own
   card design (r16/border/shadow, letterboxed media) stays as-is anywhere else. --- */
.smbf-mn1>.e-con-inner{max-width:none}
.mn1-showcase{width:100%}
.smbf-mn1 .smbf-mshow{max-width:1440px;margin-inline:auto}
.smbf-mn1 .smbf-mshow__media{position:relative;min-height:420px}
.smbf-mn1 .smbf-mshow__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){.smbf-mn1 .smbf-mshow__media{min-height:340px}.smbf-mn1 .smbf-mshow__media img{position:absolute;padding: 0px 10px;}}
/* --- mnsv survivor (pricing) --- */
.smbf-mnsv .mnsv-data{width:100%}
.smbf-mnsv .elementor-widget-smbf_tiers{margin-top:32px}
.mn2-imgcol{min-height:604px}
/* --- mn2 ecosystem --- */
.mn2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.mn2-item{background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:19px;padding:22px;box-shadow:0 8px 26px rgba(8,47,111,.04)}
.mn2-disc{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--a,#145BC7) 8%,#fff);display:flex;align-items:center;justify-content:center;color:#0B1B36}
.mn2-item h4{margin:16px 0 0;font:700 20px/1.3 Manrope,sans-serif;color:#061A3D}
.mn2-item__rule{display:block;width:30px;height:2px;margin-top:10px;background:var(--a,#145BC7)}
.mn2-item p{margin:12px 0 0;font:400 15px/1.55 Manrope,sans-serif;color:#52617A}
.mn2-img img{width:100%;height:100%;object-fit:cover;display:block}
.mn2-imgcol{position:relative;border-radius:22px;overflow:hidden}
.mn2-imgcol .elementor-widget-image,.mn2-imgcol .elementor-widget-image>.elementor-widget-container{position:absolute;inset:0;height:100%}
.mn2-imgcol img{position:absolute;inset:0}
/* --- mn3 stories (ruling A 2026-08-17: PoC-verbatim generated testimonials, pre-launch content-review gated; @F real stories are a drop-in swap here) --- */
.mn3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;max-width:1160px;margin-inline:auto}
.mn3-card{background:#fff;border:.8px solid rgba(8,47,111,.08);border-radius:21px;overflow:hidden;box-shadow:0 10px 30px rgba(8,47,111,.05)}
.mn3-media{position:relative;height:230px}
.mn3-media img{width:100%;height:100%;object-fit:cover;display:block}
.mn3-badge{position:absolute;right:30px;bottom:12px;width:88px;height:88px;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(8,47,111,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15}
.mn3-badge b{font:700 13px/1.15 Manrope,sans-serif;color:#061A3D}
.mn3-badge i{font:700 11px/1.15 Manrope,sans-serif;font-style:normal;color:var(--a,#145BC7)}
.mn3-body{padding:20px 24px 22px;flex:1}
.mn3-card{display:flex;flex-direction:column}
.mn3-qm{font:700 54px/1 Manrope,sans-serif;color:var(--a,#145BC7);display:block;height:34px;overflow:hidden}
.mn3-quote{margin:12px 0 0;font:400 17px/1.6 Manrope,sans-serif;color:#061A3D}
.mn3-meta{margin-top:18px;padding-top:18px;border-top:.8px solid rgba(8,47,111,.08);display:flex;align-items:center;gap:12px}
.mn3-meta__pi{color:#40567D;display:flex;align-self:flex-start;margin-top:26px}
.mn3-meta__tx{flex:1;min-width:0}
.mn3-meta__tx strong{display:block;font:700 18px/1.3 Manrope,sans-serif;color:#061A3D}
.mn3-meta__tx em{display:block;font:700 16px/1.35 Manrope,sans-serif;font-style:normal;color:var(--a,#145BC7)}
.mn3-meta__tx span{display:block;font:400 14px/1.5 Manrope,sans-serif;color:#52617A}
.mn3-meta__disc{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--a,#145BC7);background:color-mix(in srgb,var(--a,#145BC7) 9%,#fff)}
.mn3-strip{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;background:color-mix(in srgb,var(--a,#145BC7) 7%,#fff)}
.mn3-strip__ck{color:var(--a,#145BC7);display:flex;margin-top:1px}
.mn3-strip p{margin:0;font:400 15px/1.5 Manrope,sans-serif;color:#1E3355}
.mn3-strip b{font-weight:700;color:#061A3D}
/* --- mn4 faq --- */
.mn4-more .elementor-button{background:#fff;color:#145BC7;border:.8px solid rgba(20,91,199,.45);border-radius:8px;padding:13px 26px}
/* --- responsive --- */
@media (max-width:1024px){
.smbf-mn0>.e-con-inner{padding-left:20px;padding-right:20px}
.mn0-copy,.mn0-photo{width:100%!important}
.mn0-row{flex-wrap:wrap}
.mn0-copy{margin-top:0}
.mn0-img img{height:auto}
.mn0-mini{margin-left:0!important}
.mn0-minis{position:static;transform:none;flex-direction:row;flex-wrap:wrap;margin-top:16px}
.mn0-stats{grid-template-columns:repeat(2,1fr);row-gap:26px;padding:30px 8px}
.mn0-stat:nth-child(3){border-left:none}
.mn0-stat{padding:0 18px}
.mn2-split{flex-wrap:wrap}
.mn2-imgcol,.mn2-gcol{width:100%!important}
.mn2-gcol{padding:32px 0 0!important}
.mn3-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
.mn4-faqwrap{width:100%!important}
}
@media (max-width:640px){
.mn0-mini{width:100%}
.mn0-stats{grid-template-columns:1fr}
.mn0-stat{border-left:none!important;padding:0}
.mn2-grid{grid-template-columns:1fr}
}

/* =========================================================================
   FORM RESULT NOTE  (trade + investor enquiry forms)
   Injected into the finished page by trade-form-bridge.php, NOT by a render
   filter - Elementor's element cache skips render filters once warm, which is
   why this message previously did not appear at all.
   ========================================================================= */
.smbf-tfnote {
	margin: 0 0 26px;
	padding: 16px 20px;
	border-radius: 12px;
	font-size: 15.5px;
	line-height: 1.55;
	font-weight: 600;
	border: 1px solid transparent;
}
.smbf-tfnote--ok {
	color: #0F5132;
	background: #E7F6EC;
	border-color: rgba(21, 115, 71, .28);
}
.smbf-tfnote--err {
	color: #8A1C1C;
	background: #FDECEC;
	border-color: rgba(160, 40, 40, .28);
}

/* =========================================================================
   SELECT-ALL-THAT-APPLY GROUPS  (trade F040-04/05/07, investor F080-02)
   The Master List makes several fields "select all that apply", which HTML
   can only express as a checkbox group. The two enquiry forms carry their own
   <style> block and it has NO rule for these wrappers, so the groups rendered
   as raw browser checkboxes crushed onto one line with no gap beneath - which
   is what @R's screenshot shows.
   Tokens copied from the forms' own CSS so this matches rather than competes:
   border #cfdbea · radius 14 · field bg #fbfcfe · text #173765 · label #103d7c
   · accent #2870C5 · block rhythm 22px.
   ========================================================================= */
.smbf-checks,
.smbf-investor-checks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 10px;
	margin: 0;
}
.smbf-full,
.smbf-investor-full {
	width: 100%;
	margin-bottom: 22px;
}
.smbf-check,
.smbf-investor-check {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 10px 14px;
	box-sizing: border-box;
	border: 1px solid #cfdbea;
	border-radius: 12px;
	background: #fbfcfe;
	font-size: 14.5px;
	line-height: 1.35;
	font-weight: 500;
	color: #173765;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.smbf-check:hover,
.smbf-investor-check:hover {
	border-color: #9fc0e6;
	background: #f4f9ff;
}
.smbf-check input[type="checkbox"],
.smbf-investor-check input[type="checkbox"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #2870C5;
	cursor: pointer;
}
/* Checked state reads at a glance. :has() is baseline since 2023; where it is
   unsupported the control still works and simply does not highlight. */
.smbf-check:has(input:checked),
.smbf-investor-check:has(input:checked) {
	border-color: #2870C5;
	background: #EFF6FF;
	box-shadow: 0 0 0 1px rgba(40, 112, 197, .35) inset;
}
.smbf-check:focus-within,
.smbf-investor-check:focus-within {
	border-color: #2870C5;
	box-shadow: 0 0 0 3px rgba(40, 112, 197, .18);
}
.smbf-hint {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: #5b7196;
}
/* The two standalone confirmations sit tighter than the 40px the form's own
   rule gives them, so risk + consent read as a pair rather than two islands. */
.smbf-investor-consent + .smbf-investor-consent {
	margin-top: -18px;
}
@media (max-width: 767px) {
	.smbf-checks,
	.smbf-investor-checks { grid-template-columns: 1fr; }
}

/* =========================================================================
   PHONE FIELD  (trade .smbf-phone-wrap/.smbf-country,
                 investor .smbf-investor-phone/.smbf-investor-country)
   @R's screenshot showed the country select rendering as "GB +44" with the
   text sitting high and clipped. Two causes, both now removed:
     1. the options carried FLAG EMOJI. Windows has no flag glyphs, so Chrome
        renders the regional-indicator letters instead - and the emoji line box
        is taller than the 14px font, which pushed the text off centre inside a
        fixed-height select. Labels are now plain ASCII ("UK +44"), identical
        on every platform.
     2. nothing normalised the select's own vertical metrics, so it inherited
        the theme reset's line-height:1.5 against a 54px box.
   Widened because "Saudi Arabia +966" does not fit 120px.
   ========================================================================= */
/* 🔴 CLASS-NAME COLLISION, found by measuring in the browser 2026-08-19.
   `.smbf-phone-wrap` was ALREADY taken by the Connect page's phone MOCKUP
   wrapper (`padding:20px 0`, next to `.smbf-phone{width:312px;height:600px}`).
   The enquiry form reused the same class, inherited that padding, and a 54px
   field was left with 12px of content height - the select and the number box
   both measured 12px tall, sitting 21px down. The form's own inline CSS sets
   height but never padding, so nothing opposed it.
   The markup is renamed to `.smbf-telwrap`; this reset stays for the old name
   so a re-paste of the original markup cannot silently reproduce it. */
.smbf-telwrap,
.smbf-phone-wrap:has(.smbf-country) {
	padding: 0 !important;
	justify-content: flex-start !important;
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 54px;
	box-sizing: border-box;
	border: 1px solid #cfdbea;
	border-radius: 14px;
	background: #fbfcfe;
	overflow: hidden;
}
.smbf-telwrap .smbf-country,
.smbf-phone-wrap .smbf-country,
.smbf-investor-phone .smbf-investor-country {
	width: 168px !important;
	min-width: 168px !important;
	flex: 0 0 168px !important;
	height: 100% !important;
	/* Explicit metrics beat the theme reset's inherited line-height. */
	line-height: 1.2 !important;
	font-size: 14px !important;
	/* Native appearance re-added its own arrow beside the one below. */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 34px 0 14px !important;
	background-color: #f4f7fb;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23145BC7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 14px 14px;
	text-overflow: ellipsis;
}
/* The number field must not inherit the theme reset's border and radius, or a
   second box appears inside the wrap. */
.smbf-telwrap input[type="tel"],
.smbf-phone-wrap input[type="tel"],
.smbf-investor-phone input[type="tel"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 18px !important;
	background: transparent;
	font-family: inherit;
	font-size: 15px;
	color: #173765;
	outline: none;
}
@media (max-width: 480px) {
	.smbf-telwrap .smbf-country,
	.smbf-phone-wrap .smbf-country,
	.smbf-investor-phone .smbf-investor-country {
		width: 132px !important;
		min-width: 132px !important;
		flex: 0 0 132px !important;
		font-size: 13px !important;
		padding: 0 30px 0 10px !important;
	}
}

/* =========================================================================
   LONG-TEXT FIELDS  (F040-02/09, F082-02/07)
   The three enquiry forms give inputs and selects a fixed height:54px and
   apply the SAME class to their textareas, so every "long text response" in
   the Master List rendered as a one-line box - measured 54px on a rows="4"
   field. A long answer is the point of those questions.
   ========================================================================= */
.smbf-form-shell textarea,
.smbf-investor-form textarea,
.smbf-form3 textarea {
	height: auto !important;
	min-height: 118px;
	padding: 14px 18px !important;
	line-height: 1.55;
	resize: vertical;
}

/* The companies form's country select was missed by the earlier widening: it
   carries its own class, and "Saudi Arabia +966" does not fit 120px. */
.smbf-form3-phone .smbf-form3-country {
	width: 168px !important;
	min-width: 168px !important;
	flex: 0 0 168px !important;
	height: 100% !important;
	line-height: 1.2 !important;
	font-size: 14px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 34px 0 14px !important;
	background-color: #f4f7fb;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23145BC7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 14px 14px;
	text-overflow: ellipsis;
}
@media (max-width: 480px) {
	.smbf-form3-phone .smbf-form3-country {
		width: 132px !important;
		min-width: 132px !important;
		flex: 0 0 132px !important;
		font-size: 13px !important;
		padding: 0 30px 0 10px !important;
	}
}

/* =========================================================================
   EVENTS ENQUIRY FORM  (F010)
   The events form was the only Elementor Pro form taking enquiries. It is now
   raw markup like the other three so the four forms look alike, and so the
   event list can be drawn from the CPT instead of a hardcoded option list
   that had gone stale (16 entries with literal duplicates).
   Shares the visual tokens of the other three: label 14/600 #103D7C, fields
   54px on #FBFCFE with a 1px #CFDBEA border at radius 14, rows 2-up gap 26,
   22px block rhythm.
   ========================================================================= */
.smbf-eform { width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; }
.smbf-eform-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 26px;
	margin-bottom: 22px;
}
.smbf-eform-full { width: 100%; margin-bottom: 22px; }
.smbf-eform-label {
	display: block; margin-bottom: 9px;
	font-size: 14px; line-height: 1.4; font-weight: 600; color: #103D7C;
}
.smbf-eform-required { margin-left: 3px; color: #2870C5; }
.smbf-eform-input,
.smbf-eform-select {
	display: block; width: 100%; height: 54px; box-sizing: border-box;
	padding: 0 18px;
	border: 1px solid #CFDBEA; border-radius: 14px;
	background-color: #FBFCFE;
	font-family: inherit; font-size: 15px; color: #173765; outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.smbf-eform-input:focus,
.smbf-eform-select:focus {
	border-color: #2870C5;
	box-shadow: 0 0 0 3px rgba(40, 112, 197, .15);
}
.smbf-eform-phone {
	display: flex; align-items: stretch; width: 100%; height: 54px;
	box-sizing: border-box;
	border: 1px solid #CFDBEA; border-radius: 14px;
	background: #FBFCFE; overflow: hidden;
}
.smbf-eform-phone .smbf-eform-country {
	width: 168px !important; min-width: 168px !important; flex: 0 0 168px;
	height: 100% !important; box-sizing: border-box;
	border: 0 !important; border-right: 1px solid #DFE7F0 !important;
	border-radius: 0 !important;
	padding: 0 34px 0 14px !important;
	line-height: 1.2 !important; font-size: 14px !important;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-color: #F4F7FB;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23145BC7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 12px center;
	background-size: 14px 14px;
	color: #173765; cursor: pointer; text-overflow: ellipsis;
}
.smbf-eform-phone input[type="tel"] {
	flex: 1 1 auto; min-width: 0; height: 100%; box-sizing: border-box;
	border: 0 !important; border-radius: 0 !important;
	padding: 0 18px !important; background: transparent;
	font-family: inherit; font-size: 15px; color: #173765; outline: none;
}
.smbf-eform-consent {
	display: flex; align-items: flex-start; gap: 10px;
	margin-top: 28px; margin-bottom: 32px;
	font-size: 14.5px; line-height: 1.5; color: #173765;
}
.smbf-eform-consent input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: #2870C5; flex: 0 0 18px; }
.smbf-eform-submit-wrap { display: flex; justify-content: center; }
.smbf-eform-submit {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	height: 58px; min-width: 280px; padding: 0 40px;
	border: 0; border-radius: 12px; cursor: pointer;
	font-family: inherit; font-size: 15px; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; color: #fff;
	background: linear-gradient(90deg, var(--smbf-g1) 0%, var(--smbf-g2) 55%, var(--smbf-g3) 100%);
	transition: filter .2s ease, transform .2s ease;
}
.smbf-eform-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }
.smbf-eform-note {
	margin: 16px 0 0; text-align: center;
	font-size: 13px; line-height: 1.5; color: #5B7196;
}
@media (max-width: 767px) {
	.smbf-eform-row { grid-template-columns: 1fr; gap: 0; margin-bottom: 0; }
	.smbf-eform-row > div { margin-bottom: 22px; }
	.smbf-eform-submit { width: 100%; }
}

/* The events band carries `.smbf-evs5__form input,select{height:60px}` from
   the Elementor Pro form it used to hold. Our form is 54px like the other
   three, and the phone wrapper is 54px, so leaving the 60 in place put the
   phone field out of line with the email box beside it. The point of this
   rebuild was that the four forms match, so 54 wins here. */
.smbf-eform input:not([type="checkbox"]),
.smbf-eform select {
	height: 54px;
}

/* =========================================================================
   MEMBER STORY LIGHTBOX
   The play controls were links with target="_blank"; they are buttons now and
   the video opens over the page. Clips are PORTRAIT (720x1280), so the frame
   is HEIGHT-bound - constrain a portrait video by width and it runs off the
   bottom of the screen.
   ========================================================================= */
/* 🔴 This reset must NOT clear border or background. On the side cards the
   BUTTON IS the disc - .smbf-stcard__play carries the 50px circle, its white
   border and its translucent fill - so a blanket `border:0;background:none`
   here erased the circle and left a bare triangle, while the lead card kept
   its ring because there the disc is a child span. That is what made the three
   play controls look like three different designs (@R, 2026-08-19). Only the
   lead button, which is a plain flex row, gets stripped. */
.smbf-stplay { padding: 0; cursor: pointer; font: inherit;
	-webkit-appearance: none; appearance: none; }
.smbf-stlead__play.smbf-stplay { border: 0; background: none; }

/* 🔴 `color` must be set, not inherited. A <button> inherits the UA's #333, and
   the play glyph is an inline SVG using currentColor - so on the side cards the
   triangle rendered dark grey on a dark photograph while the lead card's was
   white. Measured: rgb(51,51,51) against rgb(255,255,255). Border weight is
   matched to the lead at the same time; 1px against the lead's 2px was the
   other half of why the two treatments did not read as one design. */
.smbf-stcard__play.smbf-stplay {
	color: #fff;
	border-width: 2px;
}
.smbf-stcard__play.smbf-stplay svg { fill: currentColor; }
.smbf-stplay:focus-visible { outline: 3px solid var(--smbf-g2); outline-offset: 3px; border-radius: 8px; }
body.smbf-lb-open { overflow: hidden; }

.smbf-lb {
	position: fixed; inset: 0; z-index: 9999;
	display: grid; place-items: center; padding: 26px;
	background: rgba(6, 12, 26, .86);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	opacity: 0; visibility: hidden;
	transition: opacity .22s ease, visibility .22s;
}
.smbf-lb[data-open="true"] { opacity: 1; visibility: visible; }
.smbf-lb__box {
	position: relative; display: flex; flex-direction: column; align-items: center;
	transform: scale(.97); transition: transform .22s ease;
}
.smbf-lb[data-open="true"] .smbf-lb__box { transform: scale(1); }
.smbf-lb__v {
	display: block; width: auto; max-height: 78vh; max-width: min(430px, 90vw);
	border-radius: 12px; background: #000;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .55);
}
.smbf-lb__cap { margin: 14px 0 0; text-align: center; }
.smbf-lb__n {
	margin: 0; font-family: Manrope, Inter, sans-serif; font-size: 13px; font-weight: 700;
	letter-spacing: .5px; text-transform: uppercase; color: #fff;
}
.smbf-lb__r {
	margin: 4px 0 0; font-family: Manrope, Inter, sans-serif; font-size: 13px;
	color: rgba(255, 255, 255, .8);
}
.smbf-lb__x {
	position: absolute; top: -14px; right: -14px; width: 40px; height: 40px;
	display: grid; place-items: center; cursor: pointer;
	border: 0; border-radius: 999px; background: #fff; color: #082F6F;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
	/* 🔴 THIS is why the cross sat off-centre. A global button rule gives this
	   button `padding: 8px 16px`; with border-box and a 40px width that leaves a
	   CONTENT BOX 8px wide, so a 15px mark centred inside 8px spills 3.5px to
	   the right. Measured, after first blaming the &times; glyph and being
	   wrong. Never assume a <button> starts from nothing. */
	padding: 0;
	line-height: 0;
	-webkit-appearance: none;
	appearance: none;
}
/* 🔴 The cross is DRAWN, not typed. It was the &times; character, and a glyph
   carries asymmetric side bearings: centring lays out the inline box including
   those bearings, not the visible mark, so the cross sat 3.5px right of centre
   inside a 40px circle - measured, and clearly visible when @R zoomed in.
   An SVG path is centred by its own geometry, so this cannot drift with the
   font stack. */
.smbf-lb__x svg { width: 15px; height: 15px; display: block; }
.smbf-lb__x:focus-visible { outline: 3px solid var(--smbf-g2); outline-offset: 2px; }
@media (max-width: 900px) {
	.smbf-lb { padding: 16px; }
	.smbf-lb__x { top: 6px; right: 6px; }
}
@media (prefers-reduced-motion: reduce) {
	.smbf-lb, .smbf-lb__box { transition: none; }
	.smbf-lb__box { transform: none; }
}

/* =========================================================================
   PARTNER LOGO ROWS - SCROLLING
   Replaces the static 6-up grid (@R, 2026-08-19). Base state is a normal
   horizontally scrollable strip, so the row works with no JavaScript and on
   touch; JS adds .is-marquee for the automatic loop.
   Card size, border, shadow and hover are inherited from .smbf-pcard - only
   the container changes, so the logos look exactly as they did.
   ========================================================================= */
.smbf-pscroll {
	margin-top: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	/* Fade the edges so cards enter and leave rather than being cut off. */
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
}
.smbf-pscroll::-webkit-scrollbar { display: none; }
.smbf-pscroll__track {
	display: flex;
	gap: 16px;
	width: max-content;
}
/* Cards were grid children sized by the column; in a flex row they need a
   width of their own or they collapse to their content. */
.smbf-pscroll__track > .smbf-pcard { flex: 0 0 232px; }

.smbf-pscroll.is-marquee { overflow: hidden; }
.smbf-pscroll.is-marquee .smbf-pscroll__track {
	animation: smbf-marquee var(--smbf-dur, 40s) linear infinite;
	will-change: transform;
}
.smbf-pscroll.is-marquee[data-dir="right"] .smbf-pscroll__track {
	animation-direction: reverse;
}
/* 🔴 -50%, not calc() on a custom property. A keyframe whose value is
   calc(-1 * var(--x)) did not resolve - measured: the animation ran, with the
   right name and duration, and the transform stayed at identity. -50% is
   resolved against the track's own width, so it needs the track to hold an
   EVEN number of copies, which the script guarantees. */
@keyframes smbf-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
/* Stop for anyone reading a logo, or tabbing to a partner link. */
.smbf-pscroll.is-marquee:hover .smbf-pscroll__track,
.smbf-pscroll.is-marquee:focus-within .smbf-pscroll__track {
	animation-play-state: paused;
}
@media (max-width: 1024px) { .smbf-pscroll__track > .smbf-pcard { flex: 0 0 200px; } }
@media (max-width: 600px)  { .smbf-pscroll__track > .smbf-pcard { flex: 0 0 160px; } }
@media (prefers-reduced-motion: reduce) {
	.smbf-pscroll.is-marquee { overflow-x: auto; }
	.smbf-pscroll.is-marquee .smbf-pscroll__track { animation: none; }
}

/* The homepage partner section is a hand-built HTML widget using
   .smbf-logo-card, not the CPT shortcode's .smbf-pcard. Same scroller, so it
   needs the same flex sizing - grid children have no width of their own once
   the grid becomes a flex row. Card height, border and hover stay with the
   widget's own inline CSS, so the logos look exactly as they did. */
.smbf-pscroll__track > .smbf-logo-card { flex: 0 0 232px; }
@media (max-width: 1024px) { .smbf-pscroll__track > .smbf-logo-card { flex: 0 0 200px; } }
@media (max-width: 600px)  { .smbf-pscroll__track > .smbf-logo-card { flex: 0 0 160px; } }

/* =============================================================
   Blog - added 2026-08-20 with the 24 articles migrated from
   smbf.global. Deliberately reuses the site's tokens, radii and
   shadows; no new visual language. NB .smbf-pcard is the partner
   logo card - article cards are .smbf-artcard.
   ============================================================= */
.smbf-cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
@media(max-width:1024px){.smbf-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}}
@media(max-width:600px){.smbf-cardgrid{grid-template-columns:1fr;gap:18px;}}

.smbf-artcard{display:flex;}
.smbf-artcard__link{display:flex;flex-direction:column;width:100%;border-radius:16px;border:1px solid rgba(8,47,111,.12);background:#fff;overflow:hidden;text-decoration:none;box-shadow:0 4px 16px rgba(8,35,70,.04);transition:transform .2s ease,box-shadow .2s ease;}
.smbf-artcard__link:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(8,35,70,.08);}
.smbf-artcard__img{display:block;width:100%;aspect-ratio:16/9;background-color:#EEF3F9;background-size:cover;background-position:center;}
.smbf-artcard__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px;}
.smbf-artcard__cat{font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,var(--smbf-g1),var(--smbf-g2),var(--smbf-g3t));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-artcard__h{margin-top:10px;font-family:Manrope,Inter,sans-serif;font-size:21px;font-weight:700;line-height:1.3;color:#082F6F;text-wrap:balance;}
.smbf-artcard__ex{margin-top:10px;flex:1;font-family:Manrope,Inter,sans-serif;font-size:15px;line-height:1.6;color:#52617A;}
.smbf-artcard__meta{margin-top:16px;font-family:Manrope,Inter,sans-serif;font-size:13px;color:#7A879B;}

/* Article body - reading measure is set by the section width (880). */
.smbf-article{font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.75;color:#33415C;}
.smbf-article h2{margin:44px 0 14px;font-size:31px;font-weight:800;line-height:1.22;color:#082F6F;text-wrap:balance;}
.smbf-article h3{margin:34px 0 12px;font-size:23px;font-weight:700;line-height:1.3;color:#082F6F;}
.smbf-article h4{margin:28px 0 10px;font-size:18px;font-weight:700;color:#082F6F;}
.smbf-article p{margin:0 0 18px;}
.smbf-article ul,.smbf-article ol{margin:0 0 20px;padding-left:22px;}
.smbf-article li{margin-bottom:9px;}
.smbf-article a{color:#0B5ED0;text-decoration:underline;text-underline-offset:2px;}
.smbf-article a:hover{color:#082F6F;}
.smbf-article img{max-width:100%;height:auto;border-radius:12px;margin:12px 0;}
.smbf-article blockquote{margin:26px 0;padding:18px 24px;border-left:3px solid var(--smbf-g2);background:#F7F9FC;border-radius:0 12px 12px 0;}
.smbf-article blockquote p:last-child{margin-bottom:0;}
.smbf-article table{width:100%;border-collapse:collapse;margin:0 0 22px;}
.smbf-article th,.smbf-article td{border:1px solid rgba(8,47,111,.14);padding:10px 12px;text-align:left;font-size:15px;}
.smbf-article th{background:#F7F9FC;color:#082F6F;font-weight:700;}
@media(max-width:600px){.smbf-article{font-size:16px;}.smbf-article h2{font-size:26px;}.smbf-article h3{font-size:20px;}}

.smbf-article__terms{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px;}
.smbf-pill{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(8,47,111,.16);background:#fff;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:600;color:#082F6F;text-decoration:none;}
.smbf-pill:hover{border-color:var(--smbf-g2);color:#0B5ED0;}

.smbf-pagination{margin-top:38px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.smbf-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:9px;border:1px solid rgba(8,47,111,.14);background:#fff;font-family:Manrope,Inter,sans-serif;font-size:15px;font-weight:600;color:#082F6F;text-decoration:none;}
.smbf-pagination .page-numbers:hover{border-color:var(--smbf-g2);}
.smbf-pagination .page-numbers.current{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}

/* 2026-08-20 TEST (@R): Our Vision page widened - narrowest tier 1200.
   Scoped to page 388 only so no other page moves while we look at it.
   Body measure is unaffected: .smbf-vistext/quote/lead cap at 640-820 already. */
.page-id-388 .smbf-phero__in{max-width:1200px;}

/* 2026-08-20 TEST (@R) continued: inner caps were binding before the 1200 band,
   so Our Founder and Islamic History still drew at their old widths.
   Raised to fill more of the band; body measure kept under ~100 characters.
   Scoped to page 388 so nothing else moves. */
.page-id-388 .smbf-vistext{max-width:940px;}
.page-id-388 .smbf-visquote{max-width:940px;}
.page-id-388 .smbf-vispull{max-width:820px;}
.page-id-388 .smbf-vislead{max-width:940px;}
.page-id-388 .smbf-visaims{max-width:1040px;}
.page-id-388 .smbf-visfounder{max-width:1080px;}

/* 2026-08-20 (@R): mobile tap targets, <=1024 only. 29 under 44x44 on
   /our-vision/ and /membership/ at 390 - identical lists, so shared chrome.
   Widths already passed, only heights failed: padding not layout. min-height
   alone left FAQ at 28px wide (others pass by stretching), hence block-level. */
@media(max-width:1024px){
  .smbf-fcol a{display:flex;width:100%;align-items:center;min-height:44px;}
  .smbf-footer a[href^="mailto:"],.smbf-footer a[href^="tel:"],
  .smbf-fdark a[href^="mailto:"],.smbf-fdark a[href^="tel:"]{
    display:inline-flex;align-items:center;min-height:44px;}
  .smbf-header__logo{min-height:44px;display:inline-flex;align-items:center;}
  .smbf-burger{min-height:44px;min-width:44px;}
  .smbf-header .smbf-btn,.smbf-header .smbf-btn--grad{min-height:44px;}
  .smbf-footer button,.smbf-footer .smbf-newscard button{min-height:44px;}
  .smbf-fsocial a,.smbf-footer a[aria-label]{min-height:44px;min-width:44px;
    display:grid;place-items:center;}
}

/* 2026-08-20 (@R) /blog/: card title moved span -> h2 for heading structure.
   The span was inline so its margin-top never applied; pin both so the card
   box is byte-identical to before. */
.smbf-artcard__h{display:block;margin:10px 0 0;}

/* Category filter pills were 36px tall - the only tap targets on /blog/ that
   are this page's own rather than shared chrome. */
@media(max-width:1024px){
  .smbf-pill{min-height:44px;}
}

/* 2026-08-20 (@R): has-img heroes converted to the light treatment.
   The dark full-bleed photo hero with white text is the pre-redesign pattern.
   Home, Membership, Connect, Trade and Invest all use the new light heroes;
   /our-vision/ and /blog/ already use the light .smbf-phero. /contact-us/ and
   the 24 articles were the last two carrying the old one.
   Note the palette was never the issue - #082F6F is the site's navy throughout
   the new design (every .smbf-sec__h2 uses it). Only the treatment changed.
   The featured image is kept, sitting under the light wash as texture. */
.smbf-phero.has-img{background-color:#F3F8FC;}
.smbf-phero.has-img .smbf-phero__wash{
  background:linear-gradient(180deg,rgba(243,248,252,.94) 0%,rgba(243,248,252,.86) 55%,rgba(243,248,252,.94) 100%);
}
.smbf-phero.has-img .smbf-phero__h1{color:#082F6F;}
.smbf-phero.has-img .smbf-phero__lead{color:#52617A;}
.smbf-phero.has-img .smbf-phero__eyebrow{color:#145BC7;}

/* ===== Nav/CTA color unification (2026-08-20) ===== */
.elementor-element-d470782 .elementor-button{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5); color:#fff;border-radius:8px;}
.elementor-element-af4eef6 .elementor-button{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5); color:#fff;border-radius:8px;}

/* ===== Trade section title (2026-08-22) ===== */
.smbf-tdtop{text-align:center;margin-top:8px;margin-bottom:48px;}
.smbf-tdtop__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:#65B64C;}
.smbf-tdtop__rule{display:block;height:2px;width:55px;margin:10px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);}
.smbf-tdtop__h{margin:16px 0 0;font-family:Manrope,Inter,sans-serif;font-size:53px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#fff;}
.smbf-tdtop__grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
@media(max-width:1024px){.smbf-tdtop__h{font-size:42px;}}
@media(max-width:767px){.smbf-tdtop__h{font-size:32px;}.smbf-tdtop{margin-bottom:36px;}.smbf-tdtop__eye{font-size:13px;letter-spacing:3px;}}

/* ===== HOME NATIVE BLOG (above footer) 2026-08-22 ===== */
.smbf-blog{width:100%;}
.smbf-blog__top{text-align:center;max-width:700px;margin:0 auto 44px;}
.smbf-blog__eye{margin:0;font-family:Manrope,Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#0C7B82;}
.smbf-blog__rule{display:block;height:2px;width:52px;margin:10px auto 0;background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 60%,var(--smbf-g3) 100%);}
.smbf-blog__h2{margin:16px 0 0;font-family:Manrope,Inter,sans-serif;font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#082F6F;}
.smbf-blog__grad{background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 55%,var(--smbf-g3t) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.smbf-blog__lead{margin:16px auto 0;max-width:640px;font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.55;color:#52617A;}
.smbf-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.smbf-blog__card{display:flex;flex-direction:column;min-width:0;border-radius:14px;overflow:hidden;border:1px solid rgba(8,47,111,.10);background:#fff;box-shadow:0 6px 20px rgba(8,35,70,.05);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
.smbf-blog__card[hidden]{display:none;}
.smbf-blog__card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,35,70,.10);}
.smbf-blog__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#0B2E63,#12508F);}
.smbf-blog__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.smbf-blog__card:hover .smbf-blog__media img{transform:scale(1.04);}
.smbf-blog__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#0B2E63,#12508F);}
.smbf-blog__tag{position:absolute;left:14px;top:14px;border-radius:999px;background:rgba(255,255,255,.94);padding:6px 14px;font-family:Manrope,Inter,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#145BC7;}
.smbf-blog__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 26px;}
.smbf-blog__title{display:block;font-family:Manrope,Inter,sans-serif;font-size:18px;font-weight:700;line-height:1.35;color:#082F6F;}
.smbf-blog__excerpt{display:block;margin-top:10px;font-family:Manrope,Inter,sans-serif;font-size:14.5px;line-height:1.6;color:#52617A;}
.smbf-blog__ctarow{display:flex;justify-content:center;margin-top:40px;}
.smbf-blog__cta{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 36px;border-radius:8px;border:0;cursor:pointer;font-family:Manrope,Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;background-image:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%);box-shadow:0 8px 24px -14px rgba(8,47,111,.5);transition:opacity .2s;}
.smbf-blog__cta:hover{opacity:.92;}
@media(max-width:1024px){
  .smbf-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .smbf-blog__h2{font-size:40px;}
}
@media(max-width:640px){
  .smbf-blog__grid{grid-template-columns:1fr;}
  .smbf-blog__h2{font-size:32px;}
  .smbf-blog__top{margin-bottom:32px;}
}

/* ===== INTERNATIONAL PARTNERS THIN STRIP (Membership page, under hero) 2026-08-22 ===== */
.smbf-pstrip{width:100%;padding:28px 0;border-top:1px solid rgba(8,47,111,.08);border-bottom:1px solid rgba(8,47,111,.08);background:#F7FAFD;}
.smbf-pstrip__label{margin:0 0 16px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#7A879B;}
.smbf-pstrip__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:96px;max-width:1300px;margin:0 auto;padding:0 24px;}
.smbf-pstrip__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:88px;}
.smbf-pstrip .smbf-pscroll__track{gap:0;}.smbf-pscroll__track>*{margin-right:96px;}
.smbf-pstrip__item img{max-height:100%;max-width:240px;width:auto;height:auto;object-fit:contain;}
.smbf-pstrip__mark{font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:700;color:#52617A;white-space:nowrap;}
@media(max-width:640px){
  .smbf-pstrip{padding:22px 0;}
  .smbf-pstrip__row{gap:40px;}
  .smbf-pstrip .smbf-pscroll__track{gap:0;}.smbf-pscroll__track>*{margin-right:40px;}
  .smbf-pstrip__item{height:56px;}
  .smbf-pstrip__item img{max-width:150px;}
}
/* Per-event form (CR-31): the event is fixed by the page, so it is shown as a
   read-only value rather than a picker. Matches .smbf-eform-input's box so the
   row does not look like an unstyled paragraph next to real fields. */
.smbf-eform-fixed{margin:0;padding:14px 16px;border:1px solid #E2E9F3;border-radius:10px;background:#F7FAFD;color:#0B1F3A;font-weight:600;line-height:1.35}

/* Islam Channel Business Awards banner - final homepage section. Hidden below
   768px: at 8.09:1 the artwork is ~41px tall on a phone and unreadable, so a
   mobile-shaped asset is needed before it can show there. */
.smbf-awbanner{width:100%;padding:34px 20px 44px;display:flex;justify-content:center;background:#fff;}
.smbf-awbanner__link{display:block;width:100%;max-width:971px;line-height:0;border-radius:8px;overflow:hidden;}
.smbf-awbanner__link img{width:100%;height:auto;display:block;}
@media (max-width:767px){.smbf-awbanner{display:none;}}

/* ==========================================================================
   PARTNERS MARQUEE - lifted VERBATIM from the hardcoded html widget that was
   pasted into 8 documents (Home, Membership, Connect, Trade, Consultation,
   For Companies, Muslim Invest, Events Archive). The markup is now generated
   from the smbf_partner CPT by [smbf_partners_marquee]; this CSS is unchanged
   so layout, spacing, colours and animation are identical.
   ========================================================================== */

/* ==========================================
   SMBF PARTNERS
========================================== */

.smbf-partners {
    width: 100%;
    box-sizing: border-box;
    padding: 42px 4% 34px;
    background: #f3f8fc;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.smbf-partners__inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


/* ==========================================
   HEADINGS
========================================== */

.smbf-partner-group {
    margin-bottom: 38px;
}

.smbf-partner-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.smbf-partner-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;

    border-radius: 50%;
    background: #ffffff;
    border: 1.5px solid #1b6ee0;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #0b3c80;
    box-sizing: border-box;
    font-size: 23px;
}

.smbf-partner-icon svg {
    width: 26px;
    height: 26px;
}

.smbf-partner-title {
    margin: 0;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #123a76;
    white-space: nowrap;
}

.smbf-partner-heading-line {
    flex: 1;
    height: 1px;
    position: relative;

    background: linear-gradient(
        90deg,
        #196be0,
        #278ebd,
        #4eae4c
    );
}

.smbf-partner-heading-line::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;

    width: 6px;
    height: 6px;

    transform: translateY(-50%);
    border-radius: 50%;
    background: #52ad4d;
}


/* ==========================================
   LOGO MARQUEE
========================================== */

.smbf-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Fade on edges */
.smbf-marquee::before,
.smbf-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    z-index: 5;
    pointer-events: none;
}

.smbf-marquee::before {
    left: 0;
    background: linear-gradient(
        to right,
        #f3f8fc,
        rgba(243, 248, 252, 0)
    );
}

.smbf-marquee::after {
    right: 0;
    background: linear-gradient(
        to left,
        #f3f8fc,
        rgba(243, 248, 252, 0)
    );
}


/* Moving container */
.smbf-marquee-track {
    display: flex;
    width: max-content;
    animation: smbfMoveRight 35s linear infinite;
    will-change: transform;
}


/* National slightly slower */
.smbf-marquee--national .smbf-marquee-track {
    animation-duration: 42s;
}


/* Each complete group */
.smbf-marquee-group {
    display: flex;
    align-items: stretch;
    gap: 16px;
    padding-right: 16px;
    flex-shrink: 0;
}


/* LEFT TO RIGHT */
@keyframes smbfMoveRight {

    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }

}


/* Pause when user hovers */
.smbf-marquee:hover .smbf-marquee-track {
    animation-play-state: paused;
}


/* ==========================================
   LOGO CARDS
========================================== */

.smbf-logo-link {
    display: block;
    flex: 0 0 auto;
    text-decoration: none !important;
}

.smbf-logo-card {
    width: 235px;
    height: 154px;
    padding: 18px;

    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #dbe3eb;
    border-radius: 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;
    overflow: hidden;

    box-shadow: 0 3px 10px rgba(7, 43, 90, 0.025);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.smbf-logo-link:hover .smbf-logo-card,
.smbf-logo-card:hover {
    transform: translateY(-3px);
    border-color: #b9cce0;
    box-shadow: 0 10px 24px rgba(7, 43, 90, 0.08);
}

.smbf-logo-card img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 118px;

    object-fit: contain;
}


/* ==========================================
   CTA
========================================== */

.smbf-partner-cta {
    width: calc(100% - 280px);
    max-width: 1120px;
    min-height: 130px;

    margin: 10px auto 0;
    padding: 28px 34px;

    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #dce4ec;
    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;

    box-shadow: 0 10px 30px rgba(17, 57, 101, 0.05);
}

.smbf-partner-cta__icon {
    width: 68px;
    height: 68px;
    min-width: 68px;

    border-radius: 50%;
    border: 1.5px solid #1a70dc;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #123a76;
}

.smbf-partner-cta__icon svg {
    width: 28px;
    height: 28px;
}

.smbf-partner-cta__content {
    min-width: 300px;
}

.smbf-partner-cta__title {
    margin: 0 0 8px;

    color: #143b77;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}

.smbf-partner-cta__text {
    margin: 0;

    color: #667693;

    font-size: 16px;
    line-height: 1.5;
}

.smbf-partner-cta__divider {
    width: 1px;
    height: 58px;
    background: #d4dde7;
}

.smbf-partner-button {
    width: 320px;
    min-height: 58px;

    padding: 0 28px;

    box-sizing: border-box;
    border-radius: 9px;

    background: linear-gradient(
        90deg,
        #1669d8 0%,
        #2689bb 55%,
        #55ae4d 100%
    );

    color: #ffffff !important;
    text-decoration: none !important;

    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 17px;
    font-weight: 700;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.smbf-partner-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(27, 105, 200, 0.20);
}

.smbf-partner-button svg {
    width: 21px;
    height: 21px;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1150px) {

    .smbf-logo-card {
        width: 210px;
        height: 145px;
    }

    .smbf-partner-cta {
        width: 90%;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 820px) {

    .smbf-partners {
        padding: 30px 20px;
    }

    .smbf-logo-card {
        width: 180px;
        height: 125px;
        padding: 14px;
    }

    .smbf-logo-card img {
        max-height: 95px;
    }

    .smbf-marquee::before,
    .smbf-marquee::after {
        width: 20px;
    }

    .smbf-marquee-track {
        animation-duration: 26s;
    }

    .smbf-marquee--national .smbf-marquee-track {
        animation-duration: 32s;
    }

    .smbf-partner-cta {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .smbf-partner-cta__divider {
        width: 100%;
        height: 1px;
    }

    .smbf-partner-cta__content {
        min-width: 0;
    }

    .smbf-partner-button {
        width: 100%;
        max-width: 360px;
    }

}


@media (max-width: 520px) {

    .smbf-logo-card {
        width: 160px;
        height: 115px;
        padding: 12px;
    }

    .smbf-logo-card img {
        max-height: 85px;
    }

    .smbf-partner-title {
        font-size: 14px;
    }

    .smbf-partner-icon {
        width: 46px;
        height: 46px;
        min-width: 46px;
    }

}


/* Partners band container. Named deliberately OUTSIDE the smbf-mn-* family:
   membership carries `body.page-id-108 .e-con.e-parent[class*="smbf-mn"]{padding:0!important}`
   for its own containers, and a substring match was silently zeroing this band
   on that page only. Padding is stated once here so every page renders it the same. */
.e-con.e-con.smbf-pband{padding:0!important;}
.e-con.e-con.smbf-pband>.e-con-inner{max-width:none!important;width:100%!important;padding:0!important;}
.e-con.e-con.smbf-pband>.e-con-inner>.elementor-widget{width:100%!important;max-width:none!important;}
.smbf-pband .e-con,.smbf-pband .e-con-inner,.smbf-pband .elementor-widget{padding-left:0!important;padding-right:0!important;max-width:none!important;width:100%!important;}


/* /trade/ wrapper adds 0 10px to every section; cancel it on the bands only. */
.elementor-111 .elementor-element-u3cvvyc.smbf-pband{margin-left:-10px!important;margin-right:-10px!important;width:calc(100% + 20px)!important;max-width:none!important;}

/* Consultation hero: drop the card edge so it matches the other page heroes. */
.smbf-consultation{border:0!important;border-radius:0!important;padding-top:157px!important;}
/* consultation h1 rendered ARIAL at all widths - the pasted hero block never sets a
   font-family, so it inherited the theme fallback. Manrope, like every other hero. */
.smbf-consultation__title{font-family:Manrope,Inter,sans-serif!important;}
/* invest hero CTAs have no arrow at any width - every other hero CTA carries one
   (consultation a "\2192" span, events/connect an svg). Same defect class as the
   Arial title: cross-viewport consistency, so not media-scoped. */
.smbf-inv1__b1 .elementor-button,.smbf-inv1__b2 .elementor-button{gap:10px;}
.smbf-inv1__b1 .elementor-button::after,.smbf-inv1__b2 .elementor-button::after{
  content:"\2192";font-size:18px;line-height:1;}
/* Consultation hero top (2026-08-25, @R): the 157px above is fixed-header clearance
   sized for the 117px desktop header; the mobile header is 68px, leaving a ~134px
   white void above the eyebrow. Placed AFTER the base rule: both are !important at
   equal specificity, so source order decides. */
@media(max-width:767px){
  .smbf-consultation{padding-top:80px!important;}
}
.elementor-1162 .elementor-element-bef3ad5,.elementor-1162 .elementor-element-4e20013{padding:0!important;}
.elementor-1162 .elementor-element-bef3ad5 > .e-con-inner{max-width:none!important;width:100%!important;padding:0!important;}


/* Flat hero: white band, no photograph, decorative arcs (see smbf_has_flat_hero). */
body.smbf-flat-hero .smbf-phero{background-image:none!important;background-color:#fff!important;}
body.smbf-flat-hero .smbf-phero .smbf-phero__wash{display:none!important;}

/* M1 (2026-08-25) — mobile form usability. iOS Safari zooms the whole page when a
   focused control is under 16px (Lessons-WebDev 2026-08-08: a fix, not a preference).
   Mobile-scoped so desktop type is untouched. Consultation form styles live inside a
   pasted HTML block in _elementor_data (page 1162), hence the !important overrides
   from here — CSS the editor cannot touch. */
@media(max-width:767px){
  .smbf-consult-form__grid input:not([type=hidden]),
  .smbf-consult-form__grid select,
  .smbf-consult-form__grid textarea,
  .smbf-consult-form__field,
  .smbf-eform-input,
  .smbf-eform-select,
  .smbf-eform-phone input:not([type=hidden]),
  .smbf-eform-phone select,
  .smbf-eform-phone .smbf-eform-country,
  .smbf-eoi input:not([type=hidden]),
  .smbf-eoi select,
  .smbf-eoi textarea,
  .smbf-newsform2 input[type=email],
  .smbf-form-shell input:not([type=hidden]),
  .smbf-form-shell select,
  .smbf-form-shell textarea,
  .smbf-investor-input,.smbf-investor-select,.smbf-investor-country,
  .smbf-investor-phone input,
  .smbf-form3-input,.smbf-form3-select,.smbf-form3-country,
  .smbf-form3-phone input,
  .smbf-country,
  .smbf-investor-phone .smbf-investor-country,
  .smbf-form3-phone .smbf-form3-country,
  .smbf-telwrap .smbf-country,
  .smbf-phone-wrap .smbf-country{font-size:16px!important;}
}

/* M2 (2026-08-25) — tap targets, mobile only.
   1) Consultation goals arrows are 26x26 (pasted-HTML block, page 1162): expand the
      HIT AREA to 44x44 via ::after without changing the visual.
   2) Hero notice-bar CTA "Find Out More" is the Elementor button 885ccc3 rendered as
      a bare text link, 132x18 (`.elementor-button` is inline-block — Lessons-WebDev
      2026-08-24): same ::after hit-area expansion to ~44px tall.
   NOTE: the homepage hero tiles needed no CSS — each tile's icon is its own
   `a.elementor-icon` (35x35) alongside the 15px label link; the audit's "icon not
   tappable" finding was wrong. The real defect there was the CONSULTATION label
   linking to /contact-us/ while its icon linked to /consultation/ — fixed in
   _elementor_data (page 417, widget 9c4ed62). */
@media(max-width:767px){
  .smbf-goals__arrow{position:relative;}
  .smbf-goals__arrow::after{content:"";position:absolute;inset:-9px;}
  .elementor-element-885ccc3 .elementor-button{position:relative;}
  .elementor-element-885ccc3 .elementor-button::after{content:"";position:absolute;inset:-13px -8px;}
}

/* M3 (2026-08-25, @R-approved) — 12px type floor on mobile. Base .smbf-loc is
   already 12px; the 10px is the evcard2 variant override, so the floor re-raises
   only where variants dipped below it. Desktop untouched. */
@media(max-width:767px){
  .smbf-evcard2__loc .smbf-loc{font-size:12px!important;}
  .smbf-stcard__n,.smbf-stcard__r{font-size:12px!important;}
  .smbf-blog__tag{font-size:12px!important;}
  .smbf-consultation__eyebrow,.smbf-goals__eyebrow{font-size:12px!important;}
  .smbf-ctacard__eye{font-size:12px!important;}
  .inv1-card__lbl,.inv1-axis,.inv1-pill span{font-size:12px!important;}
  .smbf-saudi-simple__eyebrow,.smbf-saudi-programme__eyebrow,.smbf-why-saudi__eyebrow{font-size:12px!important;}
}

/* S1.1 (2026-08-25, @R-approved) — /consultation/: the form section sat ~246px below
   the previous section's content (card-edge measured) against a page median of ~165.
   Both sections are pasted-HTML blocks on page 1162 with 70px paddings; scoped by the
   Elementor element ids so no other .smbf-simple-section moves. */
.elementor-element-0870b1f .smbf-simple-section{padding-bottom:32px;}
.elementor-element-565cddb .smbf-consult-form{padding-top:32px;}
@media(max-width:767px){
  .elementor-element-0870b1f .smbf-simple-section{padding-bottom:0;}
  .elementor-element-565cddb .smbf-consult-form{padding-top:0;}
}

/* S1.2 (2026-08-25, @R-approved) — homepage mobile: the hero contributed only 78px
   toward the partners marquee against a 141px page median (the hero-contributes-
   nothing pattern, Lessons-WebDev 2026-08-16). Expressed as an adjacency rule on the
   marquee band, not a special case on the hero, and mobile-scoped. */
@media(max-width:767px){
  /* NOTE: padding-top on the e-con band itself is inert even with !important
     (and on its .e-con-inner) — mechanism unconfirmed, recorded in Lessons-WebDev.
     The margin on the inner section is what verifiably moves the content. */
  .smbf-hnh + .smbf-pband section.smbf-partners{margin-top:52px;}
}

/* Events (2026-08-25) — imageless event cards rendered as a pale void: the ::before
   legibility wash sat over nothing. Until a photo exists the card gets the same
   deep-navy brand gradient as .smbf-mvid__ph, so the wash and white text sit on a
   designed surface. Cards WITH images are untouched (:not(:has(img))). This is a
   fallback for the missing-content state, not a substitute for @H's photos. */
.smbf-evcard2:not(:has(img)){background:linear-gradient(135deg,#0B2E63,#12508F);}

/* Events hero stats (2026-08-25, @R) — four stats squeezed into one 325px row on
   mobile: each cell has flex-basis:0% + grow 1, so flex-wrap:wrap never fires
   (basis 0 always "fits") and the text clips inside overflow:hidden cells.
   min-width forces two per row at <=767px; desktop keeps four across. */
@media(max-width:767px){
  .smbf-evhero__stat{flex-basis:calc(50% - 10px)!important;min-width:calc(50% - 10px)!important;}
  /* value heading is 28px desktop; "30,000+" needs 110px but the text column
     inside a half-width cell gives ~85px — 20px fits with room */
  .smbf-evhero__stat-v .elementor-heading-title{font-size:20px!important;}
}

/* Events hero (2026-08-25, @R) — the hero band was a scroll container on BOTH
   viewports: its decorative arc field extends ~240px past the band by design, and
   because overflow-x is hidden, the spec forces overflow-y:visible to compute as
   AUTO — so the deco tail became a scrollbar instead of an overflow. All real
   content fits inside the band (stats bottom 2716 < band 2763 at 375). y:clip
   stops the scrolling without creating a scroll container; the deco tail is
   clipped at the band edge, which is the only non-scrolling option available. */
.smbf-evhero-native{overflow:clip!important;}
/* trade band: CR-73's identical twin (2026-08-25, @R "extra scroll") - the pasted
   page's single wrapping band scrolls because its deco field overshoots ~240px and
   x:hidden computes the y:visible to auto. clip both axes, both viewports. */
.smbf-tn1{overflow:clip!important;}
@media(max-width:767px){
  /* the hero has NO mobile gutter: desktop's 40px inset is only the e-con-inner
     max-width (1345px) auto-centring, which vanishes below 1345px wide.
     20px matches the site's smbf-sec mobile gutter. */
  .smbf-evhero-native .e-con-inner{padding-left:20px!important;padding-right:20px!important;}
  /* the hero photo collage uses per-widget %-widths and offsets (295/215/275/215px,
     staggered) designed for the desktop layout; stacked in one mobile column they
     read as ragged. Uniform full-width inside the 20px gutter on mobile. */
  .smbf-evhero-native .smbf-evhero__main,
  .smbf-evhero-native .smbf-evhero__cut{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
  /* the stagger itself lives one level up: each image sits in a column with its own
     10/20px inline padding. Zero those (mobile only) so all four align at the gutter. */
  .smbf-evhero-native .e-con:has(> .smbf-evhero__main),
  .smbf-evhero-native .e-con:has(> .smbf-evhero__cut){padding-left:0!important;padding-right:0!important;}
}
  /* (hidden+clip is an invalid pair — clip degrades to hidden, which is still a
     programmatic scroll container an anchor-jump can scroll; clip on both axes
     removes the scroll container entirely. Visual result identical to hidden.) */

/* Burger (2026-08-25, @R device screenshot) — on MIUI/Android the tap focuses the
   button and the OS paints its own accent-coloured tap/focus highlight (a filled
   rounded square, larger than the button — hence "red and off-centre"). The site
   itself paints nothing: verified transparent at rest and on focus in Chrome, and
   no stylesheet rule targets the burger with a background. Suppress the device
   highlight; keep a visible ring for keyboard users via :focus-visible. */
.smbf-burger{-webkit-tap-highlight-color:transparent;
  /* theme reset gives bare buttons padding:.5rem 1rem — our 24px spans then overflow
     the 12px content box rightward (16px left vs 4px right = the off-centre lines in
     @R's photo). Zero it so margin:auto genuinely centres. */
  padding:0;border-radius:8px;}
.smbf-burger:focus{outline:none;}
.smbf-burger:focus-visible{outline:2px solid #145BC7;outline-offset:2px;}

/* ===== Hero normalisation, mobile (@R 2026-08-25) =====
   Reference: /consultation/ - centred, eyebrow gap ~57px under the header,
   gradient underline centred. Measured before: events/connect eyebrows at 4px
   (band pt 32), left-aligned - events' underline left, connect's MISSING;
   membership at 81px, left-aligned, underline left. Desktop heroes are
   deliberate left/split layouts - everything here is <=767px only. */
@media(max-width:767px){
  /* top spacing -> eyebrow ~125px from top (57px under the 68px header).
     Physical padding on e-con bands is inert (CR-69/73); their box padding rides
     Elementor's --padding-block-start custom property - override the VAR. */
  /* neither physical padding NOR the --padding-block-start var moves these
     e-con bands (both tried, both measured inert - mechanism still unconfirmed,
     Lessons note open). Margin on the first widget is the lever that works. */
  .smbf-evhero__eye-w{margin-top:53px!important;}
  .smbf-cns1__eye{margin-top:53px!important;}
  .smbf-mn0 > .e-con-inner{padding-top:125px!important;}
  /* centre the hero text: Elementor sets per-widget alignment on the widget
     wrappers, which beats inherited text-align - target the widgets directly */
  .smbf-evhero-native .e-con-inner,
  .smbf-cns1 .e-con-inner,
  .smbf-mn0 .e-con-inner{text-align:center;}
  .smbf-cns1 .elementor-widget,
  .smbf-mn0 .elementor-widget,
  .smbf-cns1 .elementor-heading-title,
  .smbf-mn0 .elementor-heading-title{text-align:center!important;}
  /* the mn underline is position:absolute and centred by default; .mn0-eye
     left-anchors it for the desktop layout - restore the centring on mobile */
  .mn0-eye.smbf-mn-eye::after{left:50%;transform:translateX(-50%);}
  .smbf-evhero__lead{margin-left:auto;margin-right:auto;}
  /* gradient underlines: centre the existing ones, give connect the missing one */
  .smbf-evhero__eye-w::after{margin-left:auto!important;margin-right:auto!important;}
  .smbf-evhero__rule{margin-left:auto;margin-right:auto;}
  /* connect ALREADY has an underline - an Elementor divider (88px, left-anchored);
     the ::after added earlier duplicated it (@R "extra line"). Removed; centre the
     real divider instead. */
  .smbf-cns1 .elementor-divider-separator{display:block;margin-left:auto!important;margin-right:auto!important;}
  /* h1 normalisation (@R): measured 40/42/33/36px across the four heroes - unify */
  .smbf-consultation h1,.smbf-evhero-native h1,.smbf-cns1 h1,.smbf-mn0 h1{
    font-size:36px!important;line-height:1.12!important;font-weight:800!important;}
}

/* ===== Hero normalisation round 2, mobile (@R 2026-08-25) =====
   Invest + trade brought into the set; dividers unified 68x2 gradient centred
   (was 95/68/52/88/70 with connect BLACK-bordered and trade solid, invest none);
   hero CTAs unified 56px/16px/r8 (was 54-64px heights, 14-21px fonts). */
@media(max-width:767px){
  /* invest: eyebrow was hidden under the fixed header (gap 4); no divider */
  .smbf-inv1__eye{margin-top:53px!important;}
  .smbf-inv1__eye::after{content:"";display:block;width:68px;height:2px;
    margin:14px auto 0;background:linear-gradient(90deg,#145BC7 0%,#148A97 100%);}
  /* trade: the tn1__* classes in this file are RELICS - the live hero is a
     pasted-HTML block speaking trade-* (label/title/buttons). gap 20 -> ~57 */
  .smbf-tn1 #smbf-trade-main .trade-label{display:block;margin-top:43px!important;}
  /* dividers -> 68x2 gradient, centred. trade's is the .trade-label::after
     (solid), connect's an elementor divider with a BLACK border-top */
  /* trade's inline styles are scoped under the ID #smbf-trade-main and load
     after this file - the ID must appear in our selectors to win the ties */
  .smbf-tn1 #smbf-trade-main .trade-label::after{width:68px!important;height:2px!important;
    margin-left:auto!important;margin-right:auto!important;
    background:linear-gradient(90deg,#145BC7 0%,#148A97 100%)!important;}
  /* connect's text->divider gap measured 33px vs 12-21 on the other five (@R):
     12 of it is the separator's own margin-top (the wrapper is .smbf-cns1__rule,
     not a padded .elementor-widget-divider - first guess was a dead rule, removed) */
  .smbf-cns1__rule .elementor-divider-separator{margin-top:0!important;}
  .smbf-cns1 .elementor-divider-separator{width:68px!important;max-width:68px!important;
    border-top:0!important;height:2px;display:block;margin-left:auto!important;margin-right:auto!important;
    background:linear-gradient(90deg,#145BC7 0%,#148A97 100%)!important;}
  .smbf-consultation__eyebrow::after{width:68px!important;margin-left:auto!important;margin-right:auto!important;}
  .smbf-mn-eye::after{width:68px!important;}
  /* h1s: invest 38 (its heading sits OUTSIDE any .smbf-inv1 container - target
     the widget class), trade 39/700 -> the unified 36/800/1.12 */
  .smbf-inv1__h2 .elementor-heading-title,
  .smbf-tn1 #smbf-trade-main .trade-title{font-size:36px!important;line-height:1.12!important;font-weight:800!important;}
  /* hero CTAs -> one spec (evhero__btn is another relic; live events buttons are
     elementor buttons inside the hero band; trade's are .trade-button) */
  .smbf-inv1__b1 .elementor-button,.smbf-inv1__b2 .elementor-button,
  .smbf-tn1 #smbf-trade-main .trade-button,
  .smbf-evhero-native .elementor-button,.smbf-consultation__button,
  .smbf-cns1__btn,.smbf-mn0 .elementor-button{
    height:56px!important;font-size:16px!important;border-radius:8px!important;}
}

/* ===== Hero normalisation round 3, mobile (@R annotated screenshots x6) =====
   Measured: eyebrows 12-17px in two colours; leads 15/16/19px in three greys;
   CTAs 200-361px wide, justify space-between/center/normal, weight 400-700.
   One spec each: eyebrow 13/700/2.5ls/#145BC7 uppercase; lead 17px/1.6/#304667;
   CTA full-width, centred content, weight 600. */
@media(max-width:767px){
  /* eyebrows */
  .smbf-consultation__eyebrow,
  .smbf-evhero__eye-w .elementor-heading-title,
  .smbf-cns1__eye .elementor-heading-title,
  .smbf-mn-eye .elementor-heading-title,
  .smbf-inv1__eye .elementor-heading-title,
  .smbf-tn1 #smbf-trade-main .trade-label{
    font-size:13px!important;font-weight:700!important;letter-spacing:2.5px!important;
    text-transform:uppercase!important;color:#145BC7!important;}
  /* leads */
  .smbf-consultation__hero p,
  .smbf-evhero__lead-w p,.smbf-evhero__lead,
  .smbf-cns1__lead p,.smbf-cns1__lead,
  .smbf-mn0 .elementor-widget-text-editor p,
  .smbf-inv1__h2 ~ .elementor-widget-text-editor p,
  .smbf-tn1 #smbf-trade-main .trade-description{
    font-size:17px!important;line-height:1.6!important;color:#304667!important;}
  /* CTAs: geometry set in round 2; layout unified here */
  .smbf-inv1__b1 .elementor-button,.smbf-inv1__b2 .elementor-button,
  .smbf-tn1 #smbf-trade-main .trade-button,
  .smbf-evhero-native .elementor-button,.smbf-consultation__button,
  .smbf-cns1__btn,.smbf-mn0 .elementor-button{
    width:100%!important;max-width:100%!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;gap:10px!important;
    font-weight:600!important;}
  /* width:100% resolves against the wrappers, which vary (events' was 200px) */
  .smbf-evhero-native .elementor-widget-button,.smbf-evhero-native .elementor-button-wrapper,
  .smbf-mn0 .elementor-widget-button,.smbf-mn0 .elementor-button-wrapper,
  .smbf-inv1__b1,.smbf-inv1__b2,
  .smbf-inv1__b1 .elementor-button-wrapper,.smbf-inv1__b2 .elementor-button-wrapper{
    width:100%!important;max-width:100%!important;}
}

/* Testimonial small cards, mobile (@R 2026-08-25 "text is over the faces"):
   the desktop layout is face-left / text-right with a horizontal wash - at
   ~349px the face fills the frame and the right-anchored text lands on it.
   Mobile switches to the lead card's pattern: vertical bottom scrim, text
   anchored to the bottom edge, play button parked top-left. Desktop untouched. */
@media(max-width:767px){
  /* subject sits in the LEFT half of the 522x202 sources (right half is a baked
     dark zone for the desktop text) - showing the right side would crop the person
     out, so mirror the subject's half instead: face lands right, text zone clear.
     Hover-guard keeps the desktop zoom rule from un-flipping on stray touch-hover. */
  .smbf-stcard img,.smbf-stcard:hover img{object-position:left top;transform:scaleX(-1);}
  .smbf-stcard__wash{background:linear-gradient(180deg,rgba(3,15,32,.05) 25%,rgba(3,15,32,.55) 58%,rgba(3,15,32,.92) 100%)!important;}
  .smbf-stcard__play{top:20px;left:20px;transform:none;}
  .smbf-stcard__txt{left:18px;right:18px;top:auto;bottom:16px;transform:none;width:auto;}
  /* taller cards + slightly smaller quote (@R): full face clearance above the
     text block. Sources are 202px tall so this upscales ~1.25x - acceptable
     behind the scrim; taller exports from @H would remove even that. */
  .smbf-stcard{height:252px;}
  .smbf-stcard__q{font-size:15px;}
  .smbf-stcard__n{font-size:10.5px;}
  .smbf-stcard__r{font-size:10.5px;}
}

/* Membership FAQ band, mobile (@R 2026-08-25 "padding and spacing issue for sides"):
   two nested containers combine side MARGINS (20px + 10px) with width:100% - since
   width does not shrink for margins, the whole block sat 30px right of centre with
   its right edge 20px past the viewport, clipping content. Margins converted to
   symmetric padding at the outer container; inner 10px margins zeroed. */
@media(max-width:767px){
  .smbf-mn4 .elementor-element-f27fa9d{margin-left:0!important;margin-right:0!important;
    padding-left:20px!important;padding-right:20px!important;width:100%!important;max-width:100%!important;}
  .smbf-mn4 div:has(> .smbf-faqwrap){margin-left:0!important;margin-right:0!important;width:100%!important;}
  .smbf-faqwrap{width:100%!important;max-width:100%!important;}
}

/* Consultation page CTAs (@R 2026-08-25): the pasted block's private palettes
   (hero blue->teal; form submit the same navy->blue the removed goals button
   used). Brand CTA gradient, all widths. (The goals CTA was removed in CR-93.) */
.smbf-consultation__button,
.smbf-consult-form__button{background:linear-gradient(90deg,var(--smbf-g1) 0%,var(--smbf-g2) 52%,var(--smbf-g3) 100%)!important;}





/* Hero notice pill made smaller (@R 2026-08-25): 64px -> ~50px.
   Live pill is the smbf-hnh__ann generation on page 417. */
.smbf-hnh__ann{padding:7px 20px!important;
  width:fit-content!important;max-width:calc(100% - 48px)!important;
  margin-left:auto!important;margin-right:auto!important;}
.smbf-hnh__ann-txt p,.smbf-hnh__ann-txt div{white-space:nowrap;}
@media(max-width:767px){
  /* @R: pill text must sit on ONE line on phones - viewport-scaled font
     (11.9px at 412w, 10.4px at 360w) with nowrap; pill hugs content */
  .smbf-hnh__ann-txt p,.smbf-hnh__ann-txt div{
    white-space:nowrap;font-size:clamp(9px,2.9vw,12px)!important;letter-spacing:0!important;}
  .smbf-hnh__ann{width:fit-content!important;max-width:calc(100% - 32px)!important;padding:6px 14px!important;}
}
.smbf-hnh__ann-ico .elementor-icon-wrapper,.smbf-hnh__ann-ico .elementor-icon{font-size:15px!important;}
.smbf-hnh__ann-ico{height:26px;width:26px;}
.smbf-hnh__ann-txt p,.smbf-hnh__ann-txt div{font-size:14px!important;}
.smbf-hnh__ann-cta .elementor-button, .smbf-hnh__ann-cta{font-size:13.5px!important;}

/* CR-97c: mobile pill text one UNCLIPPED line - must come after CR-97's 14px
   rule (same specificity+importance, so source order decides). */
@media(max-width:767px){
  .smbf-hnh__ann-txt p,.smbf-hnh__ann-txt div{font-size:clamp(8.5px,2.55vw,11px)!important;}
  /* wrapper must size to its nowrap content or the text spills into the pill
     padding (measured 28px overhang) - let the pill grow instead */
  .smbf-hnh__ann-txt{width:max-content!important;max-width:calc(100vw - 60px)!important;margin-left:auto!important;margin-right:auto!important;}
  /* CR-97d: balance the whole stacked pill - CTA scaled with the notice line,
     letter-spacing eased, icon and row gaps tightened */
  .smbf-hnh__ann-cta,.smbf-hnh__ann-cta .elementor-button,.smbf-hnh__ann-cta .elementor-button-text{
    font-size:clamp(9px,2.7vw,11.5px)!important;letter-spacing:1.2px!important;}
  .smbf-hnh__ann-cta .elementor-button{padding:4px 10px!important;}
  .smbf-hnh__ann{gap:4px!important;row-gap:4px!important;}
  /* CR-97e: icon dropped on phones, rows pulled tight */
  .smbf-hnh__ann-ico{display:none!important;}
  /* CR-97f: hero content pulled up so Become a Member clears the first
     viewport on phones (@R device screenshot: button cut at the fold) */
  .smbf-hnh__h1{margin-top:8px!important;}
  /* CR-97m: at 28px the standard gradient reads flushed (thin ink, light mid
     stops over a bright sky). Same hues, deepened + weight up - mobile only. */
  .smbf-hnh__h1 .elementor-heading-title{font-weight:800!important;}
  .smbf-hnh__h1 .elementor-heading-title span{
    background-image:linear-gradient(90deg,#0E47AC 0%,#0F7A8C 52%,#3E7A2B 100%)!important;}
  .smbf-hnh .elementor-element-33e348a{margin-top:28px!important;gap:13px!important;justify-content:center!important;} /* tiles */
  /* CR-97g: tiles as frosted chips - navy labels were sitting raw on the busy
     skyline photo. Glass family treatment (pill/newsletter), mobile only. */
  /* CR-97h gradient glass: airy at the top (icons carry contrast on their own),
     dense behind the label; brand-gradient hairline ring + lit top edge. */
  .smbf-hnh .elementor-element-33e348a > .e-con{
    background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.16) 55%,rgba(255,255,255,.34) 100%) padding-box,
               linear-gradient(135deg,rgba(20,91,199,.35),rgba(22,143,164,.30) 52%,rgba(99,168,74,.35)) border-box;
    border:1px solid transparent;
    backdrop-filter:blur(7px) saturate(1.1) brightness(1.22);-webkit-backdrop-filter:blur(7px) saturate(1.1) brightness(1.22);
    border-radius:14px;
    padding:6px 2px 5px!important;
    box-shadow:0 3px 14px rgba(8,35,70,.10), inset 0 1px 0 rgba(255,255,255,.65);
    width:calc(31% - 8px)!important;flex:0 0 auto!important;min-width:0!important;}
  /* smaller icons + labels so the photo carries the section */
  .smbf-hnh .elementor-element-33e348a .elementor-icon{font-size:20px!important;}
  .smbf-hnh .elementor-element-33e348a .elementor-icon svg{width:20px!important;height:20px!important;}
  .smbf-hnh .elementor-element-33e348a .elementor-widget-icon{margin-bottom:0!important;}
  .smbf-hnh .elementor-element-33e348a .elementor-widget-heading .elementor-heading-title,
  .smbf-hnh .elementor-element-33e348a .elementor-widget-heading .elementor-heading-title a{
    color:#0B2E63!important;font-weight:700!important;letter-spacing:.3px!important;
    font-size:10px!important;
    text-shadow:0 1px 6px rgba(255,255,255,.9),0 0 2px rgba(255,255,255,.95);}
  .smbf-hnh .elementor-element-20121ef{margin-top:34px!important;} /* Become a Member */
}