/* Homepage-specific layer
   Shared system styles live in /assets/css/base.css */

.gg-hero{
  min-height:calc(100vh - var(--gg-header-h));
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:36px;
  align-items:center;
  padding:110px 0 86px;
}

.gg-copy{
  max-width:720px;
}

.gg-title{
  font-size:clamp(3rem, 5.5vw, 6rem);
  max-width:10.5ch;
}

.gg-sub{
  max-width:62ch;
  font-size:1.08rem;
  margin:0 0 28px;
}

.hero-highlight-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:22px;
}

.hero-highlight-box{
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.038), rgba(255,255,255,0.022));
  border:1px solid rgba(255,255,255,0.06);
  transition:border-color .2s ease, transform .2s ease;
}

.hero-highlight-box:hover{
  border-color:rgba(255,255,255,0.14);
  transform:translateY(-1px);
}

.hero-highlight-label{
  display:block;
  font-size:.82rem;
  color:var(--gg-muted);
  margin-bottom:8px;
}

.section-emphasis{
  padding-top:8px;
}

.section-muted{
  position:relative;
}

.section-muted::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
  pointer-events:none;
}

.featured-grid .tool-card{
  min-height:228px;
}

.seo-card p{
  margin:0;
}

.seo-card p + p{
  margin-top:14px;
}

@media (max-width: 980px){
  .gg-hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding:98px 0 72px;
  }
}

@media (max-width: 760px){
  .gg-title{
    font-size:clamp(2.5rem, 12vw, 4.4rem);
  }
}