:root {
  --navy-950: #06111b;
  --navy-900: #091724;
  --navy-800: #102334;
  --ink: #1c242a;
  --slate: #58636b;
  --cream: #f3efe6;
  --cream-2: #e8e1d6;
  --paper: #fbfaf6;
  --sage-900: #27382e;
  --sage-700: #536658;
  --sage-200: #cbd2c8;
  --gold: #c3a46d;
  --gold-soft: #d8c29b;
  --line: rgba(9, 23, 36, .14);
  --line-dark: rgba(255,255,255,.14);
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", Georgia, serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --shell: min(1180px, calc(100% - 40px));
  --radius: 2px;
  --shadow: 0 20px 60px rgba(3, 12, 18, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--gold-soft); color: var(--navy-950); }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.skip-link {
  position: fixed; left: 16px; top: -100px; z-index: 1000; padding: 10px 14px;
  background: white; color: var(--navy-950); text-decoration: none;
}
.skip-link:focus { top: 12px; }
.shell { width: var(--shell); margin-inline: auto; }

.site-header {
  position: fixed; z-index: 100; top: 0; left: 0; right: 0;
  color: white; border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.site-header.is-scrolled {
  background: rgba(6,17,27,.92); border-color: rgba(255,255,255,.1); backdrop-filter: blur(14px);
}
.header-inner { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; flex: none; }
.brand-word { font-family: var(--serif); font-size: 18px; letter-spacing: .34em; color: var(--cream); line-height: 1; }
.brand-mark { width: 35px; height: 38px; overflow: hidden; position: relative; flex: none; }
.brand-mark img { position: absolute; width: 86px; max-width: none; left: -25px; top: -7px; }
.primary-nav { display: flex; align-items: center; gap: 20px; font-size: 12px; letter-spacing: .035em; }
.primary-nav a { text-decoration: none; color: rgba(255,255,255,.78); transition: color .2s ease; white-space: nowrap; }
.primary-nav a:hover, .primary-nav a:focus { color: white; }
.nav-cta { border: 1px solid rgba(216,194,155,.7); padding: 11px 14px; color: var(--cream)!important; }
.nav-cta:hover { background: var(--gold); border-color: var(--gold); color: var(--navy-950)!important; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.3); background: transparent; }
.menu-toggle span:not(.sr-only) { display: block; width: 18px; height: 1px; background: white; margin: 5px auto; }

.hero {
  min-height: 900px;
  color: white;
  background:
    radial-gradient(circle at 80% 20%, rgba(195,164,109,.13), transparent 26%),
    linear-gradient(115deg, var(--navy-950) 0%, #0b1d2b 63%, #10212e 100%);
  position: relative; overflow: hidden; padding-top: 80px;
}
.hero::before {
  content: ""; position: absolute; inset: 80px 0 auto 0; height: 1px; background: rgba(255,255,255,.07);
}
.hero::after {
  content: ""; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(216,194,155,.18);
  border-radius: 50%; right: -210px; top: 190px; box-shadow: 0 0 0 90px rgba(255,255,255,.016), 0 0 0 180px rgba(255,255,255,.012);
}
.hero-grid { min-height: 760px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.55fr); gap: 90px; align-items: center; position: relative; z-index: 2; }
.hero-copy { padding-block: 90px 60px; }
.eyebrow { margin: 0 0 20px; color: var(--gold-soft); text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 650; }
.eyebrow.dark { color: #6b5d46; }
.hero h1, .display, .section-heading h2, .development-head h2, .contact-copy h2 {
  font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; margin: 0;
}
.hero h1 { max-width: 880px; font-size: clamp(56px, 6.6vw, 96px); line-height: .98; }
.hero h1 span { color: var(--gold-soft); font-style: italic; }
.hero-lede { max-width: 760px; margin: 34px 0 0; color: rgba(255,255,255,.72); font-size: 19px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 42px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 20px; text-decoration: none; border: 1px solid transparent; font-size: 12px; font-weight: 700; letter-spacing: .055em; transition: .2s ease; }
.button-primary { background: var(--gold); border-color: var(--gold); color: var(--navy-950); }
.button-primary:hover, .button-primary:focus { background: #d1b680; border-color: #d1b680; transform: translateY(-1px); }
.button-dark { background: var(--navy-950); color: white; border-color: var(--navy-950); }
.button-dark:hover { background: var(--navy-800); }
.button-light { background: var(--cream); color: var(--navy-950); border-color: var(--cream); }
.button-light:hover { background: white; }
.text-link { color: rgba(255,255,255,.75); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: 5px; font-size: 13px; }
.text-link:hover { color: white; border-color: var(--gold); }
.hero-panel { align-self: center; border-left: 1px solid rgba(255,255,255,.16); padding: 46px 0 46px 44px; position: relative; }
.hero-panel-mark { width: 138px; height: 142px; overflow: hidden; position: relative; margin-bottom: 28px; }
.hero-panel-mark img { position: absolute; width: 308px; max-width: none; left: -85px; top: -26px; }
.panel-kicker { max-width: 280px; font-family: var(--serif); font-size: 25px; line-height: 1.3; color: var(--cream); }
.panel-rule { height: 1px; background: rgba(255,255,255,.16); margin: 28px 0; }
.panel-list { margin: 0; }
.panel-list div { display: grid; grid-template-columns: 92px 1fr; gap: 18px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.panel-list dt { color: var(--gold-soft); text-transform: uppercase; letter-spacing: .11em; font-size: 10px; }
.panel-list dd { margin: 0; color: rgba(255,255,255,.7); font-size: 13px; }
.hero-rail { min-height: 60px; border-top: 1px solid rgba(255,255,255,.09); display: flex; align-items: center; justify-content: center; gap: 18px; color: rgba(255,255,255,.46); text-transform: uppercase; letter-spacing: .16em; font-size: 9px; }
.hero-rail i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }

.section { padding: 120px 0; }
.split-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }
.display { font-size: clamp(42px, 5vw, 70px); line-height: 1.08; color: var(--navy-950); }
.intro-copy { padding-top: 32px; }
.lead { font-size: 21px; line-height: 1.6; color: var(--navy-900); }
.intro-copy p:not(.lead) { color: var(--slate); }
.principle { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--line); }
.principle strong { color: var(--navy-950); }

.section-dark { background: var(--navy-950); color: white; }
.section-heading { max-width: 840px; margin-bottom: 62px; }
.section-heading.compact { max-width: 760px; margin-bottom: 40px; }
.section-heading h2 { font-size: clamp(42px, 4.6vw, 68px); line-height: 1.08; color: var(--navy-950); }
.section-heading > p:last-child { max-width: 760px; color: var(--slate); font-size: 18px; }
.section-heading.light h2 { color: var(--cream); }
.section-heading.light > p:last-child { color: rgba(255,255,255,.62); }
.platform-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-dark); }
.platform-card { min-height: 560px; padding: 42px; display: grid; grid-template-rows: auto 1fr auto; border-bottom: 1px solid var(--line-dark); position: relative; }
.platform-card:first-child { border-right: 1px solid var(--line-dark); }
.platform-card::after { content: ""; width: 34px; height: 1px; background: var(--gold); position: absolute; top: 51px; right: 42px; }
.platform-number { color: rgba(255,255,255,.32); letter-spacing: .16em; font-size: 11px; }
.platform-label { color: var(--gold-soft); text-transform: uppercase; font-weight: 700; letter-spacing: .13em; font-size: 11px; margin-top: 54px; }
.platform-card h3 { font-family: var(--serif); font-size: 35px; font-weight: 400; line-height: 1.25; margin: 18px 0 20px; color: var(--cream); }
.platform-card p, .platform-card li { color: rgba(255,255,255,.62); }
.clean-list { margin: 28px 0 0; padding: 0; list-style: none; }
.clean-list li { padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; }
.role-tag { align-self: end; width: max-content; max-width: 100%; color: var(--cream); border-top: 1px solid var(--gold); padding-top: 14px; margin-top: 38px; font-size: 11px; text-transform: uppercase; letter-spacing: .11em; }
.development-card { background: linear-gradient(145deg, rgba(83,102,88,.18), transparent 68%); }

.capability-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); }
.capability { min-height: 330px; padding: 30px 28px 22px 0; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }
.capability + .capability { padding-left: 28px; }
.capability:last-child { border-right: 0; }
.capability span, .editorial-points span { color: #8d7b5a; font-size: 10px; letter-spacing: .14em; }
.capability h3 { font-family: var(--serif); font-size: 27px; line-height: 1.2; margin: 52px 0 18px; font-weight: 400; color: var(--navy-950); }
.capability p { color: var(--slate); font-size: 14px; }

.manifesto-band { background: var(--cream); border-block: 1px solid rgba(9,23,36,.08); padding: 56px 0; }
.manifesto-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; align-items: center; }
.manifesto-grid p { margin: 0; color: var(--slate); font-size: 15px; }
.manifesto-grid h2 { margin: 0; font-family: var(--serif); font-size: clamp(34px,4vw,56px); font-weight: 400; line-height: 1.15; color: var(--navy-950); }

.editorial-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; }
.editorial-grid.reverse { grid-template-columns: .72fr 1.28fr; }
.editorial-aside { border-top: 1px solid var(--line); padding-top: 24px; }
.aside-note { max-width: 280px; font-family: var(--serif); font-size: 28px; line-height: 1.3; margin-top: 55px; }
.editorial-main .display { max-width: 820px; }
.editorial-main > p { max-width: 780px; }
.editorial-points { margin: 46px 0 38px; border-top: 1px solid var(--line); }
.editorial-points > div { display: grid; grid-template-columns: 52px 190px 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line); align-items: start; }
.editorial-points strong { font-family: var(--serif); font-weight: 400; font-size: 19px; color: var(--navy-950); }
.editorial-points p { margin: 0; color: var(--slate); font-size: 14px; }

.section-sage { background: var(--sage-900); color: white; }
.section-sage .editorial-aside { border-color: rgba(255,255,255,.18); }
.section-sage .eyebrow { color: var(--gold-soft); }
.section-sage .aside-note, .section-sage .display, .section-sage .lead { color: var(--cream); }
.section-sage .editorial-main > p:not(.lead) { color: rgba(255,255,255,.68); }
.pill-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 38px 0; }
.pill-row span { border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.76); padding: 9px 12px; text-transform: uppercase; letter-spacing: .1em; font-size: 9px; }

.development-section { background: var(--navy-900); color: white; position: relative; overflow: hidden; }
.development-section::before { content:""; position:absolute; width:760px; height:760px; border:1px solid rgba(216,194,155,.1); border-radius:50%; right:-400px; top:-200px; }
.development-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: end; position:relative; z-index:1; }
.development-head h2 { color: var(--cream); font-size: clamp(48px,5vw,74px); line-height:1.05; }
.development-head > p { color: rgba(255,255,255,.62); padding-bottom: 8px; }
.development-path { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); margin-top: 70px; position:relative; z-index:1; }
.development-path article { min-height: 290px; padding: 30px 25px; border-right: 1px solid var(--line-dark); }
.development-path article:last-child { border-right: 0; }
.development-path span { font-size: 10px; letter-spacing:.14em; color:var(--gold-soft); }
.development-path h3 { font-family:var(--serif); font-size: 27px; font-weight:400; color:var(--cream); margin:65px 0 12px; }
.development-path p { color:rgba(255,255,255,.56); font-size:13px; }
.development-callout { margin-top: 56px; display:grid; grid-template-columns: 1fr 1fr auto; gap: 50px; align-items:center; position:relative; z-index:1; }
.development-callout h3 { font-family:var(--serif); font-size:31px; font-weight:400; margin:0; color:var(--cream); }
.development-callout > p { color:rgba(255,255,255,.55); font-size:13px; }

.why-bangladesh { background:var(--paper); }
.question-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap:100px; }
.question-grid blockquote { margin:34px 0 0; border-left:1px solid var(--gold); padding-left:26px; font-family:var(--serif); font-size:26px; line-height:1.35; color:var(--navy-950); }
.thesis-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:70px; border-top:1px solid var(--line); }
.thesis-grid article { padding:26px 24px 10px 0; border-right:1px solid var(--line); }
.thesis-grid article + article { padding-left:24px; }
.thesis-grid article:last-child { border-right:0; }
.thesis-grid span { text-transform:uppercase; letter-spacing:.11em; font-size:10px; color:#75664f; font-weight:700; }
.thesis-grid p { color:var(--slate); font-size:13px; margin-top:38px; }

.reason-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line-dark); }
.reason-grid article { min-height:240px; padding:34px 50px 34px 0; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); }
.reason-grid article:nth-child(even) { border-right:0; padding-left:50px; }
.reason-grid h3 { font-family:var(--serif); font-size:30px; font-weight:400; margin:0 0 24px; color:var(--cream); }
.reason-grid p { color:rgba(255,255,255,.58); max-width:480px; }

.audience-list { display:flex; flex-wrap:wrap; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.audience-list span { flex:1 1 260px; padding:20px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); font-family:var(--serif); font-size:20px; color:var(--navy-950); }

.insights { background:var(--cream); }
.insight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(9,23,36,.12); border:1px solid rgba(9,23,36,.12); }
.insight-grid article { background:var(--cream); min-height:350px; padding:34px; display:flex; flex-direction:column; }
.insight-type { text-transform:uppercase; letter-spacing:.13em; font-size:10px; color:#75664f; }
.insight-grid h3 { font-family:var(--serif); font-size:28px; font-weight:400; line-height:1.25; margin:45px 0 30px; color:var(--navy-950); }
.insight-grid a { margin-top:auto; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.04em; border-top:1px solid var(--line); padding-top:18px; }
.insight-grid a span { float:right; color:#75664f; }

.contact-section { background:linear-gradient(110deg,var(--navy-950),#0c2030); color:white; padding:130px 0; }
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:start; }
.contact-copy h2 { color:var(--cream); font-size:clamp(50px,5vw,76px); line-height:1.04; }
.contact-copy > p { color:rgba(255,255,255,.64); font-size:17px; max-width:540px; }
.confidential-note { margin-top:40px; border-top:1px solid rgba(255,255,255,.12); padding-top:18px; color:rgba(255,255,255,.5); font-size:12px; }
.confidential-note span { color:var(--gold); margin-right:8px; }
.inquiry-form { background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.12); padding:34px; }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.inquiry-form label { display:block; color:rgba(255,255,255,.72); font-size:11px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:18px; }
.inquiry-form input, .inquiry-form textarea, .inquiry-form select { width:100%; border:0; border-bottom:1px solid rgba(255,255,255,.22); background:transparent; color:white; padding:12px 0; outline:none; text-transform:none; letter-spacing:normal; }
.inquiry-form select option { color:var(--navy-950); }
.inquiry-form input:focus, .inquiry-form textarea:focus, .inquiry-form select:focus { border-color:var(--gold); }
.check-row { display:flex!important; gap:10px; align-items:flex-start; text-transform:none!important; letter-spacing:normal!important; color:rgba(255,255,255,.52)!important; line-height:1.45; }
.check-row input { width:auto; margin-top:3px; accent-color:var(--gold); }
.form-submit { width:100%; margin-top:6px; }
.form-status { min-height:24px; margin:12px 0 0; font-size:12px; color:var(--gold-soft); }

.site-footer { background:#040c13; color:white; padding:70px 0 30px; border-top:1px solid rgba(255,255,255,.08); }
.footer-grid { display:grid; grid-template-columns:.9fr .6fr 1.1fr; gap:70px; }
.footer-logo { display:flex; align-items:center; gap:11px; }
.footer-brand > p, .footer-note p { color:rgba(255,255,255,.45); font-size:12px; }
.footer-nav { display:flex; flex-direction:column; gap:10px; }
.footer-nav a { color:rgba(255,255,255,.65); text-decoration:none; font-size:12px; }
.footer-nav a:hover { color:white; }
.footer-note { border-left:1px solid rgba(255,255,255,.1); padding-left:28px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:50px; padding-top:20px; display:flex; justify-content:space-between; color:rgba(255,255,255,.35); font-size:10px; letter-spacing:.05em; }
.footer-bottom a { color:rgba(255,255,255,.48); text-decoration:none; }

@media (max-width: 1100px) {
  :root { --shell: min(100% - 32px, 980px); }
  .primary-nav { gap:14px; }
  .primary-nav a:not(.nav-cta) { display:none; }
  .hero-grid { grid-template-columns:1fr .48fr; gap:50px; }
  .capability-grid { grid-template-columns:1fr 1fr; }
  .capability:nth-child(2) { border-right:0; }
  .capability:nth-child(3) { padding-left:0; }
  .development-path { grid-template-columns:repeat(3,1fr); }
  .development-path article:nth-child(3) { border-right:0; }
  .development-path article:nth-child(-n+3) { border-bottom:1px solid var(--line-dark); }
  .development-callout { grid-template-columns:1fr 1fr; }
  .development-callout .button { grid-column:1/-1; width:max-content; }
}

@media (max-width: 820px) {
  :root { --shell: min(100% - 28px, 720px); }
  .site-header { background:rgba(6,17,27,.95); }
  .header-inner { min-height:70px; }
  .nav-cta { display:none; }
  .menu-toggle { display:block; }
  .primary-nav {
    display:none; position:absolute; top:70px; left:0; right:0; background:var(--navy-950); padding:18px 24px 28px;
    border-top:1px solid rgba(255,255,255,.1); flex-direction:column; align-items:stretch; gap:0;
  }
  .primary-nav.is-open { display:flex; }
  .primary-nav a, .primary-nav a:not(.nav-cta), .primary-nav .nav-cta { display:block; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.08); }
  .primary-nav .nav-cta { margin-top:12px; border:1px solid rgba(216,194,155,.6); padding:13px 14px; text-align:center; }
  .hero { min-height:auto; }
  .hero-grid { min-height:auto; grid-template-columns:1fr; padding-bottom:80px; }
  .hero-copy { padding:100px 0 20px; }
  .hero h1 { font-size:clamp(50px,13vw,72px); }
  .hero-panel { border-left:0; border-top:1px solid rgba(255,255,255,.14); padding:34px 0 0; }
  .hero-panel-mark { display:none; }
  .hero-rail { padding:16px; flex-wrap:wrap; line-height:1.4; }
  .section { padding:84px 0; }
  .split-intro, .editorial-grid, .editorial-grid.reverse, .question-grid, .development-head, .contact-grid { grid-template-columns:1fr; gap:42px; }
  .intro-copy { padding-top:0; }
  .platform-grid { grid-template-columns:1fr; }
  .platform-card:first-child { border-right:0; }
  .platform-card { min-height:unset; padding:34px 6px; }
  .platform-card::after { right:6px; }
  .capability-grid { grid-template-columns:1fr; }
  .capability, .capability + .capability, .capability:nth-child(3) { padding:26px 0; border-right:0; min-height:unset; }
  .capability h3 { margin-top:28px; }
  .manifesto-grid { grid-template-columns:1fr; gap:26px; }
  .editorial-aside { padding-top:18px; }
  .aside-note { margin-top:24px; }
  .editorial-points > div { grid-template-columns:42px 1fr; }
  .editorial-points p { grid-column:2; }
  .development-path { grid-template-columns:1fr 1fr; }
  .development-path article, .development-path article:nth-child(3) { border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); min-height:230px; }
  .development-path article:nth-child(even) { border-right:0; }
  .development-path article:last-child { border-right:1px solid var(--line-dark); }
  .development-callout { grid-template-columns:1fr; gap:26px; }
  .development-callout .button { grid-column:auto; width:100%; }
  .thesis-grid { grid-template-columns:1fr 1fr; }
  .thesis-grid article:nth-child(2) { border-right:0; }
  .thesis-grid article:nth-child(3) { padding-left:0; }
  .reason-grid { grid-template-columns:1fr; }
  .reason-grid article, .reason-grid article:nth-child(even) { border-right:0; padding:28px 0; }
  .insight-grid { grid-template-columns:1fr; }
  .insight-grid article { min-height:260px; }
  .contact-grid { gap:58px; }
  .footer-grid { grid-template-columns:1fr; gap:35px; }
  .footer-note { border-left:0; border-top:1px solid rgba(255,255,255,.1); padding-left:0; padding-top:20px; }
}

@media (max-width: 540px) {
  :root { --shell: calc(100% - 24px); }
  .brand-word { font-size:16px; letter-spacing:.28em; }
  .hero-copy { padding-top:80px; }
  .hero-lede { font-size:17px; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:18px; }
  .hero-actions .button { width:100%; }
  .hero-actions .text-link { width:max-content; }
  .section-heading h2, .display { font-size:40px; }
  .platform-card h3 { font-size:30px; }
  .development-head h2, .contact-copy h2 { font-size:46px; }
  .development-path { grid-template-columns:1fr; }
  .development-path article, .development-path article:nth-child(3), .development-path article:last-child { border-right:0; min-height:190px; }
  .development-path h3 { margin-top:32px; }
  .thesis-grid { grid-template-columns:1fr; }
  .thesis-grid article, .thesis-grid article + article, .thesis-grid article:nth-child(3) { padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }
  .thesis-grid p { margin-top:16px; }
  .field-grid { grid-template-columns:1fr; gap:0; }
  .inquiry-form { padding:24px 18px; }
  .footer-bottom { flex-direction:column; gap:10px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; transition:none!important; }
}
.page-home .site-header.is-scrolled{position:fixed;background:rgba(5,17,27,.985);box-shadow:0 8px 30px rgba(0,0,0,.18)}

/* V2 institutional layer */
/* VARELAN Institutional Redesign V2
   Hybrid direction: cinematic/editorial + structured institutional.
   This file intentionally layers on top of the earlier build so every existing
   information page remains functional while the complete presentation system is rebuilt. */

:root{
  --v-navy:#071624;
  --v-navy-2:#0b2031;
  --v-navy-3:#143247;
  --v-green:#18372e;
  --v-green-2:#284d3f;
  --v-gold:#b9975b;
  --v-gold-2:#d2b77e;
  --v-ivory:#f7f3ea;
  --v-paper:#fcfbf7;
  --v-white:#fff;
  --v-ink:#14202a;
  --v-muted:#5e6872;
  --v-line:#dcd6ca;
  --v-line-dark:rgba(255,255,255,.16);
  --v-serif:"Iowan Old Style","Palatino Linotype",Palatino,Baskerville,Georgia,serif;
  --v-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --v-shell:min(1390px,calc(100% - 64px));
}

html{scroll-padding-top:90px}
body{padding-top:86px;background:var(--v-paper);color:var(--v-ink);font-family:var(--v-sans);line-height:1.62}
.shell{width:var(--v-shell);margin-inline:auto}
.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:700;text-transform:uppercase}
.eyebrow.dark{color:#735f3f}
.lead,.v2-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:#24333d}
.small{font-size:12px;color:#6d757d}

/* Header */
.site-header,.site-header.is-scrolled{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.97)!important;color:var(--v-navy)!important;
  border-bottom:1px solid rgba(7,22,36,.09)!important;
  box-shadow:0 7px 28px rgba(5,19,31,.045);
  backdrop-filter:blur(14px);
}
.header-inner{min-height:86px;gap:28px}
.brand{gap:12px;min-width:max-content}
.brand-mark-wrap{width:58px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.brand-mark-wrap .brand-icon{width:56px;height:56px;object-fit:contain}
.brand-lockup{display:flex;flex-direction:column;gap:6px}
.brand-word{font-family:var(--v-serif);color:var(--v-navy)!important;font-size:25px;line-height:1;letter-spacing:.31em;font-weight:600}
.brand-line{font-size:7px;text-transform:uppercase;letter-spacing:.38em;color:#63717c;white-space:nowrap}
.primary-nav{display:flex;align-items:center;gap:22px;font-size:11px;color:var(--v-navy)}
.primary-nav>a,.nav-dropdown>button{color:var(--v-navy)!important;text-decoration:none;background:none;border:0;padding:31px 0;font:inherit;white-space:nowrap;position:relative}
.primary-nav>a:not(.nav-cta)::after,.nav-dropdown>button::after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:1.5px;background:var(--v-gold);transition:right .22s ease}
.primary-nav>a:not(.nav-cta):hover::after,.nav-dropdown:hover>button::after{right:0}
.nav-dropdown{position:relative}
.nav-dropdown>button{padding-right:13px}
.nav-dropdown>button::before{content:"⌄";position:absolute;right:0;top:29px;font-size:11px;color:#677580}
.nav-menu{display:none;position:absolute;top:76px;left:-24px;width:300px;background:#fff;border:1px solid rgba(7,22,36,.1);box-shadow:0 26px 65px rgba(6,18,29,.13);padding:12px;z-index:20}
.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}
.nav-menu a{display:block;padding:12px 14px!important;color:#26343d!important;text-decoration:none!important;border-bottom:1px solid #eee9df;font-size:11px;line-height:1.35;white-space:normal!important}
.nav-menu a:last-child{border-bottom:0}
.nav-menu a:hover{background:var(--v-ivory)}
.nav-menu a strong{display:block;color:var(--v-navy);font-size:11px;margin-bottom:3px}
.nav-menu a span{display:block;color:#75808a;font-size:10px}
.primary-nav .nav-cta{padding:13px 18px!important;margin-left:4px;background:var(--v-navy);border:1px solid var(--v-navy)!important;color:#fff!important;letter-spacing:.015em}
.primary-nav .nav-cta:hover{background:#123047!important;border-color:#123047!important;color:#fff!important;transform:translateY(-1px)}
.menu-toggle{display:none;border-color:rgba(7,22,36,.24)!important;background:transparent!important}
.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:18px;height:1px;background:var(--v-navy);margin:5px auto}

/* Homepage hero */
.v2-hero{position:relative;min-height:610px;background:var(--v-navy);color:#fff;overflow:hidden}
.v2-hero-media{position:absolute;inset:0;background-image:url('assets/v51/manufacturing-representative.jpg'),url('https://upload.wikimedia.org/wikipedia/commons/d/d6/A_standard_garments_factory_in_Chattogram%2C_Bangladesh.jpg');background-size:cover;background-position:center 50%;filter:saturate(.82) contrast(1.06)}
.v2-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,29,.96) 0%,rgba(5,18,29,.84) 34%,rgba(5,18,29,.44) 62%,rgba(5,18,29,.68) 100%),linear-gradient(0deg,rgba(4,15,25,.3),transparent 45%)}
.v2-hero-grid{position:relative;z-index:2;min-height:610px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.62fr);gap:48px;align-items:stretch}
.v2-hero-copy{align-self:center;padding:62px 0 52px;max-width:860px}
.v2-overline{margin:0 0 18px;font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:rgba(255,255,255,.76);display:flex;align-items:center;gap:13px}
.v2-overline i{display:inline-block;width:28px;height:1px;background:var(--v-gold)}
.v2-hero h1{margin:0;color:#fff;font-family:var(--v-serif);font-size:clamp(50px,5.25vw,82px);font-weight:400;line-height:1.03;letter-spacing:-.032em;text-wrap:balance}
.v2-hero-subhead{margin:18px 0 0;font-size:15px;line-height:1.5;color:#fff;font-weight:500;max-width:720px}
.v2-hero-lede{max-width:720px;margin:24px 0 0;color:rgba(255,255,255,.79);font-size:15px;line-height:1.65}
.v2-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 22px;text-decoration:none;font-size:11px;font-weight:650;letter-spacing:.025em;border:1px solid transparent;transition:.2s ease}
.v2-btn-gold{background:linear-gradient(180deg,#c7a76e,var(--v-gold));color:#fff;border-color:#d5bd90}
.v2-btn-gold:hover{filter:brightness(1.07);transform:translateY(-1px)}
.v2-btn-ghost{border-color:rgba(255,255,255,.62);color:#fff;background:rgba(0,0,0,.08)}
.v2-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.v2-photo-credit{font-size:8px;color:rgba(255,255,255,.36);margin:18px 0 0;letter-spacing:.02em}
.v2-platform-rail{border-left:1px solid rgba(255,255,255,.36);padding:44px 0 38px 36px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(6,21,33,.18),rgba(6,21,33,.43))}
.v2-rail-title{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.65);padding-bottom:18px}
.v2-rail-title strong{display:block;color:#fff;font-weight:600;margin-top:4px}
.v2-rail-card{display:grid;grid-template-columns:38px 1fr;gap:15px;color:#fff;text-decoration:none;padding:22px 0;border-top:1px solid rgba(255,255,255,.25)}
.v2-rail-card:last-child{border-bottom:1px solid rgba(255,255,255,.25)}
.v2-rail-no{width:34px;height:34px;border:1px solid rgba(210,183,126,.78);border-radius:50%;display:grid;place-items:center;font-family:var(--v-serif);font-size:12px;color:var(--v-gold-2)}
.v2-rail-card.energy .v2-rail-no{border-color:rgba(154,190,164,.8);color:#c1d4c6}
.v2-rail-card p{margin:0 0 5px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#fff}
.v2-rail-card strong{display:block;font-family:var(--v-serif);font-size:20px;font-weight:400;line-height:1.2}
.v2-rail-card div>span{display:block;font-size:11px;color:rgba(255,255,255,.63);line-height:1.5;margin-top:8px}
.v2-rail-card em{display:block;font-style:normal;font-size:10px;color:#fff;margin-top:12px;letter-spacing:.03em}
.v2-rail-card:hover em{color:var(--v-gold-2)}

/* Snapshot */
.v2-snapshot{background:#fff;border-bottom:1px solid var(--v-line)}
.v2-snapshot-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);min-height:180px}
.v2-snapshot-intro{background:linear-gradient(135deg,var(--v-green),#0f2923);color:#fff;padding:28px 32px;margin-left:calc((100vw - min(1390px,calc(100vw - 64px)))/-2);padding-left:max(32px,calc((100vw - min(1390px,calc(100vw - 64px)))/2));}
.v2-gold-line{display:block;width:38px;height:2px;background:var(--v-gold);margin-bottom:13px}
.v2-snapshot-intro .eyebrow{color:#f4eee0;margin:0 0 8px}
.v2-snapshot-intro h2{font-family:var(--v-serif);font-size:28px;line-height:1.1;font-weight:400;margin:0 0 8px}
.v2-snapshot-intro p{font-size:11px;line-height:1.45;color:rgba(255,255,255,.7);margin:0 0 11px;max-width:360px}
.v2-snapshot-intro a{font-size:10px;color:#fff;text-decoration:none;font-weight:600}
.v2-snapshot-grid>article{padding:30px 22px;border-right:1px solid var(--v-line);display:flex;flex-direction:column;justify-content:center}
.v2-snapshot-grid>article strong{font-family:var(--v-serif);font-weight:400;color:var(--v-navy);font-size:31px;line-height:1}
.v2-snapshot-grid>article span{font-size:12px;color:#273642;font-weight:650;margin-top:8px;line-height:1.25}
.v2-snapshot-grid>article small{font-size:8px;color:#7c858c;line-height:1.4;margin-top:13px}

/* Shared editorial sections */
.v2-section{padding:100px 0}
.v2-editorial-head{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end;margin-bottom:46px}
.v2-editorial-head h2{font-family:var(--v-serif);font-weight:400;font-size:clamp(42px,4.25vw,66px);line-height:1.07;letter-spacing:-.03em;color:var(--v-navy);margin:0}
.v2-editorial-head>p{margin:0;color:#66717a;max-width:600px;font-size:14px;line-height:1.7}
.v2-editorial-head.light h2{color:#fff}
.v2-editorial-head.light>p{color:rgba(255,255,255,.65)}
.v2-text-link{display:inline-block;color:var(--v-navy);text-decoration:none;border-bottom:1px solid rgba(7,22,36,.28);padding-bottom:3px;font-size:11px;font-weight:650}
.v2-text-link:hover{border-color:var(--v-gold);color:#6f5732}

/* Platform cards */
.v2-platforms{background:var(--v-paper)}
.v2-platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v2-platform-card{display:grid;grid-template-columns:1.05fr 1fr;min-height:335px;overflow:hidden;border:1px solid rgba(7,22,36,.08);box-shadow:0 18px 50px rgba(7,22,36,.05)}
.v2-card-photo{background-size:cover;background-position:center;min-height:330px;position:relative}
.v2-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(7,22,36,.18))}
.v2-card-advisory{background-image:url('https://upload.wikimedia.org/wikipedia/commons/d/d6/A_standard_garments_factory_in_Chattogram%2C_Bangladesh.jpg'),url('assets/v51/manufacturing-representative.jpg')}
.v2-card-energy{background-image:url('https://upload.wikimedia.org/wikipedia/commons/6/6a/Country%27s_largest_solar_power_plant_inaugurated.png'),url('assets/v51/solar-representative.jpg')}
.v2-card-copy{padding:34px 32px;display:flex;flex-direction:column;color:#fff}
.v2-card-copy.navy{background:linear-gradient(145deg,#0c2437,#071624)}
.v2-card-copy.green{background:linear-gradient(145deg,#284b3d,#18372e)}
.v2-card-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:var(--v-gold-2);font-weight:700;margin:0}
.v2-card-copy h3{font-family:var(--v-serif);font-size:35px;line-height:1.05;font-weight:400;margin:18px 0;color:#fff}
.v2-card-copy>p:not(.v2-card-kicker){font-size:11px;line-height:1.55;color:rgba(255,255,255,.7);margin:0}
.v2-card-copy a{color:#fff;text-decoration:none;font-size:10px;margin-top:20px}
.v2-card-copy small{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.46)}

/* Principles */
.v2-principles{background:#fff;border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.v2-principles-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.v2-principles-grid>div{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:24px 19px;border-right:1px solid var(--v-line)}
.v2-principles-grid>div:last-child{border-right:0}
.v2-principles b{width:32px;height:32px;border:1px solid #bca06f;border-radius:50%;display:grid;place-items:center;font-family:var(--v-serif);font-weight:400;color:#876f48;font-size:10px}
.v2-principles span{font-size:10px;line-height:1.25;color:#45515b}

/* Why */
.v2-why{background:#fff}
.v2-why-grid{display:grid;grid-template-columns:1.08fr .85fr .75fr;gap:54px;align-items:center}
.v2-why-copy h2{font-family:var(--v-serif);font-size:clamp(40px,4vw,62px);line-height:1.06;font-weight:400;letter-spacing:-.025em;color:var(--v-navy);margin:0 0 22px}
.v2-why-copy>p:not(.eyebrow){color:#5e6972;font-size:14px;max-width:610px}
.v2-why-copy .v2-lead{color:#24333d;font-size:18px}
.v2-map{min-height:390px;color:#345b46;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(40,77,63,.06),transparent 58%)}
.v2-map svg{width:100%;max-width:450px}
.v2-map p{font-size:9px;text-transform:uppercase;letter-spacing:.25em;color:#4a5964;line-height:1.7;margin:-30px 0 0 30px;align-self:center}
.v2-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--v-line);border-left:1px solid var(--v-line)}
.v2-facts article{padding:24px 19px;min-height:115px;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.v2-facts strong{display:block;font-family:var(--v-serif);font-size:22px;line-height:1.1;color:var(--v-navy);font-weight:400}
.v2-facts span{display:block;font-size:10px;color:#66717a;line-height:1.4;margin-top:8px}

/* Decision */
.v2-decision{background:linear-gradient(135deg,#071624,#0f2a3d);color:#fff}
.v2-decision-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--v-line-dark);border-left:1px solid var(--v-line-dark);margin-bottom:34px}
.v2-decision-grid article{min-height:230px;padding:28px;border-right:1px solid var(--v-line-dark);border-bottom:1px solid var(--v-line-dark)}
.v2-decision-grid span{font-size:9px;letter-spacing:.18em;color:var(--v-gold-2)}
.v2-decision-grid h3{font-family:var(--v-serif);font-size:27px;line-height:1.18;font-weight:400;color:#fff;margin:38px 0 15px}
.v2-decision-grid p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.57);margin:0}

/* Data */
.v2-data-section{background:var(--v-ivory)}
.v2-data-card{background:#fff;border:1px solid #ddd5c8;box-shadow:0 18px 55px rgba(7,22,36,.055);padding:32px}
.data-module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px}
.data-module-head h3{font-family:var(--v-serif);font-size:28px;color:var(--v-navy);font-weight:400;margin:0 0 4px}
.segment-control{display:inline-flex;border:1px solid var(--v-line);background:#faf8f2}
.segment-control button{border:0;background:transparent;color:#5f6870;font-size:10px;padding:11px 15px}
.segment-control button.is-active{background:var(--v-navy);color:#fff}
.chart-wrap{display:grid;gap:11px;padding:24px 0;border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.bar-row{display:grid;grid-template-columns:110px 1fr 48px;align-items:center;gap:14px;font-size:10px}
.bar-label{color:#4c5963}
.bar-track{height:12px;background:#eee9df;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,#a48756,#c9ab74);transition:width .35s ease}
.bar-value{font-family:var(--v-serif);font-size:15px;color:var(--v-navy);text-align:right}
.chart-context{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:17px 0 0;color:#717a81;font-size:9px;line-height:1.55}
.table-wrap{overflow:auto;margin-top:16px}
.accessible-table{width:100%;border-collapse:collapse;font-size:10px}
.accessible-table th,.accessible-table td{padding:10px;border-bottom:1px solid #ece7dd;text-align:left}
.accessible-table th{color:var(--v-navy);background:#faf8f2}
.v2-data-note{margin-top:12px}

/* Stories */
.v2-sector-stories{background:#fff}
.v2-story-row{display:grid;grid-template-columns:1.05fr .95fr;min-height:440px;margin-bottom:28px;border:1px solid var(--v-line)}
.v2-story-row.reverse{grid-template-columns:.95fr 1.05fr}
.v2-story-row.reverse .v2-story-image{order:2}
.v2-story-image{background-size:cover;background-position:center;min-height:440px}
.v2-story-image.manufacturing{background-image:url('https://upload.wikimedia.org/wikipedia/commons/d/d6/A_standard_garments_factory_in_Chattogram%2C_Bangladesh.jpg'),url('assets/v51/manufacturing-representative.jpg')}
.v2-story-image.solar{background-image:url('https://upload.wikimedia.org/wikipedia/commons/6/6a/Country%27s_largest_solar_power_plant_inaugurated.png'),url('assets/v51/solar-representative.jpg')}
.v2-story-copy{padding:58px;display:flex;flex-direction:column;justify-content:center;background:var(--v-paper)}
.v2-story-copy h2{font-family:var(--v-serif);font-size:clamp(37px,3.8vw,57px);line-height:1.08;color:var(--v-navy);font-weight:400;margin:0 0 18px}
.v2-story-copy>p:not(.eyebrow){font-size:13px;color:#66717a;max-width:560px}

/* Audience */
.v2-audience{padding:70px 0;background:linear-gradient(120deg,var(--v-green),#102a25);color:#fff}
.v2-audience-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}
.v2-audience h2{font-family:var(--v-serif);font-size:45px;line-height:1.08;font-weight:400;margin:0;color:#fff}
.v2-audience-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.v2-audience-list a{padding:18px 16px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.82);font-size:10px;text-decoration:none}
.v2-audience-list a:hover{background:rgba(255,255,255,.06);color:#fff}

/* Insights */
.v2-insights{background:var(--v-paper)}
.v2-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v-line);border-left:1px solid var(--v-line)}
.v2-insight-grid article{min-height:310px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line);background:#fff}
.v2-insight-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#7a6544}
.v2-insight-grid h3{font-family:var(--v-serif);font-size:29px;line-height:1.14;color:var(--v-navy);font-weight:400;margin:42px 0 18px}
.v2-insight-grid p{font-size:11px;color:#69737c;line-height:1.55}
.v2-insight-grid a{margin-top:auto;font-size:10px;color:var(--v-navy);text-decoration:none;padding-top:15px;border-top:1px solid var(--v-line)}

/* Closing + footer */
.v2-closing{background:#071624;color:#fff;padding:78px 0}
.v2-closing-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.v2-closing h2{font-family:var(--v-serif);font-size:58px;line-height:1.04;font-weight:400;margin:0 0 14px;color:#fff}
.v2-closing p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.62);font-size:13px}
.site-footer{background:#030c13!important;padding:58px 0 26px!important}
.footer-grid{grid-template-columns:.8fr .85fr 1.15fr!important;gap:65px!important}
.footer-logo img{width:48px;height:48px;object-fit:contain}
.footer-logo strong{font-family:var(--v-serif);font-size:20px;letter-spacing:.25em;color:#fff}
.footer-logo span{display:block;margin-top:4px;font-size:6px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.footer-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 18px!important}
.footer-nav a,.footer-brand>p,.footer-note p{font-size:9px!important}
.footer-cta{display:inline-block;margin-top:14px;color:var(--v-gold-2)!important;font-size:10px;text-decoration:none}
.footer-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--v-gold-2)!important}
.footer-bottom{font-size:8px!important}

/* SECONDARY PAGES — rebuilt visual system while preserving verified content */
body:not(.page-home) .page-hero{position:relative;min-height:470px;background:linear-gradient(100deg,rgba(5,18,29,.96),rgba(5,18,29,.78)),url('https://upload.wikimedia.org/wikipedia/commons/f/f1/Chittagong_port%2C.JPG') center 52%/cover,url('assets/v51/port-representative.jpg') center 48%/cover;color:#fff;padding:90px 0 70px;display:flex;align-items:center;overflow:hidden}
body:not(.page-home) .page-hero::after{content:"";position:absolute;inset:auto 6% -170px auto;width:360px;height:360px;border:1px solid rgba(210,183,126,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01)}
.page-renewable-energy-development .page-hero,.page-energy-infrastructure .page-hero{background:linear-gradient(100deg,rgba(5,18,29,.94),rgba(15,45,34,.72)),url('https://upload.wikimedia.org/wikipedia/commons/6/6a/Country%27s_largest_solar_power_plant_inaugurated.png') center/cover,url('assets/v51/solar-representative.jpg') center/cover}
.page-manufacturing .page-hero{background:linear-gradient(100deg,rgba(5,18,29,.95),rgba(5,18,29,.7)),url('https://upload.wikimedia.org/wikipedia/commons/d/d6/A_standard_garments_factory_in_Chattogram%2C_Bangladesh.jpg') center/cover,url('assets/v51/manufacturing-representative.jpg') center/cover}
.page-economic-zones-epzs .page-hero{background:linear-gradient(100deg,rgba(5,18,29,.95),rgba(5,18,29,.70)),url('https://upload.wikimedia.org/wikipedia/commons/8/8c/Image_of_Adamjee_EPZ.jpg') center/cover,url('assets/v51/economic-zone-representative.jpg') center/cover}
.page-foreign-investor-resources .page-hero,.page-why-bangladesh .page-hero,.page-country-comparison .page-hero{background:linear-gradient(100deg,rgba(5,18,29,.96),rgba(5,18,29,.74)),url('https://upload.wikimedia.org/wikipedia/commons/d/df/Early_morning_at_Chittagong_Port.jpg') center 46%/cover,url('assets/v51/port-representative.jpg') center/cover}

.page-hero>.shell{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr .5fr;gap:90px;align-items:end}
.page-hero h1{font-family:var(--v-serif);font-weight:400;font-size:clamp(52px,5.3vw,80px);line-height:1.02;letter-spacing:-.035em;margin:0;color:#fff;max-width:920px}
.page-hero>div>div>p:not(.eyebrow){max-width:780px;color:rgba(255,255,255,.72);font-size:15px}
.page-hero .button-gold{display:inline-flex;background:var(--v-gold);color:#fff!important;border:1px solid #d0b37c;padding:13px 19px;text-decoration:none;font-size:10px}
.page-hero-aside{border-left:1px solid rgba(255,255,255,.3);padding:26px 0 26px 28px;color:rgba(255,255,255,.75);font-family:var(--v-serif);font-size:23px;line-height:1.35}

/* Existing content components, restyled */
.section{padding:95px 0}
.section-cream{background:var(--v-ivory)!important}
.section-dark{background:var(--v-navy)!important}
.display,.section-heading h2{font-family:var(--v-serif);font-weight:400;color:var(--v-navy);letter-spacing:-.025em}
.display{font-size:clamp(42px,4.5vw,65px);line-height:1.08}
.section-heading h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08}
.section-heading.light h2{color:#fff}
.section-heading>p:last-child,.intro-copy p:not(.lead){color:#68727b}
.split-intro{grid-template-columns:1fr 1fr;gap:80px}
.platform-grid{border-color:rgba(255,255,255,.14)}
.platform-card{background:var(--v-navy);padding:36px;min-height:420px}
.platform-card.development-card{background:var(--v-green)}
.platform-card h3{font-family:var(--v-serif);font-weight:400;color:#fff}
.role-tag{color:#fff;border-color:var(--v-gold)}
.capability-grid{border-color:var(--v-line)}
.capability{padding:28px;min-height:260px;border-color:var(--v-line)}
.capability:first-child{padding-left:0}
.capability h3{margin-top:38px;color:var(--v-navy)}
.reason-grid{border-color:rgba(255,255,255,.14)}
.reason-grid article{border-color:rgba(255,255,255,.14)}
.audience-list{border-color:var(--v-line)}
.audience-list span{font-family:var(--v-serif);font-size:19px;border-color:var(--v-line);background:#fff}
.tool-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tool-card,.resource-grid article{border:1px solid var(--v-line);background:#fff;padding:28px;box-shadow:0 12px 36px rgba(7,22,36,.035)}
.tool-card h3,.resource-grid h3{font-family:var(--v-serif);font-weight:400;color:var(--v-navy);font-size:27px;line-height:1.2}
.tool-card p,.resource-grid p{font-size:12px;color:#66717a}
.tool-output{margin-top:20px;background:var(--v-ivory);border-left:2px solid var(--v-gold);padding:20px;font-size:12px}
.inline-link{color:var(--v-navy)!important;text-decoration:none;border-bottom:1px solid rgba(7,22,36,.25);padding-bottom:2px;font-size:11px;font-weight:650}
.section-dark .inline-link,.light-link{color:#fff!important;border-color:rgba(255,255,255,.3)}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--v-line);border-top:1px solid var(--v-line)}
.snapshot-grid article,.metric-card{padding:24px;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line);background:#fff}
.metric-card strong,.snapshot-grid strong{display:block;font-family:var(--v-serif);font-size:30px;font-weight:400;color:var(--v-navy)}
.metric-card span,.snapshot-grid span{display:block;font-size:11px;color:#3d4b55;margin-top:6px}
.metric-card small,.snapshot-grid small{display:block;font-size:8px;color:#7b838a;margin-top:12px}
.path-tabs{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--v-line);width:max-content;max-width:100%;margin-bottom:18px}
.path-tabs button{border:0;border-right:1px solid var(--v-line);background:#fff;padding:11px 15px;font-size:10px;color:#66717a}
.path-tabs button.is-active{background:var(--v-navy);color:#fff}
.path-panel{border:1px solid var(--v-line);padding:28px;background:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:50px}
.path-panel h3{font-family:var(--v-serif);font-size:30px;font-weight:400;color:var(--v-navy);margin:0}
.path-steps{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--v-line);border-top:1px solid var(--v-line)}
.path-steps div{padding:18px;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.path-steps span{display:block;font-size:8px;color:#94794f}
.path-steps strong{display:block;font-size:11px;color:#33414c;margin-top:20px}
.comparison-matrix{overflow:auto;border:1px solid var(--v-line);background:#fff}
.comparison-matrix table{width:100%;border-collapse:collapse}
.comparison-matrix th,.comparison-matrix td{padding:14px;border-bottom:1px solid var(--v-line);font-size:11px;text-align:left}
.matrix-highlight{background:#f6f1e7}
.faq{border-top:1px solid var(--v-line)}
.faq details{border-bottom:1px solid var(--v-line);padding:18px 0}
.faq summary{cursor:pointer;font-family:var(--v-serif);font-size:22px;color:var(--v-navy)}
.faq details p{color:#68727b;font-size:12px;max-width:850px}
.photo-band{display:grid;grid-template-columns:1fr 1fr;min-height:460px;background:var(--v-navy)}
.photo-panel{position:relative;min-height:460px;overflow:hidden}
.photo-panel img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.photo-overlay{position:absolute;inset:auto 0 0;padding:70px 34px 30px;color:#fff;background:linear-gradient(transparent,rgba(4,15,25,.92))}
.photo-overlay h3{font-family:var(--v-serif);font-size:31px;line-height:1.15;font-weight:400;margin:0 0 12px;max-width:640px}
.photo-credit{font-size:8px;color:rgba(255,255,255,.48)}
.source-note{font-size:10px;color:#6f777e;border-top:1px solid var(--v-line);padding-top:16px;margin-top:30px}

/* Contact */
.contact-section{background:linear-gradient(125deg,#071624,#0d2638)!important;padding:90px 0!important}
.contact-grid{grid-template-columns:.72fr 1.28fr;gap:90px}
.contact-copy h2{font-family:var(--v-serif);font-weight:400;font-size:clamp(45px,4.4vw,68px);line-height:1.05;color:#fff}
.contact-copy>p{font-size:13px!important}
.inquiry-form{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.15)!important;padding:34px!important}
.inquiry-form label{font-size:9px!important}
.inquiry-form input,.inquiry-form textarea,.inquiry-form select{font-size:12px!important}
.inquiry-form .button-gold{background:var(--v-gold);color:#fff;border:1px solid #d0b37c;padding:13px 18px}
.confidential-note{font-size:10px!important;color:rgba(255,255,255,.48)!important}

/* Legacy hybrid classes in any inner pages */
.editorial-heading{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:45px}
.editorial-heading h2{font-family:var(--v-serif);font-weight:400;font-size:clamp(40px,4vw,60px);line-height:1.08;color:var(--v-navy);margin:0}
.editorial-heading>p{font-size:13px;color:#6a747d}
.principles-band{background:#fff;border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.principles-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.principles-grid>div{padding:20px;border-right:1px solid var(--v-line)}
.principles-grid span{font-size:9px;color:#967b50}
.principles-grid strong{display:block;font-size:10px;color:#46535d;margin-top:8px}
.objective-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.objective-grid h2{font-family:var(--v-serif);font-size:clamp(42px,4.3vw,65px);font-weight:400;line-height:1.06;color:#fff;margin:0}
.objective-grid p{color:rgba(255,255,255,.65)}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--v-line);border-top:1px solid var(--v-line)}
.insight-grid article{padding:26px;background:#fff;border-right:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}
.insight-grid h3{font-family:var(--v-serif);font-weight:400;color:var(--v-navy)}

@media(max-width:1220px){
  :root{--v-shell:min(1160px,calc(100% - 40px))}
  .primary-nav{gap:14px}
  .primary-nav>a,.nav-dropdown>button{font-size:10px}
  .brand-line{display:none}
  .v2-snapshot-grid{grid-template-columns:1.25fr repeat(4,1fr)}
  .v2-platform-card{grid-template-columns:.85fr 1.15fr}
  .v2-principles-grid{grid-template-columns:repeat(3,1fr)}
  .v2-principles-grid>div:nth-child(3){border-right:0}
  .v2-principles-grid>div:nth-child(-n+3){border-bottom:1px solid var(--v-line)}
}

@media(max-width:980px){
  body{padding-top:72px}
  .site-header,.site-header.is-scrolled{background:#fff!important}
  .header-inner{min-height:72px}
  .brand-mark-wrap{width:44px;height:44px}.brand-mark-wrap .brand-icon{width:44px;height:44px}.brand-word{font-size:20px}
  .menu-toggle{display:block!important;width:40px;height:40px}
  .primary-nav{display:none!important;position:absolute;top:72px;left:0;right:0;max-height:calc(100vh - 72px);overflow:auto;background:#fff!important;padding:12px 20px 24px;box-shadow:0 16px 30px rgba(7,22,36,.1);flex-direction:column;align-items:stretch;gap:0}
  .primary-nav.is-open{display:flex!important}
  .primary-nav>a,.nav-dropdown>button{display:block!important;width:100%;text-align:left;padding:13px 0!important;border-bottom:1px solid #eee9df;color:var(--v-navy)!important}
  .primary-nav>a::after,.nav-dropdown>button::after,.nav-dropdown>button::before{display:none!important}
  .primary-nav .nav-cta{margin:12px 0 0!important;text-align:center!important;border-bottom:0!important}
  .nav-menu{display:block!important;position:static!important;width:100%;box-shadow:none;border:0;padding:0 0 8px 14px;background:#faf8f2}
  .nav-menu a{padding:9px 10px!important;font-size:10px}
  .v2-hero-grid{grid-template-columns:1fr;gap:0;min-height:auto}
  .v2-hero-copy{padding:70px 0 52px}
  .v2-platform-rail{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding:24px 0 32px;background:rgba(5,18,29,.48)}
  .v2-rail-card{grid-template-columns:42px 1fr;padding:18px 0}
  .v2-snapshot-grid{grid-template-columns:1fr 1fr}
  .v2-snapshot-intro{grid-column:1/-1;margin-left:calc((100vw - var(--v-shell))/-2);margin-right:calc((100vw - var(--v-shell))/-2);padding-left:calc((100vw - var(--v-shell))/2);padding-right:calc((100vw - var(--v-shell))/2)}
  .v2-editorial-head,.v2-why-grid,.v2-audience-grid,.page-hero>.shell,.split-intro,.contact-grid,.objective-grid{grid-template-columns:1fr;gap:34px}
  .v2-platform-cards{grid-template-columns:1fr}
  .v2-decision-grid{grid-template-columns:1fr 1fr}
  .v2-story-row,.v2-story-row.reverse{grid-template-columns:1fr}
  .v2-story-row.reverse .v2-story-image{order:0}
  .v2-story-image{min-height:320px}
  .v2-audience-list{grid-template-columns:1fr 1fr}
  .v2-insight-grid{grid-template-columns:1fr}
  .v2-closing-grid{grid-template-columns:1fr;align-items:start}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .footer-note{grid-column:1/-1;border-left:0!important;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 0!important}
  body:not(.page-home) .page-hero{padding:70px 0 55px}
  .page-hero-aside{max-width:620px}
  .tool-grid,.resource-grid{grid-template-columns:1fr 1fr}
  .photo-band{grid-template-columns:1fr}
}

@media(max-width:640px){
  :root{--v-shell:calc(100% - 28px)}
  .v2-hero h1{font-size:48px}
  .v2-overline{letter-spacing:.22em;gap:8px;flex-wrap:wrap}.v2-overline i{width:18px}
  .v2-actions{flex-direction:column;align-items:stretch}.v2-btn{width:100%}
  .v2-snapshot-grid{grid-template-columns:1fr}
  .v2-snapshot-intro{grid-column:auto}
  .v2-snapshot-grid>article{border-left:1px solid var(--v-line);min-height:130px}
  .v2-section{padding:72px 0}
  .v2-editorial-head h2,.v2-why-copy h2{font-size:42px}
  .v2-platform-card{grid-template-columns:1fr}.v2-card-photo{min-height:250px}.v2-card-copy{min-height:330px}
  .v2-principles-grid{grid-template-columns:1fr 1fr}.v2-principles-grid>div:nth-child(3){border-right:1px solid var(--v-line)}.v2-principles-grid>div:nth-child(even){border-right:0}.v2-principles-grid>div:nth-child(-n+4){border-bottom:1px solid var(--v-line)}
  .v2-facts{grid-template-columns:1fr 1fr}
  .v2-decision-grid{grid-template-columns:1fr}.v2-decision-grid article{min-height:190px}
  .data-module-head,.chart-context{grid-template-columns:1fr;display:grid}.segment-control{width:100%}.segment-control button{flex:1}.bar-row{grid-template-columns:72px 1fr 40px}
  .v2-story-copy{padding:36px 24px}.v2-story-copy h2{font-size:39px}
  .v2-audience-list{grid-template-columns:1fr}.v2-audience h2{font-size:39px}
  .v2-closing h2{font-size:44px}
  .footer-grid{grid-template-columns:1fr!important}.footer-nav{grid-template-columns:1fr 1fr!important}.footer-note{grid-column:auto}
  .page-hero h1{font-size:48px}.page-hero-aside{font-size:20px}
  .section{padding:70px 0}.display,.section-heading h2{font-size:40px}
  .capability-grid{grid-template-columns:1fr!important}.capability,.capability:first-child{padding:24px 0!important;border-right:0!important}
  .tool-grid,.resource-grid{grid-template-columns:1fr}
  .snapshot-grid{grid-template-columns:1fr 1fr}
  .path-panel{grid-template-columns:1fr}.path-steps{grid-template-columns:1fr 1fr}
  .photo-panel,.photo-band{min-height:380px}.photo-panel{min-height:380px}
  .field-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* =========================================================
   VARELAN V3 — COMPLETE MULTI-PAGE CORPORATE SYSTEM
   ========================================================= */
:root{
  --v3-navy:#071624;--v3-navy-2:#0d2233;--v3-ink:#10212d;--v3-cream:#f6f1e8;
  --v3-paper:#fbfaf7;--v3-gold:#c4a46b;--v3-gold-2:#e4d3ad;--v3-green:#18392f;
  --v3-line:rgba(7,22,36,.14);--v3-muted:#62707a;--v3-white:#fff;
}
html{scroll-behavior:smooth} body{background:var(--v3-paper);color:var(--v3-ink)}
.site-header{z-index:1000}.header-inner{min-height:82px}.brand-lockup{display:flex;flex-direction:column;gap:2px}.brand-line{font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.68}.brand-mark-wrap{display:grid;place-items:center}.brand-icon{width:35px;height:35px;object-fit:contain}
.primary-nav{gap:3px;align-items:center}.primary-nav>a,.nav-parent{font-size:12px;letter-spacing:.025em}.primary-nav>a,.nav-parent,.nav-parent-row{white-space:nowrap}.nav-dropdown{position:relative}.nav-parent-row{display:flex;align-items:center}.nav-parent{display:block;padding:12px 4px 12px 10px;color:inherit;text-decoration:none}.nav-expand{width:26px;height:34px;border:0;background:transparent;color:inherit;position:relative;cursor:pointer}.nav-expand:after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;position:absolute;left:8px;top:11px;transform:rotate(45deg);transition:transform .2s ease}.nav-expand[aria-expanded="true"]:after{transform:rotate(225deg);top:15px}.nav-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:310px;padding:10px;background:#fff;color:var(--v3-ink);border:1px solid rgba(7,22,36,.1);box-shadow:0 24px 60px rgba(7,22,36,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s ease}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu,.nav-dropdown.is-open .nav-menu{opacity:1;visibility:visible;transform:none}.nav-menu a{display:block;padding:11px 13px;text-decoration:none;color:var(--v3-ink);border-bottom:1px solid rgba(7,22,36,.07);font-size:13px}.nav-menu a:last-child{border-bottom:0}.nav-menu a:hover{background:var(--v3-cream)}.nav-menu a strong,.nav-menu a span{display:block}.nav-menu a span{font-size:11px;line-height:1.45;color:var(--v3-muted);margin-top:2px}.nav-dropdown.is-current-group>.nav-parent-row>.nav-parent,.primary-nav a[aria-current="page"]{color:var(--v3-gold)}

.inner-hero{background:linear-gradient(135deg,#06131f 0%,#0c2434 74%,#16392f 100%);color:#fff;padding:72px 0 68px;position:relative;overflow:hidden}.inner-hero:after{content:"";position:absolute;right:-9vw;top:-34%;width:45vw;height:45vw;border:1px solid rgba(196,164,107,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(196,164,107,.025),0 0 0 140px rgba(196,164,107,.018)}.inner-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:9vw;align-items:end;position:relative;z-index:2}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:45px;color:rgba(255,255,255,.56)}.breadcrumb a{color:inherit;text-decoration:none}.inner-hero h1{font-family:var(--font-display,Georgia,serif);font-size:clamp(47px,6vw,86px);line-height:.96;letter-spacing:-.035em;max-width:940px;margin:12px 0 24px;font-weight:500}.inner-hero-lede{font-size:18px;line-height:1.7;color:rgba(255,255,255,.76);max-width:770px}.hero-inline-actions{margin-top:30px}.inner-hero-aside{border-top:1px solid rgba(196,164,107,.62);padding-top:18px}.inner-hero-aside span{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--v3-gold-2)}.inner-hero-aside p{font-family:var(--font-display,Georgia,serif);font-size:25px;line-height:1.3;margin:12px 0 0;color:#fff}
.section-v3{padding:90px 0}.section-v3.alt{background:var(--v3-cream)}.section-v3.navy{background:var(--v3-navy);color:#fff}.section-v3.green{background:var(--v3-green);color:#fff}.section-heading-v3{max-width:850px;margin-bottom:40px}.section-heading-v3 h2,.display-v3{font-family:var(--font-display,Georgia,serif);font-size:clamp(38px,4.1vw,63px);line-height:1.03;letter-spacing:-.035em;font-weight:500;margin:12px 0 22px}.section-heading-v3>p:not(.eyebrow){font-size:18px;line-height:1.72;color:var(--v3-muted)}.content-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9vw;align-items:start}.rich-copy{font-size:17px;line-height:1.75}.rich-copy p{margin:0 0 22px}.rich-copy h3{font-size:22px;margin:32px 0 10px}.rich-copy .lead{font-family:var(--font-display,Georgia,serif);font-size:28px;line-height:1.4;color:var(--v3-ink)}.navy .rich-copy .lead,.green .rich-copy .lead{color:#fff}.navy .rich-copy,.green .rich-copy{color:rgba(255,255,255,.76)}
.info-grid{display:grid;gap:1px;background:var(--v3-line);border:1px solid var(--v3-line)}.info-grid.cols-2{grid-template-columns:repeat(2,1fr)}.info-grid.cols-3{grid-template-columns:repeat(3,1fr)}.info-grid.cols-4{grid-template-columns:repeat(4,1fr)}.info-card{background:var(--v3-paper);padding:30px;min-height:245px}.alt .info-card{background:#fff}.info-card .card-index{font-size:11px;color:var(--v3-gold);letter-spacing:.14em;text-transform:uppercase}.info-card h3{font-family:var(--font-display,Georgia,serif);font-size:25px;line-height:1.2;font-weight:500;margin:48px 0 13px}.info-card p{font-size:14px;line-height:1.7;color:var(--v3-muted)}.navy .info-grid,.green .info-grid{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.13)}.navy .info-card,.green .info-card{background:rgba(255,255,255,.045)}.navy .info-card h3,.green .info-card h3{color:#fff}.navy .info-card p,.green .info-card p{color:rgba(255,255,255,.67)}
.v3-list{list-style:none;padding:0;margin:25px 0}.v3-list li{padding:12px 0 12px 25px;border-bottom:1px solid var(--v3-line);position:relative}.v3-list li:before{content:"";width:6px;height:6px;background:var(--v3-gold);position:absolute;left:0;top:20px;transform:rotate(45deg)}.navy .v3-list li,.green .v3-list li{border-color:rgba(255,255,255,.12)}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line)}.process-grid article{padding:28px 25px 35px;border-right:1px solid var(--v3-line)}.process-grid article:last-child{border-right:0}.process-grid span{font-size:10px;letter-spacing:.13em;color:var(--v3-gold)}.process-grid h3{font-size:18px;margin:34px 0 10px}.process-grid p{font-size:13px;line-height:1.65;color:var(--v3-muted)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-card{background:#fff;border:1px solid var(--v3-line);padding:28px;text-decoration:none;color:var(--v3-ink);min-height:245px;display:flex;flex-direction:column;transition:.2s ease}.related-card:hover{transform:translateY(-3px);border-color:rgba(196,164,107,.65);box-shadow:0 18px 45px rgba(7,22,36,.08)}.related-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--v3-gold)}.related-card h3{font-family:var(--font-display,Georgia,serif);font-size:25px;line-height:1.2;font-weight:500;margin:35px 0 12px}.related-card p{font-size:13px;line-height:1.65;color:var(--v3-muted);flex:1}.related-card strong{font-size:12px;margin-top:18px}
.closing-v3{background:#06131f;color:#fff;padding:74px 0}.closing-v3-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.closing-v3 h2{font-family:var(--font-display,Georgia,serif);font-size:clamp(38px,4vw,62px);line-height:1.04;font-weight:500;margin:12px 0 14px}.closing-v3 p{color:rgba(255,255,255,.66);line-height:1.7}.small-light{font-size:12px;margin-top:13px}.source-strip{padding:18px 0;border-top:1px solid var(--v3-line);display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:11px}.source-strip span{text-transform:uppercase;letter-spacing:.13em;color:var(--v3-muted)}.source-strip a{color:var(--v3-ink);text-decoration:none;border-bottom:1px solid rgba(7,22,36,.2)}
.stat-band-v3{background:#fff;border-bottom:1px solid var(--v3-line)}.stat-band-v3 .shell{display:grid;grid-template-columns:repeat(4,1fr)}.stat-v3{padding:28px 24px;border-right:1px solid var(--v3-line)}.stat-v3:first-child{border-left:1px solid var(--v3-line)}.stat-v3 strong{display:block;font-family:var(--font-display,Georgia,serif);font-size:34px;font-weight:500;color:var(--v3-navy)}.stat-v3 span{display:block;font-size:12px;font-weight:650;margin:5px 0}.stat-v3 small{font-size:10px;color:var(--v3-muted);line-height:1.4}
.role-pair{display:grid;grid-template-columns:1fr 1fr}.role-panel{padding:52px;min-height:430px;display:flex;flex-direction:column}.role-panel.advisory{background:var(--v3-navy);color:#fff}.role-panel.development{background:var(--v3-green);color:#fff}.role-panel .role-number{font-size:11px;color:var(--v3-gold-2);letter-spacing:.16em}.role-panel h3{font-family:var(--font-display,Georgia,serif);font-size:40px;line-height:1.08;font-weight:500;margin:80px 0 16px}.role-panel p{line-height:1.7;color:rgba(255,255,255,.7)}.role-panel a{color:#fff;margin-top:auto;text-decoration:none;font-size:13px;border-bottom:1px solid rgba(255,255,255,.35);align-self:flex-start;padding-bottom:4px}
.compare-table-wrap{overflow:auto;border:1px solid var(--v3-line);background:#fff}.compare-table-v3{width:100%;border-collapse:collapse;min-width:760px}.compare-table-v3 th,.compare-table-v3 td{padding:17px 18px;text-align:left;border-bottom:1px solid var(--v3-line);font-size:13px;vertical-align:top}.compare-table-v3 th{font-size:10px;text-transform:uppercase;letter-spacing:.12em;background:var(--v3-cream);color:var(--v3-muted)}.compare-table-v3 td:first-child{font-weight:650;color:var(--v3-navy)}.comparison-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--v3-line);border:1px solid var(--v3-line)}.comparison-side{background:#fff;padding:38px}.comparison-side h3{font-family:var(--font-display,Georgia,serif);font-size:32px;font-weight:500}.comparison-side ul{padding-left:18px;color:var(--v3-muted);line-height:1.7}
.resource-list{border-top:1px solid var(--v3-line)}.resource-row{display:grid;grid-template-columns:180px 1fr 1fr;gap:35px;padding:29px 0;border-bottom:1px solid var(--v3-line);align-items:start}.resource-row>strong{font-family:var(--font-display,Georgia,serif);font-size:22px;font-weight:500}.resource-row p{font-size:14px;line-height:1.65;color:var(--v3-muted);margin:0}.resource-row a{font-size:12px;color:var(--v3-ink)}
.faq-list{border-top:1px solid var(--v3-line)}.faq-item{border-bottom:1px solid var(--v3-line)}.faq-item button{width:100%;border:0;background:transparent;text-align:left;padding:24px 44px 24px 0;font:inherit;font-size:17px;font-weight:600;color:var(--v3-ink);position:relative;cursor:pointer}.faq-item button:after{content:"+";position:absolute;right:8px;font-size:24px;font-weight:300}.faq-item button[aria-expanded="true"]:after{content:"−"}.faq-answer{display:none;padding:0 40px 25px 0;color:var(--v3-muted);line-height:1.75;max-width:900px}.faq-item.is-open .faq-answer{display:block}
.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:start}.contact-note{background:var(--v3-navy);color:#fff;padding:36px;position:sticky;top:110px}.contact-note h3{font-family:var(--font-display,Georgia,serif);font-size:30px;font-weight:500;margin:12px 0}.contact-note p,.contact-note li{color:rgba(255,255,255,.7);line-height:1.65;font-size:14px}.contact-form-v3{background:#fff;border:1px solid var(--v3-line);padding:38px}.form-grid-v3{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-v3{display:flex;flex-direction:column;gap:7px}.field-v3.full{grid-column:1/-1}.field-v3 label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--v3-muted)}.field-v3 input,.field-v3 select,.field-v3 textarea{width:100%;padding:14px 15px;border:1px solid rgba(7,22,36,.18);background:#fff;color:var(--v3-ink);font:inherit;border-radius:0}.field-v3 textarea{min-height:155px;resize:vertical}.field-v3 input:focus,.field-v3 select:focus,.field-v3 textarea:focus{outline:2px solid rgba(196,164,107,.35);border-color:var(--v3-gold)}.form-actions-v3{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:24px}.form-status-v3{font-size:12px;color:var(--v3-muted);line-height:1.5}.brief-output{display:none;margin-top:26px;padding:25px;background:var(--v3-cream);border-left:3px solid var(--v3-gold)}.brief-output.is-ready{display:block}.brief-output pre{white-space:pre-wrap;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--v3-ink);margin:15px 0}
.insight-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--v3-line);border:1px solid var(--v3-line)}.insight-feature>a{background:#fff;padding:38px;text-decoration:none;color:var(--v3-ink)}.insight-feature .major{min-height:420px;display:flex;flex-direction:column;background:linear-gradient(145deg,#0a1d2c,#16392f);color:#fff}.insight-feature .major p{color:rgba(255,255,255,.7)}.insight-feature h3{font-family:var(--font-display,Georgia,serif);font-size:34px;font-weight:500;margin:20px 0}.insight-feature .major h3{font-size:48px;margin-top:auto}.insight-stack{display:grid;grid-template-rows:1fr 1fr;gap:1px}.insight-stack a{background:#fff;padding:30px;text-decoration:none;color:var(--v3-ink)}
.data-note{border-left:2px solid var(--v3-gold);padding:18px 22px;background:#fff;font-size:13px;line-height:1.7;color:var(--v3-muted)}
.footer-grid-v3{display:grid;grid-template-columns:1.45fr 1fr 1fr .7fr;gap:55px;padding:65px 0 48px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-logo img{width:36px}.footer-logo strong,.footer-logo span{display:block}.footer-logo strong{font-size:20px;letter-spacing:.12em}.footer-logo span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;opacity:.6}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col>strong{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--v3-gold-2);margin-bottom:7px}.footer-col a{font-size:12px;color:rgba(255,255,255,.68);text-decoration:none}.footer-col a:hover{color:#fff}.footer-role{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:20px 0;font-size:11px;line-height:1.7;color:rgba(255,255,255,.56)}
@media(max-width:1120px){.header-inner{min-height:72px}.primary-nav{position:fixed;inset:72px 0 0 0;background:#071624;color:#fff;display:none;padding:28px 24px 50px;overflow:auto;align-items:stretch}.primary-nav.is-open{display:block}.primary-nav>a,.nav-parent{display:block;padding:13px 8px;font-size:15px}.nav-dropdown{border-top:1px solid rgba(255,255,255,.09)}.nav-parent-row{justify-content:space-between}.nav-expand{width:44px}.nav-menu{position:static;min-width:0;background:rgba(255,255,255,.04);color:#fff;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none;margin:0 0 8px}.nav-dropdown.is-open .nav-menu{display:block}.nav-menu a{color:#fff;border-color:rgba(255,255,255,.08)}.nav-menu a span{color:rgba(255,255,255,.55)}.nav-menu a:hover{background:rgba(255,255,255,.05)}.nav-cta{margin-top:20px}.menu-toggle{display:block}.inner-hero-grid,.content-split,.contact-layout{grid-template-columns:1fr;gap:50px}.inner-hero-aside{max-width:600px}.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid article:nth-child(3){border-right:0}.footer-grid-v3{grid-template-columns:1.3fr 1fr 1fr}.footer-col:last-child{grid-column:2}.contact-note{position:static}.info-grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.inner-hero{padding:48px 0}.breadcrumb{margin-bottom:28px}.inner-hero h1{font-size:46px}.inner-hero-lede{font-size:16px}.section-v3{padding:65px 0}.section-heading-v3 h2,.display-v3{font-size:39px}.content-split{gap:35px}.info-grid.cols-2,.info-grid.cols-3,.info-grid.cols-4,.related-grid,.role-pair,.comparison-hero-grid,.closing-v3-grid,.insight-feature,.form-grid-v3,.stat-band-v3 .shell{grid-template-columns:1fr}.info-card{min-height:0}.info-card h3{margin-top:28px}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid var(--v3-line)}.role-panel{padding:35px;min-height:360px}.role-panel h3{margin-top:55px}.resource-row{grid-template-columns:1fr;gap:10px}.footer-grid-v3{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.contact-form-v3{padding:24px}.field-v3.full{grid-column:auto}.stat-v3,.stat-v3:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--v3-line)}.insight-stack{display:block}.insight-stack a{display:block;border-top:1px solid var(--v3-line)}.source-strip{display:block}.source-strip a,.source-strip span{display:block;margin:7px 0}}
@media(max-width:480px){.footer-grid-v3{grid-template-columns:1fr}.inner-hero h1{font-size:40px}.role-panel h3{font-size:34px}.comparison-side{padding:25px}}
/* Standalone contextual link/source blocks inherit the site shell when placed directly under main. */
main > .related-grid{width:min(calc(100% - 48px),1280px);margin:86px auto}
main > .source-strip{width:min(calc(100% - 48px),1280px);margin:0 auto}
.section-v3 .related-grid{width:100%;margin:0}
@media(max-width:760px){main > .related-grid{width:min(calc(100% - 32px),1280px);margin:60px auto}main > .source-strip{width:min(calc(100% - 32px),1280px)}}


/* === V4 investor-validation architecture === */
.nav-menu-wide{min-width:340px}
.v4-market-proof{background:#ece6da;color:#0a1d2b;padding:clamp(70px,8vw,120px) 0;border-top:1px solid rgba(10,29,43,.12);border-bottom:1px solid rgba(10,29,43,.12)}
.v4-market-proof-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(36px,7vw,100px);align-items:end;margin-bottom:46px}
.v4-market-proof-head h2{font-family:var(--font-display,Georgia,serif);font-size:clamp(2.3rem,4.2vw,4.8rem);line-height:.98;letter-spacing:-.04em;margin:.35rem 0 0;max-width:900px}
.v4-market-proof-head p{font-size:1.05rem;line-height:1.75;color:#44515a;margin:.4rem 0}
.market-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(10,29,43,.18);border-left:1px solid rgba(10,29,43,.18)}
.market-proof-grid article{min-height:240px;padding:30px;border-right:1px solid rgba(10,29,43,.18);border-bottom:1px solid rgba(10,29,43,.18);background:rgba(255,255,255,.28);transition:transform .25s ease,background .25s ease}
.market-proof-grid article:hover{transform:translateY(-3px);background:rgba(255,255,255,.55)}
.market-proof-grid span,.company-sector{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#7b633c}
.market-proof-grid h3{font-family:var(--font-display,Georgia,serif);font-size:2rem;margin:36px 0 14px;color:#0a1d2b}
.market-proof-grid p{line-height:1.65;color:#52606a;margin:0}
.market-disclaimer{margin-top:30px;padding:18px 22px;border-left:3px solid #b79962;background:rgba(255,255,255,.38);font-size:.87rem;line-height:1.65;color:#46535c}
.market-disclaimer strong{color:#0a1d2b}
.market-proof-action{margin-top:28px}
.button-dark{background:#0a1d2b;color:#fff!important;border:1px solid #0a1d2b}
.market-validation-section{background:#f6f1e8}
.market-evidence-list{border-top:1px solid rgba(10,29,43,.16)}
.market-evidence-list article{padding:22px 0;border-bottom:1px solid rgba(10,29,43,.16)}
.market-evidence-list span{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7047;margin-bottom:5px}
.market-evidence-list strong{display:block;font-family:var(--font-display,Georgia,serif);font-size:1.45rem;color:#0a1d2b;margin-bottom:6px}
.market-evidence-list p{margin:0;color:#5c6870;line-height:1.6}
.company-evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(10,29,43,.15);border:1px solid rgba(10,29,43,.15)}
.company-evidence-card{background:#fbf8f1;padding:34px;min-height:310px;display:flex;flex-direction:column}
.company-card-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:52px}
.company-marker{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#66737b;text-align:right}
.company-evidence-card h3{font-family:var(--font-display,Georgia,serif);font-size:2.15rem;line-height:1.05;margin:0 0 16px;color:#0a1d2b}
.company-evidence-card p{color:#53616a;line-height:1.7;margin:0 0 24px}
.company-evidence-card a{margin-top:auto;color:#0a1d2b;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(10,29,43,.25);padding-bottom:4px;align-self:flex-start}
.market-page-hero .inner-hero-lede{max-width:780px}
.source-directory{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(10,29,43,.16);border-left:1px solid rgba(10,29,43,.16)}
.source-directory a{padding:24px;border-right:1px solid rgba(10,29,43,.16);border-bottom:1px solid rgba(10,29,43,.16);text-decoration:none;display:flex;justify-content:space-between;gap:20px;color:#0a1d2b;background:#fff}
.source-directory a:hover{background:#f4efe6}
.source-directory strong{font-family:var(--font-display,Georgia,serif);font-size:1.15rem}
.source-directory span{font-size:.85rem;color:#66737b;text-align:right}
.source-date-note{margin-top:20px;color:#68747c;font-size:.85rem}
@media(max-width:980px){.v4-market-proof-head{grid-template-columns:1fr}.market-proof-grid{grid-template-columns:repeat(2,1fr)}.company-evidence-grid{grid-template-columns:1fr}.source-directory{grid-template-columns:1fr}}
@media(max-width:640px){.v4-market-proof{padding:64px 0}.market-proof-grid{grid-template-columns:1fr}.market-proof-grid article{min-height:auto}.company-evidence-card{padding:26px;min-height:auto}.company-card-top{margin-bottom:34px}.source-directory a{display:block}.source-directory span{display:block;text-align:left;margin-top:6px}.nav-menu-wide{min-width:0}}

/* === VARELAN V5 institutional upgrade === */
.v5-site .footer-research{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:rgba(255,255,255,.66);font-size:.78rem;line-height:1.6}
.v5-site .v5-evidence-section{background:#f3efe7;padding:88px 0}
.v5-evidence-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:70px;align-items:end;margin-bottom:42px}
.v5-evidence-head h2,.v5-risk-grid h2{font-family:var(--serif);font-size:clamp(2.4rem,4.4vw,4.6rem);line-height:.96;letter-spacing:-.035em;margin:8px 0 0;color:var(--navy)}
.v5-evidence-head>p{font-size:1.05rem;line-height:1.8;color:#4d5558;margin:0}
.v5-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:stretch}
.v5-chart-card{background:#fff;border:1px solid rgba(7,22,36,.12);padding:28px;box-shadow:0 18px 55px rgba(7,22,36,.07)}
.v5-chart-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.v5-chart-head strong{display:block;font-size:1.05rem;color:var(--navy)}.v5-chart-head span{display:block;color:#687176;font-size:.76rem;margin-top:4px}.v5-chart-head .v5-updated{border:1px solid rgba(7,22,36,.15);padding:7px 9px;margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}
.v5-line-chart svg{width:100%;height:auto;overflow:visible}.v5-line-chart .grid line{stroke:rgba(7,22,36,.1);stroke-width:1}.v5-line-chart .grid text{fill:#8a9093;font-size:11px}.v5-line-chart .trend-area{fill:rgba(194,162,106,.12)}.v5-line-chart .trend-line{fill:none;stroke:#0c3440;stroke-width:3}.v5-line-chart circle{fill:#c2a26a;stroke:#fff;stroke-width:2}.v5-line-chart text.year{fill:#667075;font-size:12px}.v5-line-chart text.value{fill:#071624;font-size:11px;font-weight:700}
.sr-table{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.v5-insight-panel{background:#0b2d35;color:#fff;padding:30px;display:flex;flex-direction:column;gap:12px}.v5-insight-panel>span{text-transform:uppercase;letter-spacing:.13em;color:#cbb17e;font-size:.68rem}.v5-insight-panel>div{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.v5-insight-panel strong{font-family:var(--serif);font-size:2rem;color:#e0c99b}.v5-insight-panel p{margin:0;color:rgba(255,255,255,.76);line-height:1.6}.v5-insight-panel a{color:#e0c99b;margin-top:auto}.v5-insight-panel.light-panel{background:#fff;color:var(--navy);border:1px solid rgba(7,22,36,.12)}.v5-insight-panel.light-panel p{color:#4e585d}.v5-insight-panel.light-panel a{color:#0c5866}
.v5-risk-preview{background:#fff;padding:92px 0}.v5-risk-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:80px;align-items:center}.v5-risk-grid .lead{color:#566065}.v5-risk-matrix{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d9d6ce;border-left:1px solid #d9d6ce}.v5-risk-matrix article{padding:26px;border-right:1px solid #d9d6ce;border-bottom:1px solid #d9d6ce;min-height:170px}.v5-risk-matrix span{color:#a98750;font-size:.68rem;letter-spacing:.1em}.v5-risk-matrix strong{display:block;color:var(--navy);font-size:1.1rem;margin:24px 0 8px}.v5-risk-matrix p{margin:0;color:#606a6e;line-height:1.55;font-size:.9rem}
.v5-toolkit{padding:96px 0;background:#f8f6f1}.v5-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.v5-tool-card{background:#fff;border:1px solid rgba(7,22,36,.13);padding:28px;box-shadow:0 14px 45px rgba(7,22,36,.05)}.v5-tool-card.compact{box-shadow:none}.tool-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(7,22,36,.12);padding-bottom:18px;margin-bottom:22px}.tool-head span{text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:#90743f}.tool-head strong{color:var(--navy)}.fit-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-form label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#5e666a}.fit-form select,.zone-tool select{width:100%;margin-top:7px;border:1px solid #c8c8c3;background:#fff;padding:13px 14px;color:#071624;font:inherit;text-transform:none;letter-spacing:0}.fit-output{margin-top:18px;background:#f4f1ea;padding:20px;border-left:3px solid #c2a26a}.fit-output h4{margin:0 0 8px;color:var(--navy)}.fit-output p,.fit-output li{font-size:.88rem;line-height:1.6;color:#515a5e}.path-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.path-tabs button,.segment-control button{cursor:pointer}.path-tabs button{border:1px solid rgba(7,22,36,.16);background:#fff;padding:10px 12px;color:#344149}.path-tabs button.is-active{background:#0b2d35;color:#fff}.path-panel{background:#0b2d35;color:#fff;padding:24px}.path-panel h3{font-family:var(--serif);font-size:2rem;margin:4px 0 8px}.path-panel p{color:rgba(255,255,255,.72)}.path-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.path-steps div{background:rgba(255,255,255,.06);padding:12px}.path-steps span{color:#d7bd8a;font-size:.65rem;display:block}.path-steps strong{font-size:.82rem}
.v5-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7d4cc;border-left:1px solid #d7d4cc}.v5-kpi-grid article{padding:28px;border-right:1px solid #d7d4cc;border-bottom:1px solid #d7d4cc}.v5-kpi-grid strong{display:block;font-family:var(--serif);font-size:clamp(2rem,3.2vw,3.2rem);color:var(--navy)}.v5-kpi-grid span{display:block;font-weight:700;margin:8px 0 4px;color:#25333a}.v5-kpi-grid small{color:#70787c}.v5-context-note{margin:26px 0 0;padding:18px 22px;border-left:3px solid #c2a26a;background:#f7f4ed;color:#525c60;line-height:1.7}.section-linkline{margin-top:18px}
.zone-tool{max-width:850px;background:#fff;border:1px solid #d6d2c9;padding:24px;margin-bottom:26px}.zone-tool label{display:block;color:var(--navy);font-weight:700}.zone-output{margin-top:16px;background:#0b2d35;color:#fff;padding:18px;line-height:1.65}.v5-comparison-matrix{border:1px solid #d7d4cc}.matrix-row{display:grid;grid-template-columns:180px 1fr 1fr;gap:20px;padding:18px 20px;border-top:1px solid #d7d4cc;align-items:start}.matrix-row:first-child{border-top:0}.matrix-head{background:#0b2d35;color:#fff;text-transform:uppercase;letter-spacing:.09em;font-size:.67rem}.matrix-row strong{color:var(--navy)}.matrix-row span{color:#556064;line-height:1.55}.matrix-head span{color:#fff}.v5-rent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v5-rent-grid article{padding:24px;border:1px solid #d7d4cc;background:#fff}.v5-rent-grid strong{font-family:var(--serif);font-size:2.2rem;color:var(--navy)}.v5-rent-grid span{display:block;font-weight:700;margin:8px 0}.v5-rent-grid small{color:#727a7d}
.v5-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}.v5-policy-grid article{background:#0b2d35;padding:26px;color:#fff}.section-v3.alt .v5-policy-grid article{background:#fff;color:var(--navy);border:1px solid #d7d4cc}.v5-policy-grid span{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;color:#d1b77e}.v5-policy-grid strong{display:block;font-family:var(--serif);font-size:1.8rem;margin:12px 0}.v5-policy-grid p{color:rgba(255,255,255,.72);line-height:1.65}.section-v3.alt .v5-policy-grid p{color:#596367}.v5-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v5-source-grid a{border:1px solid #d9d5cd;background:#fff;padding:20px;text-decoration:none;min-height:120px}.v5-source-grid strong{display:block;color:var(--navy);margin-bottom:8px}.v5-source-grid span{color:#667075;line-height:1.5;font-size:.86rem}.v5-comparison-guidance{margin-top:20px}.v5-comparison-guidance p{background:#fff;border-left:3px solid #c2a26a;padding:16px 20px;color:#566065;line-height:1.65}.v5-embedded-chart{max-width:none}.v5-site .segment-control{flex-wrap:wrap}
.v5-site .inner-hero h1{max-width:17ch}.v5-site .inner-hero-lede{max-width:760px}.v5-site a:focus-visible,.v5-site button:focus-visible,.v5-site select:focus-visible,.v5-site input:focus-visible,.v5-site textarea:focus-visible{outline:3px solid #d7bd8a;outline-offset:3px}
@media(max-width:1100px){.v5-chart-layout,.v5-risk-grid,.v5-evidence-head{grid-template-columns:1fr}.v5-tool-grid{grid-template-columns:1fr}.v5-kpi-grid{grid-template-columns:1fr 1fr}.v5-source-grid{grid-template-columns:1fr 1fr}.v5-policy-grid{grid-template-columns:1fr}.matrix-row{grid-template-columns:150px 1fr 1fr}}
@media(max-width:720px){.v5-site .v2-hero-copy h1{font-size:clamp(2.6rem,12vw,4.4rem)}.v5-evidence-section,.v5-risk-preview,.v5-toolkit{padding:64px 0}.v5-kpi-grid,.v5-rent-grid,.v5-source-grid{grid-template-columns:1fr}.v5-risk-matrix{grid-template-columns:1fr}.fit-form{grid-template-columns:1fr}.path-steps{grid-template-columns:1fr}.matrix-row{grid-template-columns:1fr;gap:7px}.matrix-head{display:none}.v5-chart-card,.v5-tool-card{padding:20px}.v5-insight-panel{padding:22px}.v5-evidence-head h2,.v5-risk-grid h2{font-size:clamp(2.25rem,10.5vw,3.6rem)}.v5-line-chart{overflow-x:auto}.v5-line-chart svg{min-width:560px}.v5-policy-grid{display:grid}.v5-site .segment-control button{flex:1 1 calc(50% - 6px)}}
@media(prefers-reduced-motion:reduce){.v5-site *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V5 final QA refinements */
.v5-country-hub-module{margin:34px 0 26px}.v5-static-table-label{font-size:12px;color:var(--v3-muted);margin:0 0 12px}.contact-form-v3 select#mandate{width:100%}
/* Mobile navigation final cascade fix: keep secondary menus collapsed until explicitly opened. */
@media(max-width:1120px){
  .primary-nav .nav-menu{display:none!important}
  .primary-nav .nav-dropdown.is-open .nav-menu{display:block!important}
}

/* V5.2 — engagement clarity (homepage only) */
.v52-investor-help{border-top:1px solid var(--v3-line)}
.v52-service-grid .info-card{min-height:275px}
.v52-process-head{margin-top:72px}
.v52-role-note{margin-top:34px;padding:20px 24px;border-left:3px solid var(--v3-gold);background:#fff;color:var(--v3-muted);font-size:14px;line-height:1.7}
.v52-role-note strong{color:var(--v3-ink)}
.v52-actions{display:flex;align-items:center;gap:28px;margin-top:28px;flex-wrap:wrap}
@media(max-width:760px){.v52-process-head{margin-top:52px}.v52-service-grid .info-card{min-height:0}.v52-actions{align-items:flex-start;flex-direction:column;gap:20px}}


/* V5.4 — approved VARLEAN logo asset only */
.brand.brand-approved{display:inline-flex;align-items:center;flex:none;min-width:0}
.brand-approved-logo{display:block;width:238px;height:auto;max-height:54px;object-fit:contain}
.footer-logo.footer-logo-approved{display:block;margin-bottom:18px}
.footer-logo.footer-logo-approved img{display:block;width:222px!important;height:auto!important;max-width:100%;object-fit:contain}
@media(max-width:1220px){.brand-approved-logo{width:205px;max-height:48px}}
@media(max-width:980px){.brand-approved-logo{width:174px;max-height:42px}}
@media(max-width:520px){.brand-approved-logo{width:158px;max-height:38px}.footer-logo.footer-logo-approved img{width:205px!important}}

/* =============================================================
   MOBILE MENU — CONSOLIDATED FIX (appended last on purpose)
   ---------------------------------------------------------------
   The stylesheet above accumulated several overlapping "site
   version" rules for .primary-nav/.nav-menu/.menu-toggle at
   different breakpoints (1100/980/820/760/720/1120px). Two bugs
   came from that:
   1) The open mobile panel used `position:fixed` with a `bottom`
      offset while living inside `.site-header`, which is itself
      `position:fixed`. A fixed ancestor becomes the containing
      block for fixed descendants, so `bottom:0` resolved against
      the header's own ~72px-tall box, not the viewport — the
      panel rendered as a clipped ~80px sliver instead of a
      full-height overlay.
   2) Several versions disagreed on the panel's colors/spacing,
      so the visible result depended on !important tie-breaks
      rather than an intentional design.
   This block is placed last so it wins the cascade, uses the
   `--mnav-offset` custom property kept in sync by site.js
   (actual measured header height) instead of a guessed `bottom`
   value, and gives the mobile menu one clear, finished design.
   ============================================================= */
:root{ --mnav-offset: 72px; }

@media (max-width: 1120px){
  html body.nav-open{ overflow:hidden; }

  /* Hamburger <-> close icon */
  html body .site-header .menu-toggle{
    position:relative; display:block!important; width:44px; height:44px;
  }
  html body .site-header .menu-toggle span:not(.sr-only){ display:none; }
  html body .site-header .menu-toggle::before,
  html body .site-header .menu-toggle::after{
    content:""; display:block; width:20px; height:1.5px; margin:0;
    background:var(--v-navy,#071624)!important;
    position:absolute; left:50%; top:50%;
    transition:transform .25s ease;
  }
  html body .site-header .menu-toggle::before{ transform:translate(-50%,-5px); }
  html body .site-header .menu-toggle::after{ transform:translate(-50%,4px); }
  html body .site-header .menu-toggle[aria-expanded="true"]::before{ transform:translate(-50%,-50%) rotate(45deg); }
  html body .site-header .menu-toggle[aria-expanded="true"]::after{ transform:translate(-50%,-50%) rotate(-45deg); }

  /* The panel itself */
  html body .site-header .primary-nav[data-nav]{
    display:none;
    position:fixed;
    top:var(--mnav-offset); left:0; right:0; bottom:auto;
    height:calc(100vh - var(--mnav-offset));
    height:calc(100dvh - var(--mnav-offset));
    margin:0; max-height:none; max-width:none;
    background:var(--v-navy,#071624)!important;
    color:#fff!important;
    flex-direction:column; align-items:stretch; gap:0;
    padding:8px 22px 40px;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    z-index:999; box-shadow:none; border:0;
    opacity:0; transform:translateY(-8px);
    transition:opacity .18s ease, transform .18s ease;
  }
  html body .site-header .primary-nav[data-nav].is-open{
    display:flex; opacity:1; transform:none;
  }

  html body .site-header .primary-nav>a,
  html body .site-header .primary-nav .nav-parent{
    display:block!important; width:100%; text-align:left;
    padding:16px 2px!important; margin:0;
    color:#fff!important; font-size:15px; letter-spacing:.01em;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  html body .site-header .primary-nav>a::after,
  html body .site-header .primary-nav .nav-parent::after,
  html body .site-header .nav-dropdown>button::before{ display:none!important; }

  html body .site-header .nav-dropdown{ border-bottom:1px solid rgba(255,255,255,.1); }
  html body .site-header .nav-dropdown .nav-parent{ border-bottom:0; }
  html body .site-header .nav-parent-row{ display:flex; align-items:center; justify-content:space-between; }
  html body .site-header .nav-expand{ width:46px; height:46px; color:#fff; }
  html body .site-header .nav-expand::after{ border-color:var(--v-gold,#b9975b); }

  /* Submenus: collapsed accordion, dark nested background */
  html body .site-header .primary-nav .nav-menu{
    position:static!important; display:none; width:100%; min-width:0; max-width:none;
    background:rgba(255,255,255,.05); border:0; box-shadow:none;
    opacity:1; visibility:visible; transform:none;
    padding:2px 0 10px 14px; margin:0 0 4px;
  }
  html body .site-header .primary-nav .nav-dropdown.is-open .nav-menu{ display:block!important; }
  html body .site-header .primary-nav .nav-menu a{
    display:block!important; padding:11px 8px!important; width:100%;
    color:rgba(255,255,255,.88)!important; text-decoration:none!important;
    border-bottom:1px solid rgba(255,255,255,.07); font-size:13px; white-space:normal!important;
  }
  html body .site-header .primary-nav .nav-menu a:last-child{ border-bottom:0; }
  html body .site-header .primary-nav .nav-menu a strong{ color:#fff; }
  html body .site-header .primary-nav .nav-menu a span{ color:rgba(255,255,255,.55); }
  html body .site-header .primary-nav .nav-menu a:hover{ background:rgba(255,255,255,.06); }

  /* CTA, pinned to the bottom of the link list, not the header row */
  html body .site-header .primary-nav .nav-cta{
    display:block!important; width:100%; box-sizing:border-box;
    margin:22px 0 0!important; padding:16px!important;
    text-align:center!important; border:0!important;
    background:var(--v-gold,#b9975b)!important; color:#071624!important;
    font-weight:700; letter-spacing:.02em; border-bottom:0!important;
  }
  html body .site-header .primary-nav .nav-cta:hover{ background:var(--v-gold-2,#d2b77e)!important; }
}

@media (prefers-reduced-motion: reduce){
  html body .site-header .primary-nav[data-nav]{ transition:none; }
}

/* =============================================================
   MOBILE HORIZONTAL-OVERFLOW FIX (index.html / why-bangladesh.html)
   ---------------------------------------------------------------
   The FDI trend chart forces its inner <svg> to a 560px min-width
   below 720px (so the chart itself can scroll sideways on small
   screens) via `.v5-line-chart{overflow-x:auto}`. But the
   `overflow:auto` is set on `.v5-line-chart`, while the actual
   CSS Grid item is its parent, `.v5-chart-card`. A grid/flex item
   only gets its automatic minimum size reduced to 0 when the
   `overflow` is on the item itself — since `.v5-chart-card` has
   no overflow of its own, it refused to shrink below the 560px
   child, which stretched the whole grid track (and, because
   nothing above it clipped it either, the entire page's mobile
   layout viewport) to ~616px. That's what produced the wide
   whitespace strip, the site-wide horizontal scroll, and the
   header/logo appearing to "disappear" off-screen in mobile view.
   Giving the actual grid items `min-width:0` lets them shrink to
   the real screen width again; the chart keeps scrolling, but
   only inside its own card, as intended.
   ============================================================= */
.v5-chart-layout, .v5-chart-layout > *,
.v5-risk-grid > *, .v5-evidence-head > *{ min-width:0; }
html, body{ max-width:100%; overflow-x:hidden; }
