@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Teko:wght@300..700&display=swap');

/* Typography System: Exo, Nunito Sans & Teko */
:root {
  --font-heading: 'Exo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Nunito Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: 'Teko', 'Exo', sans-serif;
}

html, body {
  font-family: var(--font-body);
}

body, p, span, small, li, label, input, select, textarea, .item-desc, .link-caption, .form-hint {
  font-family: var(--font-body) !important;
}

/* Headings, Brand Identity, Navigation & Buttons in Exo */
h1, h2, h3, h4, h5, h6,
.brand, .brand-title, .brand-sub,
.main-menu, .menu-link, .menu-trigger, .nav-cta, .btn,
.dropdown-header strong, .dropdown-item, .item-title,
.megamenu-headline, .megamenu-eyebrow, .col-head h5, .link-label,
.eyebrow, .kicker, .ad-kicker, .map-label, .topbar-badge, .menu-badge,
.section-head h2, .key-info-head h2, .wealth-head h2, .why-card h3, .service-tab,
.service-card h3, .footer-grid h4, .market-panel-title {
  font-family: var(--font-heading) !important;
}

/* Menu items font weight & spacing in Exo */
.main-menu > a, .menu-link, .menu-trigger {
  font-weight: 600 !important;
  letter-spacing: 0.15px !important;
  font-size: 13px !important;
}
.dropdown-item .item-title, .col-link .link-label {
  font-weight: 550 !important;
  letter-spacing: 0.1px !important;
}
.dropdown-header strong, .col-head h5 {
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}
.nav-cta, .btn {
  font-weight: 650 !important;
  letter-spacing: 0.3px !important;
}

/* Big metrics, tickers, and prominent financial stats in Teko */
.stat strong,
.ticker-symbol,
.result-value,
.calc-stamp,
.donut-center strong,
.visual-note b,
.market-panel-head span,
.topbar-right .topbar-link,
.topbar-hours {
  font-family: var(--font-display) !important;
  letter-spacing: 0.5px !important;
}
.result-value {
  font-size: 38px !important;
  line-height: 1 !important;
}
.stat strong {
  font-size: 26px !important;
  line-height: 1.1 !important;
}


/* --- CSS Block 1 --- */
:root{--navy:#092b55;--blue:#125ca5;--cyan:#21b5c8;--ink:#14243a;--muted:#64748b;--pale:#f3f7fb;--line:#e2eaf2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family: var(--font-body);color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.topbar{background:var(--navy);color:#dce8f5;font-size:12px;padding:9px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px}
header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:800;line-height:1.15}.brandmark{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-size:19px;font-weight:900}.brand small{display:block;color:#6b7c91;font-size:10px;letter-spacing:1.4px;margin-top:4px}
nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:650;color:#253b56}nav a:hover{color:var(--blue)}.nav-cta{background:var(--blue);color:white;padding:12px 18px;border-radius:7px}
.menu-btn{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#082951 0%,#104d86 58%,#0c7191 100%);color:white;padding:88px 0 90px}
.hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #ffffff20;border-radius:50%;right:-90px;top:calc(-210px + var(--hero-parallax, 0px));box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05;will-change:top}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;position:relative}.eyebrow{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;color:#72e2e6}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:18px 0}.hero h1 span{color:#6ee0e5}.hero p{max-width:560px;color:#d7e7f7;font-size:16px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:7px;font-weight:750;font-size:13px}.btn-primary{background:#fff;color:var(--navy)}.btn-outline{border:1px solid #ffffff70;color:white}.hero-art{min-height:380px;position:relative;display:grid;place-items:center;perspective:900px}.orb{width:290px;height:290px;border-radius:50%;background:linear-gradient(145deg,#d8f6f5,#50b8d0 45%,#145aa3);box-shadow:0 25px 90px #001c3b80;position:relative;transform:translate3d(0,var(--orb-parallax, 0px),0) rotateX(var(--orb-tilt, 0deg));will-change:transform}.orb:before{content:"";position:absolute;inset:28px;border:1px solid #ffffff8a;border-radius:50%}.orb:after{content:"";position:absolute;inset:70px 0;border-top:1px solid #ffffff75;border-bottom:1px solid #ffffff75;transform:rotate(-35deg)}.float-card{position:absolute;background:white;color:var(--ink);padding:17px 20px;border-radius:12px;box-shadow:0 15px 40px #001b3a40;will-change:transform}.fc1{transform:translateY(var(--card-one, 0px))}.fc2{transform:translateY(var(--card-two, 0px))}.float-card strong{display:block;font-size:23px;color:var(--blue)}.float-card small{color:var(--muted);font-size:11px}.fc1{top:25px;left:0}.fc2{bottom:35px;right:0}
.trust{margin-top:-25px;position:relative}.trust-inner{background:white;box-shadow:0 12px 40px #0b2d5112;border:1px solid var(--line);border-radius:12px;padding:25px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat strong{font-size:22px;color:var(--navy);display:block}.stat span{font-size:12px;color:var(--muted)}
section{padding:82px 0}.section-head{max-width:650px;margin-bottom:38px}.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);font-weight:800}.section-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.2;color:var(--navy);letter-spacing:-1px;margin:12px 0}.section-head p{color:var(--muted);margin:0}
.services{background:var(--pale)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid var(--line);border-radius:12px;padding:27px;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #0b2d5110;border-color:#b7d4ed}.service-icon{width:48px;height:48px;background:#e9f4fc;border-radius:10px;display:grid;place-items:center;color:var(--blue);font-size:22px;margin-bottom:19px}.service-card h3{font-size:17px;color:var(--navy);margin:0 0 9px}.service-card p{font-size:13px;color:var(--muted);margin:0 0 18px}.learn{font-size:12px;font-weight:800;color:var(--blue)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-visual{min-height:390px;border-radius:18px;background:linear-gradient(145deg,#eaf5fc,#cce9f2);position:relative;overflow:hidden;padding:35px;display:flex;align-items:flex-end;--about-shift:0px}.about-visual:before{transform:translateY(var(--about-shift));will-change:transform}.about-visual:after{transform:translateY(calc(var(--about-shift) * -1))}.about-visual:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:40px solid #0d5b9b20;top:-90px;left:-80px}.about-visual:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(145deg,#0d5b9b,#21b5c8);right:-35px;top:45px;box-shadow:0 25px 50px #0b4e8a30}.visual-note{position:relative;z-index:1;background:white;padding:20px 24px;border-radius:10px;box-shadow:0 12px 30px #0b2d5114;max-width:260px}.visual-note b{color:var(--navy);font-size:18px;display:block}.visual-note span{font-size:12px;color:var(--muted)}
.about-copy h2{font-size:40px;line-height:1.15;color:var(--navy);letter-spacing:-1.4px;margin:12px 0 18px}.about-copy p{color:var(--muted);font-size:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.checks span{font-size:13px;font-weight:700;color:#29445f}.checks span:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:9px}
.insights{background:#f8fafc}.insight-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.insight{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.insight-image{height:150px;background:linear-gradient(135deg,#0a2d56,#1777a8);position:relative}.insight-image:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff60;border-radius:50%;right:-35px;top:-30px;box-shadow:0 0 0 25px #ffffff10,0 0 0 50px #ffffff08}.insight:nth-child(2) .insight-image{background:linear-gradient(135deg,#1b6c85,#52c6c8)}.insight:nth-child(3) .insight-image{background:linear-gradient(135deg,#102b4e,#7a9dbb)}.insight-body{padding:22px}.insight-body small{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:10px}.insight-body h3{font-size:16px;color:var(--navy);line-height:1.4;margin:9px 0}.insight-body p{font-size:12px;color:var(--muted);margin:0}
.cta{background:linear-gradient(110deg,var(--navy),#0c6594);color:white;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:32px;line-height:1.2;margin:0 0 10px}.cta p{color:#d2e4f3;margin:0;font-size:14px}
footer{background:#061d39;color:#d8e4f0;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand{color:white}.footer-grid h4{color:white;font-size:13px;margin:0 0 15px}.footer-grid p,.footer-grid a{font-size:12px;color:#b8c9da}.footer-links{display:grid;gap:9px}.footer-bottom{border-top:1px solid #ffffff20;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#9eb4ca}
@media(max-width:900px){nav{gap:14px}.nav{height:72px}.hero-grid{gap:25px}.hero-art{min-height:300px}.orb{width:230px;height:230px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.insight-grid{grid-template-columns:1fr 1fr}.insight:first-child{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.topbar .container{justify-content:center}.hero{padding:58px 0 70px}.hero-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.hero-art{min-height:290px}.fc1{left:2%}.fc2{right:2%}.trust-inner{grid-template-columns:1fr 1fr;padding:22px}.stat strong{font-size:20px}section{padding:60px 0}.service-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-visual{min-height:300px}.about-copy h2{font-size:32px}.insight-grid{grid-template-columns:1fr}.insight:first-child{grid-column:auto}.cta-inner{align-items:flex-start;flex-direction:column}.cta h2{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}}

/* Corporate pattern-led refinement — preserves the original SEBCSL blue/cyan palette */
:root{--navy:#092b55;--blue:#125ca5;--cyan:#21b5c8;--ink:#14243a;--muted:#64748b;--pale:#eaf2f9;--line:#cfdeeb;--white:#fff}
body{background:#edf3f8}
header{background:#f5f9fcf2;border-bottom-color:#cbd9e7}
.brandmark{border-radius:5px;background:var(--navy);box-shadow:inset 0 0 0 1px #ffffff35}
.nav-cta{border-radius:3px}
.hero{background:linear-gradient(112deg,#0b315e 0%,#125ca5 62%,#168aa0 100%);padding:76px 0 84px}
.hero:before{width:660px;height:660px;border-radius:0;border:0;right:-100px;top:-170px;
 background:repeating-linear-gradient(135deg,transparent 0 34px,#ffffff0b 35px 36px),repeating-linear-gradient(45deg,transparent 0 70px,#ffffff09 71px 72px);
 box-shadow:none;transform:rotate(8deg)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 68%,#ffffff04 68% 68.2%,transparent 68.2%)}
.hero h1{font-size:clamp(38px,4.6vw,58px);letter-spacing:-1.5px}
.hero h1 span{color:#77dbe4}
.hero-art{min-height:365px}
.orb{width:300px;height:300px;border-radius:12px;background:linear-gradient(145deg,#eaf7fb,#b6e2ec 48%,#287eb5);box-shadow:0 22px 65px #001c3b55;transform:rotate(45deg) scale(.78)}
.orb:before{inset:25px;border-radius:4px;border:1px solid #ffffff90;transform:rotate(0deg)}
.orb:after{inset:0;border:0;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 28px,#ffffff25 29px 30px),repeating-linear-gradient(90deg,transparent 0 28px,#ffffff25 29px 30px);transform:none}
.float-card{border-radius:5px;border:1px solid #d7e5f0;box-shadow:0 12px 30px #001b3a28}
.trust-inner{background:#dfeaf4;border:1px solid #c5d8e8;border-radius:5px;box-shadow:0 10px 30px #0b2d510b}
.stat strong{font-size:20px}
section{padding:76px 0}
.services{background:#e5eef6;position:relative}
.services:before,.insights:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(135deg,transparent 0 48px,#cbdceb55 49px 50px)}
.services .container,.insights .container{position:relative}
.section-head h2,.about-copy h2{letter-spacing:-.7px}
.kicker{color:#125ca5}
.service-card{background:#f7fafc;border-radius:5px;border-color:#cbdce9;box-shadow:0 4px 15px #0b2d5108}
.service-card:hover{border-color:#82b7d8;box-shadow:0 12px 25px #0b2d5112}
.service-icon{border-radius:5px;background:#dcecf7}
.about-visual{border-radius:5px;background:linear-gradient(135deg,#d9eaf5,#b8d9e9);background-image:repeating-linear-gradient(135deg,transparent 0 30px,#ffffff42 31px 32px),linear-gradient(135deg,#d9eaf5,#b8d9e9)}
.about-visual:before{border-radius:5px;border:1px solid #0d5b9b30;border-width:35px;top:-85px;left:-70px}
.about-visual:after{border-radius:5px;background:linear-gradient(145deg,#125ca5,#21b5c8);transform:rotate(12deg)}
.visual-note{border-radius:5px;border-left:4px solid var(--cyan)}
.insights{background:#dfeaf4;position:relative}
.insight{background:#f7fafc;border-radius:5px;border-color:#cbdce9}
.insight-image{background-image:repeating-linear-gradient(135deg,transparent 0 25px,#ffffff12 26px 27px),linear-gradient(135deg,#0a2d56,#1777a8)}
.insight:nth-child(2) .insight-image{background-image:repeating-linear-gradient(45deg,transparent 0 25px,#ffffff15 26px 27px),linear-gradient(135deg,#1b6c85,#52c6c8)}
.insight:nth-child(3) .insight-image{background-image:repeating-linear-gradient(135deg,transparent 0 25px,#ffffff15 26px 27px),linear-gradient(135deg,#102b4e,#7a9dbb)}
.insight-body{padding:24px}
.cta{background:repeating-linear-gradient(135deg,transparent 0 38px,#ffffff08 39px 40px),linear-gradient(110deg,#125ca5,#0c7191);border-top:4px solid #21b5c8}
.btn{border-radius:4px}
.btn-primary{background:#f5f9fc;color:var(--navy)}
footer{background:#092b55}
.footer-brand .brandmark{background:linear-gradient(145deg,#125ca5,#21b5c8)}
@media(max-width:680px){.hero{padding:55px 0 65px}.orb{width:230px;height:230px}.trust-inner{border-radius:5px}.service-card{padding:24px}}


/* Human-directed corporate design: restrained, editorial, grid-based */
body{background:#f0f5f9;color:#20364d;font-family: var(--font-body)}
/* Corporate Navigation is styled in the Corporate Navigation Suite */
.hero{padding:66px 0 72px;background:#125ca5}
.hero:before{width:auto;height:auto;inset:0;right:0;top:0;border-radius:0;box-shadow:none;transform:none;
 background:repeating-linear-gradient(90deg,transparent 0 79px,#ffffff0b 80px 81px),repeating-linear-gradient(0deg,transparent 0 79px,#ffffff0b 80px 81px)}
.hero:after{display:none}
.hero-market-motion{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.17}
.hero-market-motion svg{position:absolute;width:min(92%,1100px);height:100%;right:-4%;top:0;overflow:visible;animation:market-drift 24s ease-in-out infinite alternate}
.hero-market-motion .trend-line{stroke-dasharray:12 10;animation:trend-flow 30s linear infinite}
.hero-market-motion .market-candles{animation:candle-float 18s ease-in-out infinite alternate}
.hero-grid{gap:45px;position:relative;z-index:1}
@keyframes market-drift{from{transform:translate3d(0,-1.5%,0)}to{transform:translate3d(-1.5%,1.5%,0)}}
@keyframes trend-flow{to{stroke-dashoffset:-440}}
@keyframes candle-float{from{transform:translateY(0)}to{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.hero-market-motion svg,.hero-market-motion .trend-line,.hero-market-motion .market-candles{animation:none!important}}

.hero h1{font-size:clamp(36px,4.2vw,54px);letter-spacing:-1.1px;font-weight:700}
.hero h1 span{color:#8bdce4}
.eyebrow{letter-spacing:1.5px;color:#a4e4e9}
.hero p{font-size:15px;line-height:1.8;color:#e0edf7}
.btn{border-radius:2px;font-size:12px;padding:13px 18px}
.btn-primary{background:#f4f8fb;color:#125ca5}
.btn-outline{border-color:#c4dfed}
.hero-art{min-height:350px;perspective:none;display:flex;align-items:center;justify-content:center}
.orb,.float-card{display:none}
.market-panel{width:100%;max-width:440px;min-height:300px;background:#eaf2f8;color:#163d65;padding:25px 27px;position:relative;border:1px solid #c5d9e8;box-shadow:8px 8px 0 #092b5525}
.market-panel-head{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.2px;font-weight:700;color:#52728f;border-bottom:1px solid #c4d7e6;padding-bottom:12px}
.market-panel-title{font-size:28px;line-height:1.25;margin:23px 0 18px;font-weight:400;letter-spacing:-.5px}
.market-panel-title strong{font-weight:700;color:#125ca5}
.market-rule{height:3px;background:#21b5c8;width:54px;margin-bottom:20px}
.market-data{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.market-data small{display:block;font-size:8px;letter-spacing:1.1px;color:#67839b;margin-bottom:5px}
.market-data b{font-size:12px;color:#163d65}
.market-bars{display:flex;align-items:flex-end;gap:5px;height:48px;margin:19px 0 14px;border-bottom:1px solid #bdcfdf}
.market-bars i{display:block;width:7%;background:#7fb9d5}
.market-bars i:nth-child(3n){background:#125ca5}
.market-bars i:nth-child(1){height:25%}.market-bars i:nth-child(2){height:42%}.market-bars i:nth-child(3){height:35%}.market-bars i:nth-child(4){height:55%}.market-bars i:nth-child(5){height:47%}.market-bars i:nth-child(6){height:64%}.market-bars i:nth-child(7){height:53%}.market-bars i:nth-child(8){height:75%}.market-bars i:nth-child(9){height:61%}.market-bars i:nth-child(10){height:80%}.market-bars i:nth-child(11){height:68%}.market-bars i:nth-child(12){height:95%}
.market-panel-foot{font-size:7px;letter-spacing:1px;color:#66839c}
.trust{margin-top:-20px}
.trust-inner{background:#dce9f4;border:1px solid #c1d5e6;border-radius:2px;box-shadow:none;padding:23px 26px}
.stat strong{font-size:17px;font-weight:700}
section{padding:68px 0}
.section-head{margin-bottom:30px}
.section-head h2,.about-copy h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.5px}
.services{background:#e4edf5}
.services:before,.insights:before{opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 95px,#c2d7e655 96px 97px)}
.service-grid{gap:14px}
.service-card{border-radius:2px;background:#f3f7fa;border:1px solid #c8d9e7;padding:23px;box-shadow:none}
.service-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0b2d510b}
.service-icon{border-radius:2px;background:#dcebf5}
.about-grid{gap:50px}
.about-visual{border-radius:2px;background:#d8e8f3;box-shadow:inset 0 0 0 1px #c1d6e6}
.about-visual:before{border-radius:0;border-width:1px;border-color:#125ca528;top:-60px;left:-45px;width:330px;height:330px}
.about-visual:after{border-radius:0;background:#125ca5;box-shadow:none;transform:rotate(0deg);width:180px;height:210px;right:35px;top:45px}
.visual-note{border-radius:2px;box-shadow:none;border:1px solid #c9dce9;border-left:3px solid #21b5c8}
.insights{background:#e2ecf5}
.insight-grid{gap:14px}
.insight{border-radius:2px;background:#f3f7fa;box-shadow:none}
.insight-image{height:120px;background:#125ca5}
.insight-image:after{border-radius:0;box-shadow:none;border-color:#ffffff30;right:25px;top:20px}
.insight-body{padding:20px}
.cta{background:#125ca5;border-top:3px solid #21b5c8}
footer{background:#092b55}
@media(max-width:680px){.market-panel{padding:20px;min-height:270px}.market-panel-title{font-size:24px}.hero-art{min-height:300px}.trust-inner{border-radius:2px}.about-visual:after{right:20px;width:145px;height:180px}}


/* Interactive investment projection module */
.investment-tool{background:#edf4f9;position:relative;overflow:hidden;padding:76px 0}
.investment-tool:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#c8dce955 80px 81px),repeating-linear-gradient(0deg,transparent 0 79px,#c8dce955 80px 81px);opacity:.55}
.invest-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.invest-intro h2{font-size:clamp(29px,3.2vw,40px);line-height:1.2;color:#092b55;letter-spacing:-.6px;margin:13px 0 18px}
.invest-intro p{font-size:14px;color:#5e7489;line-height:1.8;max-width:460px}
.invest-callout{display:flex;gap:11px;align-items:flex-start;margin-top:26px;padding:14px 16px;border:1px solid #c9dce9;background:#e2edf5;color:#61788d;font-size:11px;line-height:1.65}
.callout-mark{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border:1px solid #82afcc;border-radius:50%;font-weight:bold;color:#125ca5}
.invest-calculator{background:#f8fbfd;border:1px solid #c7d9e7;box-shadow:7px 7px 0 #092b5510;padding:26px 28px;border-radius:2px}
.calc-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6e3ed;padding-bottom:17px;margin-bottom:20px}
.calc-overline,.result-caption{font-size:9px;letter-spacing:1.4px;color:#6a8297;font-weight:700}
.calc-head h3{margin:5px 0 0;color:#092b55;font-size:20px}
.calc-stamp{font-size:11px;font-weight:700;color:#125ca5;border:1px solid #bdd5e6;padding:7px 10px}
.calc-controls label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#38536d;font-size:12px;margin:15px 0 8px}
.calc-controls label strong{font-size:12px;color:#125ca5;white-space:nowrap}
.calc-controls input[type=range]{width:100%;accent-color:#125ca5;cursor:pointer}
.range-ends{display:flex;justify-content:space-between;color:#8a9daf;font-size:9px;margin-top:0}
.calc-result{margin-top:23px;background:#e3eef6;border:1px solid #c5d9e8;padding:20px}
.result-value{font-size:clamp(26px,3vw,36px);font-weight:700;color:#125ca5;letter-spacing:-.6px;margin:7px 0 16px;transition:opacity .15s}
.result-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.result-breakdown small{display:block;font-size:10px;color:#6b8297;margin-bottom:4px}
.result-breakdown b{font-size:13px;color:#173f66}
.calc-visual{display:flex;align-items:center;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid #c8dbe9}
.calc-donut{width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#21b5c8 0% 53.6%,#125ca5 53.6% 100%);position:relative;transition:background .35s ease}
.calc-donut:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#e3eef6}
.donut-center{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:3px}
.donut-center small{font-size:9px;letter-spacing:.4px;color:#6b8297}
.donut-center strong{font-size:17px;color:#092b55}
.calc-legend{display:grid;gap:10px;font-size:11px;color:#49647d}
.calc-legend>span{display:flex;align-items:center;gap:8px}
.calc-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;flex:0 0 9px}
.legend-principal{background:#125ca5}.legend-growth{background:#21b5c8}
@media(max-width:850px){.invest-layout{grid-template-columns:1fr;gap:28px}.invest-intro p{max-width:650px}}
@media(max-width:680px){.investment-tool{padding:55px 0}.invest-calculator{padding:20px}.calc-result{padding:16px}.result-value{font-size:28px}.calc-visual{gap:16px}.calc-donut{width:92px;height:92px;flex-basis:92px}}
@media(prefers-reduced-motion:reduce){.calc-donut,.result-value{transition:none}}


/* Contrasting layered patterns with scroll-driven parallax */
.hero,.services,.investment-tool,.insights,.cta{isolation:isolate;position:relative;overflow:hidden}
.hero:before{transform:translate3d(0,var(--hero-pattern-shift,0px),0);will-change:transform}
.services:before,.investment-tool:before,.insights:before{
 background-image:
  repeating-linear-gradient(135deg,transparent 0 31px,#125ca510 32px 33px),
  repeating-linear-gradient(45deg,transparent 0 63px,#21b5c81b 64px 65px),
  radial-gradient(circle at 20% 30%,#125ca508 0 2px,transparent 3px);
 background-size:auto,auto,24px 24px;
 transform:translate3d(0,var(--pattern-shift,0px),0);
 will-change:transform;
}
.services:before,.insights:before{opacity:.75}
.investment-tool:before{opacity:.6}
.cta:before{content:"";position:absolute;inset:-100px;pointer-events:none;z-index:-1;
 background:repeating-linear-gradient(135deg,transparent 0 42px,#ffffff0c 43px 44px),repeating-linear-gradient(45deg,transparent 0 84px,#21b5c81b 85px 86px);
 transform:translate3d(0,var(--pattern-shift,0px),0);will-change:transform}
.about-visual{background-image:
 repeating-linear-gradient(135deg,transparent 0 26px,#125ca510 27px 28px),
 repeating-linear-gradient(45deg,transparent 0 58px,#21b5c81a 59px 60px),
 linear-gradient(135deg,#d9eaf5,#b8d9e9)}
.about-visual:before{transform:translate3d(0,var(--about-pattern-shift,0px),0);will-change:transform}
.market-panel{background-image:repeating-linear-gradient(135deg,transparent 0 20px,#125ca509 21px 22px),linear-gradient(#eaf2f8,#eaf2f8)}
@media(prefers-reduced-motion:reduce){
 .hero:before,.services:before,.investment-tool:before,.insights:before,.cta:before,.about-visual:before{transform:none!important}
}


/* Calculator desktop split + elevated projection panel */
.invest-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:stretch;gap:34px}
.invest-calculator{background:linear-gradient(145deg,#ffffff 0%,#f3f8fc 100%);border:1px solid #d8e6f1;border-radius:18px;box-shadow:0 18px 48px rgba(9,43,85,.09);padding:clamp(24px,3vw,38px)}
.calc-result{background:linear-gradient(135deg,#092b55 0%,#125ca5 78%,#147ca8 100%);color:#fff;border-radius:16px;padding:clamp(22px,3vw,32px);box-shadow:0 14px 34px rgba(9,43,85,.16);position:relative;overflow:hidden}
.calc-result:before{content:"";position:absolute;right:-70px;top:-95px;width:250px;height:250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.02);pointer-events:none}
.calc-result>*{position:relative;z-index:1}
.calc-result .result-value{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.2px;line-height:1.15;color:#fff}
.calc-result small,.calc-result .result-breakdown small{color:rgba(255,255,255,.7)}
.calc-result .result-breakdown{border-color:rgba(255,255,255,.18)}
.calc-result .result-breakdown b{color:#fff}
.calc-result .calc-visual{border-color:rgba(255,255,255,.16)}
.calc-result .calc-donut:before{background:#123c6b}
.calc-result .donut-center small{color:rgba(255,255,255,.72)}
.calc-result .donut-center strong{color:#fff}
.calc-result .calc-legend{color:rgba(255,255,255,.8)}
.calc-result .legend-principal{background:#83b7e7}
.calc-result .legend-growth{background:#39d2d5}
@media(max-width:850px){.invest-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:680px){.invest-calculator{padding:20px}.calc-result{padding:20px}.calc-result .result-value{font-size:29px}}


/* Calculator workspace: controls and blue projection card in a clear row */
.invest-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px}
.invest-intro{max-width:780px}
.invest-intro h2{max-width:700px}
.invest-intro p{max-width:680px}
.invest-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.88fr);grid-template-areas:"head head" "controls result";column-gap:28px;row-gap:18px;align-items:stretch;padding:clamp(22px,3vw,34px);border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f2f8fc 100%);border:1px solid #d4e4ef;box-shadow:0 18px 42px rgba(9,43,85,.08)}
.calc-head{grid-area:head;margin:0;padding-bottom:17px}
.calc-controls{grid-area:controls;align-self:center}
.calc-result{grid-area:result;margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;border-radius:17px;background:linear-gradient(135deg,#092b55 0%,#125ca5 72%,#1684ad 100%);padding:clamp(20px,2.5vw,30px);box-shadow:0 12px 28px rgba(9,43,85,.17)}
.calc-result .result-value{font-size:clamp(29px,3.2vw,43px);overflow-wrap:anywhere}
.calc-result .result-breakdown{gap:12px}
.calc-result .calc-visual{gap:16px}
@media(max-width:760px){
 .invest-layout{gap:22px}
 .invest-calculator{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "controls" "result";gap:18px;padding:20px}
 .calc-controls{align-self:stretch}
 .calc-result{padding:20px}
}
@media(max-width:420px){
 .calc-result .result-value{font-size:27px;letter-spacing:-.5px}
 .calc-result .calc-donut{width:88px;height:88px;flex-basis:88px}
 .calc-result .calc-visual{gap:12px}
}

 
/* Market motion is more explicit, with slow animated chart bars and investment-service cards */
.market-bars i{transform-origin:bottom;animation:market-bar-pulse 3.8s ease-in-out infinite alternate}
.market-bars i:nth-child(2n){animation-delay:.4s}
.market-bars i:nth-child(3n){animation-delay:.9s}
.market-panel{animation:panel-lift 7s ease-in-out infinite}
.service-card{animation:service-card-rise .8s ease both}
.service-card:nth-child(2){animation-delay:.12s}
.service-card:nth-child(3){animation-delay:.24s}
.service-card:nth-child(4){animation-delay:.36s}
.service-card:nth-child(5){animation-delay:.48s}
.service-card:nth-child(6){animation-delay:.6s}
@keyframes market-bar-pulse{from{transform:scaleY(.82);opacity:.7}to{transform:scaleY(1);opacity:1}}
@keyframes panel-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes service-card-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.service-card:hover{animation:none}
@media(prefers-reduced-motion:reduce){.market-bars i,.market-panel,.service-card{animation:none!important}}


/* Capital-market-specific background motion: ticker concepts and softly moving labels */
.hero-market-motion{opacity:.2}
.capital-market-ticker{position:absolute;inset:0;z-index:1;pointer-events:none;font-family:inherit}
.ticker-chip{position:absolute;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;min-width:190px;padding:11px 14px;border:1px solid rgba(203,242,248,.34);border-radius:7px;background:rgba(8,42,81,.38);color:#d9f7fa;box-shadow:0 8px 24px rgba(4,30,64,.06);backdrop-filter:blur(2px);animation:ticker-drift 9s ease-in-out infinite alternate}
.ticker-chip .ticker-symbol{grid-row:span 2;font-size:11px;font-weight:800;letter-spacing:1.2px;padding:8px 9px;border:1px solid rgba(203,242,248,.25);border-radius:4px;align-self:center}
.ticker-chip .ticker-name{font-size:10px;letter-spacing:.4px;opacity:.78}
.ticker-chip strong{font-size:11px;font-weight:600}
.ticker-chip-one{left:9%;top:25%;animation-delay:-1s}
.ticker-chip-two{left:31%;top:63%;animation-delay:-3s}
.ticker-chip-three{right:10%;top:24%;animation-delay:-5s}
.ticker-chip-four{right:18%;top:70%;animation-delay:-2s}
@keyframes ticker-drift{from{transform:translateY(0)}to{transform:translateY(-9px)}}
@media(max-width:680px){.ticker-chip{min-width:150px;padding:8px 9px;gap:3px 7px}.ticker-chip .ticker-symbol{font-size:9px;padding:6px}.ticker-chip .ticker-name{font-size:9px}.ticker-chip strong{font-size:10px}.ticker-chip-one{left:2%;top:15%}.ticker-chip-two{left:8%;top:72%}.ticker-chip-three{right:1%;top:30%}.ticker-chip-four{right:3%;top:70%}}
@media(prefers-reduced-motion:reduce){.ticker-chip{animation:none!important}}


/* Services showcase with tabs and projected-future-value blue card treatment */
.service-showcase{border:1px solid #c6dced;border-radius:16px;overflow:hidden;background:#edf4fa;box-shadow:0 16px 42px rgba(9,43,85,.08)}
.service-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e3eff8;border-bottom:1px solid #b9d5e9}
.service-tab{border:0;border-right:1px solid #c4dced;border-bottom:1px solid #c4dced;background:#eaf4fb;color:#174a79;padding:18px 15px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.service-tab:nth-child(even){background:#dcebf7}
.service-tab:hover{background:#c9e3f5;color:#092b55}
.service-tab.is-active{background:linear-gradient(135deg,#092b55 0%,#125ca5 72%,#1684ad 100%);color:#fff;border-bottom-color:#21b5c8;box-shadow:inset 0 -3px #21b5c8}
.service-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:34px;align-items:center;padding:clamp(24px,4vw,44px);color:#fff;background:linear-gradient(135deg,#092b55 0%,#125ca5 72%,#1684ad 100%);min-height:310px;position:relative;overflow:hidden}
.service-feature:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff14;border-radius:50%;right:-110px;top:-180px;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff05;pointer-events:none}
.service-feature-copy{position:relative;z-index:1}
.service-feature-kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#8fe2eb}
.service-feature h3{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:14px 0 16px;color:#fff}
.service-feature p{font-size:14px;line-height:1.8;color:#e0eef8;max-width:480px;margin:0 0 22px}
.service-feature-link{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid #9dd7ec;border-radius:4px;color:#fff;font-size:12px;font-weight:700}
.service-feature-link span{font-size:17px;color:#6fe0e5}
.service-feature-visual{position:relative;z-index:1;min-height:220px;border:1px solid #8cc8e6a0;border-radius:13px;background:linear-gradient(145deg,#164e87,#0c3568);overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.feature-visual-label{display:flex;justify-content:space-between;color:#b9e9f5;font-size:9px;letter-spacing:1.5px;font-weight:800}
.feature-visual-label span{color:#fff}
.feature-chart{position:absolute;inset:50px 20px 35px;display:flex;align-items:flex-end;gap:8px;opacity:.42}
.feature-chart i{flex:1;background:linear-gradient(180deg,#53d4dc,#a6e9f0);border-radius:3px 3px 0 0;animation:feature-bars 3.5s ease-in-out infinite alternate;transform-origin:bottom}
.feature-chart i:nth-child(2n){animation-delay:.3s}.feature-chart i:nth-child(3n){animation-delay:.7s}
.feature-trend{position:absolute;inset:42px 14px 35px;width:calc(100% - 28px);height:calc(100% - 77px);overflow:visible}
.feature-visual-foot{display:flex;justify-content:space-between;gap:10px;align-items:end;color:#c8e5f5;font-size:10px;position:relative;z-index:2}
.feature-visual-foot b{color:#fff;font-size:10px}
@keyframes feature-bars{from{transform:scaleY(.84);opacity:.6}to{transform:scaleY(1);opacity:1}}
@media(max-width:760px){.service-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.service-feature{grid-template-columns:1fr;gap:22px}.service-feature-visual{min-height:190px}}
@media(max-width:440px){.service-tab{padding:13px 9px;font-size:11px}.service-feature{padding:22px}.service-feature-visual{min-height:175px}}
@media(prefers-reduced-motion:reduce){.feature-chart i{animation:none!important}}


/* Sharper image-led services tabs and distinct selected state */
.service-tabs{display:flex;flex-wrap:wrap;gap:0;padding:10px;background:#dcebf7}
.service-tab{flex:1 1 16%;min-width:125px;padding:16px 12px;border:1px solid #c3d9eb;margin:3px;border-radius:7px;background:#f7fbfe;text-align:center}
.service-tab:nth-child(even){background:#f7fbfe}
.service-tab.is-active{background:linear-gradient(135deg,#092b55,#125ca5 70%,#1684ad);color:#fff;border-color:#21b5c8;box-shadow:0 6px 14px #092b5524,inset 0 -3px #21b5c8;transform:translateY(-2px)}
.service-feature{background:linear-gradient(135deg,#092b55 0%,#125ca5 72%,#1684ad 100%);border-radius:0}
.service-image-stage{min-height:270px;padding:18px;background:linear-gradient(145deg,#174f88,#0a3264);border:1px solid #91d1e7;border-radius:12px;box-shadow:inset 0 0 35px #c4f3fa0c}
.service-illustration{width:100%;height:210px;display:block;overflow:visible}
.service-illustration text{font:700 12px Arial,sans-serif;letter-spacing:2px;fill:#d8f7fa}
.service-image-caption,.service-image-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#bfeaf4;font-size:9px;letter-spacing:1.4px;font-weight:800}
.service-image-caption b,.service-image-foot b{color:#fff}
.service-image-foot{letter-spacing:.3px;font-size:10px}
.image-enter{animation:service-image-appear .38s ease both}
@keyframes service-image-appear{from{opacity:.35;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-tab{min-width:0;flex:initial}.service-image-stage{min-height:230px}.service-illustration{height:175px}}
@media(prefers-reduced-motion:reduce){.image-enter{animation:none!important}}


/* What We Do: service-specific photo imagery instead of abstract illustration patterns */
.service-image-stage{position:relative;min-height:300px;padding:0;overflow:hidden;background:#125ca5;border:1px solid #8ec8ed;border-radius:12px}
.service-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:transform .65s ease,filter .4s ease}
.service-image-stage:hover .service-photo{transform:scale(1.045);filter:saturate(1)}
.service-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,43,85,.52) 0%,rgba(9,43,85,.08) 40%,rgba(9,43,85,.72) 100%)}
.service-image-caption,.service-image-foot{position:absolute;left:20px;right:20px;z-index:2}
.service-image-caption{top:18px}
.service-image-foot{bottom:18px}
.service-illustration{display:none!important}
@media(max-width:760px){.service-image-stage{min-height:230px}}
@media(prefers-reduced-motion:reduce){.service-photo{transition:none!important}}


/* Motion, about progression counters, Why SEBCSL and account acquisition CTA */
.hero-market-motion .market-candles{transform-origin:center;animation:hero-candle-rise 8s ease-in-out infinite alternate}
.hero-market-motion .trend-line{stroke-dasharray:10 9;animation:hero-trend-draw 18s linear infinite}
.hero-market-motion svg{animation:hero-chart-float 13s ease-in-out infinite alternate}
.market-bars i{animation:hero-bar-live 2.8s ease-in-out infinite alternate}
.market-bars i:nth-child(2n){animation-delay:.35s}.market-bars i:nth-child(3n){animation-delay:.8s}
.about-progress{margin:25px 0 24px;padding:18px 20px;background:#eaf4fb;border:1px solid #c6dced;border-radius:9px}
.about-counter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-counter strong{display:block;color:#125ca5;font-size:clamp(22px,2.4vw,31px);font-weight:850;line-height:1.2}
.about-counter span{font-size:10px;letter-spacing:.4px;color:#607d98;font-weight:700}
.progress-track{height:6px;background:#c8dce9;border-radius:99px;margin:16px 0 9px;overflow:hidden}
.progress-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#125ca5,#21b5c8);border-radius:99px;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.progress-caption{display:flex;justify-content:space-between;gap:10px;color:#67819a;font-size:10px}
.progress-caption b{color:#125ca5}

#about .about-progress{margin:28px 0;padding:18px;background:linear-gradient(135deg,#f4f9fd,#eaf4fb);border:1px solid #d3e4f1;border-radius:18px;box-shadow:0 8px 24px rgba(9,43,85,.04)}
#about .about-counter-row{gap:10px}
#about .about-counter{padding:18px 12px;background:#fff;border:1px solid #dce9f3;border-radius:12px;min-width:0}
#about .about-counter i{display:grid;place-items:center;width:32px;height:32px;margin-bottom:14px;border-radius:9px;background:#eaf6fa;color:#1684ad;font-size:15px}
#about .about-counter strong{color:#092b55;font-size:clamp(25px,2.6vw,34px);font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}
#about .about-counter span{display:block;margin-top:6px;color:#637b90;font-size:11px;line-height:1.5;letter-spacing:0;font-weight:600}
#about .progress-track{height:3px;margin:20px 0 14px;background:#d7e6f1}
#about .progress-caption{align-items:center;gap:14px;font-size:11px;line-height:1.6;color:#526f87}
#about .progress-caption b{flex-shrink:0;padding:5px 10px;border-radius:6px;background:#092b55;color:#fff;font-size:9px;letter-spacing:1.2px}
@media(max-width:380px){#about .about-progress{padding:12px}#about .about-counter-row{gap:6px}#about .about-counter{padding:14px 8px}#about .about-counter span{font-size:10px}}
.why-choose{background:#eaf3fa}
/* Ambient growth animation inspired by the hero visual */
.why-choose{position:relative;isolation:isolate;overflow:hidden}
.why-choose:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.42;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 520' fill='none'%3E%3Cpath d='M-30 440 C130 420 190 370 300 390 S470 340 570 300 S720 330 820 220 S990 230 1080 120 S1150 90 1240 30' stroke='%2321b5c8' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M-30 440 C130 420 190 370 300 390 S470 340 570 300 S720 330 820 220 S990 230 1080 120 S1150 90 1240 30' stroke='%2321b5c8' stroke-width='18' stroke-linecap='round' opacity='.12'/%3E%3C/svg%3E");background-size:cover;background-position:center;animation:sectionGrowthDrift 12s ease-in-out infinite alternate}
.why-choose .container{position:relative;z-index:1}
@keyframes sectionGrowthDrift{0%{transform:translate3d(-1.5%,1%,0) scale(1);opacity:.25}100%{transform:translate3d(1.5%,-1%,0) scale(1.04);opacity:.48}}
@media(prefers-reduced-motion:reduce){.why-choose:before{animation:none}}

.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why-card{position:relative;padding:25px 22px 26px;background:#fff;border:1px solid #cbdfee;border-radius:10px;min-height:220px;transition:transform .25s,box-shadow .25s,border-color .25s}
.why-card:nth-child(even){background:#fff}
.why-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #092b5515;border-color:#8fc5e7}
.why-number{position:absolute;right:17px;top:14px;font-size:11px;font-weight:850;color:#8eacc5}
.why-icon{width:43px;height:43px;border-radius:8px;background:linear-gradient(145deg,#092b55,#125ca5 75%,#21b5c8);color:white;display:grid;place-items:center;font-size:22px;margin-bottom:20px}
.why-card h3{font-size:16px;line-height:1.35;color:#092b55;margin:0 0 9px}
.why-card p{font-size:12px;line-height:1.75;color:#5d7389;margin:0}
.account-ad{padding:68px 0;background:#f1f7fb}
.account-ad-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;background:linear-gradient(125deg,#092b55 0%,#125ca5 75%,#1684ad 100%);border:1px solid #87c6e5;border-radius:17px;padding:clamp(28px,5vw,56px);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 45px #092b5518}
.account-ad-inner:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #ffffff17;right:-110px;top:-190px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}
.account-ad-copy{position:relative;z-index:2}
.ad-kicker{font-size:10px;letter-spacing:2px;font-weight:850;color:#7de2e7}
.account-ad h2{font-size:clamp(28px,3.5vw,43px);line-height:1.15;letter-spacing:-1px;margin:13px 0}
.account-ad p{color:#d9eaf7;font-size:14px;max-width:530px}
.account-ad-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.account-ad .btn-primary{color:#092b55;background:#fff}
.ad-visual{position:relative;z-index:1;height:220px;display:grid;place-items:center;overflow:hidden}
.ad-visual span{font-size:25px;line-height:1.1;letter-spacing:4px;font-weight:900;color:#e7fbfc;text-align:center;text-shadow:0 3px 18px #021a36}
.ad-orbit{position:absolute;width:190px;height:190px;border:1px solid #c6f3f633;border-radius:50%;box-shadow:0 0 0 28px #c6f3f60a,0 0 0 58px #c6f3f605;animation:ad-orbit-rotate 22s linear infinite}
.ad-bars{position:absolute;inset:20px 10px;display:flex;align-items:flex-end;gap:9px;opacity:.25}
.ad-bars i{flex:1;height:30%;background:linear-gradient(180deg,#7be3e7,#c8f6f5);border-radius:4px 4px 0 0;animation:hero-bar-live 3s ease-in-out infinite alternate}
.ad-bars i:nth-child(2){height:44%;animation-delay:.2s}.ad-bars i:nth-child(3){height:39%;animation-delay:.4s}.ad-bars i:nth-child(4){height:65%;animation-delay:.6s}.ad-bars i:nth-child(5){height:56%;animation-delay:.8s}.ad-bars i:nth-child(6){height:78%;animation-delay:1s}.ad-bars i:nth-child(7){height:96%;animation-delay:1.2s}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
@keyframes hero-candle-rise{from{transform:translateY(5px)}to{transform:translateY(-8px)}}
@keyframes hero-trend-draw{to{stroke-dashoffset:-360}}
@keyframes hero-chart-float{from{transform:translateY(-4px)}to{transform:translateY(5px)}}
@keyframes hero-bar-live{from{transform:scaleY(.75);opacity:.65}to{transform:scaleY(1);opacity:1}}
@keyframes ad-orbit-rotate{to{transform:rotate(360deg)}}
@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-ad-inner{grid-template-columns:1fr .7fr;gap:20px}}
@media(max-width:680px){.about-counter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.account-ad-inner{grid-template-columns:1fr;padding:26px}.ad-visual{height:150px}.why-grid{grid-template-columns:1fr}.why-card{min-height:0}.account-ad{padding:48px 0}}
@media(prefers-reduced-motion:reduce){.hero-market-motion svg,.hero-market-motion .market-candles,.hero-market-motion .trend-line,.market-bars i,.ad-orbit,.ad-bars i{animation:none!important}.reveal-on-scroll{opacity:1;transform:none;transition:none}.progress-fill{transition:none}}


/* Premium section/card interaction and visual finish */
.why-choose{background:linear-gradient(180deg,#edf5fb 0%,#f7fbfe 100%)}
.why-grid{gap:20px}
.why-card{background:#fff!important;border:1px solid #d5e5f1;border-radius:14px;padding:28px 25px 24px;box-shadow:0 8px 26px rgba(9,43,85,.045);overflow:hidden;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s}
.why-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#125ca5,#21b5c8);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.why-card:hover,.why-card:focus-within{transform:translateY(-8px);box-shadow:0 22px 44px rgba(9,43,85,.12);border-color:#8fc7e7}
.why-card:hover:before,.why-card:focus-within:before{transform:scaleX(1)}
.why-icon{border-radius:12px;box-shadow:0 8px 18px #125ca526;transition:transform .3s}
.why-card:hover .why-icon{transform:rotate(-5deg) scale(1.07)}
.why-card p{margin-bottom:22px}
.why-explore{margin-top:auto;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#125ca5;padding-top:15px;border-top:1px solid #e4eef6}
.why-explore span,.news-read span,.coverage-all span{transition:transform .2s}
.why-explore:hover span,.news-read:hover span,.coverage-all:hover span{transform:translate(3px,-2px)}
.latest-coverage{background:#fff}
.news-grid{gap:22px}
.news-card{border:1px solid #d6e5f0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #092b5508;transition:transform .3s,box-shadow .3s,border-color .3s}
.news-card:hover,.news-card:focus-within{transform:translateY(-7px);box-shadow:0 22px 42px #092b5517;border-color:#9bcbe7}
.news-image{height:210px;position:relative;display:block;overflow:hidden;background:#125ca5}
.news-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.news-card:hover .news-image img{transform:scale(1.06)}
.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#092b5500 35%,#092b5578 100%)}
.news-tag{position:absolute;left:17px;bottom:15px;z-index:1;background:#fff;color:#125ca5;border-radius:4px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.5px}
.news-card .insight-body{padding:22px 22px 24px}
.news-card .insight-body small{font-size:10px;letter-spacing:.5px;color:#6b8297}
.news-card h3{font-size:18px;line-height:1.35;margin:10px 0;color:#092b55}
.news-card p{font-size:12px;line-height:1.7;color:#61778c}
.news-listing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.news-listing .news-card{display:flex;flex-direction:column;min-width:0}
.news-listing .news-image{height:220px;flex-shrink:0}
.news-listing .news-tag{max-width:calc(100% - 32px);font-size:9px;letter-spacing:.6px}
.news-listing .insight-body{padding:24px}
.news-listing .insight-body small{display:flex;align-items:center;gap:7px;color:#6b8297}
.news-listing .insight-body h3{font-size:19px;line-height:1.45;margin:12px 0;color:#092b55}
.news-listing .insight-body p{font-size:13px;line-height:1.8;color:#61778c;margin:0}
.news-listing .news-read{margin-top:18px}
.news-listing h3 a:hover{color:#125ca5}
.news-detail-cover{overflow:hidden;border-radius:12px;margin-bottom:26px;background:#eaf3fa}
.news-detail-cover img{display:block;width:100%;max-height:460px;object-fit:cover}
.news-detail-meta{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:18px;color:#6b8297;font-size:12px}
.news-detail-meta>span:first-child{background:#e6f3fc;padding:6px 11px;border-radius:5px;color:#125ca5;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.7px}
.news-detail.content-box h2{font-size:clamp(23px,2.8vw,32px);line-height:1.35;border:0;padding:0;margin:0 0 22px}
.news-detail.content-box p{font-size:15px;line-height:1.9}
.news-detail-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #dce8f2;margin-top:30px;padding-top:20px}
.photo-gallery-page{background:#f5f9fc}
.photo-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.photo-gallery-heading h2{font-size:clamp(26px,3vw,36px);line-height:1.25;color:#092b55;margin:10px 0}
.photo-gallery-heading p{margin:0;color:#637b90;font-size:14px}
.photo-gallery-total{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;padding:10px 15px;border:1px solid #d8e6f1;border-radius:30px;background:#fff;color:#125ca5;font-size:12px;font-weight:700}
.photo-gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.photo-gallery-filters button{border:1px solid #d4e3ef;border-radius:30px;padding:10px 18px;background:#fff;color:#526d86;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s}
.photo-gallery-filters button[aria-pressed="true"]{background:#092b55;border-color:#092b55;color:#fff;box-shadow:0 5px 14px #092b551a}
.photo-gallery-filters button:hover{border-color:#1684ad}
.photo-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.photo-tile{margin:0;min-width:0;border:1px solid #dbe7f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 20px #092b5506;transition:box-shadow .3s,transform .3s}
.photo-tile[hidden]{display:none}
.photo-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px #092b5514}
.photo-preview{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#dceaf4}
.photo-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.photo-preview:hover img{transform:scale(1.05)}
.photo-expand{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;background:#092b55b3;color:#fff;font-size:14px;backdrop-filter:blur(6px)}
.photo-tile figcaption{padding:20px}
.photo-tile figcaption>span{font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#1684ad}
.photo-tile h3{font-size:17px;line-height:1.4;color:#092b55;margin:7px 0 0}
.photo-gallery-page :is(a,button):focus-visible{outline:3px solid #21b5c8;outline-offset:3px}
.sr-gallery-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.photo-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px clamp(12px,4vw,56px);border:0;background:#041326f5;color:#fff;z-index:10000;box-sizing:border-box}
.photo-lightbox[open]{display:flex;flex-direction:column}
.photo-lightbox::backdrop{background:#041326e6;backdrop-filter:blur(12px)}
.photo-lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.photo-lightbox-count{font-size:13px;letter-spacing:2px;color:#c6deed}
.photo-lightbox button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff12;color:#fff;font-size:18px;cursor:pointer}
.photo-lightbox button:hover{background:#ffffff2b}
.photo-lightbox button:focus-visible{outline:3px solid #21b5c8;outline-offset:3px}
.photo-lightbox button[hidden]{display:none}
.photo-lightbox-stage{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-height:0;padding:20px 0}
.photo-lightbox-image{display:block;min-width:0;max-width:calc(100% - 128px);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 12px 50px #0004}
.photo-lightbox-caption{text-align:center;flex-shrink:0;padding:8px 0 14px}
.photo-lightbox-caption>span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#8bdce4}
.photo-lightbox-caption h2{font-size:clamp(17px,2vw,23px);line-height:1.4;color:#fff;margin:8px 0 0}
@media(max-width:900px){.photo-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.photo-gallery-heading{align-items:flex-start;flex-direction:column;gap:16px}.photo-gallery-filters{gap:8px}.photo-gallery-filters button{padding:9px 13px;font-size:11px}.photo-collection{grid-template-columns:1fr;gap:20px}.photo-lightbox-stage{gap:8px}.photo-lightbox-stage button{width:32px;height:32px;font-size:13px}.photo-lightbox-image{max-width:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.photo-tile,.photo-preview img,.photo-gallery-filters button{transition:none}.photo-tile:hover,.photo-preview:hover img{transform:none}}
@media(max-width:680px){.news-listing{grid-template-columns:1fr;gap:20px}.news-listing .news-image{height:210px}.news-listing .insight-body{padding:20px}}
.news-read{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#125ca5;margin-top:6px}
.coverage-footer{display:flex;justify-content:center;margin-top:32px}
.coverage-all{display:inline-flex;gap:10px;align-items:center;padding:12px 18px;border:1px solid #b8d7eb;border-radius:6px;color:#125ca5;font-size:12px;font-weight:800;background:#f2f8fc}
section .section-head{transition:transform .3s}
section .section-head:hover{transform:translateY(-2px)}
@media(max-width:760px){.news-image{height:185px}.why-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.why-card,.why-icon,.news-card,.news-image img,.why-explore span,.news-read span,.coverage-all span,section .section-head{transition:none!important}.why-card:hover,.news-card:hover,section .section-head:hover{transform:none!important}}

/* Contact form + location map section before the site footer */ .contact-location{padding:76px 0;background:linear-gradient(180deg,#edf5fb,#f8fbfe)}.contact-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.contact-form-panel,.contact-map-panel{background:#fff;border:1px solid #d5e5f1;border-radius:15px;overflow:hidden;box-shadow:0 12px 34px #092b5508}.contact-form-panel{padding:clamp(22px,3vw,34px)}.contact-panel-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:23px}.contact-panel-heading span,.map-label{font-size:10px;letter-spacing:1.7px;font-weight:850;color:#1684ad}.contact-panel-heading b{font-size:23px;letter-spacing:-.5px;color:#092b55}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#385773}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;font:inherit;font-size:13px;font-weight:400;color:#183a5b;background:#f5f9fc;border:1px solid #d5e5f1;border-radius:6px;padding:12px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{border-color:#21b5c8;box-shadow:0 0 0 3px #21b5c81b}.contact-fields textarea{resize:vertical;min-height:110px}.contact-message{grid-column:1/-1}.contact-submit{display:inline-flex;align-items:center;gap:14px;margin-top:20px;border:0;border-radius:6px;background:linear-gradient(120deg,#092b55,#125ca5 75%,#1684ad);color:white;padding:13px 20px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:transform .2s,box-shadow .2s}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 9px 20px #125ca52c}.contact-submit span{color:#8fe5ea;font-size:17px}.form-hint{font-size:10px;color:#8295a7;line-height:1.5;margin:12px 0 0}.contact-map-panel{display:flex;flex-direction:column}.map-frame{height:360px;background:#e4eff7;position:relative;min-height:260px}.map-frame iframe{width:100%;height:100%;min-height:260px;border:0;display:block;filter:saturate(.9)}.map-details{display:flex;gap:15px;padding:23px 24px 16px;align-items:flex-start}.map-pin{flex-shrink:0;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#092b55,#125ca5 75%,#21b5c8);color:white;font-size:25px}.map-details h3{font-size:18px;color:#092b55;margin:5px 0}.map-details p{font-size:12px;color:#6a8196;margin:0 0 9px}.map-details a{font-size:11px;font-weight:800;color:#125ca5}.map-contact-row{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #e2edf5;margin:0 24px;padding:15px 0 20px}.map-contact-row span{display:flex;flex-direction:column;gap:4px}.map-contact-row small{font-size:9px;letter-spacing:1.2px;font-weight:850;color:#8aa0b4}.map-contact-row a{font-size:11px;color:#125ca5;font-weight:700}@media(max-width:820px){.contact-location-grid{grid-template-columns:1fr}.map-frame{height:260px}}@media(max-width:480px){.contact-location{padding:50px 0}.contact-fields{grid-template-columns:1fr}.contact-message{grid-column:auto}.contact-panel-heading b{font-size:20px}.map-details{padding:20px 18px}.map-contact-row{margin:0 18px}}

/* Premium capability strip: elevated, high-contrast and interactive */
.trust{margin-top:-27px;position:relative;z-index:4;padding-bottom:26px}
.trust-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 12px;padding:0 3px}
.trust-heading span{font-size:10px;letter-spacing:2px;font-weight:900;color:#1684ad}
.trust-heading b{font-size:clamp(14px,1.7vw,19px);font-weight:750;letter-spacing:-.3px;color:#092b55}
.trust-inner{background:linear-gradient(135deg,#fff 0%,#f5faff 100%);border:1px solid #b7d3e8;border-radius:13px;padding:14px;box-shadow:0 16px 38px rgba(9,43,85,.13);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible}
.trust-inner .stat{position:relative;min-width:0;background:#fff;border:1px solid #dce9f3;border-radius:9px;padding:20px 17px 18px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden}
.trust-inner .stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#092b55,#125ca5,#21b5c8)}
.trust-inner .stat:after{content:"";position:absolute;right:-25px;bottom:-36px;width:90px;height:90px;border-radius:50%;border:1px solid #d8eaf6;box-shadow:0 0 0 12px #f5faff;opacity:.8;pointer-events:none}
.trust-inner .stat:hover,.trust-inner .stat:focus-within{transform:translateY(-5px);border-color:#9bc9e5;box-shadow:0 14px 28px rgba(9,43,85,.12)}
.trust-inner .stat strong{position:relative;z-index:1;font-size:clamp(14px,1.35vw,18px);line-height:1.35;font-weight:800;color:#092b55;margin:0 0 7px;white-space:normal}
.trust-inner .stat span{position:relative;z-index:1;display:block;font-size:11px;line-height:1.55;color:#58738d}
@media(max-width:760px){.trust{margin-top:-15px}.trust-heading{align-items:flex-start;flex-direction:column;gap:4px}.trust-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:9px}.trust-inner .stat{padding:17px 14px}}
@media(max-width:420px){.trust-inner{grid-template-columns:1fr}.trust-inner .stat{padding:15px}}
@media(prefers-reduced-motion:reduce){.trust-inner .stat{transition:none}.trust-inner .stat:hover{transform:none}}


/* Restore the previous simple capability-strip presentation */
.trust-heading{margin-bottom:0}
.trust-heading b{display:none!important}
.trust-inner{background:#fff!important;border:1px solid #c7d8e7!important;border-radius:0!important;box-shadow:none!important;padding:20px 24px!important;gap:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.trust-inner .stat{background:transparent!important;border:0!important;border-radius:0!important;padding:4px 18px!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
.trust-inner .stat:before,.trust-inner .stat:after{display:none!important}
.trust-inner .stat strong{font-size:17px!important;font-weight:700!important;color:#092b55!important;margin:0 0 5px!important}
.trust-inner .stat span{font-size:11px!important;color:#647b91!important}
.trust-inner .stat:hover,.trust-inner .stat:focus-within{transform:none!important;box-shadow:none!important;border-color:transparent!important}
@media(max-width:760px){.trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:16px!important;gap:15px!important}.trust-inner .stat{padding:4px 10px!important}}
@media(max-width:420px){.trust-inner{grid-template-columns:1fr!important}.trust-inner .stat{padding:8px 10px!important}}


/* Key Information + Wealth Management: animated editorial modules */
.key-information{padding:76px 0;background:linear-gradient(180deg,#f8fbfe 0%,#eaf3fa 100%);position:relative;overflow:hidden}
.key-information:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#092b55,#125ca5,#21b5c8)}
.key-info-head{text-align:center;margin-bottom:35px}
.key-info-head h2{text-transform:uppercase;letter-spacing:1.2px;color:#125ca5}
.key-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.key-info-item{display:flex;align-items:center;gap:17px;min-height:104px;background:#fff;border:1px solid #d6e5f1;border-radius:12px;padding:20px 22px;box-shadow:0 7px 22px #092b5506;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.key-info-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#125ca5,#21b5c8);transform:scaleY(0);transform-origin:bottom;transition:transform .35s}
.key-info-item:hover{transform:translateY(-5px);box-shadow:0 16px 32px #092b5514;border-color:#a8cfe8}
.key-info-item:hover:after{transform:scaleY(1)}
.key-info-icon{width:54px;height:54px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;color:white;font-size:24px;font-weight:800;box-shadow:0 7px 14px #092b5510;transition:transform .3s}
.key-info-item:hover .key-info-icon{transform:rotate(-4deg) scale(1.06)}
.icon-amber{background:#a85a00}.icon-green{background:#009b58}.icon-lime{background:#b5c900}.icon-blue{background:#0865c7}.icon-coral{background:#ff8e98}.icon-violet{background:#9290ff}.icon-cyan{background:#00bfc4}
.key-info-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#6b8298;font-weight:850;display:block;margin-bottom:5px}
.key-info-copy h3{font-size:14px;line-height:1.45;color:#092b55;margin:0;font-weight:750}
.key-info-copy p{font-size:11px;color:#6a8196;margin:4px 0 0;line-height:1.5}
.wealth-management{padding:80px 0;background:#fff}
.wealth-head{text-align:center;max-width:1100px;margin:0 auto 42px}
.wealth-head h2{font-size:clamp(28px,3.5vw,40px);color:#24415f;letter-spacing:-.6px}
.wealth-head p{font-size:13px;line-height:1.85;color:#60778e;margin:16px auto 0;max-width:1100px}
.wealth-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.wealth-feature{position:relative;text-align:center;padding:27px 21px 25px;background:#f7fbfe;border:1px solid #e0edf6;border-radius:13px;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}
.wealth-feature:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#125ca5,#21b5c8);transform:scaleX(0);transition:transform .35s}
.wealth-feature:hover{transform:translateY(-8px);box-shadow:0 18px 38px #092b5512;border-color:#a9d3eb;background:#fff}
.wealth-feature:hover:before{transform:scaleX(1)}
.wealth-feature-icon{width:54px;height:54px;margin:0 auto 18px;display:grid;place-items:center;color:#125ca5;background:#e4f1fa;border:1px solid #c9e1f1;border-radius:12px;font-size:26px;font-weight:800;transition:transform .35s,background .35s,color .35s}
.wealth-feature:hover .wealth-feature-icon{transform:translateY(-3px) rotate(4deg);background:linear-gradient(145deg,#092b55,#125ca5 75%,#21b5c8);color:#fff}
.wealth-feature h3{font-size:17px;line-height:1.35;color:#092b55;margin:0 0 12px}
.wealth-feature p{font-size:12px;line-height:1.75;color:#61778c;margin:0}
@media(max-width:900px){.wealth-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.key-information,.wealth-management{padding:52px 0}.key-info-grid{grid-template-columns:1fr}.key-info-item{padding:17px}.wealth-feature-grid{grid-template-columns:1fr}.wealth-head p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.key-info-item,.key-info-icon,.wealth-feature,.wealth-feature-icon{transition:none!important}.key-info-item:hover,.wealth-feature:hover{transform:none!important}}


/* Refined blue/white contrast: inspired by the What We Do service panel */
.key-information{background:#fff;padding:82px 0}
.key-information:before{height:5px;background:linear-gradient(90deg,#092b55 0%,#125ca5 55%,#21b5c8 100%)}
.key-info-head{margin-bottom:38px}
.key-info-head .kicker,.wealth-head .kicker{color:#1684ad}
.key-info-head h2{color:#092b55;font-size:clamp(30px,3.8vw,42px);letter-spacing:-.8px}
.key-info-head p{color:#6a8196}
.key-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.key-info-item{min-height:168px;align-items:flex-start;flex-direction:column;gap:15px;padding:23px 22px;background:linear-gradient(145deg,#092b55,#125ca5 82%);border:1px solid #1c66a5;border-radius:12px;box-shadow:0 12px 28px #092b5514;color:#fff}
.key-info-item:nth-child(3n+2){background:linear-gradient(145deg,#125ca5,#167bb0)}
.key-info-item:nth-child(3n){background:linear-gradient(145deg,#0a3a70,#092b55)}
.key-info-item:after{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:#21b5c8}
.key-info-item:hover{transform:translateY(-6px);border-color:#62c9dd;box-shadow:0 20px 38px #092b5526}
.key-info-item:hover:after{transform:scaleX(1)}
.key-info-icon{width:43px;height:43px;border-radius:9px;background:#ffffff18!important;border:1px solid #ffffff30;color:#a9f1f4;font-size:21px;box-shadow:none}
.key-info-item:hover .key-info-icon{background:#21b5c8!important;color:#092b55}
.key-info-label{color:#a8d7f0;font-size:9px;letter-spacing:1.15px}
.key-info-copy h3{color:#fff;font-size:13px;line-height:1.55}
.key-info-copy p{color:#c9e4f5;font-size:10px}
.wealth-management{background:#f0f6fb;padding:82px 0;position:relative}
.wealth-management:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#21b5c8,#125ca5,#092b55)}
.wealth-head h2{color:#092b55;font-size:clamp(30px,3.8vw,42px);letter-spacing:-.8px}
.wealth-head p{color:#526d86;font-size:13px;max-width:980px}
.wealth-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.wealth-feature{background:#fff;border:1px solid #d4e5f2;border-radius:12px;padding:27px 22px 25px;box-shadow:0 8px 24px #092b5508}
.wealth-feature:nth-child(even){background:linear-gradient(145deg,#092b55,#125ca5);border-color:#1d68a6}
.wealth-feature:nth-child(even) h3{color:#fff}
.wealth-feature:nth-child(even) p{color:#c9e4f5}
.wealth-feature:nth-child(even) .wealth-feature-icon{background:#ffffff16;border-color:#ffffff2b;color:#a8f0f3}
.wealth-feature:hover{transform:translateY(-7px);box-shadow:0 20px 38px #092b5516;border-color:#7dc9e4}
.wealth-feature:nth-child(even):hover{background:linear-gradient(145deg,#125ca5,#167fb3)}
.wealth-feature-icon{border-radius:10px;background:#e5f2fa;border-color:#c4deef;color:#125ca5}
.wealth-feature h3{font-size:16px}
.wealth-feature p{font-size:11.5px}
@media(max-width:1000px){.key-info-grid,.wealth-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.key-information,.wealth-management{padding:54px 0}.key-info-grid,.wealth-feature-grid{grid-template-columns:1fr}.key-info-item{min-height:140px}.wealth-feature{padding:23px}}
@media(prefers-reduced-motion:reduce){.key-info-item,.key-info-icon,.wealth-feature,.wealth-feature-icon{transition:none!important}}


/* Unique, cohesive company-profile and capability layouts */
.key-information{padding:88px 0;background:#f3f8fc;position:relative;overflow:hidden}
.key-information:before{height:6px;background:linear-gradient(90deg,#092b55 0%,#125ca5 45%,#21b5c8 100%)}
.key-information:after{content:"";position:absolute;right:-140px;top:100px;width:380px;height:380px;border:1px solid #c9e2f2;border-radius:50%;box-shadow:0 0 0 42px #dcecf61f,0 0 0 85px #dcecf614;pointer-events:none}
.key-information .container{position:relative;z-index:1}
.key-info-head{text-align:left;max-width:650px;margin:0 0 35px}
.key-info-head .kicker{display:flex;align-items:center;gap:12px;color:#1684ad}
.key-info-head .kicker:before{content:"";width:28px;height:2px;background:#21b5c8}
.key-info-head h2{font-size:clamp(32px,4vw,46px);letter-spacing:-1.2px;text-transform:none;color:#092b55;margin:10px 0}
.key-info-head p{color:#637c92;font-size:13px}
.key-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;background:#fff;border:1px solid #d5e5f1;border-radius:16px;padding:12px 30px;box-shadow:0 15px 40px #092b5508}
.key-info-item{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;flex-direction:unset;gap:16px;min-height:112px;padding:18px 8px;background:transparent!important;border:0!important;border-bottom:1px solid #e5eff6;border-radius:0;box-shadow:none!important;overflow:visible;transform:none!important}
.key-info-item:nth-last-child(-n+2){border-bottom:0!important}
.key-info-item:after{display:none}
.key-info-icon{width:42px;height:42px;border-radius:11px;background:#e9f4fb!important;border:1px solid #cce3f2;color:#125ca5!important;font-size:19px;box-shadow:none}
.key-info-item:hover .key-info-icon{transform:translateY(-3px);background:#d9eff8!important;color:#092b55!important}
.key-info-label{font-size:9px;letter-spacing:1.3px;color:#7790a5;margin-bottom:6px}
.key-info-copy h3{font-size:14px;color:#092b55;line-height:1.5;font-weight:750}
.key-info-copy p{color:#71879b;font-size:11px}
.wealth-management{padding:88px 0;background:#fff;position:relative}
.wealth-management:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#dceaf4}
.wealth-head{text-align:left;max-width:760px;margin:0 0 42px}
.wealth-head .kicker{display:flex;align-items:center;gap:12px;color:#1684ad}
.wealth-head .kicker:before{content:"";width:28px;height:2px;background:#21b5c8}
.wealth-head h2{font-size:clamp(32px,4vw,46px);letter-spacing:-1.2px;color:#092b55;margin:10px 0}
.wealth-head p{font-size:13px;line-height:1.85;color:#637c92;max-width:740px;margin:0}
.wealth-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.wealth-feature-grid:before{content:"";position:absolute;top:38px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,#c5dfef,#21b5c8,#c5dfef);z-index:0}
.wealth-feature{background:#f6fafe!important;border:1px solid #d9e8f3!important;border-radius:14px;padding:27px 22px 25px;text-align:left;box-shadow:0 9px 26px #092b5507;position:relative;z-index:1;transition:transform .32s,box-shadow .32s,border-color .32s}
.wealth-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#125ca5,#21b5c8);transform:scaleX(0);transform-origin:left;transition:transform .32s}
.wealth-feature:nth-child(even){background:#f6fafe!important}
.wealth-feature:nth-child(even) h3{color:#092b55!important}
.wealth-feature:nth-child(even) p{color:#637c92!important}
.wealth-feature:nth-child(even) .wealth-feature-icon{background:#e5f2fa!important;border-color:#c4deef!important;color:#125ca5!important}
.wealth-feature:hover{transform:translateY(-7px);box-shadow:0 20px 42px #092b5514;border-color:#9bcce7!important;background:#fff!important}
.wealth-feature:hover:before{transform:scaleX(1)}
.wealth-feature-icon{margin:0 0 20px;width:48px;height:48px;border-radius:12px;background:#e5f2fa!important;border:1px solid #c4deef!important;color:#125ca5!important;font-size:23px;position:relative}
.wealth-feature h3{font-size:16px;line-height:1.4;color:#092b55!important;margin:0 0 11px}
.wealth-feature p{font-size:11.5px;line-height:1.8;color:#637c92!important;margin:0}
.wealth-feature:after{content:attr(data-step);position:absolute;right:18px;top:19px;font-size:10px;letter-spacing:1px;color:#a3bfd4;font-weight:850}
@media(max-width:1000px){.wealth-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wealth-feature-grid:before{display:none}}
@media(max-width:700px){.key-information,.wealth-management{padding:55px 0}.key-info-grid{grid-template-columns:1fr;padding:10px 18px}.key-info-item{min-height:95px;border-bottom:1px solid #e5eff6!important}.key-info-item:last-child{border-bottom:0!important}.key-info-head{margin-bottom:25px}.wealth-feature-grid{grid-template-columns:1fr}.wealth-head{margin-bottom:28px}.wealth-feature{padding:23px}.key-information:after{right:-250px;top:50px}}
@media(prefers-reduced-motion:reduce){.key-info-item,.key-info-icon,.wealth-feature,.wealth-feature-icon,.wealth-feature:before{transition:none!important}.wealth-feature:hover{transform:none!important}}


/* Conventional institutional typography: restrained, readable, non-stylized */
body,button,input,select,textarea{font-family: var(--font-heading) !important}
h1,h2,h3,h4,.section-head h2,.key-info-head h2,.wealth-head h2,.why-card h3,.service-tab,.nav a{
 font-family: var(--font-heading) !important;
 letter-spacing:normal!important;
 font-weight:600;
}
body{font-size:14px;line-height:1.65}
h1{font-weight:600!important;line-height:1.2}
h2{font-weight:600!important;line-height:1.3}
h3{font-weight:600!important;line-height:1.4}
.kicker,.key-info-label,.wealth-feature:after,.news-tag,.topbar{letter-spacing:.6px!important}
.hero h1,.section-head h2,.key-info-head h2,.wealth-head h2{letter-spacing:normal!important}
.key-info-copy h3,.wealth-feature h3,.news-card h3{font-weight:600!important;letter-spacing:normal!important}


/* High-motion, high-contrast treatment for Key Information + Wealth Management */
.key-information{background:linear-gradient(135deg,#051a38 0%,#08264d 45%,#0c3c6e 100%)!important;padding:92px 0!important;overflow:hidden!important;position:relative!important;isolation:isolate}
.key-information:before{height:6px!important;background:linear-gradient(90deg,#21b5c8,#7be6ee,#125ca5,#21b5c8)!important;background-size:220% 100%!important;animation:sebcslLineFlow 5s linear infinite;z-index:2}
.key-information:after{display:none!important}
.key-information::before,.key-information::after,
.key-information .key-network-bg,.key-information .key-network-bg *{animation:none!important}
.key-information::before,.key-information .network-svg{display:none!important}
.key-network-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important}
.network-glow{position:absolute;border-radius:50%;pointer-events:none}
.network-glow-1{width:560px;height:560px;right:-70px;top:-90px;background:radial-gradient(circle,rgba(33,181,200,.18) 0%,rgba(18,92,165,.07) 50%,transparent 72%);filter:blur(50px);animation:netGlowDrift1 15s ease-in-out infinite alternate}
.network-glow-2{width:520px;height:520px;left:-70px;bottom:-80px;background:radial-gradient(circle,rgba(0,229,255,.14) 0%,rgba(9,43,85,.1) 50%,transparent 72%);filter:blur(50px);animation:netGlowDrift2 17s ease-in-out infinite alternate-reverse}
.network-grid-matrix{position:absolute;inset:0;background-image:linear-gradient(rgba(33,181,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,181,200,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 40%,transparent 85%)}
.network-svg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85;pointer-events:none}
.net-data-beam{animation:netBeamTravel 7s linear infinite}
.beam-1{animation-duration:6.5s}.beam-2{animation-duration:8s;animation-delay:1.5s}.beam-3{animation-duration:5.5s;animation-delay:2.8s}
.net-orbit-spin-slow{transform-origin:1260px 340px;animation:netOrbitSpin 36s linear infinite}
.net-orbit-spin-rev{transform-origin:1260px 340px;animation:netOrbitSpinRev 28s linear infinite}
.net-node-pulse{transform-origin:center;animation:netPulseRing 3.5s cubic-bezier(.1,.7,.1,1) infinite}
.net-node-pulse.delay-1{animation-delay:.8s}.net-node-pulse.delay-2{animation-delay:1.6s}.net-node-pulse.delay-3{animation-delay:2.4s}
.network-pill{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(6,31,66,.72);border:1px solid rgba(33,181,200,.32);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#cce9f5;font-size:10px;font-weight:700;letter-spacing:.8px;box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:2;pointer-events:none}
.net-pill-1{top:11%;left:3.5%;animation:netPillFloat1 11s ease-in-out infinite alternate}
.net-pill-2{top:13%;right:4.5%;animation:netPillFloat2 13s ease-in-out infinite alternate}
.net-pill-dot{width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 8px #00e5ff;animation:pillDotBlink 2s ease-in-out infinite alternate}
.network-pill b{color:#00e5ff;font-weight:850}
.key-information .container{position:relative!important;z-index:10!important}
.key-info-head{position:relative!important;z-index:12!important}
.key-info-head .kicker{color:#80e5ec!important}
.key-info-head .kicker:before{background:#21b5c8!important;width:40px!important}
.key-info-head h2{color:#fff!important;font-size:clamp(34px,4vw,48px)!important}
.key-info-head p{color:#c4dced!important}
.key-info-grid{position:relative!important;z-index:12!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:17px!important}
.key-info-item{position:relative!important;z-index:12!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;min-height:140px!important;padding:23px!important;gap:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important;border:1px solid rgba(128,205,231,.28)!important;border-radius:14px!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 30px #00152e25!important;overflow:hidden!important;transition:transform .38s cubic-bezier(.2,.8,.2,1),background .38s,border-color .38s,box-shadow .38s!important}
.key-info-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff13 45%,transparent 65%);transform:translateX(-130%);transition:transform .75s ease;pointer-events:none}
.key-info-item:after{display:block!important;position:absolute!important;left:0!important;bottom:0!important;top:auto!important;width:100%!important;height:3px!important;background:linear-gradient(90deg,#21b5c8,#a0f3f5)!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .4s!important}
.key-info-item:hover{transform:translateY(-8px) scale(1.012)!important;background:linear-gradient(135deg,rgba(18,92,165,.65),rgba(33,181,200,.28))!important;border-color:#6ee5ee77!important;box-shadow:0 22px 42px #00152e50!important}
.key-info-item:hover:before{transform:translateX(130%)}
.key-info-item:hover:after{transform:scaleX(1)!important}
.key-info-icon{background:linear-gradient(145deg,#21b5c8,#125ca5)!important;color:white!important;border:1px solid #a0f3f566!important;width:48px!important;height:48px!important;border-radius:12px!important;font-size:21px!important;box-shadow:0 8px 22px #21b5c82b!important;transition:transform .4s,box-shadow .4s!important}
.key-info-item:hover .key-info-icon{transform:rotate(-8deg) scale(1.1)!important;box-shadow:0 0 0 6px #21b5c81b,0 10px 26px #21b5c844!important}
.key-info-label{color:#8ddde9!important}
.key-info-copy h3{color:#fff!important;font-size:14px!important}
.key-info-copy p{color:#c5e4f5!important}
@keyframes netBeamTravel{0%{stroke-dashoffset:890}100%{stroke-dashoffset:-890}}
@keyframes netOrbitSpin{to{transform:rotate(360deg)}}
@keyframes netOrbitSpinRev{to{transform:rotate(-360deg)}}
@keyframes netPulseRing{0%{r:5;opacity:.85;stroke-width:1.8}100%{r:26;opacity:0;stroke-width:.4}}
@keyframes netGlowDrift1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(25px,20px) scale(1.1)}}
@keyframes netGlowDrift2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-25px,-18px) scale(1.08)}}
@keyframes netPillFloat1{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(12px,8px,0)}}
@keyframes netPillFloat2{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-12px,8px,0)}}
.wealth-management{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,#edf5fb 0%,#f6fafd 48%,#e8f3fa 100%)!important;padding:96px 0!important}
.wealth-management:before{display:none}
.wealth-management:after{content:"";position:absolute;left:-180px;bottom:-250px;width:500px;height:500px;border-radius:50%;border:1px solid #125ca51b;box-shadow:0 0 0 45px #125ca508,0 0 0 90px #125ca505;animation:sebcslOrbit 24s linear infinite;pointer-events:none}
.wealth-market-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;opacity:.3!important}
.wealth-bg-glow{position:absolute;border-radius:50%;pointer-events:none}
.wealth-bg-glow-1{width:540px;height:540px;right:-80px;top:-100px;background:radial-gradient(circle,rgba(33,181,200,.14) 0%,rgba(18,92,165,.04) 55%,transparent 70%);filter:blur(45px);animation:wealthGlowFloat 14s ease-in-out infinite alternate}
.wealth-bg-glow-2{width:500px;height:500px;left:-80px;bottom:-90px;background:radial-gradient(circle,rgba(18,92,165,.12) 0%,rgba(33,181,200,.03) 55%,transparent 70%);filter:blur(45px);animation:wealthGlowFloat 16s ease-in-out infinite alternate-reverse}
.wealth-market-svg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85;will-change:transform;animation:wealthChartSway 20s ease-in-out infinite alternate;pointer-events:none}
.wealth-trend-dash{animation:wealthDashFlow 24s linear infinite}
.wealth-trend-main{animation:wealthTrendPulse 6s ease-in-out infinite alternate}
.wealth-pulse-ring{transform-origin:center;animation:wealthRingExpand 3.2s cubic-bezier(.1,.7,.1,1) infinite}
.wealth-pulse-ring.delay-1{animation-delay:.8s}
.wealth-pulse-ring.delay-2{animation-delay:1.6s}
.wealth-pulse-ring.delay-3{animation-delay:2.4s}
.wealth-candlesticks .candle{transform-origin:center;animation:candleLive 4.5s ease-in-out infinite alternate}
.wealth-candlesticks .c-1{animation-delay:.1s}.wealth-candlesticks .c-2{animation-delay:.4s}.wealth-candlesticks .c-3{animation-delay:.8s}.wealth-candlesticks .c-4{animation-delay:.3s}.wealth-candlesticks .c-5{animation-delay:.7s}.wealth-candlesticks .c-6{animation-delay:1.1s}.wealth-candlesticks .c-7{animation-delay:.5s}.wealth-candlesticks .c-8{animation-delay:.9s}.wealth-candlesticks .c-9{animation-delay:1.3s}.wealth-candlesticks .c-10{animation-delay:.6s}.wealth-candlesticks .c-11{animation-delay:1s}.wealth-candlesticks .c-12{animation-delay:1.4s}.wealth-candlesticks .c-13{animation-delay:.7s}.wealth-candlesticks .c-14{animation-delay:1.1s}.wealth-candlesticks .c-15{animation-delay:1.5s}.wealth-candlesticks .c-16{animation-delay:1.8s}
.wealth-volume-bars .v-bar{transform-origin:bottom;animation:volumeLive 3.5s ease-in-out infinite alternate}
.v-bar-1{animation-delay:.2s}.v-bar-2{animation-delay:.6s}.v-bar-3{animation-delay:1s}.v-bar-4{animation-delay:.3s}.v-bar-5{animation-delay:.8s}.v-bar-6{animation-delay:.4s}.v-bar-7{animation-delay:1.2s}.v-bar-8{animation-delay:.5s}.v-bar-9{animation-delay:1.1s}.v-bar-10{animation-delay:.7s}.v-bar-11{animation-delay:1.3s}.v-bar-12{animation-delay:.4s}.v-bar-13{animation-delay:.9s}.v-bar-14{animation-delay:1.5s}.v-bar-15{animation-delay:.8s}.v-bar-16{animation-delay:1.2s}.v-bar-17{animation-delay:1.6s}
.wealth-floating-pill{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 13px;background:rgba(255,255,255,.9);border:1px solid rgba(18,92,165,.18);border-radius:30px;box-shadow:0 8px 22px rgba(9,43,85,.07);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10.5px;font-weight:750;color:#092b55;letter-spacing:.4px;z-index:2;pointer-events:none}
.wealth-floating-pill .pill-dot{width:7px;height:7px;border-radius:50%;background:#21b5c8;box-shadow:0 0 6px #21b5c8;animation:pillDotBlink 2s ease-in-out infinite alternate}
.wealth-floating-pill .pill-dot.blue-dot{background:#125ca5;box-shadow:0 0 6px #125ca5}
.wealth-floating-pill .pill-code{color:#125ca5;font-weight:850;letter-spacing:.8px}
.wealth-floating-pill .pill-val{color:#088395;font-weight:700}
.wealth-floating-pill.pill-1{top:10%;left:3%;animation:pillDrift1 12s ease-in-out infinite alternate}
.wealth-floating-pill.pill-2{top:12%;right:4%;animation:pillDrift2 14s ease-in-out infinite alternate}
.wealth-floating-pill.pill-3{bottom:7%;left:4%;animation:pillDrift3 13s ease-in-out infinite alternate}
.wealth-floating-pill.pill-4{bottom:8%;right:4%;animation:pillDrift4 15s ease-in-out infinite alternate}
.wealth-management .container{position:relative!important;z-index:10!important}
.wealth-head{position:relative!important;z-index:12!important}
.wealth-head .kicker{color:#1684ad!important;position:relative!important;z-index:12!important}
.wealth-head h2{color:#092b55!important;font-size:clamp(34px,4vw,48px)!important;position:relative!important;z-index:12!important}
.wealth-head p{color:#536f89!important;position:relative!important;z-index:12!important}
.wealth-feature-grid{gap:18px!important;position:relative!important;z-index:12!important}
.wealth-feature{min-height:265px!important;position:relative!important;z-index:12!important;overflow:hidden!important;background:#fff!important;border:1px solid #d4e5f2!important;border-radius:15px!important;padding:28px 24px!important;box-shadow:0 12px 30px #092b5510!important;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s,border-color .42s,background .42s!important}
.wealth-feature:nth-child(even){background:#fff!important}
.wealth-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#092b55,#125ca5,#21b5c8);transform:scaleX(.18);transform-origin:left;transition:transform .42s!important}
.wealth-feature:after{content:attr(data-step)!important;position:absolute!important;right:16px!important;top:13px!important;font-size:42px!important;letter-spacing:-2px!important;color:#125ca510!important;font-weight:800!important;transition:color .4s,transform .4s!important}
.wealth-feature:hover{transform:translateY(-10px)!important;background:linear-gradient(145deg,#092b55,#125ca5 75%,#117fa5)!important;border-color:#21b5c8!important;box-shadow:0 25px 48px #092b552b!important}
.wealth-feature:hover:before{transform:scaleX(1)!important;background:linear-gradient(90deg,#21b5c8,#9cf2f3)}
.wealth-feature:hover:after{color:#ffffff22!important;transform:translateY(-5px)!important}
.wealth-feature-icon{margin:0 0 22px!important;width:54px!important;height:54px!important;border-radius:13px!important;background:linear-gradient(145deg,#e1f2fb,#c8e7f6)!important;border:1px solid #a9d6ef!important;color:#125ca5!important;font-size:25px!important;transition:transform .45s,background .4s,color .4s,box-shadow .4s!important}
.wealth-feature:hover .wealth-feature-icon{transform:rotate(-7deg) scale(1.12)!important;background:linear-gradient(145deg,#21b5c8,#5bdce5)!important;color:#092b55!important;box-shadow:0 0 0 7px #ffffff12!important}
.wealth-feature h3{color:#092b55!important;font-size:17px!important;transition:color .35s!important}
.wealth-feature p{color:#607b93!important;font-size:12px!important;transition:color .35s!important}
.wealth-feature:hover h3{color:#fff!important}
.wealth-feature:hover p{color:#d7edf8!important}
@keyframes sebcslLineFlow{0%{background-position:0 0}100%{background-position:220% 0}}
@keyframes sebcslOrbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes wealthGlowFloat{0%{transform:translate(0,0) scale(1)}100%{transform:translate(25px,20px) scale(1.1)}}
@keyframes wealthChartSway{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,6px,0)}100%{transform:translate3d(8px,-6px,0)}}
@keyframes wealthDashFlow{to{stroke-dashoffset:-360}}
@keyframes wealthTrendPulse{0%{opacity:.85;filter:drop-shadow(0 0 2px rgba(33,181,200,.3))}100%{opacity:1;filter:drop-shadow(0 0 7px rgba(33,181,200,.7))}}
@keyframes wealthRingExpand{0%{r:5;opacity:.9;stroke-width:2.2}100%{r:30;opacity:0;stroke-width:.5}}
@keyframes candleLive{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(2px)}}
@keyframes volumeLive{0%{transform:scaleY(.9)}100%{transform:scaleY(1.25)}}
@keyframes pillDotBlink{0%{opacity:.5;transform:scale(.85)}100%{opacity:1;transform:scale(1.2)}}
@keyframes pillDrift1{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(14px,12px,0)}}
@keyframes pillDrift2{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-16px,10px,0)}}
@keyframes pillDrift3{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(12px,-12px,0)}}
@keyframes pillDrift4{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-14px,-10px,0)}}
@media(max-width:900px){.wealth-floating-pill.pill-1,.wealth-floating-pill.pill-2{display:none}}
@media(max-width:700px){.key-information,.wealth-management{padding:58px 0!important}.wealth-floating-pill{display:none}.key-info-grid{grid-template-columns:1fr!important}.key-info-item{min-height:108px!important}.wealth-feature{min-height:220px!important}}
@media(prefers-reduced-motion:reduce){.wealth-market-svg,.wealth-trend-dash,.wealth-trend-main,.wealth-pulse-ring,.wealth-candlesticks .candle,.wealth-volume-bars .v-bar,.wealth-floating-pill,.wealth-bg-glow,.key-information:before,.key-information:after,.wealth-management:before,.wealth-management:after{animation:none!important}.key-info-item,.key-info-icon,.wealth-feature,.wealth-feature-icon,.wealth-feature:before,.wealth-feature:after{transition:none!important}.key-info-item:hover,.wealth-feature:hover{transform:none!important}}


/* Scroll-linked, restrained parallax layers to echo the hero's growth motif */
.hero:before{transform:translate3d(0,var(--hero-scroll-shift,0px),0);transition:transform .08s linear}
.why-choose:before{transform:translate3d(0,var(--growth-scroll-shift,0px),0) scale(1.04);background-position:center}
.why-choose{background:linear-gradient(135deg,#eaf3fa 0%,#f5f9fc 48%,#e8f4f8 100%)}
.investment-tool,.wealth-management,.insights.latest-coverage,.contact-location{position:relative;isolation:isolate;overflow:hidden}
.investment-tool:before,.wealth-management:before,.insights.latest-coverage:before,.contact-location:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:480px;height:480px;border-radius:50%;border:1px solid rgba(18,92,165,.07);box-shadow:0 0 0 55px rgba(33,181,200,.025),0 0 0 110px rgba(18,92,165,.02);right:-180px;top:calc(10% + var(--section-scroll-shift,0px))}

/* SEBCSL capital-banking hero motif: subtle market graph, rising bars and connected nodes */
body{font-family: var(--font-body)}
.hero{isolation:isolate}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 700' fill='none'%3E%3Cg stroke='%23b9eff5' stroke-width='1'%3E%3Cpath d='M0 560L170 510 300 535 450 420 600 450 760 300 920 330 1080 190 1240 220 1400 90'/%3E%3Cpath d='M0 610L170 560 300 585 450 470 600 500 760 350 920 380 1080 240 1240 270 1400 140' opacity='.35'/%3E%3Cpath d='M140 0V700M340 0V700M540 0V700M740 0V700M940 0V700M1140 0V700M1340 0V700' opacity='.12'/%3E%3C/g%3E%3Cg fill='%2375d9e3' opacity='.3'%3E%3Crect x='170' y='430' width='38' height='130' rx='3'/%3E%3Crect x='230' y='380' width='38' height='180' rx='3'/%3E%3Crect x='290' y='330' width='38' height='230' rx='3'/%3E%3Crect x='350' y='270' width='38' height='290' rx='3'/%3E%3Crect x='410' y='220' width='38' height='340' rx='3'/%3E%3C/g%3E%3Cg fill='%23d9f8fa' opacity='.75'%3E%3Ccircle cx='450' cy='420' r='5'/%3E%3Ccircle cx='760' cy='300' r='5'/%3E%3Ccircle cx='1080' cy='190' r='5'/%3E%3Ccircle cx='1240' cy='220' r='5'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center;animation:capitalPatternFloat 18s ease-in-out infinite alternate}
@keyframes capitalPatternFloat{from{background-position:48% 52%;opacity:.14}to{background-position:54% 46%;opacity:.25}}
/* Slightly larger, clean system typography; no decorative AI-style typefaces */
body{font-size:16px;line-height:1.68}
.hero h1{font-size:clamp(42px,5.35vw,68px);letter-spacing:-1.3px;line-height:1.09}
.hero p{font-size:17px;line-height:1.75}
section h2{font-size:clamp(30px,3.2vw,40px);line-height:1.2;letter-spacing:-.45px}
section h3{font-size:21px;line-height:1.35}
.section-head p{font-size:16px}
.service-card p,.why-card p,.insight p,.contact-location p{font-size:15.5px;line-height:1.7}
nav{font-size:14px}
.btn{font-size:14px}
@media(max-width:768px){.hero h1{font-size:clamp(36px,8vw,48px)}section h2{font-size:clamp(28px,6vw,34px)}.hero:after{background-size:auto 100%;opacity:.13}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}

/* --- CSS Block 2 --- */
/* Requested Home page refinements (preserve existing layout and content) */
.key-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}
.key-info-item{background:linear-gradient(145deg,#f5fcfd 0%,#e6f8fa 100%)!important;border:1px solid #8bdce4!important;border-left:4px solid #8bdce4!important;border-radius:10px!important;min-height:150px;box-shadow:0 8px 22px rgba(18,92,165,.06)!important}
.key-info-icon{background:#d3f3f5!important;color:#125ca5!important;border:1px solid #8bdce4!important}
.why-choose{background:linear-gradient(120deg,#092b55 0%,#125ca5 70%,#147f9e 100%)!important;color:#fff!important}
.why-choose .kicker{color:#8bdce4!important}.why-choose .section-head h2{color:#fff!important}.why-choose .section-head p{color:#d9edf7!important}
.why-choose:before{opacity:.22!important}
.why-choose .why-card{background:#f2f9fd!important;border-color:#8bdce4!important}
.why-choose .why-card h3{color:#092b55!important}.why-choose .why-card p{color:#526b82!important}
.why-choose .why-number{color:#125ca5!important}.why-choose .why-icon{background:linear-gradient(145deg,#125ca5,#21b5c8)!important}
.moments-gallery{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#092b55 0%,#125ca5 70%,#147f9e 100%)!important}
.moments-gallery:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:repeating-linear-gradient(135deg,transparent 0 35px,#8bdce415 36px 37px),repeating-linear-gradient(45deg,transparent 0 70px,#ffffff12 71px 72px)}
.moments-gallery .container{position:relative}.moments-gallery .kicker{color:#8bdce4!important}.moments-gallery .section-head h2{color:#fff!important}.moments-gallery .section-head p{color:#d9edf7!important}
.moments-gallery-card{border:1px solid #8bdce4!important;box-shadow:0 12px 30px #001b3a30!important;background:#f2f9fd!important}
@media(max-width:900px){.key-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.key-info-grid{grid-template-columns:1fr!important;gap:12px!important}.key-info-item{min-height:unset!important}}

/* --- CSS Block 3 --- */
/* SEBCSL motion layer: restrained, accessible corporate animation */
@keyframes sebcsl-gradient-drift { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes sebcsl-pattern-float { 0% { transform: translate3d(0,0,0) rotate(0deg); } 50% { transform: translate3d(0,-12px,0) rotate(1deg); } 100% { transform: translate3d(0,0,0) rotate(0deg); } }
@keyframes sebcsl-glow-pulse { 0%,100% { opacity:.24; } 50% { opacity:.42; } }

html { scroll-behavior: smooth; }
.hero { position:relative; isolation:isolate; }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.28; background-image: radial-gradient(circle at 1px 1px, rgba(139,220,228,.36) 1px, transparent 0); background-size:28px 28px; mask-image:linear-gradient(90deg, transparent, #000 30%, #000 80%, transparent); animation:sebcsl-pattern-float 14s ease-in-out infinite; }
.hero::after { content:""; position:absolute; width:42vw; height:42vw; max-width:520px; max-height:520px; border-radius:50%; right:-12%; top:8%; z-index:-1; pointer-events:none; background:radial-gradient(circle, rgba(139,220,228,.18), rgba(38,112,184,.08) 45%, transparent 70%); filter:blur(8px); animation:sebcsl-glow-pulse 8s ease-in-out infinite; }
.hero-market-motion { will-change:transform; }
.key-information, .why-choose, .collaboration-moments, .moments-gallery { position:relative; isolation:isolate; overflow:hidden; }
.key-information::before, .why-choose::before, .collaboration-moments::before, .moments-gallery::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:radial-gradient(circle at 1px 1px, rgba(139,220,228,.14) 1px, transparent 0); background-size:24px 24px; opacity:.38; }
.why-choose, .collaboration-moments, .moments-gallery { background-size:220% 220%; animation:sebcsl-gradient-drift 22s ease-in-out infinite; }
.sebcsl-reveal { opacity:0; transform:translate3d(0,24px,0); transition:opacity .72s cubic-bezier(.2,.65,.3,1), transform .72s cubic-bezier(.2,.65,.3,1); }
.sebcsl-reveal.sebcsl-visible { opacity:1; transform:translate3d(0,0,0); }
.sebcsl-hover-card { transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease; transform:translateZ(0); }
.sebcsl-hover-card:hover { transform:translateY(-7px); box-shadow:0 18px 42px rgba(5,35,78,.16); border-color:rgba(139,220,228,.75); }
.moments-gallery img, .collaboration-moments img { transition:transform .65s cubic-bezier(.2,.65,.3,1), filter .4s ease; }
.moments-gallery a:hover img, .collaboration-moments a:hover img { transform:scale(1.045); filter:saturate(1.08); }
@media (prefers-reduced-motion: reduce) { html {scroll-behavior:auto;} *, *::before, *::after {animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important;} .sebcsl-reveal {opacity:1; transform:none;} }

/* --- CSS Block 4 --- */
/* Clean blue corporate surfaces: remove decorative textures and use alternating blue/white rhythm */
body{background:#fff}
.hero{background:linear-gradient(110deg,#092b55 0%,#125ca5 100%)}


.hero-market-motion{opacity:.2!important}
.capital-market-ticker{opacity:.9}
.ticker-chip{background:#125ca5;border:1px solid #8ec8ed;border-radius:3px;box-shadow:none;backdrop-filter:none}
.ticker-chip:nth-child(even){background:#eaf4fb;color:#0b3765;border-color:#c4dced}
.ticker-chip:nth-child(even) .ticker-symbol{border-color:#a9cde5}
.ticker-chip:nth-child(even) .ticker-name{color:#496c8c}
.services,.insights,.investment-tool{background:#edf4fa}
#key-information{background:#edf4fa!important}
#key-information .key-info-head .kicker{color:#1684ad!important}
#key-information .key-info-head h2{color:#092b55!important}
#key-information .key-info-head p{color:#637c92!important}
.services:before,.insights:before,.about-visual:before,.about-visual:after{display:none!important}
.service-card{background:#fff;border-color:#d1e2ef;box-shadow:none}
.service-card:nth-child(even){background:#e2eff9;border-color:#bcd8ec}
.service-card:nth-child(even) .service-icon{background:#125ca5;color:#fff}
.service-card:nth-child(even) h3{color:#125ca5}
.insight{background:#fff}
.insight:nth-child(even){background:#fff}
.insight-image,.insight:nth-child(2) .insight-image,.insight:nth-child(3) .insight-image{background:#125ca5}
.insight:nth-child(even) .insight-image{background:#21b5c8}
.about-visual{background:#e2eff9}
.cta{background:#125ca5}
.investment-tool:before,.investment-tool:after{display:none!important}
.trust-inner{background:#fff}
@media(prefers-reduced-motion:reduce){.ticker-chip{animation:none!important}}

/* Redesigned Why Choose SEBCSL cards: editorial capability panels */
.why-choose{background:#f2f7fb!important;padding:84px 0!important}
.why-choose .section-head{max-width:760px;margin:0 auto 38px;text-align:center}
.why-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.why-card{position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:22px!important;align-items:start!important;min-height:210px!important;padding:27px 30px!important;background:#fff!important;border:1px solid #d5e3ef!important;border-radius:8px!important;box-shadow:0 5px 18px rgba(9,43,85,.045)!important;transform:none!important;overflow:hidden!important}
.why-card:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:4px!important;height:100%!important;background:linear-gradient(180deg,#125ca5,#21b5c8)!important;transform:scaleY(.18)!important;transform-origin:top!important;transition:transform .35s!important}
.why-card:hover,.why-card:focus-within{transform:translateY(-4px)!important;border-color:#9fc8e2!important;box-shadow:0 16px 30px rgba(9,43,85,.10)!important}
.why-card:hover:before,.why-card:focus-within:before{transform:scaleY(1)!important}
.why-number{grid-column:1;grid-row:1;color:#1684ad!important;font-size:11px!important;font-weight:900!important;letter-spacing:1.6px!important;padding-top:4px}
.why-icon{grid-column:1;grid-row:2;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;margin-top:10px!important;border-radius:6px!important;background:#eaf4fb!important;color:#125ca5!important;font-size:27px!important;box-shadow:none!important;transition:background .3s,color .3s,transform .3s!important}
.why-card:hover .why-icon{background:#125ca5!important;color:#fff!important;transform:translateY(-2px)!important}
.why-card h3{grid-column:2;grid-row:1;margin:0 0 10px!important;font-size:20px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.35px!important;color:#092b55!important}
.why-card p{grid-column:2;grid-row:2;margin:0!important;padding-bottom:20px!important;font-size:13px!important;line-height:1.75!important;color:#5e7489!important}
.why-explore{grid-column:2;grid-row:3!important;margin-top:0!important;padding-top:14px!important;border-top:1px solid #e4edf5!important;color:#125ca5!important;font-size:11px!important;letter-spacing:.35px!important;text-transform:uppercase!important}
@media(max-width:760px){.why-grid{grid-template-columns:1fr!important}.why-card{padding:23px!important;column-gap:17px!important;min-height:0!important}.why-card h3{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.why-card,.why-card:before,.why-icon{transition:none!important}.why-card:hover{transform:none!important}}

/* Strong blue contrast treatment for Why Choose SEBCSL cards */
.why-choose{background:linear-gradient(135deg,#eaf4ff 0%,#dcecff 48%,#f4f9ff 100%)!important;padding:84px 0!important}
.why-choose .section-head h2{color:#082e63!important}
.why-choose .section-head p{color:#456b94!important}
.why-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.why-card{position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:22px!important;align-items:start!important;min-height:210px!important;padding:27px 30px!important;background:linear-gradient(145deg,#fff 0%,#f5faff 100%)!important;border:1px solid #b8d5f4!important;border-radius:10px!important;box-shadow:0 7px 22px rgba(13,67,135,.09)!important;overflow:hidden!important;transform:none!important;transition:transform .3s,box-shadow .3s,border-color .3s!important}
.why-card:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:5px!important;height:100%!important;background:linear-gradient(180deg,#064b9b,#00a6d6)!important;transform:scaleY(.28)!important;transform-origin:top!important;transition:transform .35s!important}
.why-card:hover,.why-card:focus-within{transform:translateY(-5px)!important;border-color:#4f9de3!important;box-shadow:0 18px 34px rgba(7,65,140,.18)!important;background:linear-gradient(145deg,#fff 0%,#eaf5ff 100%)!important}
.why-card:hover:before,.why-card:focus-within:before{transform:scaleY(1)!important}
.why-number{grid-column:1;grid-row:1;color:#0878bd!important;font-size:11px!important;font-weight:900!important;letter-spacing:1.7px!important;padding-top:4px}
.why-icon{grid-column:1;grid-row:2;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;margin-top:10px!important;border-radius:8px!important;background:linear-gradient(145deg,#dceeff,#c4e4ff)!important;color:#074b96!important;font-size:27px!important;box-shadow:inset 0 0 0 1px #b5d8f7!important;transition:background .3s,color .3s,transform .3s!important}
.why-card:hover .why-icon{background:linear-gradient(145deg,#0752a3,#078fc7)!important;color:#fff!important;transform:translateY(-2px)!important}
.why-card h3{grid-column:2;grid-row:1;margin:0 0 10px!important;font-size:20px!important;line-height:1.35!important;font-weight:750!important;letter-spacing:-.35px!important;color:#082e63!important}
.why-card p{grid-column:2;grid-row:2;margin:0!important;padding-bottom:20px!important;font-size:13px!important;line-height:1.75!important;color:#45678b!important}
.why-explore{grid-column:2;grid-row:3!important;margin-top:0!important;padding-top:14px!important;border-top:1px solid #cfe2f6!important;color:#0759a6!important;font-size:11px!important;letter-spacing:.45px!important;font-weight:800!important;text-transform:uppercase!important}
.why-explore:hover{color:#009bc8!important}
@media(max-width:760px){.why-grid{grid-template-columns:1fr!important}.why-card{padding:23px!important;column-gap:17px!important;min-height:0!important}.why-card h3{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.why-card,.why-card:before,.why-icon{transition:none!important}.why-card:hover{transform:none!important}}


/* Remove the circular background ring beside the CAPITAL GROWTH text */
.ad-visual .ad-orbit{display:none!important}
.ad-visual{background:none!important}


/* Subtle ambient motion in white negative-space sections */
:root{--ambient-blue:rgba(31,125,205,.055);--ambient-cyan:rgba(22,181,200,.045)}
section:not(.hero):not(.key-information):not(.contact-location):not(.ad-banner){position:relative;isolation:isolate}
section:not(.hero):not(.key-information):not(.contact-location):not(.ad-banner)::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;overflow:hidden;
 background:
 radial-gradient(ellipse 390px 280px at var(--ambient-x,12%) var(--ambient-y,18%),var(--ambient-blue),transparent 72%),
 radial-gradient(ellipse 340px 260px at var(--ambient-x2,88%) var(--ambient-y2,76%),var(--ambient-cyan),transparent 72%);
 opacity:.95;transition:opacity .5s ease
}
@keyframes ambientDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-13px,0)}}
section:not(.hero):not(.key-information):not(.contact-location):not(.ad-banner)::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;width:220px;height:220px;border-radius:50%;
 top:18%;left:var(--ambient-orb-x,6%);background:radial-gradient(circle,rgba(29,132,210,.045),rgba(29,132,210,0) 70%);
 animation:ambientDrift 9s ease-in-out infinite
}
@media(prefers-reduced-motion:reduce){section:not(.hero):not(.key-information):not(.contact-location):not(.ad-banner)::after{animation:none}}


/* Refined SEBCSL capability strip: thin frame, confident contrast, pointer-follow glow */
.trust.capabilities-strip{position:relative;z-index:20;margin-top:-24px;margin-bottom:26px;padding:24px;background:#fff;border:1px solid #d8e5f0;border-radius:18px;box-shadow:0 14px 40px #092b5510}
.trust.capabilities-strip .trust-heading{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0}
.trust.capabilities-strip .trust-heading>span{display:flex;align-items:center;gap:9px;color:#125ca5;font-size:10px;font-weight:800;letter-spacing:1.6px}
.trust.capabilities-strip .trust-heading>span::before{content:"";display:block;width:20px;height:2px;background:#21b5c8}
.trust.capabilities-strip .trust-heading>b{display:block!important;font-size:12px;font-weight:600;color:#6b8297;letter-spacing:0}
.trust.capabilities-strip .trust-inner{padding:0!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.trust.capabilities-strip .trust-inner::after{display:none!important}
.trust.capabilities-strip .stat{display:flex;align-items:flex-start;gap:12px;padding:18px 14px!important;border:1px solid #e2ecf4!important;border-radius:12px!important;background:linear-gradient(135deg,#f7fbfe,#eef5fb)!important}
.trust.capabilities-strip .stat>div{min-width:0}
.trust.capabilities-strip .capability-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#125ca5,#1684ad);color:#fff;font-size:17px;box-shadow:0 4px 10px #125ca51a}
.trust.capabilities-strip .stat strong{font-family:var(--font-body);font-size:13px!important;line-height:1.4;font-weight:800!important;letter-spacing:0!important;margin:1px 0 6px!important}
.trust.capabilities-strip .stat span{display:block;font-size:11px!important;line-height:1.6;color:#6b8297!important}
.trust.capabilities-strip .stat:hover{border-color:#abd4e8!important;background:#eef7fc!important;transform:none!important;box-shadow:none!important}
@media(max-width:1060px){.trust.capabilities-strip .trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.trust.capabilities-strip{padding:18px;margin-top:-18px;border-radius:14px}.trust.capabilities-strip .trust-heading{align-items:flex-start;flex-direction:column;gap:7px}.trust.capabilities-strip .trust-inner{grid-template-columns:1fr!important;gap:10px!important}.trust.capabilities-strip .stat{padding:14px!important}}
.trust-inner{position:relative!important;border:1px solid #b9d2eb!important;border-radius:3px!important;box-shadow:0 3px 14px rgba(8,48,99,.045)!important;overflow:hidden!important}
.trust-inner .stat{position:relative!important;padding:3px 12px!important;border:1px solid transparent!important;border-radius:2px!important;transition:border-color .25s,background .25s,transform .25s!important;cursor:default!important}
.trust-inner .stat strong{color:#0b3266!important;font-weight:750!important;transition:color .25s!important}
.trust-inner .stat span{color:#496b92!important}
.trust-inner .stat:hover,.trust-inner .stat:focus-within{border-color:#8bb9e5!important;background:rgba(224,240,255,.48)!important;transform:translateY(-2px)!important}
.trust-inner .stat:hover strong{color:#0758a4!important}
.trust-inner:after{content:"";position:absolute;pointer-events:none;left:var(--trust-pointer-x,50%);top:var(--trust-pointer-y,50%);width:210px;height:210px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(26,125,209,.09),rgba(26,125,209,0) 68%);opacity:var(--trust-pointer-opacity,0);transition:opacity .25s}
@media(max-width:760px){.trust-inner .stat{padding:5px 8px!important}}
@media(prefers-reduced-motion:reduce){.trust-inner .stat{transition:none!important}.trust-inner:after{display:none!important}}


/* Why Choose SEBCSL: split image-text cards, horizontal mobile carousel */
.why-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.why-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;padding:0!important;min-height:230px!important;overflow:hidden!important;border:1px solid #b9d4ec!important;border-radius:10px!important;background:#fff!important}
.why-card-media{min-height:100%;overflow:hidden!important;background:#e4f1fb!important}
.why-card-media img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;transition:transform .55s ease!important}
.why-card:hover .why-card-media img{transform:scale(1.045)!important}
.why-card-content{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:24px 22px!important;min-width:0!important}
.why-number{position:static!important;order:0!important;color:#1684bd!important;margin-bottom:12px!important}
.why-choose .why-card .why-number{position:absolute!important;right:16px;top:13px;font-size:42px!important;font-weight:800!important;letter-spacing:-2px!important;color:#125ca510!important;margin:0!important;padding:0;pointer-events:none;transition:color .4s,transform .4s}
.why-choose .why-card:hover .why-number{color:#125ca522!important;transform:translateY(-5px)}
.why-choose .why-card .why-icon,
.why-choose .why-card:hover .why-icon{color:#fff!important;background:linear-gradient(145deg,#125ca5,#1684ad)!important}
@media(prefers-reduced-motion:reduce){.why-choose .why-card .why-number{transition:none}}
.why-icon{order:1!important;width:38px!important;height:38px!important;margin:0 0 12px!important;border-radius:7px!important;background:#e3f1ff!important;color:#0757a4!important;font-size:19px!important}
.why-card h3{order:2!important;color:#082e63!important;font-size:17px!important}
.why-card p{order:3!important;color:#496b92!important;font-size:12px!important}
.why-explore{order:4!important;margin-top:auto!important;padding-top:15px!important;color:#0759a6!important}
@media(max-width:680px){
 .why-grid{display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding:18px!important;padding:4px 18px 18px!important;margin:0 -18px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
 .why-card{flex:0 0 86%!important;grid-template-columns:44% 56%!important;min-height:235px!important;scroll-snap-align:center!important}
 .why-card-media img{min-height:235px!important}
 .why-card-content{padding:18px 15px!important}
 .why-card h3{font-size:15px!important;line-height:1.3!important}
 .why-card p{font-size:11px!important;line-height:1.55!important}
 .why-icon{width:32px!important;height:32px!important;font-size:16px!important;margin-bottom:9px!important}
 .why-number{margin-bottom:9px!important;font-size:10px!important}
 .why-explore{font-size:10px!important}
}
@media(max-width:390px){.why-card{flex-basis:91%!important;grid-template-columns:40% 60%!important}.why-card-content{padding:15px 12px!important}}
/* About section gains an illustrative corporate-finance image */
.about-visual{background-image:linear-gradient(145deg,rgba(6,43,89,.08),rgba(15,111,176,.15)),url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=85")!important;background-size:cover!important;background-position:center!important;border:1px solid #c3dbee!important}
.about-visual:before{border-color:rgba(255,255,255,.25)!important}
.about-visual:after{background:linear-gradient(145deg,rgba(8,65,130,.48),rgba(23,174,197,.25))!important}
/* Mobile key information: compact two-up card grid */
@media(max-width:680px){
 .key-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .key-info-item{min-height:125px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;padding:14px 12px!important;border-radius:9px!important}
 .key-info-icon{width:38px!important;height:38px!important;border-radius:8px!important;font-size:18px!important}
 .key-info-label{font-size:9px!important;letter-spacing:.7px!important;line-height:1.35!important}
 .key-info-copy h3{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
 .key-information{padding:55px 0!important}
}


/* Partnership and business collaboration carousel */
.collaboration-moments{padding:78px 0;background:linear-gradient(180deg,#f5faff,#eaf4fc);overflow:hidden}
.collaboration-moments .section-head{text-align:center}
.collab-carousel{position:relative;max-width:1060px;margin:34px auto 0;overflow:hidden;border:1px solid #b8d3eb;border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(8,48,99,.09)}
.collab-track{display:flex;transition:transform .65s cubic-bezier(.22,.7,.2,1);will-change:transform}
.collab-card{flex:0 0 100%;display:grid;grid-template-columns:1.15fr .85fr;min-width:100%;background:#fff}
.collab-image{position:relative;min-height:345px;overflow:hidden;background:#dbeaf7}
.collab-image img{width:100%;height:100%;min-height:345px;display:block;object-fit:cover;transition:transform .8s}
.collab-card.is-active .collab-image img{transform:scale(1.035)}
.collab-label{position:absolute;left:22px;bottom:22px;padding:9px 13px;border:1px solid rgba(255,255,255,.55);border-radius:3px;background:rgba(7,44,91,.82);color:#fff;font-size:10px;letter-spacing:1.4px;font-weight:800}
.collab-info{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.collab-step{color:#1684bd;font-size:11px;letter-spacing:1.5px;font-weight:850}
.collab-info h3{margin:14px 0 12px;color:#082e63;font-size:clamp(23px,3vw,32px);line-height:1.2}
.collab-info p{margin:0;color:#4b6c91;font-size:13px;line-height:1.8}
.collab-meta{margin-top:25px;padding-top:15px;border-top:1px solid #dce9f5;color:#1476b8;font-size:10px;letter-spacing:1px;font-weight:800}
.collab-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #e1edf7;background:#fafdff}
.collab-dots{display:flex;gap:8px}
.collab-dots button{width:23px;height:5px;border:0;border-radius:8px;background:#c4d9ed;padding:0;cursor:pointer;transition:width .3s,background .3s}
.collab-dots button.is-active{width:38px;background:#1264ad}
.collab-auto-note{color:#6d88a3;font-size:9px;font-weight:800;letter-spacing:1px}
@media(max-width:680px){.collaboration-moments{padding:56px 0}.collab-card{grid-template-columns:1fr}.collab-image,.collab-image img{min-height:230px;height:230px}.collab-info{padding:22px}.collab-info h3{font-size:23px;margin:10px 0}.collab-meta{margin-top:17px}.collab-controls{padding:12px 14px}.collab-auto-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.collab-track,.collab-image img,.collab-dots button{transition:none!important}}


/* ==========================================================================
   HIGH-PRESTIGE CORPORATE NAVIGATION SUITE (INVESTMENT BANKING & CAPITAL DESK)
   ========================================================================== */
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: clip;
  max-width: 100%;
}
.topbar {
  background: linear-gradient(90deg, #051a36 0%, #08264e 50%, #0d3868 100%) !important;
  color: #c5dcf4 !important;
  font-size: 11px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  z-index: 100 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.topbar .container.topbar-container,
.topbar .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: clamp(16px, 2.5vw, 36px) !important;
  padding-right: clamp(16px, 2.5vw, 36px) !important;
  box-sizing: border-box !important;
}
.topbar-left, .topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.topbar-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 750 !important;
  color: #6ce0e8 !important;
  letter-spacing: 0.3px !important;
}
.badge-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #21b5c8 !important;
  box-shadow: 0 0 7px #21b5c8 !important;
  display: inline-block !important;
}
.topbar-divider {
  color: rgba(255, 255, 255, 0.22) !important;
  font-size: 10px !important;
}
.topbar-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #d6e7f7 !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
  font-size: 11px !important;
}
.topbar-link:hover {
  color: #ffffff !important;
}
.topbar-link svg {
  color: #38c8db !important;
  flex-shrink: 0 !important;
}
.topbar-hours {
  color: #9cb8d6 !important;
  font-size: 10.5px !important;
}

/* Header & Full-Width Sticky Nav Container */
body .topbar{font-size:12px!important}
.topbar .topbar-link{font-size:12px!important}
.topbar .topbar-hours{font-size:11.5px!important}
.topbar .topbar-right .topbar-link{font-size:14px!important}
.topbar .topbar-right .topbar-hours{font-size:12.5px!important}
.topbar .topbar-right .topbar-link{white-space:nowrap;flex-shrink:0}
body .topbar .container.topbar-container{flex-wrap:wrap;gap:8px 24px!important}
.topbar .topbar-left,.topbar .topbar-right{min-width:0;flex:0 1 auto;gap:8px 16px!important}
.topbar .topbar-right{margin-left:auto}
.topbar .topbar-left>span:not(.topbar-divider){display:inline-flex!important;white-space:nowrap}
.topbar .topbar-right a.topbar-link{display:inline-flex!important}
.topbar .topbar-divider{display:none!important}
@media(max-width:680px){
 body .topbar{padding:10px 0!important}
 body .topbar .container.topbar-container{flex-direction:column;align-items:center!important;justify-content:center!important;gap:8px!important;padding-inline:12px!important}
 .topbar .topbar-left,.topbar .topbar-right{width:100%;min-width:0;justify-content:center;gap:8px 14px!important}
 .topbar .topbar-left{flex-wrap:wrap!important}
 .topbar .topbar-badge{white-space:nowrap;font-size:11px;line-height:1.5}
 .topbar .topbar-divider{display:none!important}
 .topbar .topbar-right{flex-wrap:wrap!important;margin-left:0}
 .topbar .topbar-right a.topbar-link{display:inline-flex!important}
 body .topbar .topbar-right .topbar-link{font-family:var(--font-body)!important;font-size:11px!important;line-height:1.6;letter-spacing:0!important;gap:5px!important}
 .topbar .topbar-right .topbar-link svg{width:12px;height:12px}
}

header, .corp-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(198, 218, 238, 0.8) !important;
  box-shadow: 0 3px 20px -2px rgba(6, 29, 58, 0.07) !important;
  transition: background .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
header.scrolled, .corp-header.scrolled {
  background: rgba(255, 255, 255, 0.99) !important;
  box-shadow: 0 8px 30px -4px rgba(6, 29, 58, 0.12) !important;
  border-bottom-color: rgba(182, 207, 230, 0.95) !important;
}
header .container.nav,
.corp-header .nav {
  height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: clamp(16px, 2.5vw, 36px) !important;
  padding-right: clamp(16px, 2.5vw, 36px) !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
}

/* Corporate Brand Lockup */
.brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #07264a !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: opacity .2s ease !important;
}
.brand:hover {
  opacity: .95 !important;
}
.brandmark-box, .brandmark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(18, 92, 165, 0.16) !important;
  box-shadow: 0 2px 8px rgba(7, 36, 74, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}
.brandmark-logo {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: 32px !important;
  object-fit: contain !important;
  display: block !important;
}
.brandmark-box::after, .brandmark::after {
  display: none !important;
}
.brand-text {
  display: flex !important;
  flex-direction: column !important;
}
.brand-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  color: #08264a !important;
  letter-spacing: 0.2px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.brand-title .title-main,
.brand-title .title-accent {
  display: inline !important;
}
.mobile-menu-cta {
  display: none !important;
}
.brand-sub, .brand small {
  display: block !important;
  color: #597491 !important;
  font-size: 7.5px !important;
  font-weight: 750 !important;
  letter-spacing: 0.8px !important;
  margin-top: 2px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Desktop Main Menu */
#primaryNav > .menu-link,
#primaryNav .menu-trigger{font-size:13.5px!important}
@media(max-width:1240px){
 #primaryNav > .menu-link,#primaryNav .menu-trigger{font-size:12.8px!important}
}
@media(max-width:1060px){
 #primaryNav > .menu-link,#primaryNav .menu-trigger{font-size:14.5px!important}
}
.main-menu {
  display: flex !important;
  align-items: stretch !important;
  height: 74px !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
}
.main-menu > a, .menu-link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 clamp(6px, 0.75vw, 10px) !important;
  height: 74px !important;
  font-size: 12.2px !important;
  font-weight: 400 !important;
  color: #173458 !important;
  text-decoration: none !important;
  transition: all .18s ease !important;
  white-space: nowrap !important;
  position: relative !important;
  letter-spacing: 0.3px !important;
}
.main-menu > a:hover, .menu-link:hover, .main-menu > a.is-active, .menu-link.is-active {
  color: #0a5aa8 !important;
  background: rgba(18, 92, 165, 0.04) !important;
}
.menu-group {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 74px !important;
}
.menu-group.has-megamenu {
  position: relative !important;
}
.menu-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 clamp(6px, 0.75vw, 10px) !important;
  height: 74px !important;
  font-size: 12.2px !important;
  font-weight: 400 !important;
  color: #173458 !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all .18s ease !important;
  font-family: inherit !important;
  position: relative !important;
  letter-spacing: 0.3px !important;
}
.menu-group:hover > .menu-trigger,
.menu-group:focus-within > .menu-trigger,
.menu-group.menu-open > .menu-trigger {
  color: #0a5aa8 !important;
  background: rgba(18, 92, 165, 0.04) !important;
}
/* Active corporate indicator keyline */
.menu-link::after, .menu-trigger::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 6px !important;
  right: 6px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #07244a, #105ba2 60%, #21b5c8 100%) !important;
  border-radius: 3px 3px 0 0 !important;
  opacity: 0 !important;
  transform: scaleX(0) !important;
  transition: opacity .2s ease, transform .2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.menu-link:hover::after, .menu-link.is-active::after,
.menu-group:hover > .menu-trigger::after,
.menu-group:focus-within > .menu-trigger::after,
.menu-group.menu-open > .menu-trigger::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}
.chevron-icon {
  width: 8px !important;
  height: 5px !important;
  transition: transform .25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  color: #7892ac !important;
  flex-shrink: 0 !important;
}
.menu-group:hover > .menu-trigger .chevron-icon,
.menu-group:focus-within > .menu-trigger .chevron-icon,
.menu-group.menu-open > .menu-trigger .chevron-icon {
  transform: rotate(180deg) !important;
  color: #0a5aa8 !important;
}
.menu-badge {
  font-size: 7.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  padding: 1.5px 5px !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, #0e5699, #1db2c5) !important;
  color: #ffffff !important;
  line-height: 1 !important;
  margin-left: 2px !important;
  box-shadow: 0 1px 4px rgba(14, 86, 153, 0.25) !important;
}

/* Dropdown Base & Transitions */
.menu-dropdown {
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 100% !important;
  background: #ffffff !important;
  border: 1px solid rgba(18, 92, 165, 0.16) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 20px 45px -10px rgba(6, 29, 58, 0.2), 0 0 0 1px rgba(6, 29, 58, 0.04) !important;
  z-index: 120 !important;
  transform: translateY(6px) !important;
  transition: opacity .18s ease, transform .2s cubic-bezier(0.16, 1, 0.3, 1), visibility .18s !important;
  overflow: hidden !important;
}
/* Invisible hover bridge */
.menu-dropdown::before {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  left: 0 !important;
  right: 0 !important;
  height: 8px !important;
  background: transparent !important;
}
/* Elegant bottom accent line */
.menu-dropdown::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #07244a 0%, #105ba2 55%, #21b5c8 100%) !important;
  z-index: 10 !important;
}
.menu-group:hover > .menu-dropdown,
.menu-group:focus-within > .menu-dropdown,
.menu-group.menu-open > .menu-dropdown {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Card Dropdown Menu (About, Achievements, Media, Downloads) */
.dropdown-card {
  left: 0 !important;
  min-width: 270px !important;
  max-width: 310px !important;
  padding: 0 !important;
}
.menu-group:last-of-type .dropdown-card,
.menu-group:nth-last-of-type(2) .dropdown-card {
  left: auto !important;
  right: 0 !important;
}
.dropdown-header {
  padding: 14px 18px 10px !important;
  background: #f7fafe !important;
  border-bottom: 1px solid #e4edf6 !important;
}
.dropdown-header strong {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #08264a !important;
  letter-spacing: 0.2px !important;
}
.dropdown-header span {
  display: block !important;
  font-size: 10.5px !important;
  color: #617b96 !important;
  margin-top: 2px !important;
}
.dropdown-items {
  padding: 6px 8px !important;
}
.dropdown-item {
  display: block !important;
  padding: 8px 10px !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  transition: background .16s ease, transform .16s ease !important;
}
.dropdown-item:hover {
  background: #f0f6fd !important;
  transform: translateX(3px) !important;
}
.item-title {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #123762 !important;
  line-height: 1.3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  letter-spacing: 0.25px !important;
}
.dropdown-item:hover .item-title {
  color: #0a5aa8 !important;
}
.item-desc {
  font-size: 10px !important;
  color: #69839e !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;
}

/* Modal LG Size Dropdown (Products & Services) */
.megamenu-dropdown {
  left: 50% !important;
  right: auto !important;
  width: 760px !important;
  max-width: min(760px, calc(100vw - 32px)) !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  padding: 0 !important;
  box-shadow: 0 24px 56px -10px rgba(6, 28, 56, 0.24), 0 0 0 1px rgba(9, 43, 85, 0.08) !important;
  transform: translateX(-35%) translateY(6px) !important;
}
.menu-group.has-megamenu:hover > .megamenu-dropdown,
.menu-group.has-megamenu:focus-within > .megamenu-dropdown,
.menu-group.has-megamenu.menu-open > .megamenu-dropdown {
  transform: translateX(-35%) translateY(0) !important;
}
.megamenu-inner {
  padding: 0 !important;
}
.megamenu-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 20px !important;
  background: linear-gradient(90deg, #f7fafd 0%, #edf5fc 100%) !important;
  border-bottom: 1px solid #dce8f4 !important;
}
.megamenu-eyebrow {
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 1.3px !important;
  color: #105da4 !important;
  text-transform: uppercase !important;
  display: block !important;
}
.megamenu-headline {
  margin: 2px 0 0 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #092c55 !important;
  letter-spacing: -0.2px !important;
}
.megamenu-header-action {
  font-size: 11.5px !important;
  font-weight: 750 !important;
  color: #0a5aa8 !important;
  text-decoration: none !important;
  padding: 6px 13px !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  border: 1px solid #c8dcf0 !important;
  box-shadow: 0 2px 5px rgba(10, 46, 88, 0.06) !important;
  transition: all .2s ease !important;
}
.megamenu-header-action:hover {
  background: #0a5aa8 !important;
  color: #ffffff !important;
  border-color: #0a5aa8 !important;
  transform: translateY(-1px) !important;
}
.megamenu-columns {
  display: grid !important;
  grid-template-columns: 1fr 1.32fr 1.05fr !important;
  gap: 16px !important;
  padding: 14px 20px 16px !important;
  background: #ffffff !important;
}
.megamenu-col {
  display: flex !important;
  flex-direction: column !important;
}
@media(min-width:1061px){
 .main-menu .megamenu-col + .megamenu-col{border-left:1px solid #d5e3ef;padding-left:16px}
}
.col-head {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  padding-bottom: 7px !important;
  border-bottom: 1px solid #e5eff8 !important;
}
  border-bottom: 1px solid #e5eff8 !important;
}
.col-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  background: #edf5fc !important;
  color: #105ca2 !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
}
.col-icon svg {
  width: 15px !important;
  height: 15px !important;
}
.col-head h5 {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #08264a !important;
  line-height: 1.2 !important;
}
.col-head p {
  margin: 2px 0 0 !important;
  font-size: 9.5px !important;
  color: #637f9b !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
.col-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.col-link {
  display: block !important;
  padding: 5px 8px !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  transition: all .16s ease !important;
}
.col-link:hover {
  background: #f1f7fc !important;
  transform: translateX(3px) !important;
}
.link-label {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #153760 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.25px !important;
}
.col-link:hover .link-label {
  color: #0a5aa8 !important;
}
.link-caption {
  display: block !important;
  font-size: 10px !important;
  color: #69839e !important;
  line-height: 1.35 !important;
  margin-top: 1px !important;
}
.megamenu-footer-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 20px !important;
  background: #f7fafd !important;
  border-top: 1px solid #e1ebf5 !important;
  font-size: 11px !important;
  color: #496380 !important;
}
.status-indicator {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #21b5c8 !important;
  display: inline-block !important;
  margin-right: 5px !important;
  box-shadow: 0 0 5px #21b5c8 !important;
}
.footer-desk-btn {
  font-size: 11px !important;
  font-weight: 750 !important;
  color: #0a5aa8 !important;
  text-decoration: none !important;
}
.footer-desk-btn:hover {
  text-decoration: underline !important;
}

/* Header Actions & CTA */
.header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}
.corp-btn-primary, .nav-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 8px 14px !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, #07254b 0%, #10599f 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 3px 10px rgba(7, 36, 74, 0.2) !important;
  transition: all .2s ease !important;
  white-space: nowrap !important;
  font-family: inherit !important;
}
.corp-btn-primary:hover, .nav-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(16, 89, 159, 0.35) !important;
  background: linear-gradient(135deg, #092e5c 0%, #126ac0 100%) !important;
  color: #ffffff !important;
}
.corp-btn-primary svg {
  transition: transform .2s ease !important;
  color: #8be5ee !important;
}
.corp-btn-primary:hover svg {
  transform: translate(2px, -2px) !important;
}

/* Hamburger Button */
.menu-btn {
  display: none !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 6px !important;
  border: 1px solid #c7daec !important;
  background: #f2f7fc !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.menu-btn-bar {
  display: block !important;
  width: 18px !important;
  height: 2px !important;
  background: #08284e !important;
  border-radius: 2px !important;
  transition: transform .25s ease, opacity .25s ease !important;
}
.nav.open .menu-btn-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg) !important;
}
.nav.open .menu-btn-bar:nth-child(2) {
  opacity: 0 !important;
}
.nav.open .menu-btn-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}

/* Dynamic Responsive Overrides */
@media (max-width: 1240px) {
  .brand-sub, .brand small { display: none !important; }
  .main-menu > a, .menu-link, .menu-trigger { font-size: 11.8px !important; padding: 0 5px !important; }
  .menu-badge { display: none !important; }
  .topbar-right .topbar-hours { display: none !important; }
}
@media (max-width: 1060px) {

  .corp-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    background: #ffffff !important;
  }
  .corp-header .nav {
    height: 66px !important;
    padding: 0 16px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .brand {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
  }
  .brandmark-box {
    width: 32px !important;
    height: 36px !important;
    padding: 2px !important;
    flex-shrink: 0 !important;
  }
  .brandmark-logo {
    width: auto !important;
    height: 30px !important;
  }
  /* Split brand title into 2 clean lines on mobile */
  .brand-title {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  .brand-title .title-main {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    color: #08264a !important;
    letter-spacing: 0.2px !important;
  }
  .brand-title .title-accent {
    display: block !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    color: #0e5aa2 !important;
    letter-spacing: 0.35px !important;
  }
  .brand-sub {
    display: none !important;
  }
  .header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
  }
  .header-actions .nav-cta {
    display: none !important;
  }
  .menu-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 6px !important;
    border: 1px solid #c8dcf0 !important;
    background: #f4f8fd !important;
    cursor: pointer !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    gap: 3.5px !important;
  }
  .menu-btn .menu-btn-bar {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: #0a4d8c !important;
    border-radius: 2px !important;
    transition: transform .2s ease, opacity .2s ease !important;
    margin: 0 !important;
  }
  .nav.open .menu-btn {
    background: #e6f1fb !important;
    border-color: #0e5aa2 !important;
  }
  .nav.open .menu-btn-bar:nth-child(1) {
    transform: translateY(5.5px) rotate(45deg) !important;
  }
  .nav.open .menu-btn-bar:nth-child(2) {
    opacity: 0 !important;
  }
  .nav.open .menu-btn-bar:nth-child(3) {
    transform: translateY(-5.5px) rotate(-45deg) !important;
  }
  .main-menu {
    display: none !important;
  }
  .nav.open .main-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    position: fixed !important;
    top: 66px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 66px) !important;
    background: #ffffff !important;
    padding: 14px 16px 40px !important;
    border-top: 1px solid #dce8f5 !important;
    box-shadow: 0 25px 50px rgba(6, 29, 58, 0.28) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 99999 !important;
    gap: 6px !important;
    box-sizing: border-box !important;
  }
  .menu-group {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .menu-trigger {
    width: 100% !important;
    height: 44px !important;
    justify-content: space-between !important;
    padding: 0 14px !important;
    background: #f5f9fd !important;
    border-radius: 6px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #0b2f5c !important;
    box-sizing: border-box !important;
  }
  .menu-group.menu-open > .menu-trigger {
    background: #eaf3fb !important;
    color: #0a5aa8 !important;
  }
  .menu-trigger .chevron-icon {
    transition: transform .2s ease !important;
  }
  .menu-group.menu-open .chevron-icon {
    transform: rotate(180deg) !important;
  }
  .main-menu > a, .menu-link {
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #0b2f5c !important;
    background: #f5f9fd !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .main-menu > a.is-active, .menu-link.is-active {
    background: #edf5fc !important;
    color: #0a5aa8 !important;
    border-left: 3px solid #0a5aa8 !important;
  }
  .menu-dropdown,
  .dropdown-card,
  .megamenu-dropdown,
  .menu-group.has-megamenu > .megamenu-dropdown,
  .menu-group.has-megamenu.menu-open > .megamenu-dropdown {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    display: none !important;
    box-shadow: none !important;
    border: 1px solid #dce8f5 !important;
    border-radius: 6px !important;
    margin: 4px 0 6px !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    background: #fbfdff !important;
    box-sizing: border-box !important;
  }
  .menu-group.menu-open .menu-dropdown,
  .menu-group.has-megamenu.menu-open > .megamenu-dropdown {
    display: block !important;
    transform: none !important;
  }
  .megamenu-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px !important;
    background: transparent !important;
  }
  .megamenu-col {
    background: #ffffff !important;
    border: 1px solid #e3eef7 !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
  }
  .megamenu-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }
  .megamenu-footer-strip {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 12px 14px !important;
  }
  .mobile-menu-cta {
    display: block !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #e2edf6 !important;
  }
  .mobile-drawer-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 44px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    background: #0e5aa2 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(14, 90, 162, 0.22) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }
}

.official-menu-content{padding:70px 0;background:#f0f7fd}
.official-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.official-content-grid article{padding:22px;background:#fff;border:1px solid #cbdff0;border-radius:8px;scroll-margin-top:110px}
.official-content-grid article span{font-size:9px;font-weight:850;letter-spacing:1.2px;color:#1484bb}
.official-content-grid h3{font-size:17px;color:#092f62;margin:9px 0}
.official-content-grid p{font-size:12px;line-height:1.7;color:#526f90;margin:0}
.official-content-grid a{display:inline-block;margin-top:12px;color:#0759a6;font-size:11px;font-weight:800}
.collab-explore{color:#0759a6;font-size:11px;font-weight:850;letter-spacing:.5px;text-decoration:none;padding:8px 12px;border:1px solid #b9d5ee;border-radius:3px;background:white}
.collab-explore:hover{background:#e8f4ff}
.moments-gallery{padding:70px 0;background:#fff}
.moments-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.moments-gallery-card{border:1px solid #d1e2f1;border-radius:10px;overflow:hidden;background:#f8fbff;transition:transform .3s,box-shadow .3s}
.moments-gallery-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #092b5515}
.moments-gallery-card img{width:100%;height:190px;object-fit:cover;display:block}
.moments-gallery-card div{padding:18px}
.moments-gallery-card span{font-size:9px;letter-spacing:1.2px;font-weight:850;color:#1684bd}
.moments-gallery-card h3{font-size:17px;color:#082e63;margin:8px 0}
.moments-gallery-card p{font-size:12px;line-height:1.7;color:#587492;margin:0}
@media(max-width:1000px){.official-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .official-content-grid{grid-template-columns:1fr 1fr;gap:9px}
 .official-content-grid article{padding:13px}
 .official-content-grid h3{font-size:14px}
 .official-content-grid p{font-size:11px}
 .moments-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .moments-gallery-card img{height:130px}
 .moments-gallery-card div{padding:12px}
 .moments-gallery-card h3{font-size:14px}
 .collab-controls{flex-wrap:wrap;gap:10px}
 .collab-auto-note{display:none}
}



/* Key Information cards only: retain previous section presentation, refine cards in cool blue */
.key-info-item{background:linear-gradient(145deg,rgba(18,53,88,.82),rgba(11,39,69,.88))!important;border:1px solid rgba(110,169,219,.2)!important;border-radius:9px!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.1)!important;transition:border-color .28s,background .28s,transform .28s!important}
.key-info-item:after{display:none!important}
.key-info-item:before{content:attr(data-index)!important;position:absolute!important;right:9px!important;bottom:3px!important;font-size:24px!important;line-height:1!important;color:rgba(166,190,211,.055)!important;font-weight:900!important}
.key-info-item:hover{transform:translateY(-3px)!important;border-color:rgba(65,163,226,.42)!important;background:linear-gradient(145deg,rgba(24,66,105,.94),rgba(13,47,80,.98))!important;box-shadow:0 10px 24px rgba(0,0,0,.17)!important}
.key-info-icon{color:#79bce9!important;background:rgba(31,126,190,.16)!important;box-shadow:none!important}
.key-info-item:hover .key-info-icon{transform:translateY(-1px)!important;background:rgba(31,126,190,.25)!important}
.key-information .key-info-icon,
.key-information .key-info-item:hover .key-info-icon{color:#fff!important}

/* Low-opacity capital-market ambient glow that tracks pointer on light negative space */
.pointer-market-ambient{position:relative!important;isolation:isolate!important}
.pointer-market-ambient:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(ellipse 330px 260px at var(--market-pointer-x,50%) var(--market-pointer-y,45%),rgba(20,105,180,.075),transparent 72%),radial-gradient(ellipse 260px 220px at calc(var(--market-pointer-x,50%) + 18%) calc(var(--market-pointer-y,45%) + 14%),rgba(20,181,197,.045),transparent 70%)!important;opacity:1!important;transition:background-position .18s ease!important}


/* Soft round pointer orb: understated banking-blue */
#sebcsl-pointer-orb{position:fixed;left:0;top:0;width:24px;height:24px;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,rgba(112,202,255,.34),rgba(31,126,190,.17) 48%,rgba(15,79,143,.08) 72%);border:1px solid rgba(75,164,225,.36);box-shadow:0 0 18px rgba(35,139,205,.12);transition:opacity .22s ease,width .18s ease,height .18s ease}
#sebcsl-pointer-orb.is-visible{opacity:1}
#sebcsl-pointer-orb.is-hover{width:34px;height:34px;background:radial-gradient(circle at 35% 30%,rgba(112,202,255,.42),rgba(31,126,190,.22) 48%,rgba(15,79,143,.1) 72%)}
@media(pointer:coarse){#sebcsl-pointer-orb{display:none}}
@media(prefers-reduced-motion:reduce){#sebcsl-pointer-orb{transition:none}}


/* SEBCSL Moments: optimized desktop height and consistent text alignment */
.collaboration-moments{padding:48px 0 52px!important}
.collaboration-moments .section-head{max-width:760px!important;margin:0 auto 24px!important;text-align:center!important}
.collaboration-moments .section-head .kicker{margin-bottom:8px!important}
.collaboration-moments .section-head h2{margin:0 auto 10px!important;max-width:700px!important;line-height:1.22!important;text-align:center!important}
.collaboration-moments .section-head p{max-width:650px!important;margin:0 auto!important;line-height:1.6!important;text-align:center!important}
#collaboration-moments .section-head,
#collaboration-moments .section-head h2,
#collaboration-moments .section-head p{width:100%;max-width:none!important}
.collab-carousel{margin:22px auto 0!important;max-width:980px!important}
.collab-card{grid-template-columns:1.08fr .92fr!important;min-height:0!important;align-items:stretch!important}
.collab-image,.collab-image img{height:270px!important;min-height:270px!important}
.collab-label{left:16px!important;bottom:16px!important}
.collab-info{padding:26px 32px!important;align-items:flex-start!important;text-align:left!important}
.collab-info h3{margin:10px 0 10px!important;line-height:1.25!important;text-align:left!important}
.collab-info p{max-width:390px!important;line-height:1.65!important;text-align:left!important}
.collab-meta{margin-top:18px!important;padding-top:12px!important}
.collab-controls{padding:11px 16px!important}
@media(max-width:680px){
 .collaboration-moments{padding:48px 0!important}
 .collaboration-moments .section-head{padding:0 12px!important;margin-bottom:20px!important}
 .collab-carousel{margin-top:18px!important}
 .collab-card{grid-template-columns:1fr!important}
 .collab-image,.collab-image img{height:220px!important;min-height:220px!important}
 .collab-info{padding:20px!important}
}


#collaboration-moments{padding:72px 0!important}
#collaboration-moments .collab-carousel{width:100%;max-width:none!important;margin-top:32px!important}
#collaboration-moments .collab-image,
#collaboration-moments .collab-image img{height:400px!important;min-height:400px!important}
#collaboration-moments .collab-info{padding:40px 44px!important}
#collaboration-moments .collab-info p{max-width:none!important}
#collaboration-moments .collab-controls{padding:16px 22px!important}
@media(max-width:680px){
 #collaboration-moments{padding:56px 0!important}
 #collaboration-moments .collab-image,
 #collaboration-moments .collab-image img{height:280px!important;min-height:280px!important}
 #collaboration-moments .collab-info{padding:26px 22px!important}
 #collaboration-moments .collab-controls{padding:14px!important;gap:12px;flex-wrap:wrap}
}

.video-gallery{padding:76px 0;background:#f2f7fc}
.video-gallery .section-head{max-width:none;margin-bottom:30px}
.video-gallery-grid{display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:repeat(2,230px);gap:20px}
.video-gallery-item{position:relative;min-width:0;overflow:hidden;border-radius:16px;background:#092b55;box-shadow:0 12px 28px #092b5514}
.video-gallery-item:first-child{grid-row:span 2}
.video-gallery-play{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#092b55;color:#fff;text-align:left;font:inherit;cursor:pointer;overflow:hidden}
.video-gallery-play:disabled{cursor:default}
.video-gallery-play:focus-visible{outline:3px solid #21b5c8;outline-offset:-5px}
.video-gallery-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.video-gallery-play:hover img{transform:scale(1.04)}
.video-gallery-shade{position:absolute;inset:0;background:linear-gradient(180deg,#061a3433,#061a3455 45%,#061a34e6)}
.video-play-icon{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:62px;height:62px;transform:translate(-50%,-50%);border:1px solid #ffffffcc;border-radius:50%;background:#fff;color:#ff3038;box-shadow:0 6px 24px #0003;isolation:isolate;transition:box-shadow .3s}
.video-play-icon i{position:relative;z-index:1;margin-left:4px;font-size:20px;color:#ff3038}
.video-play-icon::before,.video-play-icon::after{content:"";position:absolute;inset:-1px;border:1px solid #ffffff50;background:#ffffff24;border-radius:50%;z-index:-1;pointer-events:none;animation:videoPlayRipple 3s cubic-bezier(.2,.6,.3,1) infinite}
.video-play-icon::after{animation-delay:1.5s}
.video-gallery-play:hover .video-play-icon{box-shadow:0 8px 32px #0004,0 0 0 7px #ffffff15}
.video-gallery-caption{position:absolute;left:26px;right:26px;bottom:24px;display:flex;flex-direction:column;gap:7px}
.video-gallery-caption>span{color:#b9edf3;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.video-gallery-caption strong{color:#fff;font-size:22px;font-weight:700;line-height:1.3}
.video-gallery-item:first-child .video-gallery-caption strong{font-size:30px}
.video-gallery-item iframe{display:block;width:100%;height:100%;border:0}
.video-gallery-page .video-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
.video-gallery-page .video-gallery-item{grid-row:auto;aspect-ratio:16/9}
.video-gallery-page .video-gallery-caption{left:20px;right:20px;bottom:18px}
.video-gallery-page .video-gallery-caption strong{font-size:21px}
@media(max-width:1000px){.video-gallery-page .video-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.video-gallery-page .video-gallery-grid{grid-template-columns:1fr}}
@keyframes videoPlayRipple{0%{transform:scale(1);opacity:.7}75%,100%{transform:scale(2.7);opacity:0}}
@media(max-width:680px){.video-gallery{padding:56px 0}.video-gallery-grid{grid-template-columns:1fr;grid-template-rows:none;gap:16px}.video-gallery-item,.video-gallery-item:first-child{grid-row:auto;aspect-ratio:16/9}.video-gallery-caption{left:20px;bottom:18px}.video-gallery-caption strong,.video-gallery-item:first-child .video-gallery-caption strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.video-play-icon::before,.video-play-icon::after{animation:none}.video-gallery-play img{transition:none}}

/* Smooth layered round pointer inspired by BRAC Bank's polished cursor treatment */
#sebcsl-pointer-trail{position:fixed;left:0;top:0;width:42px;height:42px;border-radius:50%;pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%);border:1px solid rgba(42,139,203,.18);background:radial-gradient(circle,rgba(50,150,210,.045),rgba(50,150,210,.015) 68%,transparent 72%);transition:left .16s cubic-bezier(.2,.65,.3,1),top .16s cubic-bezier(.2,.65,.3,1),opacity .25s ease,width .2s,height .2s}
#sebcsl-pointer-trail.is-visible{opacity:1}
#sebcsl-pointer-trail.is-hover{width:54px;height:54px;border-color:rgba(42,139,203,.3)}
@media(pointer:coarse){#sebcsl-pointer-trail{display:none}}
@media(prefers-reduced-motion:reduce){#sebcsl-pointer-trail{transition:none}}


/* Softer, more casual motion: flowing accents and rounded, non-rigid card hover */
@keyframes marketFloatDrift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(7px,-9px,0) rotate(1deg)}70%{transform:translate3d(-5px,-3px,0) rotate(-.6deg)}}
@keyframes marketGlowPulse{0%,100%{opacity:.45;scale:1}50%{opacity:.82;scale:1.06}}
.why-choose-section .why-card,.why-choose-us .why-card,.why-choose-card{border-radius:18px!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s,border-color .4s!important}
.why-choose-section .why-card:hover,.why-choose-us .why-card:hover,.why-choose-card:hover{transform:translateY(-7px) rotate(-.35deg)!important;box-shadow:0 18px 38px rgba(8,57,105,.12)!important}
.pointer-market-ambient:before{background:radial-gradient(ellipse 360px 300px at var(--market-pointer-x,50%) var(--market-pointer-y,45%),rgba(20,105,180,.095),transparent 70%),radial-gradient(ellipse 280px 240px at calc(var(--market-pointer-x,50%) + 15%) calc(var(--market-pointer-y,45%) + 12%),rgba(20,181,197,.055),transparent 72%)!important}
.contact-location{background:linear-gradient(145deg,#eaf4ff 0%,#f4f9ff 52%,#e3f1ff 100%)!important;position:relative;overflow:hidden}
.contact-location:before{content:"";position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(circle at 12% 35%,rgba(31,126,190,.1),transparent 32%),radial-gradient(circle at 85% 75%,rgba(16,92,166,.08),transparent 30%);animation:marketGlowPulse 9s ease-in-out infinite}
.contact-location .container{position:relative;z-index:1}
.contact-form-panel{background:linear-gradient(145deg,#0c3c70,#07549b 58%,#063a71)!important;border:1px solid rgba(94,174,235,.32)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(7,54,105,.18)!important;color:#fff!important}
.contact-panel-heading span{color:#8bd2ff!important;letter-spacing:1.6px!important}
.contact-panel-heading b{color:#fff!important}
.sebcsl-contact-form label{color:#e1f0ff!important}
.sebcsl-contact-form input,.sebcsl-contact-form select,.sebcsl-contact-form textarea{background:rgba(255,255,255,.97)!important;color:#12385f!important;border:1px solid rgba(155,205,241,.6)!important;border-radius:9px!important;transition:border-color .25s,box-shadow .25s,transform .25s!important}
.sebcsl-contact-form input:focus,.sebcsl-contact-form select:focus,.sebcsl-contact-form textarea:focus{outline:none!important;border-color:#75c7ff!important;box-shadow:0 0 0 3px rgba(117,199,255,.2)!important;transform:translateY(-1px)}
.sebcsl-contact-form input::placeholder,.sebcsl-contact-form textarea::placeholder{color:#7c9ab7!important}
.contact-submit{background:linear-gradient(110deg,#27a4e6,#1174c5,#07549a)!important;color:#fff!important;border:1px solid rgba(160,220,255,.35)!important;border-radius:999px!important;box-shadow:0 8px 20px rgba(0,26,68,.2)!important;transition:transform .3s,box-shadow .3s!important}
.contact-submit:hover{transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(0,26,68,.28)!important}
.form-hint{color:#bcdcff!important}
@media(prefers-reduced-motion:reduce){.contact-location:before{animation:none}.why-choose-section .why-card,.why-choose-us .why-card,.why-choose-card{transition:none!important}}

/* Circular Progress Back to Top Button */
.back-to-top {
  position: fixed;
  right: 28px;
  bottom: 28px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(9, 43, 85, 0.18), 0 1px 3px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(16px) scale(0.88);
  transition: opacity 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
              transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
              visibility 0.3s,
              box-shadow 0.25s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.back-to-top:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 25px rgba(9, 43, 85, 0.25), 0 0 15px rgba(33, 181, 200, 0.3);
}

.back-to-top:active {
  transform: translateY(-1px) scale(0.96);
}

.back-to-top .btt-progress {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
}

.back-to-top .btt-circle-bg {
  stroke: rgba(18, 92, 165, 0.14);
}

.back-to-top .btt-circle-bar {
  stroke-dasharray: 125.664;
  stroke-dashoffset: 125.664;
  transition: stroke-dashoffset 0.08s linear;
}

.back-to-top .btt-icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #092b55;
  transition: transform 0.25s ease, color 0.25s ease;
}

.back-to-top .btt-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.back-to-top:hover .btt-icon {
  color: #125ca5;
  transform: translateY(-2px);
}

.back-to-top:focus-visible {
  outline: 2px solid #21b5c8;
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .back-to-top {
    right: 18px;
    bottom: 18px;
    width: 44px;
    height: 44px;
  }
  .back-to-top .btt-icon svg {
    width: 16px;
    height: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .back-to-top,
  .back-to-top .btt-circle-bar,
  .back-to-top .btt-icon {
    transition: none !important;
  }
}



/* ==========================================================================
   ABOUT SEBCSL SECTION - STATIC TEXTURE & GEOMETRIC ARCHITECTURAL SHAPES (NO ANIMATION)
   ========================================================================== */
#about {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #f3f8fd 0%, #ffffff 42%, #ebf4fb 100%) !important;
  padding: 96px 0 !important;
  isolation: isolate;
  border-top: 1px solid #e1edf7;
  border-bottom: 1px solid #e1edf7;
}

.about-texture-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  opacity: 1 !important;
}

.about-texture-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.about-deco-badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(18, 92, 165, 0.14);
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  color: #125ca5;
  letter-spacing: 0.8px;
  box-shadow: 0 4px 14px rgba(9, 43, 85, 0.04);
  pointer-events: none;
  z-index: 2;
}

.about-deco-badge-tl {
  top: 24px;
  left: 32px;
}

.about-deco-badge-br {
  bottom: 24px;
  right: 32px;
  color: #55789b;
  font-family: monospace;
}

.deco-cube {
  width: 7px;
  height: 7px;
  background: #21b5c8;
  border-radius: 1px;
  opacity: 0.85;
}

#about .container {
  position: relative !important;
  z-index: 10 !important;
}

.about-visual {
  position: relative !important;
  z-index: 12 !important;
}

#about .about-grid {
  align-items: start;
}

#about .checks {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

#about .about-media {
  min-width: 0;
  position: relative;
  z-index: 12;
}

#about .about-media .about-progress {
  margin: 22px 0 0;
}

#about .about-visual {
  padding: 0;
  background-image: url("../images/about.jpg") !important;
  border: 10px solid #fff !important;
  border-radius: 20px;
  background-clip: padding-box;
  outline: 1px solid #c3dbee;
  box-shadow: 0 18px 40px rgba(9, 43, 85, .14);
}

.about-copy {
  position: relative !important;
  z-index: 12 !important;
}

@media (max-width: 680px) {
  #about {
    padding: 60px 0 !important;
  }
  .about-deco-badge {
    display: none !important;
  }
}


/* ==========================================================================
   MODERN HIGH-PRESTIGE CTA - STATIC BACKGROUND & FONTAWESOME ICONS (NO EMOJIS)
   ========================================================================== */
.cta#contact,
#contact.cta {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(125deg, #092b55 0%, #125ca5 75%, #1684ad 100%) !important;
  border-top: 2px solid rgba(33, 181, 200, 0.35) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 95px 0 !important;
  color: #fff !important;
  isolation: isolate !important;
}

/* Static clean background - NO animation */
#contact .cta-bg-glow{display:none}
.cta-static-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.cta-bg-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(60px);
}

.cta-bg-glow-1 {
  width: 520px;
  height: 520px;
  top: -120px;
  right: -80px;
  background: radial-gradient(circle, rgba(33, 181, 200, 0.22) 0%, rgba(18, 92, 165, 0.08) 60%, transparent 75%);
}

.cta-bg-glow-2 {
  width: 480px;
  height: 480px;
  bottom: -100px;
  left: -80px;
  background: radial-gradient(circle, rgba(18, 92, 165, 0.3) 0%, rgba(33, 181, 200, 0.05) 60%, transparent 75%);
}

.cta-static-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Grid Layout */
.cta-container {
  position: relative !important;
  z-index: 10 !important;
  display: grid !important;
  grid-template-columns: 1.18fr 0.82fr !important;
  gap: 52px !important;
  align-items: center !important;
}

/* Left Copy Styling */
.cta-kicker-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 14px;
  background: rgba(33, 181, 200, 0.12);
  border: 1px solid rgba(33, 181, 200, 0.35);
  border-radius: 30px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  color: #6ee5ee;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
}

.cta-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #21b5c8;
  box-shadow: 0 0 10px #21b5c8, 0 0 18px rgba(33, 181, 200, 0.6);
}

.cta-title {
  font-size: clamp(34px, 4.4vw, 52px) !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  letter-spacing: -1.2px !important;
  margin: 0 0 18px 0 !important;
}

.cta-gradient-text {
  background: linear-gradient(90deg, #6ee5ee 0%, #21b5c8 60%, #a5f3fc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.cta-desc {
  font-size: 15.5px !important;
  line-height: 1.72 !important;
  color: #cde2f5 !important;
  margin: 0 0 28px 0 !important;
  max-width: 620px !important;
}

/* Trust Badges - FontAwesome Icons */
.cta-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 34px;
}

.cta-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 700;
  color: #e1effa;
  backdrop-filter: blur(6px);
  transition: background .25s, border-color .25s, transform .25s;
}

.cta-trust-badge:hover {
  background: rgba(33, 181, 200, 0.15);
  border-color: rgba(33, 181, 200, 0.45);
  transform: translateY(-2px);
}

.ctb-icon {
  font-size: 14px;
  color: #21b5c8;
}

/* Buttons */
.cta-btn-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.btn-cta-main {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #21b5c8 0%, #1684ad 50%, #125ca5 100%);
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.4px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 10px 30px rgba(33, 181, 200, 0.38), 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, filter .3s;
  text-decoration: none;
}

.btn-cta-main:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 18px 42px rgba(33, 181, 200, 0.55), 0 4px 12px rgba(0, 0, 0, 0.3);
  filter: brightness(1.08);
}

.btn-cta-icon {
  font-size: 13.5px;
  transition: transform .25s ease;
}

.btn-cta-main:hover .btn-cta-icon {
  transform: translate(3px, -3px);
}

.btn-cta-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 26px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 750;
  border-radius: 8px;
  backdrop-filter: blur(8px);
  text-decoration: none;
  transition: background .25s, border-color .25s, transform .25s;
}

.btn-cta-ghost:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: #6ee5ee;
  transform: translateY(-2px);
  color: #6ee5ee !important;
}

.btn-phone-icon {
  font-size: 13px;
  color: #6ee5ee;
}

/* Right Card: Glassmorphic Panel */
.cta-card-col {
  display: flex;
  justify-content: center;
}

.cta-glass-card {
  position: relative;
  width: 100%;
  max-width: 420px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 24px 50px rgba(2, 18, 42, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.glass-card-top-shine {
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #6ee5ee, #21b5c8, transparent);
  border-radius: 2px;
}

.glass-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-badge-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: #a7f3d0;
}

.status-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 8px #34d399;
}

.glass-brand-tag {
  font-size: 10px;
  letter-spacing: 1.2px;
  font-weight: 800;
  color: #72b2e8;
}

.glass-metric-box {
  margin-bottom: 18px;
}

.glass-metric-head small {
  display: block;
  font-size: 10.5px;
  letter-spacing: 1.2px;
  color: #93c5fd;
  font-weight: 800;
  margin-bottom: 4px;
}

.glass-metric-val {
  font-size: 32px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.5px;
  line-height: 1.1;
}

.glass-metric-val span {
  font-size: 16px;
  color: #6ee5ee;
  font-weight: 700;
}

.glass-metric-trend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.trend-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 800;
  color: #6ee5ee;
  letter-spacing: 0.6px;
}

.glass-metric-trend small {
  color: #94a3b8;
  font-size: 11px;
}

/* Sparkline */
.glass-sparkline-wrap {
  position: relative;
  width: 100%;
  height: 65px;
  margin-bottom: 22px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.glass-sparkline {
  width: 100%;
  height: 100%;
}

/* Contacts Inside Card */
.glass-contacts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.glass-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  color: #e2e8f0 !important;
  font-size: 12.5px;
  text-decoration: none;
  transition: background .2s, border-color .2s;
}

.glass-contact-item:hover {
  background: rgba(33, 181, 200, 0.15);
  border-color: rgba(33, 181, 200, 0.4);
}

.gci-icon {
  font-size: 13px;
  color: #21b5c8;
}

.gci-text {
  flex: 1;
  font-weight: 600;
  font-size: 12px;
  color: #e0f2fe;
}

.gci-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  color: #6ee5ee;
}

.glass-location-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-size: 11px;
  color: #94a3b8;
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 900px) {
  .cta-container {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .cta#contact, #contact.cta {
    padding: 70px 0 !important;
  }
  .cta-card-col {
    justify-content: flex-start;
  }
  .cta-glass-card {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .cta-title {
    font-size: 30px !important;
  }
  .cta-btn-group {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-cta-main, .btn-cta-ghost {
    justify-content: center;
  }
}


/* ==========================================================================
   INNER PAGE ARCHITECTURE - SOUTHEAST BANK CAPITAL SERVICES LTD.
   ========================================================================== */
.page-hero {
  position: relative;
  background: linear-gradient(135deg, #051a36 0%, #092b55 52%, #0e3d6e 100%);
  color: #fff;
  padding: 68px 0 72px;
  overflow: hidden;
  border-bottom: none !important;
}

.page-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.85;
}

.page-hero-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-hero-container {
  position: relative;
  z-index: 10;
}

/* Modern Smart Breadcrumb Suite */
.page-breadcrumb-nav {
  margin-bottom: 20px;
}

.page-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 6px 14px;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 30px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.3px;
}

.breadcrumb-item {
  display: inline-flex;
  align-items: center;
}

.breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b8d6f2;
  text-decoration: none;
  padding: 3px 8px;
  border-radius: 20px;
  transition: all .2s ease;
}

.breadcrumb-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
}

.breadcrumb-link i {
  font-size: 11px;
  color: #6ee5ee;
}

.breadcrumb-sep {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.35);
  font-size: 9px;
  user-select: none;
  padding: 0 2px;
}

.breadcrumb-item.is-active .breadcrumb-current {
  display: inline-flex;
  align-items: center;
  color: #6ee5ee;
  background: rgba(33, 181, 200, 0.16);
  border: 1px solid rgba(33, 181, 200, 0.38);
  padding: 3px 12px;
  border-radius: 20px;
  font-weight: 750;
  box-shadow: 0 2px 8px rgba(33, 181, 200, 0.2);
}

.page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 13px;
  background: rgba(33, 181, 200, 0.14);
  border: 1px solid rgba(33, 181, 200, 0.32);
  border-radius: 20px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1.2px;
  color: #6ee5ee;
  margin-bottom: 14px;
}

.page-hero h1 {
  font-size: clamp(32px, 3.8vw, 46px);
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -0.8px;
  color: #ffffff;
  margin: 0 0 16px;
}

.page-hero h1 span {
  color: #6ee5ee;
}

.page-hero-lead {
  font-size: 16px;
  line-height: 1.7;
  color: #d1e4f5;
  max-width: 760px;
  margin: 0 0 24px;
}

.page-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hero-meta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  color: #e2effa;
}

.hero-meta-badge i {
  color: #21b5c8;
}

/* Page Content & Sidebar Layout */
.page-main-wrap {
  background: #f4f8fc;
  padding: 72px 0 90px;
}

.page-grid-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 42px;
  align-items: start;
}

.page-full-width {
  grid-template-columns: 1fr;
}

.page-grid-layout:has(> .page-sidebar){grid-template-columns:290px minmax(0,1fr);grid-template-areas:"sidebar content";gap:32px}
.page-grid-layout > .page-main-content{grid-area:content;min-width:0}
.page-grid-layout > .page-sidebar{grid-area:sidebar;position:sticky;top:94px;max-height:calc(100dvh - 114px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdd3e5 transparent;padding:2px 3px 8px}
.page-grid-layout:not(:has(> .page-sidebar)) > .page-main-content{grid-area:auto}
.page-sidebar .sidebar-widget{padding:22px 18px;border-radius:16px;border-color:#d4e3ef;box-shadow:0 10px 28px #092b5508}
.page-sidebar .widget-title{font-size:15px;gap:10px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #dce8f2}
.page-sidebar .widget-title>i{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#e7f3fc;color:#125ca5}
.page-sidebar .sidebar-nav-list{gap:8px;align-items:stretch;width:100%}
.page-sidebar .sidebar-nav-link{position:relative;gap:12px;padding:13px 14px;border-radius:9px;background:#f5f9fd;border:1px solid #e4edf5;color:#43617d;font-size:12px;line-height:1.5;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.page-sidebar .sidebar-nav-link{text-align:left;justify-content:flex-start;width:100%;align-self:stretch;margin-inline:0}
.page-sidebar .sidebar-nav-link span{min-width:0;flex:1;text-align:left}
.page-sidebar .sidebar-nav-link>i{flex-shrink:0;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8f1f8;color:#789bb9;font-size:9px}
.page-sidebar .sidebar-nav-link:hover{padding-left:14px;background:#eaf4fc;border-color:#a5cee8;color:#125ca5}
.page-sidebar .sidebar-nav-link.is-active{padding-left:14px;background:linear-gradient(115deg,#092b55,#125ca5);border-color:#125ca5;color:#fff;box-shadow:0 5px 14px #125ca523}
.page-sidebar .sidebar-nav-link.is-active::before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:3px;background:#61e0e8}
.page-sidebar .sidebar-nav-link.is-active>i{background:#ffffff1f;color:#fff;transform:none}
.page-sidebar .sidebar-nav-link:focus-visible{outline:3px solid #21b5c8;outline-offset:2px}
.page-sidebar .sidebar-contact-card .widget-title>i{background:#ffffff14;color:#8bdce4}
@media(max-width:1060px) and (min-width:901px){.page-grid-layout:has(> .page-sidebar){grid-template-columns:250px minmax(0,1fr);gap:24px}.page-grid-layout > .page-sidebar{top:84px;max-height:calc(100dvh - 104px)}}
@media(max-width:900px){
 .page-grid-layout:has(> .page-sidebar){grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar" "content";gap:26px}
 .page-grid-layout > .page-sidebar{position:static;max-height:none;overflow:visible;padding:0}
 .page-sidebar .sidebar-nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){.page-sidebar .sidebar-nav-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.page-sidebar .sidebar-nav-link{transition:none}}

/* Content Cards */
.content-box {
  background: #ffffff;
  border: 1px solid #d5e5f1;
  border-radius: 12px;
  padding: 38px 42px;
  box-shadow: 0 6px 24px rgba(9, 43, 85, 0.04);
  margin-bottom: 30px;
}

.content-box:last-child {
  margin-bottom: 0;
}

.content-box h2 {
  font-size: 26px;
  color: #092b55;
  font-weight: 850;
  letter-spacing: -0.5px;
  margin: 0 0 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.content-box h2 i {
  color: #125ca5;
  font-size: 20px;
}

.content-box h3 {
  font-size: 19px;
  color: #092b55;
  font-weight: 800;
  margin: 26px 0 12px;
}

.content-box p {
  color: #4b6885;
  font-size: 14.5px;
  line-height: 1.8;
  margin: 0 0 18px;
}

.content-box ul, .content-box ol {
  color: #4b6885;
  font-size: 14px;
  line-height: 1.8;
  padding-left: 20px;
  margin: 0 0 20px;
}

.content-box li {
  margin-bottom: 8px;
}

/* Value Props Grid */
.prop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 25px 0 10px;
}

.prop-card {
  padding: 22px;
  background: #f8fbfe;
  border: 1px solid #d9e8f5;
  border-radius: 10px;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}

.prop-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(9, 43, 85, 0.06);
  border-color: #21b5c8;
}

.prop-card .prop-icon {
  width: 40px;
  height: 40px;
  background: #e1f2fc;
  color: #125ca5;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 18px;
  margin-bottom: 14px;
}

.prop-card h4 {
  font-size: 16px;
  color: #092b55;
  margin: 0 0 8px;
  font-weight: 800;
}

.prop-card p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  color: #5d7894;
}

/* Corporate Table */
.corp-table-wrap {
  overflow-x: auto;
  border: 1px solid #d5e5f1;
  border-radius: 8px;
  margin: 20px 0;
}

.corp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  text-align: left;
}

.corp-table th {
  background: #092b55;
  color: #fff;
  padding: 13px 18px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.corp-table td {
  padding: 13px 18px;
  border-bottom: 1px solid #e1ecf5;
  color: #3b5570;
}

.corp-table tr:nth-child(even) td {
  background: #f9fbfd;
}

.corp-table tr:last-child td {
  border-bottom: 0;
}

/* Sidebar Widgets */
.sidebar-widget {
  background: #ffffff;
  border: 1px solid #d5e5f1;
  border-radius: 12px;
  padding: 26px 28px;
  box-shadow: 0 6px 20px rgba(9, 43, 85, 0.04);
  margin-bottom: 24px;
}

.sidebar-widget:last-child {
  margin-bottom: 0;
}

.widget-title {
  font-size: 16px;
  font-weight: 850;
  color: #092b55;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e6f0f8;
  display: flex;
  align-items: center;
  gap: 9px;
}

.widget-title i {
  color: #125ca5;
  font-size: 15px;
}

.sidebar-nav-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sidebar-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #385675;
  text-decoration: none;
  background: #f8fbfe;
  border: 1px solid transparent;
  transition: all .2s ease;
}

.sidebar-nav-link:hover, .sidebar-nav-link.is-active {
  background: #eef6fc;
  border-color: #b7d7ed;
  color: #125ca5;
  padding-left: 18px;
}

.sidebar-nav-link i {
  font-size: 11px;
  color: #7ba8cb;
  transition: transform .2s ease;
}

.sidebar-nav-link:hover i {
  transform: translateX(3px);
  color: #125ca5;
}

/* Sidebar Contact Card */
.sidebar-contact-card {
  background: linear-gradient(145deg, #092b55 0%, #104880 100%);
  color: #fff;
  border: none;
}

.sidebar-contact-card .widget-title {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.sidebar-contact-card .widget-title i {
  color: #6ee5ee;
}

.sidebar-contact-card p {
  color: #cce0f5;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 18px;
}

.sidebar-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 12.5px;
  color: #e2f0fc;
}

.sidebar-contact-item i {
  color: #6ee5ee;
  margin-top: 3px;
  font-size: 13px;
}

.sidebar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #21b5c8 0%, #1684ad 100%);
  color: #fff !important;
  font-weight: 800;
  font-size: 13px;
  border-radius: 6px;
  text-decoration: none;
  margin-top: 10px;
  box-shadow: 0 6px 18px rgba(33, 181, 200, 0.35);
  transition: transform .25s, filter .25s;
}

.sidebar-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

/* Board of Directors & Leadership Grid */
.director-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 15px;
}

.director-card {
  background: #ffffff;
  border: 1px solid #d5e5f1;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(9, 43, 85, 0.04);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.director-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(9, 43, 85, 0.09);
  border-color: #9acbeb;
}

.director-card-top {
  height: 90px;
  background: linear-gradient(135deg, #092b55 0%, #125ca5 100%);
  position: relative;
}

.director-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #eef6fc;
  border: 3px solid #ffffff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 24px;
  bottom: -38px;
  display: grid;
  place-items: center;
  font-size: 26px;
  color: #125ca5;
  font-weight: 900;
}

.director-body {
  padding: 48px 24px 24px;
}

.director-body h3 {
  font-size: 18px;
  color: #092b55;
  margin: 0 0 4px;
  font-weight: 850;
}

.director-role {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #125ca5;
  background: #e8f3fc;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.director-body p {
  font-size: 13px;
  line-height: 1.65;
  color: #56728e;
  margin: 0;
}

/* Download Item Cards */
.download-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 15px;
}

.download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  background: #f8fbfe;
  border: 1px solid #d5e5f1;
  border-radius: 10px;
  transition: all .25s ease;
}

.download-item:hover {
  background: #ffffff;
  border-color: #21b5c8;
  box-shadow: 0 8px 22px rgba(9, 43, 85, 0.06);
  transform: translateX(4px);
}

.download-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.download-icon {
  width: 44px;
  height: 44px;
  background: #fee2e2;
  color: #ef4444;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 20px;
}

.download-info h4 {
  font-size: 15px;
  color: #092b55;
  margin: 0 0 4px;
  font-weight: 800;
}

.download-meta {
  font-size: 11.5px;
  color: #6a88a5;
  display: flex;
  gap: 12px;
}

.download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  background: #125ca5;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  border-radius: 6px;
  text-decoration: none;
  transition: background .2s;
}

.download-btn:hover {
  background: #0d4b88;
}

/* Contact Grid Layout */
.contact-office-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 18px;
}

.office-card {
  padding: 24px;
  background: #f8fbfe;
  border: 1px solid #d9e8f5;
  border-radius: 10px;
}

.office-card h4 {
  font-size: 17px;
  color: #092b55;
  font-weight: 850;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.office-card h4 i {
  color: #125ca5;
}

.office-card p {
  font-size: 13.5px;
  color: #4b6885;
  line-height: 1.6;
  margin: 0 0 12px;
}

/* Responsive Overrides */
@media (max-width: 900px) {
  .page-grid-layout {
    grid-template-columns: 1fr;
  }
  .director-grid {
    grid-template-columns: 1fr;
  }
  .prop-grid {
    grid-template-columns: 1fr;
  }
  .contact-office-grid {
    grid-template-columns: 1fr;
  }
  .content-box {
    padding: 28px 22px;
  }
}

/* ==========================================================================
   FOOTER FIRST COLUMN & SOCIAL MEDIA ROW (ONE LINE)
   ========================================================================== */
.footer-col-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

footer .footer-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}
footer .footer-brand .brandmark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:48px;background:#fff;border-radius:9px;overflow:hidden}
footer .footer-brand .brandmark-logo{width:35px;height:39px;object-fit:contain}
footer .footer-brand .footer-brand-text{display:flex;flex-direction:column;gap:4px;min-width:0;white-space:normal}
footer .footer-brand .footer-brand-name{display:block;font-family:var(--font-heading)!important;font-size:16px;font-weight:800;color:#fff!important;line-height:1.3;letter-spacing:.3px}
footer .footer-brand .footer-brand-service{display:block;font-family:var(--font-heading)!important;font-size:12px;font-weight:700;color:#8bdce4!important;line-height:1.4;letter-spacing:.5px}
footer .footer-brand .footer-brand-tagline{display:block!important;font-size:9px;font-weight:600;color:#adc6dc!important;line-height:1.5;letter-spacing:1.2px}
@media(max-width:380px){footer .footer-brand .footer-brand-name{font-size:14px}footer .footer-brand .footer-brand-service{font-size:10px}}

.footer-desc {
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #b8c9da !important;
  margin: 0 !important;
  max-width: 380px !important;
}

.footer-social-row {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin-top: 6px !important;
}

.footer-social-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #c9e0f5 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 12px rgba(2, 18, 42, 0.25) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex-shrink: 0 !important;
}

.footer-social-btn:hover {
  transform: translateY(-3px) scale(1.05) !important;
  color: #ffffff !important;
}

/* Brand-Specific Accents & Glow */
.footer-social-btn.social-linkedin:hover {
  background: #0077b5 !important;
  border-color: #0077b5 !important;
  box-shadow: 0 8px 20px rgba(0, 119, 181, 0.5) !important;
}

.footer-social-btn.social-facebook:hover {
  background: #1877f2 !important;
  border-color: #1877f2 !important;
  box-shadow: 0 8px 20px rgba(24, 119, 242, 0.5) !important;
}

.footer-social-btn.social-youtube:hover {
  background: #ff0000 !important;
  border-color: #ff0000 !important;
  box-shadow: 0 8px 20px rgba(255, 0, 0, 0.5) !important;
}

.footer-social-btn.social-instagram:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 20px rgba(220, 39, 67, 0.5) !important;
}

.footer-social-btn.social-x:hover {
  background: #000000 !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.25) !important;
}