:root{
  --sbu-dark:#063b35;
  --sbu-green:#0f766e;
  --sbu-gold:#c9a227;
  --sbu-bg:#f4f7f8;
  --sbu-text:#1f2937;
  --sbu-muted:#64748b;
  --sbu-line:#e5e7eb;
  --sbu-card:#ffffff;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:var(--sbu-bg);
  color:var(--sbu-text);
  line-height:1.65;
}

body:before{
  content:"PT SAPTA BORNEO UTAMA";
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-28deg);
  font-size:54px;
  font-weight:900;
  letter-spacing:.13em;
  color:rgba(15,118,110,.035);
  z-index:0;
  pointer-events:none;
  white-space:nowrap;
}

header,
.document-header,
.unified-header{
  background:linear-gradient(135deg,var(--sbu-dark),var(--sbu-green))!important;
  color:#fff!important;
  border-bottom:5px solid var(--sbu-gold)!important;
}

header h1,
.document-header h1,
.unified-header h1{
  color:#fff!important;
}

.container,
main,
.section{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
  position:relative;
  z-index:1;
}

.card,
section.card{
  background:var(--sbu-card)!important;
  border:1px solid var(--sbu-line)!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
  padding:24px!important;
  margin-bottom:18px!important;
  position:relative;
  overflow:hidden;
}

.card:before,
section.card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--sbu-green),var(--sbu-gold));
}

.card h2,
.card h3,
section.card h2,
section.card h3{
  color:var(--sbu-dark)!important;
}

a{
  color:var(--sbu-green);
  font-weight:800;
}

.btn,
button,
input[type="button"],
input[type="submit"]{
  background:linear-gradient(135deg,var(--sbu-dark),var(--sbu-green))!important;
  color:#fff!important;
  border:none!important;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-weight:800!important;
  text-decoration:none!important;
  cursor:pointer;
}

.btn.gold{
  background:linear-gradient(135deg,#c9a227,#d88c00)!important;
  color:#063b35!important;
}

table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
}

th{
  background:var(--sbu-dark)!important;
  color:#fff!important;
  padding:13px;
  text-align:left;
  font-size:13px;
}

td{
  padding:12px 13px;
  border-bottom:1px solid var(--sbu-line);
  font-size:14px;
}

tr:hover td{
  background:#f8fafc;
}

footer,
.footer,
.vdr-footer-bar{
  background:#082f2b!important;
  color:#cfeeea!important;
  padding:22px 6vw!important;
}

footer a,
.footer a,
.vdr-footer-bar a{
  color:#ffd84a!important;
}

.doc-control{
  max-width:1180px;
  margin:24px auto;
  padding:0 20px;
}

.doc-control-card{
  background:#fff;
  border:1px solid #d9e2e7;
  border-left:6px solid var(--sbu-dark);
  border-radius:12px;
  padding:16px 20px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.doc-control-title{
  font-size:18px;
  font-weight:900;
  color:var(--sbu-dark);
  margin-bottom:10px;
}

.doc-control-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  font-size:13px;
}

.doc-control-grid b{
  color:var(--sbu-dark);
}

@media(max-width:900px){
  body:before{font-size:28px}
  .container,main,.section{padding-left:14px;padding-right:14px}
  table{display:block;overflow-x:auto;white-space:nowrap}
}

@media print{
  body{background:#fff}
  body:before{color:rgba(15,118,110,.05)}
  .card,section.card{box-shadow:none!important;break-inside:avoid}
  a{color:#000!important;text-decoration:none!important}
}

/* SBU WATERMARK */
body::before{
content:"";
position:fixed;
top:50%;
left:50%;
width:420px;
height:420px;
transform:translate(-50%,-50%);
pointer-events:none;
z-index:0;
opacity:.035;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><linearGradient id='g1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23004d2b'/><stop offset='100%25' stop-color='%23006b3c'/></linearGradient><linearGradient id='g2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%23f4d03f'/><stop offset='100%25' stop-color='%23d98c00'/></linearGradient><linearGradient id='g3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%237cb342'/><stop offset='100%25' stop-color='%232e7d32'/></linearGradient></defs><path d='M150 140 C190 70 300 50 390 90 C360 180 280 220 180 240 C140 210 130 180 150 140 Z' fill='url(%23g1)'/><path d='M350 420 C290 470 190 450 140 370 C170 300 250 270 340 280 C380 320 390 380 350 420 Z' fill='url(%23g1)'/><path d='M180 260 C230 190 320 170 380 210 C360 300 280 340 200 330 C170 310 160 285 180 260 Z' fill='url(%23g2)'/><path d='M170 250 C180 220 210 205 250 210 C220 250 210 290 210 340 C180 320 165 290 170 250 Z' fill='url(%23g3)' opacity='0.9'/><path d='M120 220 C180 180 250 170 390 150 C350 180 300 210 220 250 C180 270 145 270 120 220 Z' fill='white'/><path d='M130 320 C190 285 270 275 395 250 C360 285 300 325 220 360 C180 378 145 370 130 320 Z' fill='white'/></svg>");
}

/* =======================================================
   EXECUTIVE BANK GRADE UPGRADE
   ======================================================= */

.document-header{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#0b1f3a 0%,#12345d 100%);
    color:#fff;
    border-radius:14px;
    padding:42px 48px;
    box-shadow:0 12px 35px rgba(0,0,0,.12);
}

.document-header h1{
    color:#fff !important;
    font-size:34px;
    font-weight:700;
    letter-spacing:-0.02em;
    margin-bottom:10px;
}

.document-header p{
    color:rgba(255,255,255,.88) !important;
}

.document-number{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:#e8f2ff;
    color:#0f3d75;
    font-weight:700;
    font-size:13px;
    letter-spacing:.5px;
}

.card{
    border-radius:14px;
    box-shadow:0 6px 24px rgba(0,0,0,.06);
}

table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

th{
    background:#f4f7fb;
    color:#1d3557;
    font-weight:700;
}

th,td{
    border:1px solid #dfe7f3;
    padding:12px 14px;
}

.vdr-footer-bar{
    font-size:12px;
    letter-spacing:.3px;
}

body::before{
    opacity:.035 !important;
}

@media print{

    body{
        background:#fff;
    }

    .card{
        page-break-inside:avoid;
    }

    table{
        page-break-inside:auto;
    }

    tr{
        page-break-inside:avoid;
    }
}


/* PERFORMANCE FIX: disable heavy SVG watermark on normal screen */
@media screen{
  body::before{
    display:none!important;
    background-image:none!important;
  }
}

/* Keep watermark only for PDF / print */
@media print{
  body::before{
    display:block!important;
    opacity:.025!important;
  }
}

/* HOMEPAGE EXECUTIVE HERO */

.hero-showcase{
max-width:1600px;
margin:0 auto 60px;
padding:0;
background:#ffffff;
border-radius:28px;
overflow:hidden;
box-shadow:0 25px 80px rgba(15,23,42,.12);
}

.hero-showcase object{
display:block;
width:100%;
min-height:820px;
}

@media (max-width:768px){

.hero-showcase object{
min-height:540px;
}

}


.business-segments{
max-width:1200px;
margin:40px auto;
padding:0 20px;
}

.business-segments h2{
text-align:center;
font-size:38px;
font-weight:800;
color:#064e3b;
margin-bottom:28px;
}

.segment-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}

.segment-card{
background:#fff;
padding:28px;
border-radius:18px;
border-top:4px solid #15803d;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.segment-card h3{
margin:0 0 12px;
color:#064e3b;
font-size:24px;
}

.segment-card p{
margin:0;
line-height:1.7;
color:#475569;
}


/* =========================================
   BUSINESS SEGMENTS - BANK GRADE
   ========================================= */

.business-segments{
max-width:1280px;
margin:60px auto;
padding:0 24px;
}

.business-segments h2{
text-align:center;
font-size:42px;
font-weight:800;
color:#0f3d75;
margin-bottom:35px;
letter-spacing:-0.03em;
}

.segment-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.segment-card{
background:#fff;
border-radius:20px;
padding:28px;
border:1px solid #dbe5ef;
box-shadow:0 12px 30px rgba(15,61,117,.08);
position:relative;
overflow:hidden;
transition:.25s;
}

.segment-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(15,61,117,.12);
}

.segment-card:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:5px;
background:linear-gradient(
90deg,
#0f766e,
#65a30d,
#d4a017
);
}

.segment-icon{
width:72px;
height:72px;
border-radius:50%;
background:#0f766e;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
margin-bottom:18px;
}

.segment-card h3{
font-size:28px;
font-weight:800;
color:#0f3d75;
margin:0 0 12px;
}

.segment-card p{
font-size:16px;
line-height:1.8;
color:#475569;
margin:0;
}

@media(max-width:991px){
.segment-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:768px){

.business-segments{
padding:0 18px;
}

.business-segments h2{
font-size:34px;
}

.segment-grid{
grid-template-columns:1fr;
}

.segment-card{
padding:24px;
}

.segment-card h3{
font-size:24px;
}

.segment-icon{
width:60px;
height:60px;
font-size:28px;
}

}


.segment-icon-bank{
width:84px;
height:84px;
border-radius:22px;
background:linear-gradient(135deg,#0f766e,#0f3d75);
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
margin-bottom:20px;
box-shadow:0 10px 25px rgba(15,61,117,.15);
}

.segment-card a{
display:inline-block;
margin-top:18px;
font-weight:700;
color:#0f3d75;
text-decoration:none;
}

.segment-card a:hover{
color:#0f766e;
}


/* =====================================
   BUSINESS SEGMENTS PREMIUM
   ===================================== */

.segment-heading{
text-align:center;
max-width:900px;
margin:0 auto 40px;
}

.segment-heading .eyebrow{
display:inline-block;
padding:8px 16px;
border-radius:999px;
background:#eef7f5;
color:#0f766e;
font-weight:700;
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:18px;
}

.segment-heading h2{
font-size:48px;
font-weight:800;
color:#0f3d75;
margin:0 0 12px;
}

.segment-heading p{
font-size:18px;
line-height:1.8;
color:#64748b;
margin:0;
}

.segment-kpis{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:40px;
}

.segment-kpi{
background:#fff;
border-radius:18px;
padding:24px;
text-align:center;
border:1px solid #dbe5ef;
box-shadow:0 10px 25px rgba(15,61,117,.08);
}

.segment-kpi strong{
display:block;
font-size:34px;
font-weight:800;
color:#0f3d75;
margin-bottom:8px;
}

.segment-kpi span{
color:#64748b;
font-size:15px;
}

@media(max-width:991px){
.segment-kpis{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

.segment-heading h2{
font-size:34px;
}

.segment-kpis{
grid-template-columns:1fr;
}

}

/* =====================================
   PROJECT HIGHLIGHTS
   ===================================== */

.project-highlights{
max-width:1280px;
margin:70px auto;
padding:0 24px;
}

.highlights-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.highlight-card{
background:#fff;
border-radius:22px;
padding:32px;
border:1px solid #dbe5ef;
box-shadow:0 12px 30px rgba(15,61,117,.08);
}

.highlight-card h3{
margin:0 0 16px;
font-size:24px;
font-weight:800;
color:#0f3d75;
}

.highlight-card ul{
margin:0;
padding-left:20px;
line-height:1.9;
color:#475569;
}

@media(max-width:991px){
.highlights-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   INVESTMENT HIGHLIGHTS
   ===================================== */

.investment-highlights{
max-width:1280px;
margin:80px auto;
padding:0 24px;
}

.investment-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
}

.investment-card{
background:#fff;
border-radius:22px;
padding:34px;
border:1px solid #dbe5ef;
box-shadow:0 12px 30px rgba(15,61,117,.08);
}

.investment-card h3{
margin:0 0 15px;
font-size:26px;
font-weight:800;
color:#0f3d75;
}

.investment-card p{
margin:0;
line-height:1.9;
color:#475569;
}

@media(max-width:991px){
.investment-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   INSTITUTIONAL CREDENTIALS
   ===================================== */

.credentials-section{
max-width:1280px;
margin:80px auto;
padding:0 24px;
}

.credentials-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.credential-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:22px;
padding:30px;
text-align:center;
box-shadow:0 12px 30px rgba(15,61,117,.08);
}

.credential-card .number{
font-size:42px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.credential-card .label{
font-size:15px;
color:#64748b;
line-height:1.7;
}

@media(max-width:991px){
.credentials-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.credentials-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   PROJECT TIMELINE
   ===================================== */

.timeline-section{
max-width:1280px;
margin:80px auto;
padding:0 24px;
}

.timeline{
display:flex;
justify-content:space-between;
position:relative;
margin-top:60px;
}

.timeline:before{
content:"";
position:absolute;
top:40px;
left:0;
right:0;
height:6px;
background:linear-gradient(
90deg,
#0f766e,
#65a30d,
#d4a017
);
border-radius:999px;
}

.timeline-step{
position:relative;
width:19%;
text-align:center;
z-index:2;
}

.timeline-dot{
width:80px;
height:80px;
margin:auto;
background:#fff;
border:6px solid #0f766e;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
font-weight:800;
color:#0f3d75;
box-shadow:0 10px 25px rgba(15,61,117,.10);
}

.timeline-step h3{
margin:18px 0 10px;
font-size:20px;
color:#0f3d75;
}

.timeline-step p{
font-size:14px;
line-height:1.7;
color:#64748b;
}

@media(max-width:991px){

.timeline{
flex-direction:column;
gap:30px;
}

.timeline:before{
display:none;
}

.timeline-step{
width:100%;
}

}


/* =====================================
   FUNDING STRUCTURE
   ===================================== */

.funding-section{
max-width:1280px;
margin:80px auto;
padding:0 24px;
}

.funding-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:30px;
align-items:start;
}

.funding-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:22px;
padding:32px;
box-shadow:0 12px 30px rgba(15,61,117,.08);
}

.funding-card h3{
margin:0 0 20px;
font-size:28px;
font-weight:800;
color:#0f3d75;
}

.funding-card table{
width:100%;
border-collapse:collapse;
}

.funding-card td{
padding:14px;
border-bottom:1px solid #edf2f7;
}

.funding-card td:first-child{
font-weight:700;
color:#334155;
}

.funding-card td:last-child{
font-weight:700;
color:#0f3d75;
}

@media(max-width:991px){

.funding-grid{
grid-template-columns:1fr;
}

}


/* =====================================
   DATA ROOM GATEWAY
   ===================================== */

.dataroom-gateway{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.gateway-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.gateway-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:34px;
box-shadow:0 12px 30px rgba(15,61,117,.08);
transition:.25s;
}

.gateway-card:hover{
transform:translateY(-5px);
box-shadow:0 20px 45px rgba(15,61,117,.12);
}

.gateway-card h3{
margin:0 0 12px;
font-size:26px;
font-weight:800;
color:#0f3d75;
}

.gateway-card p{
margin:0 0 20px;
line-height:1.8;
color:#64748b;
}

.gateway-card a{
display:inline-block;
padding:12px 18px;
background:#0f3d75;
color:#fff;
text-decoration:none;
border-radius:12px;
font-weight:700;
}

.gateway-card a:hover{
background:#0f766e;
}

@media(max-width:991px){
.gateway-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   LENDER READINESS
   ===================================== */

.readiness-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.readiness-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.readiness-card{
background:#fff;
border-radius:22px;
padding:30px;
border:1px solid #dbe5ef;
box-shadow:0 12px 30px rgba(15,61,117,.08);
text-align:center;
}

.readiness-icon{
width:80px;
height:80px;
margin:0 auto 18px;
border-radius:50%;
background:linear-gradient(135deg,#0f3d75,#0f766e);
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:#fff;
}

.readiness-card h3{
font-size:22px;
margin:0 0 10px;
color:#0f3d75;
}

.readiness-card p{
font-size:15px;
line-height:1.8;
color:#64748b;
margin:0;
}

@media(max-width:991px){
.readiness-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:768px){
.readiness-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   INVESTOR RELATIONS CENTER
   ===================================== */

.ir-section{
max-width:1280px;
margin:100px auto;
padding:0 24px;
}

.ir-card{
background:linear-gradient(135deg,#0f3d75 0%,#0f766e 100%);
border-radius:28px;
padding:50px;
color:#fff;
box-shadow:0 20px 60px rgba(15,61,117,.20);
}

.ir-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:40px;
align-items:center;
}

.ir-card h2{
font-size:42px;
font-weight:800;
margin:0 0 18px;
color:#fff;
}

.ir-card p{
font-size:18px;
line-height:1.8;
opacity:.92;
}

.ir-contact{
background:rgba(255,255,255,.10);
padding:28px;
border-radius:20px;
backdrop-filter:blur(10px);
}

.ir-contact strong{
display:block;
margin-bottom:8px;
font-size:15px;
opacity:.8;
}

.ir-contact div{
margin-bottom:18px;
font-size:17px;
font-weight:600;
}

.ir-buttons{
display:flex;
gap:16px;
flex-wrap:wrap;
margin-top:25px;
}

.ir-btn{
display:inline-block;
padding:14px 24px;
background:#fff;
color:#0f3d75;
font-weight:700;
text-decoration:none;
border-radius:12px;
}

.ir-btn.secondary{
background:rgba(255,255,255,.12);
color:#fff;
border:1px solid rgba(255,255,255,.25);
}

@media(max-width:991px){

.ir-grid{
grid-template-columns:1fr;
}

.ir-card{
padding:35px;
}

.ir-card h2{
font-size:32px;
}

}


/* =====================================
   STRATEGIC ECOSYSTEM
   ===================================== */

.ecosystem-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.ecosystem-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.ecosystem-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:32px;
text-align:center;
box-shadow:0 12px 30px rgba(15,61,117,.08);
}

.ecosystem-icon{
font-size:48px;
margin-bottom:16px;
}

.ecosystem-card h3{
margin:0 0 12px;
font-size:22px;
font-weight:800;
color:#0f3d75;
}

.ecosystem-card p{
margin:0;
line-height:1.8;
color:#64748b;
}

@media(max-width:991px){
.ecosystem-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:768px){
.ecosystem-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   EXECUTIVE PROJECT DASHBOARD
   ===================================== */

.dashboard-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.dashboard-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}

.dashboard-tile{
background:#fff;
border:1px solid #dbe5ef;
border-radius:22px;
padding:28px;
text-align:center;
box-shadow:0 12px 30px rgba(15,61,117,.08);
}

.dashboard-value{
font-size:34px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.dashboard-label{
font-size:14px;
line-height:1.6;
color:#64748b;
}

.dashboard-status{
background:linear-gradient(135deg,#0f766e,#16a34a);
color:#fff;
}

.dashboard-status .dashboard-value{
color:#fff;
}

.dashboard-status .dashboard-label{
color:rgba(255,255,255,.9);
}

@media(max-width:1200px){
.dashboard-grid{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:768px){
.dashboard-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   GLOBAL PRESENCE
   ===================================== */

.global-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.global-wrapper{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:50px;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.global-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:40px;
}

.global-card{
text-align:center;
padding:28px;
border:1px solid #e5edf5;
border-radius:18px;
background:#fafcff;
}

.global-flag{
font-size:42px;
margin-bottom:14px;
}

.global-title{
font-size:20px;
font-weight:800;
color:#0f3d75;
margin-bottom:8px;
}

.global-sub{
font-size:14px;
color:#64748b;
line-height:1.7;
}

.global-center{
text-align:center;
margin-bottom:40px;
}

.global-holding{
display:inline-block;
padding:14px 24px;
border-radius:999px;
background:#0f3d75;
color:#fff;
font-weight:700;
}

@media(max-width:992px){
.global-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.global-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   INVESTMENT HIGHLIGHTS
   ===================================== */

.investment-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.investment-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.investment-card{
background:#fff;
border-radius:24px;
padding:34px;
border:1px solid #dbe5ef;
box-shadow:0 12px 35px rgba(15,61,117,.08);
transition:.25s;
}

.investment-card:hover{
transform:translateY(-4px);
}

.investment-icon{
width:68px;
height:68px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
background:linear-gradient(135deg,#0f3d75,#0f766e);
color:#fff;
margin-bottom:20px;
}

.investment-title{
font-size:22px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.investment-value{
font-size:34px;
font-weight:800;
color:#166534;
margin-bottom:10px;
}

.investment-desc{
color:#64748b;
line-height:1.8;
}

@media(max-width:992px){
.investment-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:768px){
.investment-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   PROJECT TIMELINE
   ===================================== */

.timeline-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.timeline-wrapper{
position:relative;
margin-top:50px;
}

.timeline-line{
position:absolute;
left:50%;
top:0;
bottom:0;
width:4px;
background:linear-gradient(#0f3d75,#0f766e);
transform:translateX(-50%);
}

.timeline-item{
display:flex;
align-items:center;
margin-bottom:40px;
position:relative;
}

.timeline-item:nth-child(even){
flex-direction:row-reverse;
}

.timeline-content{
width:46%;
background:#fff;
border:1px solid #dbe5ef;
border-radius:20px;
padding:28px;
box-shadow:0 10px 30px rgba(15,61,117,.08);
}

.timeline-dot{
width:22px;
height:22px;
background:#0f3d75;
border:5px solid #fff;
border-radius:50%;
position:absolute;
left:50%;
transform:translateX(-50%);
box-shadow:0 0 0 4px rgba(15,61,117,.15);
}

.timeline-phase{
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:#0f766e;
margin-bottom:8px;
}

.timeline-title{
font-size:24px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.timeline-period{
font-weight:700;
color:#166534;
margin-bottom:10px;
}

.timeline-content p{
margin:0;
color:#64748b;
line-height:1.8;
}

@media(max-width:768px){

.timeline-line{
left:24px;
}

.timeline-item,
.timeline-item:nth-child(even){
flex-direction:row;
}

.timeline-content{
width:calc(100% - 60px);
margin-left:60px;
}

.timeline-dot{
left:24px;
}

}


/* =====================================
   WHY SBU
   ===================================== */

.why-sbu-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.why-sbu-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
margin-top:40px;
}

.why-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:32px;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.why-icon{
width:72px;
height:72px;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
background:linear-gradient(135deg,#0f3d75,#0f766e);
color:#fff;
margin-bottom:18px;
}

.why-title{
font-size:24px;
font-weight:800;
color:#0f3d75;
margin-bottom:12px;
}

.why-card p{
margin:0;
line-height:1.9;
color:#64748b;
}

@media(max-width:768px){
.why-sbu-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   FUNDING STRUCTURE
   ===================================== */

.capital-stack-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.capital-stack-grid{
display:grid;
grid-template-columns:420px 1fr;
gap:40px;
align-items:center;
}

.capital-stack-visual{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:30px;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.stack-layer{
padding:18px;
border-radius:14px;
margin-bottom:12px;
text-align:center;
font-weight:700;
color:#fff;
}

.stack-total{background:#0f3d75;}
.stack-epc{background:#166534;}
.stack-debt{background:#0f766e;}
.stack-dsra{background:#ca8a04;}
.stack-working{background:#475569;}

.capital-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.capital-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:20px;
padding:26px;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.capital-label{
font-size:13px;
text-transform:uppercase;
letter-spacing:.08em;
color:#64748b;
margin-bottom:8px;
}

.capital-value{
font-size:30px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.capital-desc{
color:#64748b;
line-height:1.8;
}

@media(max-width:992px){
.capital-stack-grid{
grid-template-columns:1fr;
}
}

@media(max-width:768px){
.capital-cards{
grid-template-columns:1fr;
}
}


/* =====================================
   DATA ROOM GATEWAY
   ===================================== */

.gateway-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.gateway-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:22px;
margin-top:40px;
}

.gateway-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:30px;
text-align:center;
box-shadow:0 12px 35px rgba(15,61,117,.08);
transition:.25s;
}

.gateway-card:hover{
transform:translateY(-6px);
border-color:#0f766e;
}

.gateway-icon{
font-size:46px;
margin-bottom:16px;
}

.gateway-title{
font-size:20px;
font-weight:800;
color:#0f3d75;
margin-bottom:12px;
}

.gateway-desc{
font-size:14px;
line-height:1.8;
color:#64748b;
margin-bottom:18px;
}

.gateway-btn{
display:inline-block;
padding:10px 18px;
border-radius:999px;
background:#0f3d75;
color:#fff;
text-decoration:none;
font-weight:700;
}

.gateway-btn:hover{
background:#0f766e;
}

@media(max-width:1100px){
.gateway-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.gateway-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   INSTITUTIONAL READINESS DASHBOARD
   ===================================== */

.readiness-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.readiness-panel{
background:linear-gradient(135deg,#071a2f 0%,#0f3d75 100%);
border-radius:30px;
padding:60px;
color:#fff;
box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.readiness-title{
font-size:42px;
font-weight:800;
text-align:center;
margin-bottom:12px;
}

.readiness-subtitle{
text-align:center;
color:rgba(255,255,255,.8);
max-width:900px;
margin:0 auto 50px;
line-height:1.8;
}

.readiness-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.readiness-card{
background:rgba(255,255,255,.08);
backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,.15);
border-radius:22px;
padding:28px;
text-align:center;
}

.readiness-value{
font-size:34px;
font-weight:800;
margin-bottom:10px;
color:#fff;
}

.readiness-label{
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,.85);
}

@media(max-width:1100px){
.readiness-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.readiness-panel{
padding:36px 24px;
}

.readiness-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   INVESTOR RELATIONS CENTER
   ===================================== */

.ir-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.ir-panel{
background:#fff;
border:1px solid #dbe5ef;
border-radius:30px;
padding:50px;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.ir-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:40px;
}

.ir-card{
border:1px solid #e5edf5;
border-radius:22px;
padding:28px;
text-align:center;
background:#fafcff;
transition:.25s;
}

.ir-card:hover{
transform:translateY(-5px);
border-color:#0f766e;
}

.ir-icon{
font-size:42px;
margin-bottom:16px;
}

.ir-title{
font-size:20px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.ir-desc{
font-size:14px;
line-height:1.8;
color:#64748b;
margin-bottom:20px;
}

.ir-btn{
display:inline-block;
padding:12px 22px;
border-radius:999px;
background:#0f3d75;
color:#fff;
font-weight:700;
text-decoration:none;
}

.ir-btn:hover{
background:#0f766e;
}

@media(max-width:1100px){
.ir-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.ir-grid{
grid-template-columns:1fr;
}

.ir-panel{
padding:32px 22px;
}
}


/* =====================================
   INSTITUTIONAL COMPLIANCE
   ===================================== */

.compliance-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.compliance-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:40px;
}

.compliance-card{
background:#fff;
border:1px solid #dbe5ef;
border-radius:24px;
padding:30px;
text-align:center;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.compliance-icon{
font-size:48px;
margin-bottom:18px;
}

.compliance-title{
font-size:20px;
font-weight:800;
color:#0f3d75;
margin-bottom:10px;
}

.compliance-desc{
font-size:14px;
line-height:1.8;
color:#64748b;
}

@media(max-width:1100px){
.compliance-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.compliance-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   STRATEGIC ECOSYSTEM
   ===================================== */

.ecosystem-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.ecosystem-wrap{
background:#fff;
border:1px solid #dbe5ef;
border-radius:30px;
padding:50px;
box-shadow:0 12px 35px rgba(15,61,117,.08);
}

.ecosystem-center{
width:220px;
height:220px;
margin:0 auto 40px;
border-radius:50%;
background:linear-gradient(135deg,#0f3d75,#0f766e);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:26px;
font-weight:800;
color:#fff;
}

.ecosystem-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:20px;
}

.ecosystem-card{
background:#f8fafc;
border:1px solid #dbe5ef;
border-radius:20px;
padding:22px;
text-align:center;
}

.ecosystem-icon{
font-size:34px;
margin-bottom:10px;
}

.ecosystem-title{
font-size:15px;
font-weight:700;
color:#0f3d75;
}

@media(max-width:1100px){
.ecosystem-grid{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:768px){
.ecosystem-grid{
grid-template-columns:repeat(2,1fr);
}
}


/* =====================================
   PROJECT IMPACT DASHBOARD
   ===================================== */

.impact-section{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.impact-panel{
background:linear-gradient(135deg,#064e3b 0%,#0f766e 100%);
border-radius:30px;
padding:60px;
color:#fff;
box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.impact-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:40px;
}

.impact-card{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
border-radius:22px;
padding:28px;
text-align:center;
}

.impact-value{
font-size:42px;
font-weight:800;
margin-bottom:10px;
}

.impact-label{
font-size:15px;
line-height:1.7;
color:rgba(255,255,255,.9);
}

@media(max-width:1100px){
.impact-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.impact-grid{
grid-template-columns:1fr;
}
}


/* =====================================
   TRANSACTION READINESS CENTER
   ===================================== */

.readiness-center{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.readiness-wrap{
background:#fff;
border:1px solid #dbe5ef;
border-radius:30px;
padding:50px;
box-shadow:0 15px 40px rgba(15,61,117,.08);
}

.readiness-cards{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:35px;
}

.readiness-item{
padding:24px;
border-radius:20px;
background:#f8fafc;
border:1px solid #e2e8f0;
text-align:center;
}

.readiness-item strong{
display:block;
font-size:34px;
color:#0f3d75;
margin-bottom:10px;
}

.readiness-item span{
color:#64748b;
font-size:14px;
}

@media(max-width:1100px){
.readiness-cards{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.readiness-cards{
grid-template-columns:1fr;
}
}


/* =====================================
   EXECUTIVE CONTACT DESK
   ===================================== */

.exec-contact{
max-width:1280px;
margin:90px auto;
padding:0 24px;
}

.exec-contact-wrap{
background:linear-gradient(135deg,#0b1f3a 0%,#0f3d75 100%);
border-radius:30px;
padding:60px;
color:#fff;
box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.exec-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.exec-title{
font-size:42px;
font-weight:800;
margin-bottom:20px;
}

.exec-text{
color:rgba(255,255,255,.85);
line-height:1.9;
}

.exec-card{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
border-radius:24px;
padding:30px;
}

.exec-label{
font-size:12px;
text-transform:uppercase;
letter-spacing:.1em;
color:#cbd5e1;
margin-bottom:6px;
}

.exec-value{
font-size:20px;
font-weight:700;
margin-bottom:20px;
}

.exec-btn{
display:inline-block;
padding:14px 24px;
border-radius:999px;
background:#fff;
color:#0f3d75;
font-weight:700;
text-decoration:none;
margin-right:10px;
margin-top:10px;
}

@media(max-width:768px){
.exec-grid{
grid-template-columns:1fr;
}

.exec-contact-wrap{
padding:36px 24px;
}
}


/* =====================================
   INSTITUTIONAL FOOTER
   ===================================== */

.sbu-institutional-footer{
background:#071a2f;
color:#cbd5e1;
margin-top:100px;
}

.sbu-footer-wrap{
max-width:1280px;
margin:auto;
padding:70px 24px 40px;
}

.sbu-footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:40px;
}

.sbu-footer-title{
font-size:18px;
font-weight:800;
color:#fff;
margin-bottom:18px;
}

.sbu-footer-logo{
font-size:28px;
font-weight:800;
color:#fff;
margin-bottom:15px;
}

.sbu-footer-text{
line-height:1.9;
color:#94a3b8;
}

.sbu-footer-links a{
display:block;
margin-bottom:10px;
color:#cbd5e1;
text-decoration:none;
}

.sbu-footer-links a:hover{
color:#fff;
}

.sbu-footer-bottom{
border-top:1px solid rgba(255,255,255,.08);
margin-top:40px;
padding-top:25px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:13px;
color:#94a3b8;
}

@media(max-width:900px){

.sbu-footer-grid{
grid-template-columns:1fr;
}

.sbu-footer-bottom{
flex-direction:column;
gap:10px;
text-align:center;
}

}


.kpi-counter{
font-size:42px;
font-weight:800;
color:#0f3d75;
}

.kpi-counter.green{
color:#166534;
}

.kpi-counter.gold{
color:#ca8a04;
}

.kpi-counter.teal{
color:#0f766e;
}