:root{
  --home-shell-pad: 18px;
}

/* Index (prototype-v5) glass layout */
.home-hero{
  min-height: 620px;
  display:flex;
  align-items:stretch;
}

.home-hero__overlay{
  background: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.28));
}

.home-shell{
  position: relative;
  z-index: 2;
  margin-top: 18px;
  margin-bottom: 0px;
  padding: var(--home-shell-pad);
  border-radius: 28px;
  /* slightly more transparent than default glass for hero readability */
  background: rgba(255,255,255,0.16);
}

.home-shell__nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.20);
}

.home-shell__brand{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 190px;
}

.home-shell__logo{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  box-shadow: none;
  border: 1px solid rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.10);
}

.home-shell__name{
  font-weight: 900;
  letter-spacing: .2px;
}

.home-shell__links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 18px;
  flex: 1;
}

.home-shell__links a{
  color: rgba(255,255,255,0.92);
  font-weight: 850;
  text-shadow: 0 10px 18px rgba(0,0,0,0.25);
}

.home-shell__links a[aria-current="page"]{ opacity: 1; }
.home-shell__links a:not([aria-current="page"]){ opacity: .9; }

.home-shell__hamburger{
  position: static;
  top: auto;
  right: auto;
}

.home-shell__body{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap: 18px;
  padding-top: 18px;
  height: calc(100% - 58px);
}

.home-shell__hero{
  max-width: 620px;
  padding-top: 10px;
}

.home-shell__headline{
  margin: 0;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.03;
  font-weight: 950;
  letter-spacing: -0.5px;
  color: rgba(255,255,255,0.96);
  text-shadow: 0 20px 44px rgba(0,0,0,0.35);
}

.home-shell__subhead{
  margin: 12px 0 0;
  max-width: 520px;
  font-weight: 850;
  color: rgba(255,255,255,0.86);
  text-shadow: 0 20px 44px rgba(0,0,0,0.35);
}

.home-shell__ctaRow{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 6px;
}

.home-shell__ctaRow .btn{
  white-space: nowrap;
}

.home-shell__cards{
  align-items: stretch;
}

.home-feature{
  display:flex;
  flex-direction:column;
  gap: 12px;
  min-height: 180px;
  transition: transform .15s var(--ease), filter .15s var(--ease);
}

.home-feature:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
}

.home-feature__icon{
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  /* Brighter highlight behind the icon only */
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(0,0,0,0.10);
}

/* Responsive */
@media (max-width: 860px){
  .home-shell__links{ display:none; }
  .home-shell__body{ height: auto; }
}

@media (max-width: 900px){
  .home-shell__cards a{ grid-column: span 12 !important; }
}


/* Separate the 3 CTA cards visually (remove the "connected" look) */
.home-shell__cards.cube-grid{
  gap: 24px;
}
.home-shell__cards .home-feature{
  margin: 0;
  isolation: isolate;
}

.index-footer-fill{background-image:var(--home-hero-bg, url("../assets/backgrounds/placeholder-black.png"));background-size:cover;background-position:center bottom;opacity:.98;}

body[data-page="home"] .hero__bg{object-fit:cover; object-position:center center;}
body[data-page="home"] .home-shell__headline, body[data-page="home"] .home-shell__subhead, body[data-page="home"] .home-shell__name{text-align:center !important;}