
/* Seaweed Futures Homepage V6 */
.v6-hero{
  position:relative;
  min-height:760px;
  overflow:hidden;
  display:grid;
  align-items:center;
  background:#06111f;
}
.v6-hero-media{
  position:absolute;
  inset:0;
}
.v6-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:brightness(.72) saturate(.92);
}
.v6-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,10,20,.94) 0%,rgba(3,10,20,.78) 38%,rgba(3,10,20,.20) 72%,rgba(3,10,20,.06) 100%);
}
.v6-hero-copy{
  position:relative;
  z-index:2;
  width:min(720px,calc(100% - 64px));
  margin-left:max(32px,calc((100vw - 1320px)/2));
  padding:90px 0;
}
.v6-hero-copy h1{
  font-size:clamp(46px,6vw,88px);
  line-height:.97;
  margin:12px 0 22px;
  letter-spacing:-.04em;
}
.v6-hero-copy p{
  max-width:680px;
  font-size:20px;
}
.section-intro{max-width:760px}
.v6-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.v6-category-card{
  display:block;
  padding:26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  color:inherit;
  text-decoration:none;
  min-height:220px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.v6-category-card:hover{
  transform:translateY(-4px);
  border-color:rgba(98,180,64,.7);
  background:rgba(255,255,255,.085);
}
.v6-icon{
  display:block;
  font-size:36px;
  margin-bottom:18px;
}
.v6-category-card h3{margin:0 0 10px}
.v6-value-section{
  display:grid;
  grid-template-columns:.8fr 1.6fr;
  gap:40px;
  align-items:start;
}
.v6-value-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.v6-value-grid article{
  padding:24px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.045);
}
.v6-value-grid strong{font-size:20px}
.v6-future-strip{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,rgba(9,44,48,.72),rgba(10,23,39,.95));
}
.v6-future-strip>div{max-width:850px}

@media(max-width:1000px){
  .v6-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v6-value-section{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v6-hero{
    min-height:auto;
    display:block;
  }
  .v6-hero-media{
    position:relative;
    height:42vh;
    min-height:330px;
  }
  .v6-hero-media:after{
    background:linear-gradient(180deg,rgba(3,10,20,.05),rgba(3,10,20,.68));
  }
  .v6-hero-copy{
    width:auto;
    margin:0;
    padding:32px 20px 44px;
  }
  .v6-hero-copy h1{font-size:44px}
  .v6-hero-copy p{font-size:17px}
  .v6-category-grid{grid-template-columns:1fr}
  .v6-value-grid{grid-template-columns:1fr}
  .v6-future-strip{display:block}
  .v6-future-strip .btn{margin-top:18px}
}
