@import url(‘
https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Outfit:wght@300;400;500;600;700&display=swap’);
/* Reset & scoping — everything under .ibb-page */
.ibb-page, .ibb-page *, .ibb-page *::before, .ibb-page *::after {
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* Give back padding/margin where we set it explicitly */
.ibb-page {
–navy: #1E3A5F;
–navy-deep: #0F1F35;
–navy-mid: #2A4E7A;
–gold: #D4A843;
–gold-light: #E8C876;
–gold-pale: #F5E6C4;
–cream: #FAF7F2;
–white: #FFFFFF;
–slate: #64748B;
–slate-dark: #475569;
–text-dark: #1A1A2E;
–text-muted: #6B7280;
–border-light: rgba(30, 58, 95, 0.08);
–shadow-sm: 0 1px 3px rgba(30, 58, 95, 0.06);
–shadow-md: 0 4px 20px rgba(30, 58, 95, 0.08);
–shadow-lg: 0 12px 40px rgba(30, 58, 95, 0.12);
–shadow-xl: 0 20px 60px rgba(30, 58, 95, 0.15);
font-family: ‘Outfit’, sans-serif !important;
color: var(–text-dark) !important;
background: var(–white) !important;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased !important;
line-height: 1.6 !important;
width: 100% !important;
max-width: 100% !important;
}
.ibb-page a { text-decoration: none !important; }
.ibb-page ul, .ibb-page ol { list-style: none !important; }
.ibb-page img { max-width: 100% !important; height: auto !important; }
/* Scrollbar hidden but scrollable */
.ibb-page::-webkit-scrollbar { display: none !important; }
.ibb-page { -ms-overflow-style: none !important; scrollbar-width: none !important; }
/* ========== ANNOUNCEMENT BAR ========== */
.ibb-page .ibb-announce {
background: var(–navy-deep) !important;
color: var(–gold-light) !important;
text-align: center !important;
padding: 10px 20px !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
letter-spacing: 0.03em !important;
}
.ibb-page .ibb-announce a {
color: var(–gold) !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
font-weight: 600 !important;
}
.ibb-page .ibb-announce a:hover { color: var(–gold-light) !important; }
/* ========== NAVIGATION ========== */
.ibb-page .ibb-nav {
position: sticky !important;
top: 0 !important;
z-index: 100 !important;
background: rgba(255,255,255,0.95) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-bottom: 1px solid var(–border-light) !important;
transition: box-shadow 0.3s ease !important;
}
.ibb-page .ibb-nav.scrolled { box-shadow: var(–shadow-md) !important; }
.ibb-page .ibb-nav-inner {
max-width: 1240px !important;
margin: 0 auto !important;
padding: 0 32px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
height: 72px !important;
}
.ibb-page .ibb-nav-logo {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.ibb-page .ibb-nav-logo-icon {
width: 38px !important;
height: 38px !important;
background: var(–navy) !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
font-family: ‘Playfair Display’, serif !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
letter-spacing: -0.02em !important;
line-height: 1 !important;
}
.ibb-page .ibb-nav-logo-text {
font-family: ‘Playfair Display’, serif !important;
font-weight: 700 !important;
font-size: 1.25rem !important;
color: var(–navy) !important;
letter-spacing: -0.02em !important;
}
.ibb-page .ibb-nav-logo-text span { color: var(–gold) !important; }
.ibb-page .ibb-nav-links {
display: flex !important;
align-items: center !important;
gap: 32px !important;
}
.ibb-page .ibb-nav-links a {
color: var(–slate-dark) !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
letter-spacing: 0.01em !important;
transition: color 0.2s !important;
position: relative !important;
}
.ibb-page .ibb-nav-links a::after {
content: ” !important;
position: absolute !important;
bottom: -4px !important;
left: 0 !important;
width: 0 !important;
height: 2px !important;
background: var(–gold) !important;
transition: width 0.3s ease !important;
}
.ibb-page .ibb-nav-links a:hover { color: var(–navy) !important; }
.ibb-page .ibb-nav-links a:hover::after { width: 100% !important; }
.ibb-page .ibb-nav-cta {
background: var(–navy) !important;
color: var(–white) !important;
padding: 10px 24px !important;
border-radius: 8px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
border: 2px solid var(–navy) !important;
}
.ibb-page .ibb-nav-cta::after { display: none !important; }
.ibb-page .ibb-nav-cta:hover {
background: var(–navy-deep) !important;
transform: translateY(-1px) !important;
box-shadow: var(–shadow-md) !important;
}
.ibb-page .ibb-mobile-toggle {
display: none !important;
flex-direction: column !important;
gap: 5px !important;
background: none !important;
border: none !important;
cursor: pointer !important;
padding: 4px !important;
}
.ibb-page .ibb-mobile-toggle span {
width: 24px !important;
height: 2px !important;
background: var(–navy) !important;
border-radius: 2px !important;
display: block !important;
}
/* ========== HERO ========== */
.ibb-page .ibb-hero {
position: relative !important;
min-height: 92vh !important;
display: flex !important;
align-items: center !important;
overflow: hidden !important;
background: linear-gradient(135deg, var(–navy-deep) 0%, var(–navy) 40%, var(–navy-mid) 100%) !important;
}
.ibb-page .ibb-hero::before {
content: ” !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background:
radial-gradient(ellipse 80% 60% at 70% 50%, rgba(212, 168, 67, 0.08) 0%, transparent 60%),
radial-gradient(ellipse 50% 80% at 20% 80%, rgba(42, 78, 122, 0.3) 0%, transparent 60%) !important;
pointer-events: none !important;
}
.ibb-page .ibb-hero-grid {
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background-image:
linear-gradient(rgba(212, 168, 67, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(212, 168, 67, 0.03) 1px, transparent 1px) !important;
background-size: 60px 60px !important;
pointer-events: none !important;
}
.ibb-page .ibb-hero-inner {
max-width: 1240px !important;
margin: 0 auto !important;
padding: 100px 32px 80px !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 80px !important;
align-items: center !important;
position: relative !important;
z-index: 2 !important;
width: 100% !important;
}
.ibb-page .ibb-hero-badge {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: rgba(212, 168, 67, 0.12) !important;
border: 1px solid rgba(212, 168, 67, 0.25) !important;
padding: 8px 16px !important;
border-radius: 100px !important;
font-size: 0.82rem !important;
font-weight: 600 !important;
color: var(–gold-light) !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
margin-bottom: 28px !important;
animation: ibbFadeUp 0.8s ease both !important;
}
.ibb-page .ibb-badge-dot {
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: var(–gold) !important;
display: inline-block !important;
animation: ibbPulseDot 2s ease infinite !important;
}
@keyframes ibbPulseDot {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(1.4); }
}
@keyframes ibbFadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
.ibb-page .ibb-hero h1 {
font-family: ‘Playfair Display’, serif !important;
font-size: clamp(2.4rem, 4.5vw, 3.8rem) !important;
font-weight: 700 !important;
line-height: 1.12 !important;
color: var(–white) !important;
letter-spacing: -0.02em !important;
margin-bottom: 24px !important;
animation: ibbFadeUp 0.8s ease 0.1s both !important;
}
.ibb-page .ibb-hero h1 em {
font-style: italic !important;
color: var(–gold) !important;
position: relative !important;
}
.ibb-page .ibb-hero h1 em::after {
content: ” !important;
position: absolute !important;
bottom: 2px !important;
left: 0 !important;
width: 100% !important;
height: 3px !important;
background: linear-gradient(90deg, var(–gold), transparent) !important;
border-radius: 2px !important;
}
.ibb-page .ibb-hero-sub {
font-size: 1.15rem !important;
line-height: 1.7 !important;
color: rgba(255,255,255,0.7) !important;
font-weight: 400 !important;
max-width: 520px !important;
margin-bottom: 36px !important;
animation: ibbFadeUp 0.8s ease 0.2s both !important;
}
.ibb-page .ibb-hero-actions {
display: flex !important;
align-items: center !important;
gap: 16px !important;
animation: ibbFadeUp 0.8s ease 0.3s both !important;
}
.ibb-page .ibb-btn-primary {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
background: var(–gold) !important;
color: var(–navy-deep) !important;
padding: 16px 36px !important;
border-radius: 10px !important;
font-size: 1rem !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
transition: all 0.3s ease !important;
border: none !important;
cursor: pointer !important;
font-family: ‘Outfit’, sans-serif !important;
}
.ibb-page .ibb-btn-primary:hover {
background: var(–gold-light) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 30px rgba(212, 168, 67, 0.3) !important;
}
.ibb-page .ibb-btn-primary svg { width: 18px !important; height: 18px !important; }
.ibb-page .ibb-btn-ghost {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: rgba(255,255,255,0.8) !important;
padding: 16px 24px !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
transition: color 0.2s !important;
cursor: pointer !important;
background: none !important;
border: none !important;
font-family: ‘Outfit’, sans-serif !important;
}
.ibb-page .ibb-btn-ghost:hover { color: var(–white) !important; }
/* Hero Card */
.ibb-page .ibb-hero-visual { position: relative !important; animation: ibbFadeUp 0.8s ease 0.4s both !important; }
.ibb-page .ibb-hero-card {
background: rgba(255,255,255,0.05) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 20px !important;
padding: 40px !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
position: relative !important;
}
.ibb-page .ibb-hero-card::before {
content: ” !important;
position: absolute !important;
top: -1px !important; left: -1px !important; right: -1px !important; bottom: -1px !important;
border-radius: 20px !important;
background: linear-gradient(135deg, rgba(212,168,67,0.2) 0%, transparent 50%, rgba(212,168,67,0.1) 100%) !important;
z-index: -1 !important;
}
.ibb-page .ibb-card-header {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 32px !important;
padding-bottom: 24px !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.ibb-page .ibb-card-icon {
width: 44px !important;
height: 44px !important;
border-radius: 12px !important;
background: rgba(212,168,67,0.15) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
}
.ibb-page .ibb-card-title {
font-family: ‘Playfair Display’, serif !important;
font-size: 1.15rem !important;
font-weight: 600 !important;
color: var(–white) !important;
}
.ibb-page .ibb-card-subtitle {
font-size: 0.82rem !important;
color: rgba(255,255,255,0.5) !important;
margin-top: 2px !important;
}
.ibb-page .ibb-stats-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 24px !important;
}
.ibb-page .ibb-stat-box {
text-align: center !important;
padding: 20px 12px !important;
background: rgba(255,255,255,0.03) !important;
border-radius: 14px !important;
border: 1px solid rgba(255,255,255,0.06) !important;
transition: all 0.3s ease !important;
}
.ibb-page .ibb-stat-box:hover {
background: rgba(212,168,67,0.06) !important;
border-color: rgba(212,168,67,0.15) !important;
}
.ibb-page .ibb-stat-num {
font-family: ‘Playfair Display’, serif !important;
font-size: 2.2rem !important;
font-weight: 700 !important;
color: var(–gold) !important;
line-height: 1 !important;
margin-bottom: 8px !important;
}
.ibb-page .ibb-stat-lbl {
font-size: 0.82rem !important;
color: rgba(255,255,255,0.55) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.ibb-page .ibb-checklist {
margin-top: 28px !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.ibb-page .ibb-check-item {
display: flex !important;
align-items: center !important;
gap: 12px !important;
color: rgba(255,255,255,0.75) !important;
font-size: 0.92rem !important;
font-weight: 400 !important;
}
.ibb-page .ibb-check-icon {
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
border-radius: 50% !important;
background: rgba(212,168,67,0.15) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
}
.ibb-page .ibb-check-icon svg { width: 12px !important; height: 12px !important; }
/* ========== LOGOS ========== */
.ibb-page .ibb-logos {
background: var(–cream) !important;
padding: 48px 0 !important;
border-top: 1px solid var(–border-light) !important;
border-bottom: 1px solid var(–border-light) !important;
}
.ibb-page .ibb-logos-label {
text-align: center !important;
font-size: 0.82rem !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(–slate) !important;
margin-bottom: 28px !important;
}
.ibb-page .ibb-logos-track {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 48px !important;
flex-wrap: wrap !important;
max-width: 1000px !important;
margin: 0 auto !important;
padding: 0 32px !important;
}
.ibb-page .ibb-logo-item {
font-family: ‘Playfair Display’, serif !important;
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(–navy) !important;
opacity: 0.3 !important;
transition: opacity 0.3s ease !important;
white-space: nowrap !important;
}
.ibb-page .ibb-logo-item:hover { opacity: 0.6 !important; }
/* ========== SECTION UTILITIES ========== */
.ibb-page .ibb-section { padding: 100px 0 !important; }
.ibb-page .ibb-section-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 0 32px !important; }
.ibb-page .ibb-label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: var(–gold) !important;
margin-bottom: 16px !important;
}
.ibb-page .ibb-label::before {
content: ” !important;
width: 20px !important;
height: 2px !important;
background: var(–gold) !important;
border-radius: 1px !important;
display: inline-block !important;
}
.ibb-page .ibb-title {
font-family: ‘Playfair Display’, serif !important;
font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(–navy) !important;
letter-spacing: -0.02em !important;
margin-bottom: 16px !important;
}
.ibb-page .ibb-desc {
font-size: 1.08rem !important;
line-height: 1.7 !important;
color: var(–text-muted) !important;
max-width: 600px !important;
}
/* ========== PLACEMENTS ========== */
.ibb-page .ibb-placements { background: var(–white) !important; }
.ibb-page .ibb-placements-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
gap: 16px !important;
margin-top: 48px !important;
}
.ibb-page .ibb-placement {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 22px 16px !important;
background: var(–cream) !important;
border-radius: 12px !important;
border: 1px solid var(–border-light) !important;
transition: all 0.3s ease !important;
font-family: ‘Outfit’, sans-serif !important;
font-weight: 600 !important;
font-size: 0.82rem !important;
color: var(–navy) !important;
opacity: 0.7 !important;
text-align: center !important;
}
.ibb-page .ibb-placement:hover {
opacity: 1 !important;
transform: translateY(-2px) !important;
box-shadow: var(–shadow-md) !important;
border-color: rgba(212,168,67,0.2) !important;
}
/* ========== MISSION ========== */
.ibb-page .ibb-mission { background: var(–cream) !important; position: relative !important; overflow: hidden !important; }
.ibb-page .ibb-mission-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 80px !important;
align-items: center !important;
}
.ibb-page .ibb-mission-img {
width: 100% !important;
aspect-ratio: 4/5 !important;
background: linear-gradient(135deg, var(–navy) 0%, var(–navy-mid) 100%) !important;
border-radius: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
}
.ibb-page .ibb-mission-img-inner { text-align: center !important; padding: 40px !important; }
.ibb-page .ibb-mission-icon {
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
background: rgba(212,168,67,0.15) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 24px !important;
color: var(–gold) !important;
}
.ibb-page .ibb-mission-img-text {
font-family: ‘Playfair Display’, serif !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
color: var(–white) !important;
line-height: 1.3 !important;
}
.ibb-page .ibb-mission-img-sub {
font-size: 0.9rem !important;
color: rgba(255,255,255,0.6) !important;
margin-top: 8px !important;
}
.ibb-page .ibb-float-card {
position: absolute !important;
bottom: -20px !important;
right: -20px !important;
background: var(–white) !important;
border-radius: 16px !important;
padding: 20px 28px !important;
box-shadow: var(–shadow-lg) !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
.ibb-page .ibb-float-num {
font-family: ‘Playfair Display’, serif !important;
font-size: 2rem !important;
font-weight: 700 !important;
color: var(–gold) !important;
line-height: 1 !important;
}
.ibb-page .ibb-float-text {
font-size: 0.82rem !important;
color: var(–text-muted) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.ibb-page .ibb-mission-content .ibb-desc { margin-bottom: 32px !important; }
.ibb-page .ibb-points { display: flex !important; flex-direction: column !important; gap: 18px !important; margin-bottom: 36px !important; }
.ibb-page .ibb-point {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
}
.ibb-page .ibb-point-icon {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
border-radius: 8px !important;
background: rgba(212,168,67,0.12) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
margin-top: 2px !important;
}
.ibb-page .ibb-point-icon svg { width: 14px !important; height: 14px !important; }
.ibb-page .ibb-point-text { font-size: 0.95rem !important; line-height: 1.6 !important; color: var(–text-dark) !important; }
.ibb-page .ibb-point-text strong { color: var(–navy) !important; }
.ibb-page .ibb-btn-outline {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 14px 28px !important;
border: 2px solid var(–navy) !important;
color: var(–navy) !important;
border-radius: 10px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
background: transparent !important;
font-family: ‘Outfit’, sans-serif !important;
cursor: pointer !important;
}
.ibb-page .ibb-btn-outline:hover {
background: var(–navy) !important;
color: var(–white) !important;
transform: translateY(-1px) !important;
}
/* ========== STATS BAR ========== */
.ibb-page .ibb-statsbar {
background: var(–navy) !important;
padding: 60px 0 !important;
position: relative !important;
overflow: hidden !important;
}
.ibb-page .ibb-statsbar::before {
content: ” !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: radial-gradient(ellipse at 50% 50%, rgba(212,168,67,0.06) 0%, transparent 60%) !important;
}
.ibb-page .ibb-statsbar-grid {
max-width: 1240px !important;
margin: 0 auto !important;
padding: 0 32px !important;
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 32px !important;
position: relative !important;
z-index: 1 !important;
}
.ibb-page .ibb-statsbar-item { text-align: center !important; }
.ibb-page .ibb-statsbar-num {
font-family: ‘Playfair Display’, serif !important;
font-size: 3rem !important;
font-weight: 700 !important;
color: var(–gold) !important;
line-height: 1 !important;
margin-bottom: 8px !important;
}
.ibb-page .ibb-statsbar-lbl {
font-size: 0.88rem !important;
color: rgba(255,255,255,0.65) !important;
font-weight: 400 !important;
line-height: 1.4 !important;
}
/* ========== PILLARS ========== */
.ibb-page .ibb-pillars { background: var(–white) !important; }
.ibb-page .ibb-pillars-header { text-align: center !important; max-width: 680px !important; margin: 0 auto 60px !important; }
.ibb-page .ibb-pillars-header .ibb-desc { margin: 0 auto !important; }
.ibb-page .ibb-pillars-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
}
.ibb-page .ibb-pillar {
background: var(–white) !important;
border: 1px solid var(–border-light) !important;
border-radius: 18px !important;
padding: 36px 30px !important;
transition: all 0.4s ease !important;
position: relative !important;
overflow: hidden !important;
}
.ibb-page .ibb-pillar::before {
content: ” !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 3px !important;
background: linear-gradient(90deg, var(–gold), var(–gold-light)) !important;
opacity: 0 !important;
transition: opacity 0.4s ease !important;
}
.ibb-page .ibb-pillar:hover {
transform: translateY(-4px) !important;
box-shadow: var(–shadow-lg) !important;
border-color: rgba(212,168,67,0.15) !important;
}
.ibb-page .ibb-pillar:hover::before { opacity: 1 !important; }
.ibb-page .ibb-pillar-num {
font-family: ‘Playfair Display’, serif !important;
font-size: 2.5rem !important;
font-weight: 700 !important;
color: rgba(212,168,67,0.15) !important;
line-height: 1 !important;
margin-bottom: 16px !important;
}
.ibb-page .ibb-pillar-title {
font-family: ‘Playfair Display’, serif !important;
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(–navy) !important;
margin-bottom: 14px !important;
line-height: 1.3 !important;
}
.ibb-page .ibb-pillar-desc {
font-size: 0.9rem !important;
line-height: 1.7 !important;
color: var(–text-muted) !important;
margin-bottom: 20px !important;
}
.ibb-page .ibb-pillar-features { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ibb-page .ibb-pillar-features li {
font-size: 0.84rem !important;
color: var(–text-dark) !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-weight: 500 !important;
}
.ibb-page .ibb-pillar-features li::before {
content: ” !important;
width: 5px !important;
height: 5px !important;
border-radius: 50% !important;
background: var(–gold) !important;
flex-shrink: 0 !important;
display: inline-block !important;
}
/* ========== TESTIMONIALS ========== */
.ibb-page .ibb-testimonials { background: linear-gradient(180deg, var(–cream) 0%, var(–white) 100%) !important; }
.ibb-page .ibb-test-header { text-align: center !important; max-width: 600px !important; margin: 0 auto 60px !important; }
.ibb-page .ibb-test-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.ibb-page .ibb-test-card {
background: var(–white) !important;
border: 1px solid var(–border-light) !important;
border-radius: 18px !important;
padding: 36px 30px !important;
transition: all 0.3s ease !important;
display: flex !important;
flex-direction: column !important;
}
.ibb-page .ibb-test-card:hover { box-shadow: var(–shadow-md) !important; transform: translateY(-2px) !important; }
.ibb-page .ibb-stars { display: flex !important; gap: 3px !important; margin-bottom: 18px !important; color: var(–gold) !important; }
.ibb-page .ibb-stars svg { width: 16px !important; height: 16px !important; }
.ibb-page .ibb-test-text {
font-size: 0.95rem !important;
line-height: 1.7 !important;
color: var(–text-dark) !important;
flex: 1 !important;
margin-bottom: 24px !important;
font-style: italic !important;
}
.ibb-page .ibb-test-author {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding-top: 20px !important;
border-top: 1px solid var(–border-light) !important;
}
.ibb-page .ibb-test-avatar {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
border-radius: 50% !important;
background: var(–navy) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
font-family: ‘Playfair Display’, serif !important;
font-weight: 700 !important;
font-size: 0.9rem !important;
}
.ibb-page .ibb-test-name { font-weight: 600 !important; font-size: 0.9rem !important; color: var(–navy) !important; }
.ibb-page .ibb-test-role { font-size: 0.78rem !important; color: var(–text-muted) !important; margin-top: 1px !important; }
/* ========== FOUNDER ========== */
.ibb-page .ibb-founder { background: var(–white) !important; }
.ibb-page .ibb-founder-grid {
display: grid !important;
grid-template-columns: 1fr 1.2fr !important;
gap: 80px !important;
align-items: center !important;
}
.ibb-page .ibb-founder-img {
width: 100% !important;
aspect-ratio: 3/4 !important;
background: linear-gradient(135deg, var(–navy-deep) 0%, var(–navy) 100%) !important;
border-radius: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
}
.ibb-page .ibb-founder-ph { text-align: center !important; padding: 40px !important; }
.ibb-page .ibb-founder-ph-icon {
width: 100px !important;
height: 100px !important;
border-radius: 50% !important;
background: rgba(212,168,67,0.1) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 20px !important;
color: var(–gold) !important;
}
.ibb-page .ibb-founder-ph-text {
font-family: ‘Playfair Display’, serif !important;
font-size: 1.2rem !important;
color: rgba(255,255,255,0.5) !important;
}
.ibb-page .ibb-cred-card {
position: absolute !important;
bottom: 24px !important;
left: -24px !important;
background: var(–white) !important;
border-radius: 14px !important;
padding: 18px 24px !important;
box-shadow: var(–shadow-xl) !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
z-index: 2 !important;
}
.ibb-page .ibb-cred-icon {
width: 42px !important;
height: 42px !important;
border-radius: 10px !important;
background: rgba(212,168,67,0.1) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
}
.ibb-page .ibb-cred-text { font-size: 0.82rem !important; font-weight: 600 !important; color: var(–navy) !important; }
.ibb-page .ibb-cred-sub { font-size: 0.75rem !important; color: var(–text-muted) !important; margin-top: 1px !important; }
.ibb-page .ibb-founder-content .ibb-desc { margin-bottom: 24px !important; }
.ibb-page .ibb-highlights { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; margin-top: 32px !important; margin-bottom: 32px !important; }
.ibb-page .ibb-highlight {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 16px !important;
background: var(–cream) !important;
border-radius: 12px !important;
}
.ibb-page .ibb-hl-icon {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
border-radius: 8px !important;
background: rgba(212,168,67,0.12) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(–gold) !important;
}
.ibb-page .ibb-hl-icon svg { width: 14px !important; height: 14px !important; }
.ibb-page .ibb-hl-text { font-size: 0.85rem !important; line-height: 1.5 !important; color: var(–text-dark) !important; font-weight: 500 !important; }
/* ========== CTA ========== */
.ibb-page .ibb-cta {
background: linear-gradient(135deg, var(–navy-deep) 0%, var(–navy) 50%, var(–navy-mid) 100%) !important;
padding: 100px 0 !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.ibb-page .ibb-cta::before {
content: ” !important;
position: absolute !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: radial-gradient(ellipse at 30% 50%, rgba(212,168,67,0.08) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgba(212,168,67,0.06) 0%, transparent 50%) !important;
}
.ibb-page .ibb-cta-inner { position: relative !important; z-index: 1 !important; max-width: 700px !important; margin: 0 auto !important; padding: 0 32px !important; }
.ibb-page .ibb-cta .ibb-label { color: var(–gold-light) !important; justify-content: center !important; }
.ibb-page .ibb-cta .ibb-label::before { background: var(–gold-light) !important; }
.ibb-page .ibb-cta-title {
font-family: ‘Playfair Display’, serif !important;
font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
font-weight: 700 !important;
color: var(–white) !important;
line-height: 1.15 !important;
margin-bottom: 20px !important;
letter-spacing: -0.02em !important;
}
.ibb-page .ibb-cta-title em { font-style: italic !important; color: var(–gold) !important; }
.ibb-page .ibb-cta-desc { font-size: 1.1rem !important; color: rgba(255,255,255,0.65) !important; line-height: 1.7 !important; margin-bottom: 40px !important; }
.ibb-page .ibb-cta-btns { display: flex !important; justify-content: center !important; gap: 16px !important; flex-wrap: wrap !important; }
.ibb-page .ibb-btn-secondary {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 16px 32px !important;
border: 2px solid rgba(255,255,255,0.2) !important;
color: var(–white) !important;
border-radius: 10px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
background: transparent !important;
font-family: ‘Outfit’, sans-serif !important;
}
.ibb-page .ibb-btn-secondary:hover { border-color: rgba(255,255,255,0.4) !important; background: rgba(255,255,255,0.05) !important; }
/* ========== FOOTER ========== */
.ibb-page .ibb-footer { background: var(–navy-deep) !important; padding: 60px 0 32px !important; color: rgba(255,255,255,0.5) !important; }
.ibb-page .ibb-footer-inner { max-width: 1240px !important; margin: 0 auto !important; padding: 0 32px !important; }
.ibb-page .ibb-footer-top {
display: grid !important;
grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
gap: 48px !important;
margin-bottom: 48px !important;
padding-bottom: 32px !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.ibb-page .ibb-footer-brand .ibb-nav-logo { margin-bottom: 16px !important; }
.ibb-page .ibb-footer-brand .ibb-nav-logo-text { color: var(–white) !important; }
.ibb-page .ibb-footer-brand-desc { font-size: 0.88rem !important; line-height: 1.7 !important; color: rgba(255,255,255,0.45) !important; max-width: 300px !important; }
.ibb-page .ibb-footer-col-title {
font-weight: 700 !important;
font-size: 0.82rem !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.7) !important;
margin-bottom: 18px !important;
}
.ibb-page .ibb-footer-links { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ibb-page .ibb-footer-links a { color: rgba(255,255,255,0.45) !important; font-size: 0.88rem !important; transition: color 0.2s !important; }
.ibb-page .ibb-footer-links a:hover { color: var(–gold) !important; }
.ibb-page .ibb-footer-bottom { display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 0.8rem !important; }
.ibb-page .ibb-footer-legal { display: flex !important; gap: 24px !important; }
.ibb-page .ibb-footer-legal a { color: rgba(255,255,255,0.35) !important; transition: color 0.2s !important; }
.ibb-page .ibb-footer-legal a:hover { color: rgba(255,255,255,0.6) !important; }
/* ========== STICKY BAR ========== */
.ibb-page .ibb-sticky {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: var(–white) !important;
border-top: 1px solid var(–border-light) !important;
box-shadow: 0 -4px 20px rgba(0,0,0,0.06) !important;
padding: 14px 32px !important;
z-index: 90 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 20px !important;
transform: translateY(100%) !important;
transition: transform 0.4s ease !important;
}
.ibb-page .ibb-sticky.visible { transform: translateY(0) !important; }
.ibb-page .ibb-sticky-text { font-size: 0.92rem !important; font-weight: 500 !important; color: var(–text-dark) !important; }
.ibb-page .ibb-sticky-text strong { color: var(–navy) !important; }
.ibb-page .ibb-sticky .ibb-btn-primary { padding: 12px 28px !important; font-size: 0.9rem !important; }
/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
.ibb-page .ibb-hero-inner { grid-template-columns: 1fr !important; gap: 48px !important; }
.ibb-page .ibb-hero-visual { max-width: 500px !important; }
.ibb-page .ibb-mission-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
.ibb-page .ibb-mission-visual { order: -1 !important; max-width: 400px !important; margin: 0 auto !important; }
.ibb-page .ibb-founder-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
.ibb-page .ibb-founder-img-wrap { max-width: 400px !important; margin: 0 auto !important; }
.ibb-page .ibb-pillars-grid { grid-template-columns: repeat(2, 1fr) !important; }
.ibb-page .ibb-statsbar-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 40px !important; }
.ibb-page .ibb-footer-top { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 768px) {
.ibb-page .ibb-nav-links { display: none !important; }
.ibb-page .ibb-mobile-toggle { display: flex !important; }
.ibb-page .ibb-hero { min-height: auto !important; }
.ibb-page .ibb-hero-inner { padding: 72px 24px 60px !important; }
.ibb-page .ibb-hero h1 { font-size: 2.2rem !important; }
.ibb-page .ibb-hero-actions { flex-direction: column !important; align-items: flex-start !important; }
.ibb-page .ibb-section { padding: 72px 0 !important; }
.ibb-page .ibb-section-inner { padding: 0 24px !important; }
.ibb-page .ibb-pillars-grid { grid-template-columns: 1fr !important; }
.ibb-page .ibb-test-grid { grid-template-columns: 1fr !important; }
.ibb-page .ibb-logos-track { gap: 28px !important; }
.ibb-page .ibb-logo-item { font-size: 1rem !important; }
.ibb-page .ibb-statsbar-num { font-size: 2.2rem !important; }
.ibb-page .ibb-footer-top { grid-template-columns: 1fr !important; gap: 32px !important; }
.ibb-page .ibb-footer-bottom { flex-direction: column !important; gap: 12px !important; text-align: center !important; }
.ibb-page .ibb-highlights { grid-template-columns: 1fr !important; }
.ibb-page .ibb-sticky { padding: 12px 20px !important; gap: 14px !important; }
.ibb-page .ibb-sticky-text { font-size: 0.82rem !important; }
.ibb-page .ibb-cta-btns { flex-direction: column !important; align-items: center !important; }
}
@media (max-width: 480px) {
.ibb-page .ibb-stats-grid { grid-template-columns: 1fr !important; }
}
Free Webinar: How to Break Into Investment Banking in 2026 —
Register here
Applications Open for 2026
Break Into
Investment Banking.
Guaranteed.
We get you an investment banking offer or you don’t pay. Personalised coaching from ex-bankers at Goldman Sachs, J.P. Morgan, and every top bank on the Street.
Personalised 1:1 coaching from ex-bankers
Unlimited mock interviews & feedback
Pay-for-placement guarantee
Where Our Students Work
Goldman Sachs
J.P. Morgan
Morgan Stanley
Evercore
Lazard
Centerview
Moelis
Barclays
Citi
Bank of America
Placement Results
Our Students Land at
Every Top Bank
From bulge brackets to elite boutiques, our students consistently secure the most competitive offers in the industry.
Goldman Sachs
J.P. Morgan
Morgan Stanley
Evercore
Lazard
Moelis & Co
Centerview
PJT Partners
Barclays
Citi
Bank of America
UBS
Deutsche Bank
Jefferies
Houlihan Lokey
RBC Capital
Rothschild & Co
Piper Sandler
Guggenheim
Greenhill
William Blair
Blackstone
KKR
Qatalyst
Your Blueprint
to Wall Street
Founder photo coming soon
100+
Students from
non-target schools placed
Our Mission
Levelling the Playing
Field for Everyone
Our mission is to help ambitious students secure the highest-paying and most prestigious roles on Wall Street — regardless of whether they attend a top Ivy League or a non-target school.
We teach the critical skills that aren’t being taught in university today — the same skills that can make or break your long-term career trajectory in finance.
Target & Non-Target — ~55% of our students come from non-target schools and still break in
All Backgrounds Welcome — Career changers, late starters, and non-finance majors thrive here
Results-Based Model — We only succeed when you get an offer
View Programme Details
500+
Students Placed Into
Top Banks
100+
Partner Banks &
Buyside Firms
50+
Universities
Represented
01
Candidate Branding
Makeover
We build you an irresistible profile that makes bankers want to hire you on sight.
- Gap Identification & Strategy
- Relevant Experience Placement
- Banker-Standard CV Packaging
02
Networking Funnel
Optimisation
Treat networking like a funnel — find the right bankers and get referrals systematically.
- Top-of-Funnel Expansion
- Anti-Ghosting Message Sequences
- Rapport-Building Frameworks
03
Professionally Crafted
Behaviorals
Get your behavioural answers rewritten line-by-line by experienced investment bankers.
- Curveball Question Prevention
- Data-Driven Answer Frameworks
- Line-by-Line Banker Edits
04
Accelerated Technical
Mastery
Learn every technical concept directly from an investment banker in 20–30 hours.
- 1:1 Banker Instruction
- Deep Conceptual Understanding
- Expert Answer Demonstrations
05
Unlimited On-Demand
Feedback
Have an ex-banker coach you through any situation, 24/7, whenever you need it.
- 24/7 Instant Messaging
- Live Instruction & Q&A
- Mock Interview Hot Seats
06
Elite Intelligence
Network
Join a powerful community sharing interview intel, referrals, and job opportunities.
- Interview Questions Database
- Alumni Referral Network
- Lifelong Professional Community
“I came from a non-target with zero finance experience. IBBlueprint completely transformed my profile and within 3 months I had an offer from a top elite boutique. The coaching was unlike anything else out there.”
JT
James T.
Non-Target → Elite Boutique IB
“The technical preparation alone was worth every penny. My coach taught me concepts in 20 hours that I couldn’t grasp after months of self-study. Landed at a Bulge Bracket right after.”
SP
Sarah P.
Semi-Target → Bulge Bracket IB
“As a career changer from engineering, I thought breaking into IB was impossible. The team gave me a complete roadmap and held my hand through every step. Now I’m an analyst at one of the best banks in the world.”
MK
Michael K.
Career Changer → Top IB Analyst
Ex-Investment Banker
Bulge Bracket & Elite Boutique
Meet the Founder
Built by Someone Who’s
Been in Your Shoes
Our founder started their career at top-tier investment banks before realising the recruiting process was fundamentally broken — favouring connections over talent.
IBBlueprint was built to fix that. Using a proprietary recruiting strategy that reverse-engineers how finance firms evaluate candidates, we give every student a structural advantage at every stage.
Experience at top Bulge Bracket & Elite Boutique banks
Worked on billions in M&A deal value
Recruited and hired analysts first-hand
Built IBBlueprint to level the playing field
Learn More
Ready to Begin?
Your Career in Investment
Banking Starts Here
Apply for a free strategy session with our team. We’ll map out your path to an IB offer — no matter your background, school, or experience level.
Ready to break in? Apply for a free strategy call today.
Get Started
(function(){
// Nav scroll shadow
var nav = document.getElementById(‘ibbNav’);
if(nav){
window.addEventListener(‘scroll’, function(){
nav.classList.toggle(‘scrolled’, window.scrollY > 20);
});
}
// Sticky bottom bar
var sticky = document.getElementById(‘ibbSticky’);
var hero = document.querySelector(‘.ibb-hero’);
var cta = document.querySelector(‘.ibb-cta’);
function checkSticky(){
if(!hero||!cta||!sticky) return;
var hb = hero.getBoundingClientRect().bottom;
var ct = cta.getBoundingClientRect().top;
sticky.classList.toggle(‘visible’, hb window.innerHeight);
}
window.addEventListener(‘scroll’, checkSticky);
checkSticky();
// Fade-in on scroll
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
e.target.style.opacity=’1′;
e.target.style.transform=’translateY(0)’;
}
});
}, {threshold:0.15, rootMargin:’0px 0px -40px 0px’});
document.querySelectorAll(‘.ibb-pillar, .ibb-test-card, .ibb-placement, .ibb-statsbar-item’).forEach(function(el,i){
el.style.opacity=’0′;
el.style.transform=’translateY(20px)’;
el.style.transition=’opacity 0.6s ease, transform 0.6s ease’;
obs.observe(el);
});
document.querySelectorAll(‘.ibb-pillar’).forEach(function(c,i){ c.style.transitionDelay = (i*0.08)+’s’; });
document.querySelectorAll(‘.ibb-placement’).forEach(function(c,i){ c.style.transitionDelay = (i*0.03)+’s’; });
})();
IBB 