.la-shell{
  display:grid;
  gap:28px;
}

.la-tool-shell{
  display:grid;
  gap:18px;
}

.la-hero{
  padding:32px;
  display:grid;
  gap:14px;
}

.la-tool-hero{
  padding:28px 30px;
}

.la-hero-note{
  margin:0;
  max-width:70ch;
  color:var(--text-soft);
}

.la-section-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.la-section-nav-link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--glass-strong);
  background:rgba(255,255,255,.025);
  color:var(--text-soft);
  text-decoration:none;
  font-size:.88rem;
  font-weight:600;
  transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);
}

.la-section-nav-link:hover{
  color:var(--text);
  border-color:color-mix(in srgb, var(--accent-2) 26%, var(--glass-strong));
  background:rgba(255,255,255,.04);
  transform:translateY(-1px);
}

.la-section-nav-link.is-active{
  color:var(--text);
  border-color:color-mix(in srgb, var(--accent-2) 30%, var(--glass-strong));
  background:rgba(255,255,255,.05);
}

.light-theme .la-section-nav-link{
  background:rgba(255,255,255,.78);
}

.light-theme .la-section-nav-link:hover{
  background:rgba(255,255,255,.92);
}

.la-section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  justify-content:space-between;
  gap:10px 22px;
}

.la-section-kicker{
  margin:0 0 8px;
  font-size:.76rem;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:color-mix(in srgb, var(--accent-2) 54%, var(--text) 46%);
}

.la-section-title{
  margin:0;
  font-size:1.45rem;
  line-height:1.12;
}

.la-section-copy{
  margin:0;
  max-width:48ch;
  color:var(--muted);
}

.la-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
}

.la-card,
.la-detail-card{
  display:grid;
  gap:16px;
  align-content:start;
  min-height:100%;
}

.la-card{
  padding:26px;
  text-decoration:none;
  color:inherit;
  border-color:color-mix(in srgb, var(--glass-strong) 84%, var(--accent-2) 16%);
  grid-template-rows:auto auto 1fr auto;
}

.la-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--accent-2) 32%, var(--glass-strong));
  box-shadow:var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.04);
}

.light-theme .la-card:hover{
  box-shadow:var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.92);
}

.la-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.la-card-kicker{
  margin:0;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:color-mix(in srgb, var(--accent-2) 54%, var(--text) 46%);
}

.la-card-title{
  margin:0;
  font-size:1.4rem;
  line-height:1.14;
}

.la-card-copy{
  margin:0;
  color:var(--muted);
  max-width:34ch;
}

.la-card-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid var(--glass-strong);
  color:var(--text-soft);
  background:rgba(255,255,255,.02);
  transition:transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

.la-card:hover .la-card-arrow{
  transform:translateX(2px);
  color:var(--text);
  border-color:color-mix(in srgb, var(--accent-2) 28%, var(--glass-strong));
  background:rgba(255,255,255,.04);
}

.la-card-footer{
  padding-top:2px;
}

.la-card-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:650;
  color:var(--text);
}

.la-detail-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

.la-card .btn,
.la-detail-card .btn{
  margin-top:8px;
  justify-self:start;
}

@media (max-width:900px){
  .la-section-head,
  .la-grid,
  .la-detail-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .la-hero,
  .la-card,
  .la-detail-card{
    padding:20px;
  }

  .la-tool-hero{
    padding:20px;
  }

  .la-shell{
    gap:22px;
  }

  .la-section-title{
    font-size:1.28rem;
  }
}