/* =====================================================================
   MEGA public pages — presentation upgrade (6 Nov 2026)
   Loaded after public-pro.css on public pages only.
   1. Tighter, consistent section rhythm (visitors found the gaps too large)
   2. Hero photography (Tanzania) with a readable overlay
   3. Large leadership portraits (faces were too small to see)
   4. Tanzania photo gallery, Investor Academy and photo-credit styles
   ===================================================================== */

/* ---------- 1. Section rhythm ---------- */
.site-public .sectionpad{padding:clamp(44px,5vw,72px) 0;}
.site-public .condensed{padding:clamp(40px,4.5vw,60px) 0;}
.site-public .sec-head{margin-bottom:clamp(22px,3vw,34px);}
.site-public .sec-head p{margin-top:10px;line-height:1.7;}
.site-public .ctaband{padding:clamp(44px,5vw,64px) 0;}
.site-public #news,.site-public #rate-us{padding-top:clamp(32px,4vw,48px) !important;padding-bottom:clamp(32px,4vw,48px) !important;}
.site-public .statsbar{padding-bottom:clamp(8px,1.5vw,16px);}
@media (max-width:640px){
  .site-public .sectionpad{padding:36px 0;}
  .site-public .condensed{padding:32px 0;}
}

/* ---------- 2. Hero photography ---------- */
.site-public .hero.hero-photo{
  background:
    linear-gradient(180deg,rgba(3,40,60,.55) 0%,rgba(3,52,78,.72) 55%,rgba(3,40,60,.9) 100%),
    var(--hero-img,url("../images/tanzania/dar-es-salaam-skyline.jpg")) center 42%/cover no-repeat;
}
.site-public .hero.hero-photo::before{opacity:.12;}
.site-public .hero-photo-credit{position:absolute;right:14px;bottom:10px;z-index:3;font-size:11px;color:rgba(255,255,255,.72);text-decoration:none;}
.site-public .hero-photo-credit:hover{color:#fff;text-decoration:underline;}

/* ---------- 3. Leadership portraits ---------- */
.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;}
.profile-card{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -16px rgba(16,24,40,.25);transition:box-shadow .2s ease,transform .2s ease;}
.profile-card:hover{box-shadow:0 2px 4px rgba(16,24,40,.06),0 18px 36px -18px rgba(16,24,40,.35);transform:translateY(-2px);}
.profile-photo{position:relative;aspect-ratio:4/5;max-height:340px;background:linear-gradient(150deg,#0272A7 0%,#04476a 60%,#0b2d40 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;}
.profile-initials{color:#fff;font-weight:800;letter-spacing:.02em;font-size:56px;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.profile-card-sm .profile-photo{aspect-ratio:1/1;max-height:260px;}
.profile-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px;flex:1;}
.profile-body h4{margin:0;font-size:16.5px;font-weight:800;color:var(--ink,#101828);letter-spacing:-.01em;}
.profile-role{font-size:13px;font-weight:700;color:var(--green,#0272A7);}
.profile-bio{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--muted,#475467);}
.profile-more{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--muted,#475467);}
.profile-more-btn{margin-top:8px;align-self:flex-start;background:none;border:0;padding:0;color:var(--green,#0272A7);font-weight:700;font-size:13px;cursor:pointer;}
.profile-more-btn:hover{text-decoration:underline;}
/* About page CEO spotlight: a real portrait, not a thumbnail */
.site-public .ceo-spotlight-photo{flex:0 0 220px !important;width:220px !important;height:275px !important;border-radius:18px !important;overflow:hidden;}
.site-public .ceo-spotlight-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;}
@media (max-width:640px){
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .profile-photo{max-height:240px;}
  .profile-initials{font-size:40px;}
  .profile-body{padding:12px;}
  .profile-body h4{font-size:15px;}
  .site-public .ceo-spotlight-photo{flex-basis:auto !important;width:100% !important;max-width:260px;height:320px !important;margin:0 auto;}
}

/* Sector cards: real photography height */
.site-public .sector-card-photo{min-height:200px;background-size:cover;background-position:center;}
.photo-tag{position:absolute;left:10px;top:10px;z-index:2;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:rgba(0,0,0,.45);color:#fff;padding:3px 8px;border-radius:999px;}
.site-public .news-card .ph{position:relative;}

/* ---------- 4a. Tanzania gallery ---------- */
.tz-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:12px;}
.tz-tile{position:relative;border-radius:14px;overflow:hidden;background:#0b2d40;margin:0;}
.tz-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.tz-tile:hover img{transform:scale(1.04);}
.tz-tile figcaption{position:absolute;inset:auto 0 0 0;padding:28px 14px 12px;color:#fff;font-size:13px;line-height:1.35;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));}
.tz-tile figcaption b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#EDC91E;margin-bottom:2px;}
.tz-w6{grid-column:span 6;}.tz-w4{grid-column:span 4;}.tz-w3{grid-column:span 3;}.tz-h2{grid-row:span 2;}
.tz-note{margin-top:12px;font-size:12px;color:var(--muted,#667085);}
.tz-note a{color:inherit;text-decoration:underline;}
@media (max-width:900px){.tz-gallery{grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;}.tz-w6{grid-column:span 6;}.tz-w4,.tz-w3{grid-column:span 3;}}
@media (max-width:560px){.tz-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;}.tz-w6,.tz-w4,.tz-w3{grid-column:span 2;}.tz-h2{grid-row:span 1;}}

/* ---------- 4b. Investor Academy ---------- */
.academy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.academy-card{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:16px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);}
.academy-card .ac-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(2,114,167,.1);color:#0272A7;font-size:18px;}
.academy-card h3{margin:0;font-size:17px;font-weight:800;color:var(--ink,#101828);}
.academy-card p,.academy-card li{font-size:14px;line-height:1.65;color:var(--muted,#475467);margin:0;}
.academy-card ul{margin:0;padding-left:18px;display:grid;gap:4px;}
.academy-card .ac-example{background:var(--light,#f4f8fb);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--ink,#101828);}
.academy-card .ac-link{margin-top:auto;font-weight:700;font-size:13.5px;color:#0272A7;text-decoration:none;}
.academy-card .ac-link:hover{text-decoration:underline;}
.academy-warning{border-color:rgba(180,35,24,.25);background:linear-gradient(180deg,rgba(180,35,24,.04),transparent);}
.academy-warning .ac-icon{background:rgba(180,35,24,.1);color:#B42318;}

/* ---------- 4c. Photo credits page ---------- */
.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.credit-card{border:1px solid var(--border,#e4e9ee);border-radius:14px;overflow:hidden;background:var(--surface,#fff);}
.credit-card img{width:100%;height:160px;object-fit:cover;display:block;}
.credit-card div{padding:10px 12px;font-size:12.5px;line-height:1.5;color:var(--muted,#475467);}
.credit-card b{color:var(--ink,#101828);}

[data-theme="dark"] .profile-card,[data-theme="dark"] .academy-card,[data-theme="dark"] .credit-card{background:var(--surface);border-color:var(--border);}
@media (prefers-reduced-motion:reduce){.profile-card,.tz-tile img{transition:none;}.profile-card:hover{transform:none;}.tz-tile:hover img{transform:none;}}

/* ---------- 5. Page intros with photography (Partnership, Consulting) ---------- */
.site-public .intro-photo>.wrap{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;column-gap:clamp(24px,4vw,56px);align-items:center;}
.site-public .intro-photo>.wrap>*{grid-column:1;min-width:0;}
.site-public .intro-photo>.wrap>.intro-figure{grid-column:2 !important;grid-row:1/span 12;width:100%;margin:0;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4/5;max-height:520px;
  box-shadow:0 24px 48px -24px rgba(3,40,60,.45);}
.site-public .intro-photo .intro-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.site-public .intro-photo .intro-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:12px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));}
@media (max-width:900px){
  .site-public .intro-photo>.wrap{grid-template-columns:1fr !important;}
  .site-public .intro-photo>.wrap>.intro-figure{grid-column:1 !important;grid-row:auto;aspect-ratio:16/10;max-height:320px;margin-top:20px;}
}

/* ---------- 6. Rating card: one rating per device, own rating only ---------- */
.rate-picker{display:flex;justify-content:center;gap:6px;}
.rate-picker .rate-star{background:none;border:0;padding:2px 4px;font-size:42px;line-height:1;cursor:pointer;color:var(--border,#d0d7de);transition:color .12s ease,transform .12s ease;}
.rate-picker .rate-star.on{color:var(--gold,#EDC91E);}
.rate-picker .rate-star:hover{transform:scale(1.08);}
.rate-picker .rate-star:focus-visible{outline:2px solid #0272A7;outline-offset:2px;border-radius:6px;}
.rate-star-label{min-height:20px;font-size:13px;font-weight:700;color:var(--green,#0272A7);margin:4px 0 0;}
.rate-mine{padding:6px 0 2px;}
.rate-mine-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#667085);}
.rate-mine-stars{font-size:34px;letter-spacing:4px;color:var(--gold,#EDC91E);margin:4px 0;}
.rate-mine-stars span{color:var(--border,#d0d7de);}
.rate-mine-word{font-size:14px;font-weight:700;color:var(--ink,#101828);}
.rate-mine-note{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:var(--muted,#475467);}
.rate-mine-note span{font-size:12px;}
#rateSubmitBtn[disabled]{opacity:.55;cursor:not-allowed;}
@media (max-width:420px){.rate-picker .rate-star{font-size:36px;padding:2px;}}

/* ---------- 7. Sector identity: one colour and one specific icon per sector, everywhere ---------- */
:root{--sx-agri:#2E7D32;--sx-agri2:#66BB6A;--sx-re:#0272A7;--sx-re2:#38A9DC;--sx-eng:#C2410C;--sx-eng2:#F59E0B;--sx-cap:#8A6A00;--sx-cap2:#EDC91E;--sx-con:#5B21B6;--sx-con2:#8B5CF6;}
.sx-badge{--a:var(--sx-re);--b:var(--sx-re2);display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;color:#fff;font-size:22px;
  background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 10px 22px -12px var(--a),inset 0 1px 0 rgba(255,255,255,.25);flex:0 0 auto;}
.sx-badge i{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));}
.sx-badge.sx-sm{width:30px;height:30px;border-radius:9px;font-size:13px;}
.sx-badge.sx-lg{width:62px;height:62px;border-radius:18px;font-size:26px;}
.sx-agri{--a:var(--sx-agri);--b:var(--sx-agri2);}
.sx-re{--a:var(--sx-re);--b:var(--sx-re2);}
.sx-eng{--a:var(--sx-eng);--b:var(--sx-eng2);}
.sx-cap{--a:var(--sx-cap);--b:var(--sx-cap2);}
.sx-con{--a:var(--sx-con);--b:var(--sx-con2);}
.site-public .sector-card.has-photo .sx-badge{margin:-34px 0 12px;position:relative;z-index:2;border:3px solid var(--surface,#fff);}
.site-public .sector-card .tgt{display:inline-flex;align-items:center;gap:4px;font-weight:800;}

/* ---------- 8. Homepage projects: approved projects with galleries ---------- */
.hp-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 20px;}
.hp-filter button{border:1px solid var(--border,#d9e1e8);background:var(--surface,#fff);border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;color:var(--fg,#1d2939);cursor:pointer;}
.hp-filter button span{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:var(--light,#eef3f7);font-size:11.5px;}
.hp-filter button.on{background:#0272A7;border-color:#0272A7;color:#fff;}
.hp-filter button.on span{background:rgba(255,255,255,.22);}
.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;}
.hp-card{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 30px -22px rgba(16,24,40,.35);transition:transform .2s ease,box-shadow .2s ease;}
.hp-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(16,24,40,.06),0 22px 40px -22px rgba(16,24,40,.45);}
.hp-media{position:relative;display:block;width:100%;height:220px;border:0;padding:0;cursor:zoom-in;background:#0b2d40 center/cover no-repeat;}
.hp-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 35%,transparent 70%,rgba(0,0,0,.35) 100%);}
.hp-status{position:absolute;left:14px;top:14px;z-index:1;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#EDC91E;color:#1d2939;}
.hp-status-completed{background:#1c7c3c;color:#fff;}
.hp-status-planned{background:#fff;color:#0272A7;}
.hp-count{position:absolute;right:12px;bottom:12px;z-index:1;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);padding:4px 10px;border-radius:999px;}
.hp-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.hp-sector{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--fg,#1d2939);flex-wrap:wrap;}
.hp-loc{font-weight:600;color:var(--muted,#667085);margin-left:auto;}
.hp-body h3{margin:0;font-size:18px;line-height:1.3;}
.hp-body p{margin:0;font-size:14px;line-height:1.65;color:var(--muted,#475467);}
.hp-progress{height:8px;border-radius:99px;background:var(--light,#eef3f7);overflow:hidden;margin-top:4px;}
.hp-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0272A7,#38A9DC);}
.hp-progress-txt{font-size:12.5px;color:var(--muted,#667085);}
.hp-facts{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px;font-size:13px;}
.hp-facts i{color:#1c7c3c;margin-right:6px;font-size:11px;}
.hp-lightbox{position:fixed;inset:0;z-index:5000;background:rgba(5,15,24,.92);display:flex;align-items:center;justify-content:center;padding:40px 70px;}
.hp-lightbox[hidden]{display:none;}
.hp-lightbox figure{margin:0;max-width:min(1100px,100%);text-align:center;}
.hp-lightbox img{max-width:100%;max-height:78vh;border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.5);}
.hp-lightbox figcaption{color:#e8eef3;margin-top:12px;font-size:14px;}
.hp-lb-close{position:absolute;top:16px;right:20px;background:none;border:0;color:#fff;font-size:38px;cursor:pointer;line-height:1;}
.hp-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer;}
.hp-lb-nav:hover{background:rgba(255,255,255,.26);}
.hp-lb-prev{left:16px;}
.hp-lb-next{right:16px;}
@media (max-width:640px){.hp-grid{grid-template-columns:1fr;}.hp-lightbox{padding:50px 10px;}.hp-lb-nav{top:auto;bottom:14px;transform:none;}}

/* ---------- 9. Partnership page ---------- */
.ptn-page .sectionpad{padding:clamp(40px,4.5vw,64px) 0;}
.ptn-page .sec-head h2{font-size:clamp(24px,2.6vw,31px);}
.ptn-facts-wrap{background:linear-gradient(90deg,#03344e,#0272A7);}
.ptn-facts{display:grid;grid-template-columns:repeat(4,1fr);}
.ptn-fact{display:flex;align-items:center;gap:12px;padding:18px 16px;color:#fff;border-right:1px solid rgba(255,255,255,.14);}
.ptn-fact:last-child{border-right:0;}
.ptn-fact i{font-size:22px;color:#EDC91E;}
.ptn-fact b{font-size:24px;font-weight:800;line-height:1;}
.ptn-fact span{font-size:12.5px;line-height:1.3;opacity:.9;max-width:150px;}
.ptn-subnav{position:sticky;top:64px;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--border,#e4e9ee);}
.ptn-subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:8px;}
.ptn-subnav .wrap::-webkit-scrollbar{display:none;}
.ptn-subnav a{white-space:nowrap;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;color:var(--fg,#1d2939);text-decoration:none;}
.ptn-subnav a:hover{background:var(--light,#eef3f7);color:#0272A7;}
.ptn-subnav a.ptn-subnav-cta{margin-left:auto;background:#0272A7;color:#fff;}
[data-theme="dark"] .ptn-subnav{background:rgba(15,23,32,.92);}
.ptn-page [data-i18n-block="ptn_why"] .sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card{position:relative;padding:22px 22px 18px;text-align:left;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card>i{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#fff;background:linear-gradient(135deg,#0272A7,#38A9DC);margin-bottom:12px;}
.ptn-why-no{position:absolute;right:18px;top:16px;font-size:30px;font-weight:800;color:rgba(2,114,167,.12);line-height:1;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card h4{font-size:16.5px;margin:0 0 6px;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card p{font-size:14px !important;line-height:1.6;margin-bottom:10px;}
.ptn-sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.ptn-sector{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 36px -28px rgba(3,40,60,.5);}
.ptn-sector-media{position:relative;height:190px;background:#0b2d40 center/cover no-repeat;}
.ptn-sector-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.45));}
.ptn-sector-media .sx-badge{position:absolute;left:20px;bottom:-28px;z-index:2;border:4px solid var(--surface,#fff);}
.ptn-sector-body{padding:38px 22px 20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.ptn-sector-body h3{margin:0;font-size:20px;}
.ptn-sector-sum{margin:0;font-size:14.5px;line-height:1.65;color:var(--fg,#1d2939);}
.ptn-sector-sub{border-left:3px solid var(--a,#0272A7);background:var(--light,#f4f8fb);border-radius:0 10px 10px 0;padding:9px 12px;}
.ptn-sector-sub h4{margin:0 0 3px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--a,#0272A7);}
.ptn-sector-sub p{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted,#475467);}
.ptn-sector-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:6px;}
.ptn-link{background:none;border:0;padding:0;font-weight:700;color:#0272A7;cursor:pointer;font-size:13.5px;}
.ptn-link:hover{text-decoration:underline;}
.ptn-page .howsec-tags.ptn-contrib{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.ptn-page .ptn-contrib>span{display:flex !important;flex-direction:column;align-items:flex-start;gap:6px;padding:16px !important;border-radius:14px !important;background:var(--surface,#fff) !important;border:1px solid var(--border,#e4e9ee) !important;white-space:normal !important;}
.ptn-contrib>span>i{width:40px;height:40px;border-radius:11px;display:inline-flex !important;align-items:center;justify-content:center;background:rgba(2,114,167,.1);color:#0272A7 !important;font-size:17px;}
.ptn-contrib b{font-size:15px;color:var(--ink,#101828);}
.ptn-contrib small{font-size:13px;line-height:1.55;color:var(--muted,#475467);}
.ptn-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.ptn-model{position:relative;background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;}
.ptn-model:hover,.ptn-model:focus-visible{border-color:#0272A7;box-shadow:0 16px 30px -22px rgba(2,114,167,.6);transform:translateY(-2px);outline:none;}
.ptn-model-top{display:flex;justify-content:space-between;align-items:center;}
.ptn-model-ic{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#03344e,#0272A7);color:#EDC91E;font-size:18px;}
.ptn-model-no{font-size:13px;font-weight:800;color:var(--muted,#98a2b3);}
.ptn-model h3{margin:0;font-size:16.5px;}
.ptn-model p{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted,#475467);flex:1;}
.ptn-model-tags{display:flex;gap:6px;flex-wrap:wrap;}
.ptn-tag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--light,#eef3f7);color:var(--fg,#344054);}
.ptn-tag-ok{background:rgba(28,124,60,.1);color:#1c7c3c;}
.ptn-model-more{font-size:13px;font-weight:700;color:#0272A7;}
.ptn-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.ptn-steps li{display:flex;gap:12px;align-items:flex-start;background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:14px;padding:14px;}
.ptn-step-no{flex:0 0 38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#0272A7,#38A9DC);}
.ptn-steps li:nth-child(n+6) .ptn-step-no{background:linear-gradient(135deg,#8A6A00,#EDC91E);}
.ptn-steps b{display:block;font-size:15px;margin-top:2px;}
.ptn-steps p{margin:3px 0 0;font-size:13px !important;line-height:1.55 !important;color:var(--muted,#475467) !important;}
.ptn-timeline{list-style:none;margin:6px 0 12px;padding:0;position:relative;}
.ptn-timeline::before{content:"";position:absolute;left:15px;top:6px;bottom:6px;width:2px;background:var(--border,#d9e1e8);}
.ptn-timeline li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:6px 0;}
.ptn-timeline li span{position:relative;z-index:1;flex:0 0 32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface,#fff);border:2px solid #0272A7;color:#0272A7;font-weight:800;font-size:13px;}
.ptn-timeline li p{margin:5px 0 0 !important;font-size:14px !important;}
.ptn-global{gap:20px !important;}
.ptn-global-card{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:18px;padding:22px;position:relative;}
.ptn-global-ic{display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;font-size:20px;color:#fff;background:linear-gradient(135deg,#2E7D32,#66BB6A);margin-bottom:6px;}
.ptn-global-card:nth-child(2) .ptn-global-ic{background:linear-gradient(135deg,#0272A7,#38A9DC);}
.ptn-expect .card{border-radius:18px;height:100%;}
.ptn-expect .howsec-tags span{background:transparent !important;border:0 !important;padding:6px 0 !important;}
.ptn-expect .howsec-tags span>i{color:#1c7c3c;}
.ptn-resources{grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;gap:14px !important;}
.ptn-resources .news-card{border-radius:14px;transition:transform .15s,box-shadow .15s;}
.ptn-resources .news-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(3,40,60,.5);}
.ptn-resources .news-card h5{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.ptn-resources .news-card h5 i{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(2,114,167,.1);color:#0272A7;font-size:17px;}
.ptn-page #partnerAppSectorTabs,.ptn-page #partnerSectorTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.ptn-page #partnerAppSectorTabs .sector-card,.ptn-page #partnerSectorTabs .sector-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;min-height:0;}
.ptn-page #partnerAppSectorTabs .sector-card i,.ptn-page #partnerSectorTabs .sector-card i{margin:0;font-size:18px;width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(2,114,167,.1);color:#0272A7;}
.ptn-page #partnerAppSectorTabs .sector-card h4,.ptn-page #partnerSectorTabs .sector-card h4{margin:0;font-size:14.5px;}
.ptn-page #partnerAppSectorTabs .sector-card.active,.ptn-page #partnerSectorTabs .sector-card.active{border-color:#0272A7;box-shadow:0 0 0 3px rgba(2,114,167,.15);}
.ptn-page #partnerAppSectorTabs .sector-card.active i,.ptn-page #partnerSectorTabs .sector-card.active i{background:#0272A7;color:#fff;}
.ptn-page .faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
@media (max-width:980px){
  .ptn-facts{grid-template-columns:repeat(2,1fr);}
  .ptn-fact:nth-child(2){border-right:0;}
  .ptn-page [data-i18n-block="ptn_why"] .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ptn-sectors{grid-template-columns:1fr;}
  .ptn-page #partnerAppSectorTabs,.ptn-page #partnerSectorTabs{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .ptn-page [data-i18n-block="ptn_why"] .sector-grid,.ptn-page .faq-columns{grid-template-columns:1fr;}
  .ptn-global{grid-template-columns:1fr !important;}
  .ptn-expect>div:first-child{grid-template-columns:1fr !important;}
  .ptn-fact{padding:14px 10px;}
  .ptn-fact b{font-size:20px;}
}
.ptn-fact b.ptn-fact-word{font-size:17px;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card{display:flex;flex-direction:column;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card>a{margin-top:auto;font-size:13px !important;display:inline-flex;align-items:center;gap:6px;}
.ptn-page [data-i18n-block="ptn_why"] .sector-card>a i,.ptn-page .sector-card a i.fa-arrow-right{font-size:11px !important;width:auto !important;height:auto !important;background:none !important;margin:0 !important;}
/* Sector badges inside existing blocks */
.site-public .howsec-icon.sx-badge{border-radius:18px;}
.site-public .sector-card>.sx-badge{margin-bottom:12px;}
.sx-badge i,.site-public .sector-card .sx-badge i{color:#fff !important;font-size:inherit !important;margin:0 !important;background:none !important;width:auto !important;height:auto !important;box-shadow:none !important;}
.site-public .howsec-icon.sx-badge{background:linear-gradient(135deg,var(--a),var(--b)) !important;color:#fff !important;}
.site-public .sector-card>a i.fa-arrow-right{font-size:11px !important;width:auto !important;height:auto !important;background:none !important;margin:0 0 0 4px !important;box-shadow:none !important;color:inherit !important;}

/* ---------- 10. One professional design across every public page (6 Nov 2026) ---------- */
.site-public .ptn-subnav a.on{background:rgba(2,114,167,.1);color:#0272A7;}
.site-public .ptn-subnav a.ptn-subnav-cta.on{background:#0272A7;color:#fff;}
.pg-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;flex:0 0 auto;font-size:19px;color:#fff;background:linear-gradient(135deg,#0272A7,#38A9DC);box-shadow:0 10px 20px -12px #0272A7;}
.pg-ic i{color:#fff !important;}

/* Card tiles everywhere (values, practice areas, why-us): left-aligned, lifted on hover. */
.site-public .sector-grid .sector-card:not(.has-photo){text-align:left !important;padding:22px 22px 20px;border-radius:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.site-public .sector-grid .sector-card:not(.has-photo):hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(3,40,60,.45);border-color:rgba(2,114,167,.35);}
.site-public .sector-grid .sector-card h4{font-size:17px;margin:12px 0 6px;}
.site-public .sector-grid .sector-card p{font-size:14px !important;line-height:1.65 !important;}
.site-public .sector-grid .sector-card ul{margin:8px 0 0;padding-left:18px;font-size:13.5px;line-height:1.7;color:var(--muted,#475467);}
.site-public .pg-value .pg-ic{margin-bottom:2px;}
.site-public [data-i18n-block="values_grid"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.site-public [data-i18n-block="csl_services_grid"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.pg-who>span>b{font-size:14.5px !important;font-weight:600 !important;line-height:1.5;}

/* Vision & mission. */
.site-public .vm-grid{gap:20px;}
.site-public .vm-card{position:relative;border-radius:20px;padding:28px 28px 26px;border:1px solid var(--border,#e4e9ee);background:var(--surface,#fff);overflow:hidden;}
.site-public .vm-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#EDC91E,#0272A7);}
.site-public .vm-card>i{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;font-size:22px;color:#EDC91E !important;background:linear-gradient(135deg,#03344e,#0272A7);}
.site-public .vm-card h4{font-size:19px;margin:14px 0 8px;}
.site-public .vm-card p{font-size:15px;line-height:1.75;}

/* Home process: connected stepper. */
.site-public .timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.site-public .timeline::before{content:"";position:absolute;top:27px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#0272A7,#EDC91E);opacity:.5;}
.site-public .tstep{position:relative;background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:18px;padding:22px 18px 18px;text-align:center;}
.site-public .tstep .c{width:54px;height:54px;margin:-49px auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0272A7,#38A9DC);border:5px solid var(--light,#f4f8fb);box-shadow:0 10px 20px -12px #0272A7;}
.site-public #process .timeline{margin-top:38px;}
.site-public .tstep h5{font-size:16px;margin:0 0 6px;}
.site-public .tstep p{font-size:13.5px;line-height:1.6;color:var(--muted,#475467);margin:0;}

/* About: stats, milestones. */
.site-public .stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;}
.site-public .stat-item{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:16px;padding:18px;text-align:center;}
.site-public .stat-num{font-size:28px;font-weight:800;color:#0272A7;}
.site-public .stat-lbl{font-size:12.5px;color:var(--muted,#667085);text-transform:uppercase;letter-spacing:.05em;}
.site-public .timeline-v{position:relative;max-width:880px;}
.site-public .timeline-v::before{content:"";position:absolute;left:118px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#0272A7,#EDC91E);}
.site-public .tv-item{display:grid;grid-template-columns:110px 20px minmax(0,1fr);gap:0 14px;align-items:start;margin-bottom:18px;position:relative;}
.site-public .tv-year{grid-column:1;text-align:right;font-weight:800;font-size:13px;color:#0272A7;text-transform:uppercase;letter-spacing:.04em;padding-top:4px;}
.site-public .tv-dot{grid-column:2;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #0272A7;margin-top:6px;position:relative;z-index:1;}
.site-public .tv-body{grid-column:3;background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:14px;padding:14px 16px;}
.site-public .tv-body h5{margin:0 0 4px;font-size:15.5px;}
.site-public .tv-body p{margin:0;font-size:14px;line-height:1.6;color:var(--muted,#475467);}

/* FAQs on every page: two columns of cards per category. */
.site-public .faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start;}
.site-public .faq-item{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:14px;padding:0;overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.site-public .faq-item[open]{border-color:rgba(2,114,167,.4);box-shadow:0 14px 28px -22px rgba(3,40,60,.45);}
.site-public .faq-item summary{list-style:none;cursor:pointer;padding:14px 44px 14px 16px;font-weight:700;font-size:14.5px;position:relative;}
.site-public .faq-item summary::-webkit-details-marker{display:none;}
.site-public .faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:rgba(2,114,167,.1);color:#0272A7;display:flex;align-items:center;justify-content:center;font-weight:800;}
.site-public .faq-item[open] summary::after{content:"–";background:#0272A7;color:#fff;}
.site-public .faq-item p{padding:0 16px 14px;margin:0;font-size:14px;line-height:1.7;color:var(--muted,#475467);}
.site-public .faq-cat-head{display:flex;align-items:center;gap:10px;font-size:17px;margin:26px 0 12px;}
.site-public .faq-category:first-of-type .faq-cat-head{margin-top:8px;}
.site-public #faqSearch{border-radius:999px;padding-left:18px;}

/* Contact: information cards and channel cards. */
.pg-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:30px;}
.pg-info{display:flex;gap:12px;align-items:flex-start;background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:16px;padding:16px;}
.pg-info small{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#667085);margin-bottom:3px;}
.pg-info>div>div{font-size:14px;line-height:1.6;color:var(--fg,#1d2939);}
.site-public .legal-card{border-radius:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.site-public a.legal-card:hover,.site-public .legal-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(3,40,60,.45);border-color:rgba(2,114,167,.35);}
.site-public .legal-card>i{display:inline-flex !important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;font-size:19px !important;color:#fff !important;background:linear-gradient(135deg,#0272A7,#38A9DC);margin-bottom:10px;}
.site-public .contact-grid .card{border-radius:18px;}

/* CTA band. */
.site-public .ctaband{background:linear-gradient(120deg,#03344e 0%,#0272A7 60%,#0b5d86 100%);position:relative;overflow:hidden;}
.site-public .ctaband::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(237,201,30,.35),transparent 70%);}

/* Legal pages: header band, sticky side menu with an "On this page" index, readable document. */
.pg-hero{background:linear-gradient(120deg,#03344e,#0272A7);color:#fff;padding:clamp(34px,4vw,54px) 0;}
.pg-hero-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#EDC91E;}
.pg-hero h1{margin:8px 0 8px;font-size:clamp(26px,3.2vw,38px);color:#fff;}
.pg-hero p{margin:0;max-width:720px;opacity:.9;line-height:1.7;}
.pg-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px;font-size:13px;opacity:.95;align-items:center;}
.pg-hero-meta i{color:#EDC91E;margin-right:4px;}
.pg-print{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:6px 14px;font-weight:700;cursor:pointer;}
.pg-print:hover{background:rgba(255,255,255,.24);}
.site-public .legal-side{position:sticky;top:120px;align-self:start;border-radius:18px;}
.legal-toc{margin-top:16px;padding-top:12px;border-top:1px solid var(--border,#e4e9ee);display:flex;flex-direction:column;gap:2px;}
.legal-toc h6{margin:0 0 6px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#667085);}
.legal-toc a{font-size:13px !important;padding:5px 8px !important;border-radius:8px;}
.site-public .legal-content{font-size:15px;line-height:1.8;}
.site-public .legal-content h4{scroll-margin-top:130px;font-size:18px;margin:28px 0 8px;padding-top:18px;border-top:1px solid var(--border,#e4e9ee);}
.site-public .legal-content .legal-infobar{border-radius:12px;}
@media print{.sitenav,.legal-side,.pg-print,.sitefoot,.ptn-subnav{display:none !important;}.pg-hero{background:none;color:#000;padding:0;}.pg-hero h1{color:#000;}}

@media (max-width:980px){
  .site-public [data-i18n-block="values_grid"],.site-public [data-i18n-block="csl_services_grid"]{grid-template-columns:repeat(2,minmax(0,1fr));}
  .site-public .timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:46px;}
  .site-public .timeline::before{display:none;}
  .site-public .stat-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .site-public .legal-side{position:static;}
}
@media (max-width:640px){
  .site-public [data-i18n-block="values_grid"],.site-public [data-i18n-block="csl_services_grid"],.site-public .faq-columns{grid-template-columns:1fr;}
  .site-public .timeline{grid-template-columns:1fr;}
  .site-public .timeline-v::before{left:9px;}
  .site-public .tv-item{grid-template-columns:20px minmax(0,1fr);}
  .site-public .tv-year{grid-column:2;text-align:left;padding:0 0 4px;}
  .site-public .tv-dot{grid-column:1;grid-row:1;}
  .site-public .tv-body{grid-column:2;}
}
.pg-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.site-public .faq-category h3.faq-cat-head{font-size:19px !important;line-height:1.3;}
/* Milestones: keep the original timeline structure, present each entry as a card. */
.site-public .timeline-v{max-width:860px;margin:0 auto;padding-left:34px;}
.site-public .timeline-v::before{left:8px;}
.site-public .tv-item{display:block;padding-bottom:22px;margin:0;}
.site-public .tv-year{text-align:left;padding:0;margin-bottom:6px;font-size:12px;color:#B8860B;}
.site-public .tv-dot{position:absolute;left:-34px;top:2px;margin:0;width:18px;height:18px;border:4px solid #0272A7;background:var(--surface,#fff);}
.site-public .tv-body{padding:16px 18px;}
/* Legal: the header band carries the title, so the duplicate inner heading is hidden. */
.site-public .legal-content>[data-i18n-block]>.sec-head:first-child{display:none;}

/* ---------- 11. How to pay MEGA (/pay) — temporary collection channels ---------- */
.pay-page .box-alert{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:14px 16px;background:#EAF4FA;border:1px solid rgba(2,114,167,.25);margin-bottom:18px;}
.pay-page .pay-warn{background:#FFF7E0;border-color:rgba(217,164,0,.45);}
.pay-page .box-alert>i{font-size:20px;color:#9a6a0a;margin-top:2px;}
.pay-page .box-alert ul{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.65;}
.pay-steps{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.pay-steps li{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px;}
.pay-steps span{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0272A7,#38A9DC);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;}
.pay-steps small{color:var(--muted,#667085);font-size:12.5px;}
.pay-page h2{font-size:22px;margin:0 0 12px;}
.pay-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:28px;}
.pay-ch{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px -24px rgba(3,40,60,.45);}
.pay-ch-h{display:flex;gap:12px;align-items:center;}
.pay-ch-h b{display:block;font-size:16px;}
.pay-ch-h small{color:var(--muted,#667085);font-size:12px;}
.pay-ch-ic{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:19px;background:linear-gradient(135deg,#03344e,#0272A7);}
.pay-mobile .pay-ch-ic{background:linear-gradient(135deg,#1c7c3c,#4caf50);}
.pay-ch-num{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--light,#f2f6f9);border-radius:12px;padding:10px 12px;}
.pay-ch-num span{font-family:Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:.04em;color:var(--ink,#101828);}
.pay-ch-num button{border:1px solid var(--border,#d0d8e0);background:var(--surface,#fff);border-radius:999px;padding:5px 12px;font-weight:700;font-size:12.5px;cursor:pointer;color:#0272A7;white-space:nowrap;}
.pay-ch dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13.5px;}
.pay-ch dt{color:var(--muted,#667085);}
.pay-ch dd{margin:0;font-weight:600;}
.pay-ch-tags{display:flex;gap:6px;flex-wrap:wrap;}
.pay-ch-tags span{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(2,114,167,.1);color:#0272A7;}
.pay-ch-ins{margin:0;font-size:13px;color:var(--muted,#475467);line-height:1.6;}
.pay-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start;}
.pay-card{border-radius:18px;}
.pay-card h3{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 8px;}
.pay-card h3 i{color:#0272A7;}
.pay-check-row{display:flex;gap:8px;margin:8px 0;}
@media (max-width:860px){.pay-grid{grid-template-columns:1fr;}.pay-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* ── 12. "How to Pay MEGA" entry points and registration sign-in card (8 Nov 2026) ── */
/* Top bar, on every public page: a gold pill so payers find it immediately. */
.protobar-links a.proto-pay{background:var(--gold,#EDC91E);color:#0A1E27 !important;font-weight:700;opacity:1;padding:3px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;}
.protobar-links a.proto-pay:hover{background:#fff;color:#0A1E27 !important;}
/* Home navigation: outlined button next to "Become an Investor" (desktop); flat menu item on mobile. */
.btn-nav-pay{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--blue,#0272A7);color:var(--blue,#0272A7);background:transparent;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13.5px;white-space:nowrap;text-decoration:none;margin-right:8px;transition:background .15s,color .15s;}
.btn-nav-pay:hover{background:var(--blue,#0272A7);color:#fff;}
[data-theme="dark"] .btn-nav-pay{color:#80C3EC;border-color:#80C3EC;}
.navlinks a.nav-pay-mobile{display:none;}
.protobar-links a.proto-pay .pp-short{display:none;}
@media(max-width:640px){ .protobar-links a[data-i18n="proto_register"]{display:none;} .protobar-links a.proto-pay .pp-long{display:none;} .protobar-links a.proto-pay .pp-short{display:inline;} .protobar-links a.proto-pay{padding:3px 10px;} }
@media(max-width:1439px){ .btn-nav-pay{display:none;} }
@media(max-width:1150px){
  .btn-nav-pay{display:none;}
  .navlinks a.nav-pay-mobile{display:block;font-weight:700;color:var(--blue,#0272A7);background:rgba(237,201,30,.14);}
}
/* Register page: pointer to the official accounts, just above the payment-method choice. */
.pay-help-note{display:flex;gap:8px;align-items:flex-start;background:rgba(2,114,167,.07);border:1px solid rgba(2,114,167,.22);border-radius:10px;padding:10px 12px;font-size:13px;margin:4px 0 12px;color:var(--ink,#1f2937);}
.pay-help-note i{color:var(--blue,#0272A7);margin-top:2px;}
.pay-help-note a{font-weight:700;color:var(--blue,#0272A7);text-decoration:underline;}
/* Register page: "Your sign-in details" card. */
.cred-card{border:1px solid rgba(2,114,167,.25);background:linear-gradient(180deg,rgba(2,114,167,.06),rgba(2,114,167,.02));border-radius:12px;padding:14px 16px;}
.cred-head{display:flex;gap:12px;align-items:flex-start;}
.cred-head>i{width:34px;height:34px;border-radius:10px;background:var(--blue,#0272A7);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 34px;font-size:15px;}
.cred-head b{display:block;font-size:14.5px;color:var(--ink,#0A1E27);}
.cred-head span{display:block;font-size:12.5px;color:var(--muted,#6b7280);margin-top:2px;}
.cred-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px;padding:0;}
.cred-list li{display:inline-flex;align-items:center;gap:7px;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--ink,#1f2937);}
.cred-list li i{color:var(--gold-dark,#B8960F);}
.cred-tip{margin:0;font-size:12.5px;color:var(--muted,#6b7280);display:flex;gap:7px;align-items:flex-start;}
.cred-tip i{color:var(--green,#1C7C3C);margin-top:2px;}

/* ---- Investor Guide: guarantee + effective-date rule cards (12 Nov 2026) ---- */
.inv-rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:22px;}
.inv-rule-card{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 36px -30px rgba(3,40,60,.55);border-top:4px solid var(--green,#0272A7);}
#inv-start-rule.inv-rule-card{border-top-color:var(--gold,#c9a227);}
.inv-rule-head{display:flex;gap:14px;align-items:flex-start;}
.inv-rule-head h3{font-size:19px;margin:2px 0 0;line-height:1.3;}
.inv-rule-icon{flex:0 0 48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;background:linear-gradient(135deg,var(--green,#0272A7),var(--green-hover,#015a85));}
#inv-start-rule .inv-rule-icon{background:linear-gradient(135deg,#c9a227,#a8841a);}
.inv-rule-tag{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#667085);}
.inv-rule-steps{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.6;}
.inv-rule-steps li::marker{font-weight:800;color:var(--green,#0272A7);}
.inv-rule-steps span{color:var(--muted,#667085);}
.inv-rule-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin-top:10px;}
.inv-rule-choice>div{border:1px solid var(--border,#e4e9ee);border-radius:12px;padding:12px;background:var(--light,#f6f8fa);}
.inv-rule-choice i{color:var(--green,#0272A7);margin-right:4px;}
.inv-rule-choice p{margin:6px 0 0;font-size:13px;color:var(--muted,#667085);line-height:1.5;}
.inv-rule-example{border-top:1px dashed var(--border,#e4e9ee);padding-top:12px;font-size:14px;}
.inv-rule-note{margin:10px 0 0;font-size:13px;color:var(--muted,#667085);}
[data-theme="dark"] .inv-rule-card{background:var(--surface);border-color:var(--border);}
[data-theme="dark"] .inv-rule-choice>div{background:rgba(255,255,255,.04);border-color:var(--border);}

/* ---- Partnership page: Approved Partner Network cards (12 Nov 2026) ---- */
.ptn-net-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;}
.ptn-net-card{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 36px -28px rgba(3,40,60,.5);transition:transform .2s ease,box-shadow .2s ease;}
.ptn-net-card:hover{transform:translateY(-3px);box-shadow:0 24px 40px -26px rgba(3,40,60,.6);}
.ptn-net-photo{height:180px;background:linear-gradient(135deg,var(--green,#0272A7),var(--green-hover,#015a85));background-size:cover;background-position:center;position:relative;}
.ptn-net-sector{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.95);color:#0b2a3a;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 11px;}
.ptn-net-logo{width:76px;height:76px;border-radius:16px;background:#fff;border:3px solid var(--surface,#fff);box-shadow:0 8px 20px -10px rgba(0,0,0,.45);margin:-38px 0 0 18px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ptn-net-logo img{max-width:100%;max-height:100%;object-fit:contain;padding:6px;}
.ptn-net-logo .ini{font-weight:800;font-size:24px;color:var(--green,#0272A7);}
.ptn-net-body{padding:12px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.ptn-net-body h5{font-size:18px;margin:0;line-height:1.3;}
.ptn-net-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted,#667085);}
.ptn-net-meta i{color:var(--green,#0272A7);margin-right:3px;}
.ptn-net-body p{margin:0;font-size:14px;line-height:1.6;color:var(--fg,#1d2939);}
.ptn-net-link{margin-top:auto;font-weight:700;font-size:13px;color:var(--green,#0272A7);}
[data-theme="dark"] .ptn-net-card{background:var(--surface);border-color:var(--border);}
[data-theme="dark"] .ptn-net-body p{color:inherit;}

/* ---- How to Pay: transaction reference guide (12 Nov 2026) ---- */
.ref-guide{border:1px solid var(--border,#e4e9ee);border-left:4px solid var(--gold,#c9a227);border-radius:14px;padding:16px;margin:4px 0 12px;background:var(--light,#f7f9fb);}
.ref-guide-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;}
.ref-guide-head>i{flex:0 0 36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--green,#0272A7);color:#fff;}
.ref-guide-head b{display:block;font-size:15px;}
.ref-guide-head span{font-size:13px;color:var(--muted,#667085);line-height:1.5;}
.ref-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;}
.ref-sample{background:var(--surface,#fff);border:1px solid var(--border,#e4e9ee);border-radius:12px;padding:12px;}
.ref-sample-title{font-weight:700;font-size:13px;margin-bottom:8px;}
.ref-sample-title i{color:var(--green,#0272A7);margin-right:4px;}
.ref-sample p{font-size:12.5px;color:var(--muted,#667085);margin:8px 0 0;line-height:1.5;}
.ref-sms{background:#e9f6ec;color:#1d2939;border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:12.5px;line-height:1.5;font-family:ui-monospace,Menlo,Consolas,monospace;}
.ref-slip{border:1px dashed #b8c2cc;border-radius:8px;padding:8px 10px;font-size:12.5px;font-family:ui-monospace,Menlo,Consolas,monospace;background:#fffef6;color:#1d2939;}
.ref-slip>div{display:flex;justify-content:space-between;gap:10px;padding:2px 0;}
.ref-slip-key{border-top:1px dashed #d0d7de;margin-top:4px;padding-top:5px !important;font-weight:700;}
.ref-hl{background:#fde68a;color:#7a4b00;font-weight:800;border-radius:4px;padding:1px 5px;outline:2px solid #f59e0b;}
.ref-dont{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:12.5px;}
.ref-dont span{background:#fdecec;color:#b42318;border-radius:999px;padding:3px 10px;font-weight:600;}
.ref-dont span::before{content:"\2715  ";}
.ref-note{font-size:12px;color:var(--muted,#667085);margin:10px 0 0;}
.ref-input{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;font-weight:700;}
.ref-hint{font-size:12.5px;margin-top:6px;min-height:1em;}
.ref-hint.ok{color:#1c6b3c;}
.ref-hint.bad{color:#b42318;font-weight:600;}
.reg-ref-help{display:block;font-size:12px;color:var(--muted,#667085);margin-top:4px;}
[data-theme="dark"] .ref-guide{background:rgba(255,255,255,.03);border-color:var(--border);}
[data-theme="dark"] .ref-sample{background:var(--surface);border-color:var(--border);}
[data-theme="dark"] .ref-dont span{background:rgba(180,35,24,.18);color:#fda29b;}

/* ---- Leadership: every leader in the CEO's arrangement (13 Nov 2026) ---- */
.leader-spotlight-list{display:grid;grid-template-columns:1fr;gap:24px;}
.leader-spotlight-list .ceo-spotlight-card{margin:0;}
.leader-spotlight .ceo-spotlight-body .profile-more-btn{margin-top:2px;}
@media(min-width:1100px){.leader-spotlight-list .ceo-spotlight-body p{max-width:820px;}}