:root{
  --blue:#b3d4fc; --blue-dark:#0f2b5b; --blue-verylight:#eaf3ff; --text:#1a1a1a;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#f6f9fe}
a{color:var(--blue-dark);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{
  position:sticky; top:0; z-index:50;
  background:#b3d4fc; backdrop-filter:saturate(120%) blur(6px);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:48px;width:auto}
.logo strong{font-family:'Poppins', Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-size:22px;letter-spacing:.2px;color:#0b2a5a}
.nav a{margin-left:18px;font-weight:600;color:#0f2b5b}
.nav a:hover{color:#073473}
.hero{background:linear-gradient(180deg,#eaf3ff,transparent);padding:56px 0 64px;text-align:center}
.hero-logo{max-width:240px;height:auto;margin:0 auto 14px;display:block}
.hero h1{font-size:28px;margin:0 0 8px;color:#0f2b5b}
.hero p{color:#3f4a5a;margin:0 0 22px}
.btn{display:inline-block;background:#0f2b5b;color:#fff;padding:12px 18px;border-radius:8px;font-weight:600;cursor:pointer;border:none}
.btn:hover{background:#0b2550}
.section{padding:54px 0}
.section h2{margin:0 0 22px;color:#0f2b5b;text-align:center}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}}
.card{
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 8px 24px rgba(16,40,80,.08);
  transition:transform .15s ease, box-shadow .15s ease;
  display:block
}
.card:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(16,40,80,.12)}
.card img{width:100%;height:180px;object-fit:cover}
.card .pad{padding:14px}
.meta{display:flex;gap:10px;align-items:center;color:#506079;font-size:14px;margin-top:6px}
.price{font-weight:800;color:#0f2b5b}
.footer{background:#b3d4fc;padding:22px 0;margin-top:40px;text-align:center}
.footer a{margin:0 8px}
.subtle{color:#5b6883}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.form input,.form textarea, .form select{
  width:100%;padding:12px 14px;border:1px solid #d6e0f2;border-radius:10px;background:#fff
}
.form textarea{min-height:120px;resize:vertical}
.form button{margin-top:8px}
.badge{display:inline-block;background:var(--blue-verylight);border:1px solid #d6e7ff;color:#0f2b5b;border-radius:999px;padding:6px 10px;font-weight:600;font-size:12px}
.detail-hero{background:#eaf3ff;padding:32px 0}
.detail-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}
@media(max-width:900px){.detail-wrap{grid-template-columns:1fr}}
.detail-img{width:100%;height:360px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px rgba(16,40,80,.1)}
.detail-box{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(16,40,80,.08);padding:16px}
.small{font-size:12px;color:#6a7794}

/* === DLV Header Styles (added) === */
.main-header { background-color: #D2EAFE; width: 100%; height: 100px; padding: 0 40px; display: flex; align-items: center; }
.header-container { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 40px; box-sizing: border-box; }
.logo-section { display: flex; align-items: center; gap: 15px; margin-left: -10px; }
.site-logo { height: 100px; max-height: 100px; width: auto; object-fit: contain; }
.site-title{font-size:28px;margin:0 0 8px;color:#0f2b5b;font-weight:700;}





.nav-links a {
  text-decoration: none;
  background-color: #153651;
  color: #fff;
  margin-left: 10px;
  padding: 8px 16px; /* slightly bigger */
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}

.nav-links a:hover {
  background-color: #0f2740;
  text-decoration: underline;
  transform: scale(1.05);
}





@media (max-width: 768px) {
  .header-container { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 40px; box-sizing: border-box; }
  .nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
  .nav-links a { display: inline-block; margin: 5px 15px 0 0; }
  .site-logo { height: 100px; max-height: 100px; width: auto; object-fit: contain; }
  .site-title { font-size: 1.5rem; }
}


/* === Central Logo Banner === */
.logo-banner {
  background-color: #D2EAFE; /* exact pale blue from logo background */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  margin: 0;
}

.logo-banner img {
  height: auto;
  max-height: 250px;
  width: auto;
}

/* === Forced Flex Layout Override for Deals Page === */
.deal-layout {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 35px !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
}

.deal-left {
  flex: 0 0 720px !important;
  max-width: 720px !important;
}

.deal-right {
  flex: 0 0 35% !important;
  max-width: 35% !important;
  align-self: flex-start !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}



/* Predicted earnings section on deal page */
.earnings-section{
  margin-top:24px;
  background:#ffffff;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(16,40,80,.08);
  padding:16px 18px 18px;
}
.earnings-heading{
  margin:0 0 8px;
  font-size:1.05rem;
  color:#0f2b5b;
}
.earnings-subtitle{
  margin:0 0 12px;
  font-size:0.85rem;
  color:#4a5b73;
}
.earnings-chart{
  display:flex;
  align-items:flex-end;
  gap:10px;
  height:150px;
  margin-top:4px;
}
.earnings-bar{
  flex:1;
  border-radius:6px 6px 0 0;
  background:linear-gradient(to top,#153651,#7fb4da);
  position:relative;
}
.earnings-bar span{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:0.75rem;
  color:#0f2b5b;
}
.earnings-x-labels{
  margin-top:8px;
  display:flex;
  justify-content:space-between;
  font-size:0.75rem;
  color:#4a5b73;
}
.earnings-notes{
  margin-top:10px;
  font-size:0.8rem;
  color:#4a5b73;
}
.earnings-timeline{
  margin-top:4px;
}
.earnings-steps{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-top:10px;
}
.earnings-step{
  flex:1;
  text-align:center;
}
.earnings-step-circle{
  width:18px;
  height:18px;
  border-radius:50%;
  margin:0 auto 6px;
  background:#153651;
}
.earnings-step-label{
  font-size:0.8rem;
  font-weight:500;
  color:#0f2b5b;
}
.earnings-step-caption{
  margin-top:4px;
  font-size:0.75rem;
  color:#4a5b73;
}

/* Extra bottom space for deal page */
.deal-layout{padding-bottom:40px;}
#earnings-section{margin-bottom:40px;}