/* =========================================================
   GLOBAL HOME REFINEMENT
   ========================================================= */

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}


/* =========================================================
   HEADER — PROFESSIONAL FINAL LAYER
   Existing navigation logic remains untouched.
   ========================================================= */

.navbar{
  min-height:72px !important;

  padding:
    7px
    clamp(10px,2vw,24px)
    !important;

  border-bottom:
    1px solid
    rgba(80,120,190,.14)
    !important;

  box-shadow:
    0 8px 28px
    rgba(13,24,48,.10)
    !important;

  backdrop-filter:
    blur(18px)
    saturate(145%)
    !important;
}


.logo-container{
  border-radius:15px !important;

  box-shadow:
    0 8px 24px
    rgba(31,75,140,.11)
    !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease
    !important;
}


.logo-container:hover{
  transform:
    translateY(-1px);

  box-shadow:
    0 11px 28px
    rgba(31,75,140,.16)
    !important;
}


.nav-links{
  align-items:center;
  gap:5px;
}


.nav-links > a{
  border-radius:10px;

  padding:
    8px
    10px;

  font-size:12px;
  font-weight:750;

  line-height:1.2;

  transition:
    background .22s ease,
    transform .22s ease,
    color .22s ease;
}


.nav-links > a:hover{
  transform:
    translateY(-1px);
}


/* =========================================================
   C6 CARDS — PREMIUM READABILITY
   ========================================================= */

.bh-c6-section{
  width:
    min(
      1220px,
      calc(100% - 32px)
    ) !important;

  margin-top:
    42px !important;
}


.bh-c6-main-head{
  max-width:
    920px !important;

  margin-bottom:
    25px !important;
}


.bh-c6-main-head h2{
  margin:
    11px
    0
    9px
    !important;

  font-size:
    clamp(
      30px,
      4vw,
      44px
    )
    !important;

  line-height:
    1.08 !important;

  letter-spacing:
    -.025em;
}


.bh-c6-main-head .bh-c6-subtitle{
  max-width:820px;

  margin:
    0
    auto;

  font-size:
    15px !important;

  line-height:
    1.55 !important;

  font-weight:
    750 !important;
}


.bh-c6-main-head .bh-c6-body{
  max-width:
    820px !important;

  margin:
    10px
    auto
    0
    !important;

  font-size:
    14px !important;

  line-height:
    1.72 !important;

  color:
    rgba(255,255,255,.68)
    !important;
}


.bh-c6-group{
  position:relative;

  overflow:hidden;

  margin-top:
    20px !important;

  padding:
    clamp(
      20px,
      2.5vw,
      30px
    )
    !important;

  border-radius:
    24px !important;

  border:
    1px solid
    rgba(90,150,220,.14)
    !important;

  background:
    linear-gradient(
      145deg,
      rgba(15,25,45,.97),
      rgba(8,15,30,.97)
    )
    !important;

  box-shadow:
    0 24px 65px
    rgba(0,0,0,.22)
    !important;
}


.bh-c6-group::before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:3px;

  background:
    linear-gradient(
      90deg,
      #60f8a0,
      #20ecf0,
      #27b9fd,
      #733efd,
      #f5c51e
    );

  opacity:.75;
}


.bh-c6-group-head{
  gap:
    22px !important;

  margin-bottom:
    22px !important;
}


.bh-c6-group-copy h3{
  margin:
    9px
    0
    6px
    !important;

  font-size:
    clamp(
      23px,
      2.6vw,
      31px
    )
    !important;

  line-height:
    1.15 !important;

  letter-spacing:
    -.015em;
}


.bh-c6-group-copy .bh-c6-subtitle{
  font-size:
    13px !important;

  line-height:
    1.55 !important;

  font-weight:
    750 !important;

  color:
    #adbed0 !important;
}


.bh-c6-group-copy .bh-c6-body{
  max-width:
    840px !important;

  margin-top:
    9px !important;

  font-size:
    13px !important;

  line-height:
    1.7 !important;

  color:
    #97aabd !important;
}


.bh-c6-badge{
  padding:
    6px
    11px
    !important;

  font-size:
    10px !important;

  line-height:
    1.15;

  letter-spacing:
    .085em !important;
}


.bh-c6-cta{
  min-height:
    42px !important;

  padding:
    9px
    15px
    !important;

  border-radius:
    12px !important;

  font-size:
    11.5px !important;

  box-shadow:
    0 8px 20px
    rgba(0,190,255,.08);
}


/*
 Market = 4 cards → premium 2×2.
 Better readability than four narrow cards.
*/

.bh-c6-grid{
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    )
    !important;

  gap:
    16px !important;
}


/*
 Custom = 6 cards → 3×2.
*/

.bh-c6-grid.custom{
  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    )
    !important;
}


.bh-c6-card{
  isolation:isolate;

  min-height:
    190px;

  padding:
    21px
    20px
    20px
    !important;

  border-radius:
    19px !important;

  box-shadow:
    0 12px 28px
    rgba(0,0,0,.13);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}


.bh-c6-card::before{
  height:
    3px !important;
}


.bh-c6-card::after{
  content:"";

  position:absolute;

  width:115px;
  height:115px;

  right:-45px;
  top:-45px;

  border-radius:50%;

  background:
    var(
      --c6-accent,
      #20ecf0
    );

  filter:
    blur(42px);

  opacity:.065;

  z-index:-1;
}


.bh-c6-card:hover{
  transform:
    translateY(-5px);

  box-shadow:
    0 20px 42px
    rgba(0,0,0,.20);

  border-color:
    var(
      --c6-accent,
      #20ecf0
    );
}


.bh-c6-card h4{
  margin:
    11px
    0
    7px
    !important;

  font-size:
    clamp(
      17px,
      1.4vw,
      19px
    )
    !important;

  line-height:
    1.3 !important;

  letter-spacing:
    -.01em;
}


.bh-c6-card-subtitle{
  font-size:
    12.5px !important;

  line-height:
    1.55 !important;

  font-weight:
    750 !important;

  color:
    #9fb2c6 !important;
}


.bh-c6-card-body{
  margin-top:
    11px !important;

  font-size:
    13.5px !important;

  line-height:
    1.7 !important;

  color:
    #bdcad8 !important;
}


.bh-c6-list{
  margin-top:
    12px !important;
}


.bh-c6-list li{
  margin:
    8px
    0
    !important;

  padding-left:
    20px !important;

  font-size:
    13px !important;

  line-height:
    1.62 !important;

  color:
    #bac8d7 !important;
}


.bh-c6-list li::before{
  top:
    1px;

  font-size:
    12px;
}


/* =========================================================
   SHARE CENTER
   ========================================================= */

.bh-c7-share{
  width:
    min(
      1180px,
      calc(100% - 32px)
    );

  margin:
    44px
    auto;

  padding:
    clamp(
      23px,
      3vw,
      34px
    );

  position:relative;

  overflow:hidden;

  border:
    1px solid
    rgba(90,150,220,.16);

  border-radius:
    26px;

  background:
    linear-gradient(
      145deg,
      rgba(12,22,40,.98),
      rgba(8,14,28,.98)
    );

  box-shadow:
    0 25px 65px
    rgba(0,0,0,.20);
}


.bh-c7-share::before{
  content:"";

  position:absolute;

  inset:
    0
    0
    auto
    0;

  height:
    3px;

  background:
    linear-gradient(
      90deg,
      #60f8a0,
      #20ecf0,
      #27b9fd,
      #733efd,
      #f5582e,
      #f5c51e
    );
}


.bh-c7-share-head{
  max-width:
    850px;

  margin:
    0
    auto
    25px;

  text-align:center;
}


.bh-c7-share-head h2{
  margin:
    10px
    0
    7px;

  font-size:
    clamp(
      27px,
      4vw,
      40px
    );

  line-height:
    1.12;

  font-weight:
    950;

  background:
    linear-gradient(
      100deg,
      #60f8a0,
      #20ecf0,
      #27b9fd,
      #1c54e5,
      #733efd,
      #f5582e,
      #f5c51e
    );

  -webkit-background-clip:text;
  background-clip:text;

  -webkit-text-fill-color:
    transparent;

  color:transparent;
}


.bh-c7-share-head .sub{
  color:#b8c7d6;

  font-size:
    14px;

  line-height:
    1.6;

  font-weight:
    750;
}


.bh-c7-share-head .body{
  margin:
    8px
    auto
    0;

  color:#92a6bb;

  font-size:
    13px;

  line-height:
    1.7;
}


.bh-c7-share-grid{
  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:
    18px;
}


.bh-c7-product{
  --share-accent:#20ecf0;

  position:relative;

  overflow:hidden;

  padding:
    23px;

  min-width:0;

  border:
    1px solid
    rgba(255,255,255,.09);

  border-radius:
    21px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.018)
    );

  box-shadow:
    0 14px 35px
    rgba(0,0,0,.14);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}


.bh-c7-product[data-theme="success"]{
  --share-accent:#60f8a0;
}


.bh-c7-product[data-theme="info"]{
  --share-accent:#27b9fd;
}


.bh-c7-product[data-theme="warning"]{
  --share-accent:#f5c51e;
}


.bh-c7-product[data-theme="premium"]{
  --share-accent:#9b63ff;
}


.bh-c7-product::before{
  content:"";

  position:absolute;

  left:0;
  top:0;

  width:100%;
  height:3px;

  background:
    var(--share-accent);
}


.bh-c7-product::after{
  content:"";

  position:absolute;

  width:170px;
  height:170px;

  right:-70px;
  top:-70px;

  border-radius:50%;

  background:
    var(--share-accent);

  filter:
    blur(55px);

  opacity:.08;

  pointer-events:none;
}


.bh-c7-product:hover{
  transform:
    translateY(-5px);

  border-color:
    color-mix(
      in srgb,
      var(--share-accent) 45%,
      transparent
    );

  box-shadow:
    0 22px 45px
    rgba(0,0,0,.19);
}


.bh-c7-product-top{
  display:flex;

  align-items:flex-start;

  gap:
    14px;
}


.bh-c7-product-icon{
  flex:
    0
    0
    48px;

  width:
    48px;

  height:
    48px;

  display:grid;

  place-items:center;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--share-accent) 35%,
      transparent
    );

  border-radius:
    15px;

  background:
    color-mix(
      in srgb,
      var(--share-accent) 10%,
      transparent
    );

  font-size:
    22px;
}


.bh-c7-product-title{
  margin:
    8px
    0
    5px;

  color:#f2f8ff;

  font-size:
    clamp(
      19px,
      2vw,
      23px
    );

  line-height:
    1.25;

  font-weight:
    900;
}


.bh-c7-product-sub{
  color:#a4b7ca;

  font-size:
    12px;

  line-height:
    1.55;

  font-weight:
    750;
}


.bh-c7-share-preview{
  margin-top:
    17px;

  padding:
    13px
    14px;

  border-left:
    3px solid
    var(--share-accent);

  border-radius:
    0
    11px
    11px
    0;

  background:
    rgba(255,255,255,.025);

  color:#b7c6d5;

  font-size:
    12.5px;

  line-height:
    1.65;
}


.bh-c7-product-media{
  margin-top:
    15px;
}


.bh-c7-product-media img{
  display:block;

  width:100%;

  max-height:
    210px;

  object-fit:cover;

  border-radius:
    13px;
}


.bh-c7-actions{
  display:flex;

  flex-wrap:wrap;

  gap:
    8px;

  margin-top:
    18px;
}


.bh-c7-share-btn{
  appearance:none;

  border:
    1px solid
    rgba(255,255,255,.10);

  min-height:
    39px;

  padding:
    8px
    12px;

  border-radius:
    11px;

  background:
    rgba(255,255,255,.045);

  color:#eef7ff;

  font:inherit;

  font-size:
    11px;

  font-weight:
    850;

  cursor:pointer;

  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease;
}


.bh-c7-share-btn:hover{
  transform:
    translateY(-2px);

  border-color:
    var(--share-accent);

  background:
    rgba(255,255,255,.075);
}


.bh-c7-product-link{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:
    40px;

  margin-top:
    14px;

  padding:
    8px
    13px;

  border-radius:
    11px;

  background:
    color-mix(
      in srgb,
      var(--share-accent) 13%,
      transparent
    );

  border:
    1px solid
    color-mix(
      in srgb,
      var(--share-accent) 30%,
      transparent
    );

  color:#f2fbff;

  font-size:
    11px;

  font-weight:
    900;

  text-decoration:none;
}


.bh-c7-status{
  display:none;

  padding:
    12px;

  text-align:center;

  border:
    1px solid
    rgba(245,197,30,.22);

  border-radius:
    12px;

  color:#f3d66a;

  background:
    rgba(245,197,30,.055);

  font-size:
    12px;
}


.bh-c7-status.show{
  display:block;
}


/* =========================================================
   FOOTER PREMIUM POLISH
   ========================================================= */

.footer{
  border-top:
    1px solid
    rgba(80,130,200,.12)
    !important;

  box-shadow:
    0 -12px 35px
    rgba(0,0,0,.06);
}


.footer-content{
  max-width:
    1280px
    !important;

  gap:
    18px
    !important;

  padding-left:
    18px;

  padding-right:
    18px;
}


.footer-section{
  min-width:0;

  padding:
    16px
    14px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius:
    16px;

  background:
    rgba(255,255,255,.018);
}


.footer-section h4{
  margin-bottom:
    14px
    !important;

  font-size:
    14px
    !important;

  line-height:
    1.35
    !important;
}


.footer-section p,
.footer-section a{
  font-size:
    12px
    !important;

  line-height:
    1.65
    !important;

  margin-bottom:
    8px
    !important;
}


.bh-home-footer-section-label{
  margin:
    10px
    0
    7px
    !important;

  font-size:
    9.5px
    !important;

  letter-spacing:
    .08em
    !important;
}


.bh-market-risk{
  max-width:
    1240px;

  margin:
    24px
    auto
    0
    !important;

  padding:
    13px
    16px
    !important;

  border-radius:
    13px
    !important;

  font-size:
    11px
    !important;

  line-height:
    1.65
    !important;
}


.footer-bottom{
  max-width:
    1240px;

  margin-left:auto;
  margin-right:auto;

  line-height:
    1.65;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1000px){

  .bh-c6-grid,
  .bh-c6-grid.custom{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )
      !important;
  }

}


@media(max-width:720px){

  .bh-c7-share-grid{
    grid-template-columns:
      1fr;
  }

}


@media(max-width:619px){

  .bh-c6-section,
  .bh-c7-share{
    width:
      calc(
        100% - 18px
      )
      !important;
  }


  .bh-c6-grid,
  .bh-c6-grid.custom{
    grid-template-columns:
      1fr
      !important;
  }


  .bh-c6-card{
    min-height:0;

    padding:
      19px
      !important;
  }


  .bh-c6-card h4{
    font-size:
      18px
      !important;
  }


  .bh-c6-card-subtitle{
    font-size:
      13px
      !important;
  }


  .bh-c6-card-body,
  .bh-c6-list li{
    font-size:
      14px
      !important;
  }


  .bh-c7-share{
    padding:
      19px
      15px;
  }


  .bh-c7-product{
    padding:
      19px
      16px;
  }


  .bh-c7-actions{
    display:grid;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  .bh-c7-share-btn{
    width:100%;
  }


  .footer-section{
    padding:
      14px
      12px;
  }

}